@charset "UTF-8";
/* Scss Document */
/* Scss Document  */
/* RESET */
/* Scss Document */
/* RESET HTML5 STUFF TO BE IMPORTED */
/* ----- compressed html5 reset style sheet ----- */
/* line 9, S:/files/css/Global stack/utility/_reset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
audio:not([controls]) {
  display: none;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
[hidden] {
  display: none;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
body {
  margin: 0;
  font-size: 14px;
  line-height: 1.231;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
body, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
a {
  color: #00e;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
a:visited {
  color: #551a8b;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
a:hover {
  color: #06e;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
a:focus {
  outline: thin dotted;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
a:hover, a:active {
  outline: 0;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
b, strong {
  font-weight: bold;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
blockquote {
  margin: 1em 40px;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
dfn {
  font-style: italic;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
pre, code, kbd, samp {
  font-family: monospace,monospace;
  _font-family: 'courier new',monospace;
  font-size: 1em;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
q {
  quotes: none;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
q:before, q:after {
  content: "";
  content: none;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
small {
  font-size: 85%;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
sup {
  top: -0.5em;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
sub {
  bottom: -0.25em;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
h1, h2, h3, h4, p {
  margin-top: 0px;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 30px;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
dd {
  margin: 0 0 0 40px;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
figure {
  margin: 0;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
form {
  margin: 0;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
label {
  cursor: pointer;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
legend {
  border: 0;
  padding: 0;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
button, input {
  line-height: normal;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
td {
  vertical-align: top;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
hr {
  visibility: hidden;
  background: none;
  overflow: hidden;
  display: block;
  font-size: 0;
  clear: both;
  float: none;
  padding: 0;
  border: 0;
  margin: 0;
  height: 0;
  width: 0;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
.float-left {
  float: left;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
.float-right {
  float: right;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
.ir br {
  display: none;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
#main-content .hidden {
  display: none !important;
  visibility: hidden;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
.invisible {
  visibility: hidden;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
.clearfix:after {
  clear: both;
}

/* line 9, S:/files/css/Global stack/utility/_reset.scss */
.clearfix {
  zoom: 1;
}

@media print {
  /* line 9, S:/files/css/Global stack/utility/_reset.scss */
  a:visited {
    text-decoration: underline;
  }
  /* line 9, S:/files/css/Global stack/utility/_reset.scss */
  a[href]:after {
    content: "(" attr(href) ")";
  }
  /* line 9, S:/files/css/Global stack/utility/_reset.scss */
  abbr[title]:after {
    content: "(" attr(title) ")";
  }
  /* line 9, S:/files/css/Global stack/utility/_reset.scss */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  /* line 9, S:/files/css/Global stack/utility/_reset.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /* line 9, S:/files/css/Global stack/utility/_reset.scss */
  thead {
    display: table-header-group;
  }
  /* line 9, S:/files/css/Global stack/utility/_reset.scss */
  tr, img {
    page-break-inside: avoid;
  }
  /* line 9, S:/files/css/Global stack/utility/_reset.scss */
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  /* line 9, S:/files/css/Global stack/utility/_reset.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  /* line 9, S:/files/css/Global stack/utility/_reset.scss */
  h2, h3 {
    page-break-after: avoid;
  }
}

/* global rule for all media to bring down to size */
/* line 12, S:/files/css/Global stack/utility/_reset.scss */
img, video {
  height: auto !important;
  max-width: 100%;
}

/* take weird unwanted round corners and shadow off input boxes */
/* line 15, S:/files/css/Global stack/utility/_reset.scss */
input[type=text] {
  -webkit-appearance: none;
  border-radius: 0;
}

/* get rid of blue border on safari inputs */
/* line 18, S:/files/css/Global stack/utility/_reset.scss */
input[type=text]:focus, input[type=password]:focus {
  outline: 0 none;
}

/* transition easter egg */
/* line 21, S:/files/css/Global stack/utility/_reset.scss */
#main-content a, #main-content div, #main-content article, #main-content article section, #main-content aside, #microsite-markets * {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

/* set the default box-sizing on all elenents*/
/* line 24, S:/files/css/Global stack/utility/_reset.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 25, S:/files/css/Global stack/utility/_reset.scss */
body, html {
  height: 100%;
  width: 100%;
}

/* CLEARFIX */
/* line 28, S:/files/css/Global stack/utility/_reset.scss */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* line 36, S:/files/css/Global stack/utility/_reset.scss */
* html .clearfix {
  zoom: 1;
}

/* IE6 */
/* line 37, S:/files/css/Global stack/utility/_reset.scss */
*:first-child + html .clearfix {
  zoom: 1;
}

/* IE7 */
/* ALL VARIABLES */
/* NEW BRAND */
/* PASSES WCAG AA FOR SMALL TEXT DARKENED BY 7.16% = #008670 */
/* fonts */
/* brand hls */
/* brand hss */
/* brand se */
/* corporate support colors*/
/* base */
/* typography headings */
/* Course search */
/* news */
/* COLOUR */
/* base */
/* recruitment */
/* Study with Liverpool */
/* Our research */
/* About us */
/* Course page*/
/* News */
/* classified */
/* FF883d E6B726 EABC04 EACE04 EAC804 F87E36 FF883E FF844C FF894C DDC32C DDC726 85C870 BC3A46 FDBB38 ACD94E EDCE0A cf5d5d ff8456  */
/* Events */
/* Landing pages */
/* Departments */
/* global feature */
/* warnings */
/* side navigation */
/* transparencies */
/* shadows */
/* ALL MIXINS */
/* Scss Document */
/* SOCIAL MEDIA BLACK ICONS */
/* COLOR RESET FOR DEPARTMENTS */
/* FONTS */
/*@import 'utility/fonts';*/
/* SPACING */
/* line 3, S:/files/css/Global stack/utility/_course-spacing.scss */
.card-group-margin {
  margin-bottom: 2.75rem !important;
  margin-bottom: clamp(1.5rem, 2.75vw, 2.75rem) !important;
}

/* line 8, S:/files/css/Global stack/utility/_course-spacing.scss */
.card-group-margin-top {
  margin-top: 2.75rem !important;
  margin-top: clamp(1.5rem, 2.75vw, 2.75rem) !important;
}

/* FIXED */
/* line 1, S:/files/css/Global stack/utility/_fixed.scss */
.fixed {
  position: fixed;
  right: 0;
  left: 0;
}

/* line 7, S:/files/css/Global stack/utility/_fixed.scss */
.fixed.bottom {
  bottom: 0;
}

/* line 11, S:/files/css/Global stack/utility/_fixed.scss */
.fixed.top {
  top: 0;
}

/* FIXED ON MOBILE */
/* line 3, S:/files/css/Global stack/utility/_fixed-on-mobile.scss */
.fixed-on-mobile {
  position: fixed;
  right: 0;
  left: 0;
}

/* line 8, S:/files/css/Global stack/utility/_fixed-on-mobile.scss */
.fixed-on-mobile.bottom {
  bottom: 0;
}

/* line 11, S:/files/css/Global stack/utility/_fixed-on-mobile.scss */
.fixed-on-mobile.top {
  top: 0;
}

/* line 15, S:/files/css/Global stack/utility/_fixed-on-mobile.scss */
#academic-subjects.course aside.fixed-on-mobile {
  width: 35% !important;
  margin: auto;
}

@media screen and (max-width: 769px) {
  /* line 21, S:/files/css/Global stack/utility/_fixed-on-mobile.scss */
  #academic-subjects.course aside.fixed-on-mobile {
    width: 100% !important;
  }
}

/* ABSOLUTE */
/* Scss Document */
/* line 3, S:/files/css/Global stack/utility/_absolute.scss */
.absolute {
  position: absolute;
  left: 0;
  right: 0;
}

/* line 9, S:/files/css/Global stack/utility/_absolute.scss */
.abolute.bottom {
  bottom: 0;
}

/* line 14, S:/files/css/Global stack/utility/_absolute.scss */
.abolute.top {
  top: 0;
}

/* Scss Document */
/* BASIC STYLED SELECTORS */
/* Scss Document */
/* line 3, S:/files/css/Global stack/composition/_base.scss */
html {
  background-color: #fff;
}

/* line 7, S:/files/css/Global stack/composition/_base.scss */
body {
  height: 100%;
  width: 100%;
  color: #333f48;
  counter-reset: item;
}

/* line 14, S:/files/css/Global stack/composition/_base.scss */
img {
  max-width: 100%;
  margin-bottom: 0.77em;
  height: auto !important;
}

/* line 19, S:/files/css/Global stack/composition/_base.scss */
figcaption {
  border-left: none;
  font-family: "poppins", sans-serif;
  font-size: 85%;
  padding-left: 0;
  padding-bottom: 1em;
  margin-top: 0.77em;
  margin-bottom: 0.77em;
  line-height: 1.45em;
  color: #333f48;
}

/* line 32, S:/files/css/Global stack/composition/_base.scss */
a {
  color: #212b58;
  font-weight: 700;
  text-underline-offset: 0.25rem;
  text-decoration-color: #212b58;
  text-decoration: underline dotted;
  text-decoration-thickness: 0;
}

/* line 41, S:/files/css/Global stack/composition/_base.scss */
a:hover {
  color: #212b58;
  text-decoration: underline solid;
  text-decoration-thickness: 0;
}

/* line 47, S:/files/css/Global stack/composition/_base.scss */
a:visited {
  color: #212b58;
}

/* line 51, S:/files/css/Global stack/composition/_base.scss */
ul {
  margin-bottom: 0.77em;
  margin: 0;
  padding: 0;
  margin-left: 1.4em;
  margin-bottom: 1em;
}

/* line 60, S:/files/css/Global stack/composition/_base.scss */
li {
  color: #333f48;
  line-height: 1.45em;
  margin-bottom: 0.5em;
  font-size: 100%;
  letter-spacing: 0.0125em;
  font-family: "poppins", sans-serif;
  list-style-type: none;
}

/* line 70, S:/files/css/Global stack/composition/_base.scss */
#main-content ul li::before, #toggle-view ul li::before {
  content: counter(li);
  content: "•";
  color: #333f48;
  display: inline-block;
  width: 0.35em;
  margin-left: -0.35em;
  font-size: clamp(2rem, 3vw, 3rem);
  position: relative;
  top: -0.15rem;
  left: -5px;
  vertical-align: middle;
}

/* line 84, S:/files/css/Global stack/composition/_base.scss */
ol {
  padding-left: 5%;
}

/* line 86, S:/files/css/Global stack/composition/_base.scss */
ol li::before {
  display: none;
}

/* line 89, S:/files/css/Global stack/composition/_base.scss */
ol li {
  list-style-type: decimal;
  background: none;
  padding-left: 1%;
}

/* line 93, S:/files/css/Global stack/composition/_base.scss */
ol li ul {
  margin-left: 5%;
  padding-top: 0.5em;
}

/* line 96, S:/files/css/Global stack/composition/_base.scss */
ol li ul li {
  list-style-type: circle;
  list-style-position: outside;
}

/* line 100, S:/files/css/Global stack/composition/_base.scss */
ol li ul li::before {
  display: none !important;
}

/* line 107, S:/files/css/Global stack/composition/_base.scss */
dl {
  padding-left: 0;
  margin-top: 0;
}

/* line 111, S:/files/css/Global stack/composition/_base.scss */
dt {
  margin-bottom: 0.55em;
  font-family: "proxima-nova", arial, sans-serif;
  font-weight: 600;
  font-size: 120%;
  color: #212b58;
}

/* line 118, S:/files/css/Global stack/composition/_base.scss */
dd {
  margin: 0 0 1.33em;
}

/* line 122, S:/files/css/Global stack/composition/_base.scss */
hr {
  margin-top: 1.5em;
  border-top: 2px solid #021346;
  font-size: 100%;
  visibility: visible;
  width: 100%;
  height: 12px;
}

/* line 130, S:/files/css/Global stack/composition/_base.scss */
cite {
  font-style: normal;
  font-size: 85%;
  font-family: "poppins", sans-serif;
}

/* ADDRESS */
/* line 138, S:/files/css/Global stack/composition/_base.scss */
address {
  font-style: normal;
  padding-bottom: 1em;
  margin-bottom: 0.77em;
  line-height: 1.45em;
  font-family: "poppins", sans-serif;
}

/* line 146, S:/files/css/Global stack/composition/_base.scss */
pre {
  font-family: "poppins", sans-serif;
  padding-left: 15px;
  margin-bottom: 0.77em;
  width: 100%;
  float: left;
  line-height: 1.45em;
}

/* line 156, S:/files/css/Global stack/composition/_base.scss */
.ChatButton svg {
  left: 0;
  top: 0;
}

/* IFRAME */
/* line 164, S:/files/css/Global stack/composition/_base.scss */
iframe {
  margin-bottom: 0.77em;
}

/* BLOCKQUOTE */
/* line 170, S:/files/css/Global stack/composition/_base.scss */
blockquote {
  margin: 2em 0 2em;
  width: 90%;
}

/* line 173, S:/files/css/Global stack/composition/_base.scss */
blockquote p {
  font-size: clamp(1.1rem, 1.65vw, 1.65rem) !important;
  line-height: clamp(1.75rem, 2vw, 2.5rem) !important;
  quotes: "“" "”" "“" "”";
  color: #212b58;
  font-weight: 700;
}

/* line 180, S:/files/css/Global stack/composition/_base.scss */
blockquote p:after {
  content: close-quote;
  line-height: 0;
  left: 6px;
  position: relative;
  top: 30px;
  font-size: 3em;
  font-weight: normal;
}

/* line 189, S:/files/css/Global stack/composition/_base.scss */
blockquote p:before {
  content: open-quote;
  line-height: 0;
  left: -12px;
  position: relative;
  top: 30px;
  font-size: 3em;
  font-weight: normal;
  margin-right: -7px;
}

/* line 203, S:/files/css/Global stack/composition/_base.scss */
figure figcaption {
  display: block;
  margin-bottom: 0.77em;
}

/* line 209, S:/files/css/Global stack/composition/_base.scss */
figure:empty {
  display: none;
}

/* BASIC STRUCTURAL ELEMENTS */
/* Scss Document */
/* line 3, S:/files/css/Global stack/composition/_structure.scss */
.container, #container {
  max-width: 1400px;
  margin: 0 auto;
}

/* line 9, S:/files/css/Global stack/composition/_structure.scss */
.sign-in-container .universal-inner {
  height: auto;
}

/* line 14, S:/files/css/Global stack/composition/_structure.scss */
.inner {
  width: 95.7142%;
  margin: 0 auto;
}

/* line 19, S:/files/css/Global stack/composition/_structure.scss */
#responsive-container {
  width: 95.7142%;
  margin: 0 auto;
  padding-top: 1.5em;
}

/* line 25, S:/files/css/Global stack/composition/_structure.scss */
.content-mask {
  background: #fff;
  position: relative;
}

/* line 30, S:/files/css/Global stack/composition/_structure.scss */
.universal-inner {
  width: 95.7142%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

/* line 38, S:/files/css/Global stack/composition/_structure.scss */
#main-content {
  width: 70%;
  float: left;
}

/* line 43, S:/files/css/Global stack/composition/_structure.scss */
#breadcrumb {
  float: left;
  width: 70%;
  display: block;
  padding: 0.1em 0  1.13em 0;
  font-family: arial, sans-serif;
  font-size: 90%;
  font-family: "proxima-nova", arial, sans-serif;
  margin-bottom: 0;
}

/* line 53, S:/files/css/Global stack/composition/_structure.scss */
#breadcrumb li {
  display: inline;
  position: relative;
  top: -3px;
}

/* line 58, S:/files/css/Global stack/composition/_structure.scss */
#breadcrumb a:link {
  text-decoration: none;
  border-bottom: 1px dotted #212b58;
  color: #212b58;
  font-weight: bold;
}

/* line 64, S:/files/css/Global stack/composition/_structure.scss */
#breadcrumb a:hover {
  border-bottom: 1px solid #212b58;
  color: #212b58;
}

/* line 68, S:/files/css/Global stack/composition/_structure.scss */
#breadcrumb a:visited {
  color: #212b58;
}

/* line 73, S:/files/css/Global stack/composition/_structure.scss */
#level-3-tabbed-nav {
  width: 70%;
  float: left;
  padding: 0.55em 0 1em;
}

/* line 82, S:/files/css/Global stack/composition/_structure.scss */
.content.wide {
  margin-right: 0;
  width: 100%;
  float: none;
}

/* MODULES */
/* line 90, S:/files/css/Global stack/composition/_structure.scss */
.three-column-module {
  margin: 0 2% 1.55em 0;
  line-height: 1.5em;
  width: 32%;
  float: left;
  clear: none !important;
}

/* line 96, S:/files/css/Global stack/composition/_structure.scss */
.three-column-module img {
  margin-bottom: 1em;
}

/* line 99, S:/files/css/Global stack/composition/_structure.scss */
.three-column-module .no-margin {
  margin-right: 0;
}

/* line 102, S:/files/css/Global stack/composition/_structure.scss */
.three-column-module .clear-left {
  clear: left;
}

/* line 105, S:/files/css/Global stack/composition/_structure.scss */
.three-column-module h2 {
  margin-top: 0;
}

/* line 107, S:/files/css/Global stack/composition/_structure.scss */
.three-column-module h2 a:hover {
  text-decoration: underline;
}

/* line 113, S:/files/css/Global stack/composition/_structure.scss */
.three-column-module:nth-of-type(3n+3) {
  margin-right: 0;
}

/* line 117, S:/files/css/Global stack/composition/_structure.scss */
.three-column-module:nth-of-type(3n+4) {
  clear: left !important;
}

/* line 122, S:/files/css/Global stack/composition/_structure.scss */
#direct-edit-link a {
  color: #070913;
  display: block;
  background: #070913;
}

/* line 127, S:/files/css/Global stack/composition/_structure.scss */
#direct-edit-link a:hover {
  color: #fff;
  background: #324185;
}

@media (max-width: 1023px) {
  /* line 135, S:/files/css/Global stack/composition/_structure.scss */
  #responsive-container {
    width: 90%;
    padding-top: 0.55em;
  }
  /* line 140, S:/files/css/Global stack/composition/_structure.scss */
  #main-content {
    width: 100%;
    float: none;
  }
  /* line 144, S:/files/css/Global stack/composition/_structure.scss */
  .three-column-module {
    width: 100%;
    float: none;
  }
  /* line 148, S:/files/css/Global stack/composition/_structure.scss */
  #level-3-tabbed-nav {
    width: 100%;
    float: none;
  }
  /* line 153, S:/files/css/Global stack/composition/_structure.scss */
  aside {
    width: 100%;
    float: none;
  }
  /* line 157, S:/files/css/Global stack/composition/_structure.scss */
  .content-mask {
    padding-top: 0.55em;
  }
  /* line 160, S:/files/css/Global stack/composition/_structure.scss */
  #breadcrumb {
    width: 100%;
    float: none;
    margin-bottom: 0;
    padding-bottom: 0.77em;
    padding-left: 0;
    border-bottom: none;
  }
}

/* BASIC TYPOGRAPHY FOR COMMON TEXT SELECTORS */
/* Scss Document */
/* line 4, S:/files/css/Global stack/composition/_typography.scss */
h1 {
  /*font-size: 200%;
	color: $blue;
	font-family: $proxima;
	font-weight: 800;
	letter-spacing: -0.0145em;
	line-height: 1em;
	width: 90%;
	margin: 0.05em 0 0.25em;*/
  font-size: 2.5rem;
  font-size: clamp(2rem, 2.5vw, 2.5rem);
  line-height: 2.25rem;
  line-height: clamp(2.25rem, 2.5vw, 2.75rem);
  color: #212b58;
  font-family: "poppins", sans-serif;
  margin-bottom: 0.75rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  width: 95%;
}

/* line 24, S:/files/css/Global stack/composition/_typography.scss */
h2 {
  /*font-size: 130%;
	color: $blue;
	font-family:$proxima;
	font-weight:$heading-font-weight;
	margin-bottom: 0.25em;
	margin-top: 0.75em;
	line-height:1.25em;
	letter-spacing: -0.005em;
	font-weight: 800;*/
  font-size: 2rem;
  font-size: clamp(1.75rem, 2vw, 2rem);
  line-height: 2rem;
  line-height: clamp(2rem, 2.25vw, 2.25rem);
  color: #212b58;
  font-family: "poppins", sans-serif;
  margin-bottom: 0.75rem;
  margin-top: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  width: 95%;
}

/* line 46, S:/files/css/Global stack/composition/_typography.scss */
h3 {
  /*font-size: 110%;
	color: $blue;
	font-family:$proxima;
	margin-bottom: 0.25em;
	margin-top: 0.75em;
	line-height:1.25em;
	font-weight: 800;
	letter-spacing: -0.0075em;*/
  font-size: 1.5rem;
  font-size: clamp(1.25rem, 1.5vw, 1.5rem);
  line-height: 1.5rem;
  line-height: clamp(1.5rem, 1.75vw, 1.75rem);
  color: #212b58;
  font-family: "poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-top: 1.5rem;
  letter-spacing: -0.01em;
  width: 95%;
}

/* line 67, S:/files/css/Global stack/composition/_typography.scss */
h4 {
  font-size: 100%;
  color: #212b58;
  font-family: "poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 0.25em;
  margin-top: 0.75em;
  letter-spacing: -0.01em;
}

/* line 76, S:/files/css/Global stack/composition/_typography.scss */
h5 {
  font-size: 90%;
  color: #212b58;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  margin-bottom: 0.55em;
  line-height: 1em;
}

/* line 84, S:/files/css/Global stack/composition/_typography.scss */
h6 {
  font-size: 80%;
  color: #212b58;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  margin-bottom: 0.55em;
  line-height: 1.33em;
}

/* line 93, S:/files/css/Global stack/composition/_typography.scss */
p {
  font-family: Poppins, sans-serif;
  color: #333f48;
  margin-bottom: 0.77em;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.5em;
  width: 99%;
  letter-spacing: 0.00125em;
}

/* TEXT FORMATS */
/* line 106, S:/files/css/Global stack/composition/_typography.scss */
body {
  font: 100%;
}

/* line 109, S:/files/css/Global stack/composition/_typography.scss */
th {
  font-family: "poppins", sans-serif;
  font-size: 100%;
}

/* line 114, S:/files/css/Global stack/composition/_typography.scss */
td {
  font-family: "poppins", sans-serif;
  font-size: 100%;
}

/* line 119, S:/files/css/Global stack/composition/_typography.scss */
nav {
  font: arial, sans-serif;
}

/* ARTICLE */
/* Scss Document */
/* FLOATED ARTICLE IN MAIN CONTENT BLOCK */
/* line 5, S:/files/css/Global stack/composition/_article.scss */
#main-content article {
  padding: 0 1.8% 0 0;
  width: 66.6%;
  float: left;
}

/* FULL WIDTH ARTICLE */
/* line 13, S:/files/css/Global stack/composition/_article.scss */
#main-content article.content.full, #main-content article.content.wide {
  width: 100%;
  margin-bottom: 1.33em;
  float: none;
  padding: 0;
  clear: both;
}

/* BESPOKE SELECTORS IN MAIN CONTENT ARTICLE - DELETE AS MANY AS POSSIBLE ASAP */
/* line 24, S:/files/css/Global stack/composition/_article.scss */
#main-content article {
  /* CROSS CHECK AND DELETE SUMMARY */
  /* CROSS CHECK AND DELETE THESE LISTS */
  /* CROSS CHECK AND DELETE THESE SEARCH BOX */
  /* CROSS CHECK, DELETE OR MOVE THREE COLUMN LIST */
  /* CROSS CHECK, DELETE OR MOVE COURSE LISTS */
}

/* line 28, S:/files/css/Global stack/composition/_article.scss */
#main-content article p.summary {
  font-size: clamp(1.1rem, 1.25vw, 1.25rem);
  line-height: clamp(1.5rem, 2vw, 2rem);
  font-family: "poppins", sans-serif;
  color: #212b58;
}

/* line 33, S:/files/css/Global stack/composition/_article.scss */
#main-content article p.summary strong {
  font-weight: 800;
  color: #212b58;
}

/* line 42, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.block-list li, #main-content article ul#contact-block li {
  padding: 0;
  margin: 0;
  background: none;
  margin-bottom: 1.77em;
  clear: left;
}

/* line 48, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.block-list li figure, #main-content article ul#contact-block li figure {
  float: left;
  margin: 0 5% 1.33em 0;
  width: 30%;
}

/* line 52, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.block-list li figure img, #main-content article ul#contact-block li figure img {
  top: 0;
}

/* line 56, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.block-list li p, #main-content article ul#contact-block li p {
  margin-bottom: 0.77em;
  margin-left: 35%;
}

/* line 60, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.block-list li p:nth-of-type(1), #main-content article ul#contact-block li p:nth-of-type(1) {
  font-size: 120%;
  color: #A17700;
  font-weight: 600;
  font-family: "proxima-nova", arial, sans-serif;
}

/* line 66, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.block-list li br, #main-content article ul#contact-block li br {
  display: none;
}

/* line 75, S:/files/css/Global stack/composition/_article.scss */
#main-content article form#digital-comms-search input[type="text"].search-input {
  float: left;
  width: 90%;
}

/* line 79, S:/files/css/Global stack/composition/_article.scss */
#main-content article form#digital-comms-search input[type="image"].input {
  display: inline;
}

/* line 86, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.three-column-list {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

/* line 90, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.three-column-list li {
  display: block;
}

/* line 97, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.new-course-list, #main-content article ul.course-list {
  margin-left: 0;
}

/* line 101, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.new-course-list li::before, #main-content article ul.course-list li::before {
  display: none;
}

/* line 104, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.new-course-list li, #main-content article ul.course-list li {
  background: none;
  padding-left: 0;
  border-bottom: 2px dotted #1E1E1E;
  padding-top: 0.75em;
}

/* line 109, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.new-course-list li h2, #main-content article ul.course-list li h2 {
  font-weight: normal;
  font-size: 130%;
  padding-top: 0.40em;
  padding-bottom: 0.40em;
}

/* line 114, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.new-course-list li h2 a, #main-content article ul.course-list li h2 a {
  margin-right: 2%;
  line-height: 1.25em;
}

/* line 118, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.new-course-list li h2 span, #main-content article ul.course-list li h2 span {
  line-height: 1.55em;
}

/* line 120, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul.new-course-list li h2 span img, #main-content article ul.course-list li h2 span img {
  margin: 0 2% 4% 0;
}

/* line 129, S:/files/css/Global stack/composition/_article.scss */
#main-content article ul#news-list-sort li span {
  display: none;
}

/* line 136, S:/files/css/Global stack/composition/_article.scss */
#main-content article.content.wp-post {
  /* CROSS CHECK OR DELETE - THEY HIDE TABS ON WP PAGES */
}

/* line 140, S:/files/css/Global stack/composition/_article.scss */
#main-content article.content.wp-post #level-3-tabbed-nav {
  display: none;
}

/* line 143, S:/files/css/Global stack/composition/_article.scss */
#main-content article.content.wp-post p.meta {
  display: none;
}

/* line 148, S:/files/css/Global stack/composition/_article.scss */
#main-content article.four-generic-modules {
  /* CROSS CHECK WITH MODULES */
}

/* line 151, S:/files/css/Global stack/composition/_article.scss */
#main-content article.four-generic-modules .generic-promo.department-cent-promo {
  width: 49%;
  float: left;
  /* background-color: lighten($blue,67%); */
  padding-bottom: 0.77em;
  margin-right: 0;
}

/* line 158, S:/files/css/Global stack/composition/_article.scss */
#main-content article.four-generic-modules .generic-promo.department-cent-promo:nth-last-of-type(even) {
  margin-right: 2%;
}

/* line 164, S:/files/css/Global stack/composition/_article.scss */
#main-content article#research-group {
  /* CROSS CHECK WITH RESEARCH GROUPS */
  width: 100%;
}

/* line 169, S:/files/css/Global stack/composition/_article.scss */
#main-content article#research-group .research-group-categories {
  display: none;
}

/* line 172, S:/files/css/Global stack/composition/_article.scss */
#main-content article#research-group #research-group-members, #main-content article#research-group #contact-details {
  margin-left: 0;
}

/* line 174, S:/files/css/Global stack/composition/_article.scss */
#main-content article#research-group #research-group-members li::before, #main-content article#research-group #contact-details li::before {
  display: none;
}

/* line 177, S:/files/css/Global stack/composition/_article.scss */
#main-content article#research-group #research-group-members li, #main-content article#research-group #research-group-members p, #main-content article#research-group #contact-details li, #main-content article#research-group #contact-details p {
  background: none;
  border-bottom: 1px solid #1E1E1E;
  padding: 0.55em 0;
}

/* line 182, S:/files/css/Global stack/composition/_article.scss */
#main-content article#research-group #research-group-members li span.name, #main-content article#research-group #research-group-members p span.name, #main-content article#research-group #contact-details li span.name, #main-content article#research-group #contact-details p span.name {
  margin-right: 5%;
}

/* line 185, S:/files/css/Global stack/composition/_article.scss */
#main-content article#research-group #research-group-members li span.email, #main-content article#research-group #research-group-members p span.email, #main-content article#research-group #contact-details li span.email, #main-content article#research-group #contact-details p span.email {
  font-size: 85%;
  float: right;
}

/* BESPOKE SELECTORS IN MAIN CONTENT FULL-WIDTH ARTICLE - DELETE AS MANY AS POSSIBLE ASAP */
/* line 197, S:/files/css/Global stack/composition/_article.scss */
#main-content article.content.full {
  /* CROSS CHECK, DELETE OR MOVE THESE SEARCH STYLES */
}

/* line 202, S:/files/css/Global stack/composition/_article.scss */
#main-content article.content.full form#digi-comms-search input[type="text"] {
  width: 88%;
  float: left;
  margin-right: 2%;
}

/* line 207, S:/files/css/Global stack/composition/_article.scss */
#main-content article.content.full form#digi-comms-search input[type="image"] {
  border-radius: 50%;
  border: 2px solid #333f48;
  position: relative;
  top: -20px;
}

/* line 213, S:/files/css/Global stack/composition/_article.scss */
#main-content article.content.full form#digi-comms-search input[type="image"]:hover {
  background: #e8eaf6;
}

/* line 219, S:/files/css/Global stack/composition/_article.scss */
#main-content article.content.wide.staff-list {
  /* CROSS CHECK, DELETE OR MOVE THIS STAFF LIST STYLES */
  border-bottom: 1px solid #9ea9da;
}

/* line 224, S:/files/css/Global stack/composition/_article.scss */
#main-content article.content.wide.staff-list figure {
  padding-top: 0;
  float: left;
  width: 15%;
}

/* line 228, S:/files/css/Global stack/composition/_article.scss */
#main-content article.content.wide.staff-list figure img {
  top: 0;
  width: 100% !important;
  margin: 0;
}

/* line 234, S:/files/css/Global stack/composition/_article.scss */
#main-content article.content.wide.staff-list span {
  width: 81%;
  float: right;
}

/* line 237, S:/files/css/Global stack/composition/_article.scss */
#main-content article.content.wide.staff-list span h2 {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  /* line 244, S:/files/css/Global stack/composition/_article.scss */
  #main-content article.content.full, #main-content article {
    width: 100%;
    float: none;
    clear: both;
    margin: 0 0 2em;
    padding: 0;
  }
  /* line 250, S:/files/css/Global stack/composition/_article.scss */
  #main-content article.content.full ul.three-column-list, #main-content article ul.three-column-list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  /* line 254, S:/files/css/Global stack/composition/_article.scss */
  #main-content article.content.full ul.three-column-list li, #main-content article ul.three-column-list li {
    display: block;
  }
}

/* ASIDE */
/* Scss Document */
/* line 3, S:/files/css/Global stack/composition/_aside.scss */
aside {
  width: 32%;
  float: right;
}

/* BESPOKE SELECTORS IN MAIN CONTENT ASIDE - DELETE AS MANY AS POSSIBLE ASAP */
/* line 11, S:/files/css/Global stack/composition/_aside.scss */
aside {
  /* ADDRESS AND ASIDES NOT SUPPORTED IN NEW CONTENT TYPES */
  /* WHERE DO NEW STORIES APPEAR IN ASIDE */
  /* WHERE DO BLOCKQUOTES APPEAR IN ASIDE */
}

/* line 15, S:/files/css/Global stack/composition/_aside.scss */
aside .adr {
  font-family: "poppins", sans-serif;
  font-size: 100%;
  margin-bottom: 1.33em;
  border-bottom: 1px solid #929fd6;
  line-height: 1.55em;
  padding-bottom: 1em;
}

/* line 23, S:/files/css/Global stack/composition/_aside.scss */
aside .social-media-inline {
  float: left;
  text-align: left;
}

/* line 27, S:/files/css/Global stack/composition/_aside.scss */
aside .social-media-inline li a.ss-icon {
  font-size: 180%;
  margin-right: 0;
}

/* line 33, S:/files/css/Global stack/composition/_aside.scss */
aside ul.social-media {
  margin-left: 0;
}

/* line 35, S:/files/css/Global stack/composition/_aside.scss */
aside ul.social-media li::before {
  display: none;
}

/* line 42, S:/files/css/Global stack/composition/_aside.scss */
aside ul#newsload {
  background: #c3c9e8;
  padding: 0.77em 6%;
}

/* line 48, S:/files/css/Global stack/composition/_aside.scss */
aside ul#newsload ul h2 {
  color: #1e1e1e;
}

/* line 51, S:/files/css/Global stack/composition/_aside.scss */
aside ul#newsload ul li::before {
  display: none;
}

/* line 54, S:/files/css/Global stack/composition/_aside.scss */
aside ul#newsload ul li:after {
  content: "";
  display: table;
  clear: both;
}

/* line 59, S:/files/css/Global stack/composition/_aside.scss */
aside ul#newsload ul li {
  font-size: 80%;
  background: none;
  padding: 0;
}

/* line 63, S:/files/css/Global stack/composition/_aside.scss */
aside ul#newsload ul li p {
  display: table;
}

/* line 66, S:/files/css/Global stack/composition/_aside.scss */
aside ul#newsload ul li a.thumbnail-wrapper {
  width: 30%;
  float: left;
  margin: 0 7% 1em 0;
  border: none;
}

/* line 71, S:/files/css/Global stack/composition/_aside.scss */
aside ul#newsload ul li a.thumbnail-wrapper img {
  top: 6px;
  margin-bottom: 0.77em;
}

/* line 77, S:/files/css/Global stack/composition/_aside.scss */
aside ul#newsload ul li a {
  color: #333f48;
}

/* line 87, S:/files/css/Global stack/composition/_aside.scss */
aside blockquote {
  margin: 0 0 0.88em;
  padding: 0;
}

/* line 90, S:/files/css/Global stack/composition/_aside.scss */
aside blockquote p {
  font-size: 145%;
}

/* line 93, S:/files/css/Global stack/composition/_aside.scss */
aside blockquote p:before {
  top: 34px;
  margin-right: 0;
}

/* line 97, S:/files/css/Global stack/composition/_aside.scss */
aside blockquote p:after {
  top: 34px;
}

/* WHERE DO KEY CONTACTS APPEAR IN ASIDE WITH THESE MICROFORMATS CLASSES */
/* line 106, S:/files/css/Global stack/composition/_aside.scss */
aside.key-contact {
  font-family: "poppins", sans-serif;
  font-size: 100%;
  border-bottom: 1px solid #929fd6;
  margin-bottom: 1em;
  padding-bottom: 0.55em;
  line-height: 1.55em;
}

/* line 113, S:/files/css/Global stack/composition/_aside.scss */
aside.key-contact h3 {
  display: none;
}

/* line 116, S:/files/css/Global stack/composition/_aside.scss */
aside.key-contact .fn {
  color: #A17700;
  font-weight: 800;
  font-size: 120%;
  margin-bottom: 0.33em;
}

/* line 122, S:/files/css/Global stack/composition/_aside.scss */
aside.key-contact .adr {
  border-bottom: none;
  margin-bottom: 0.33em;
  padding-bottom: 0;
}

/* line 127, S:/files/css/Global stack/composition/_aside.scss */
aside.key-contact .tel {
  display: block;
  margin-bottom: 0.33em;
}

/* line 131, S:/files/css/Global stack/composition/_aside.scss */
aside.key-contact .email {
  display: block;
  margin-bottom: 0.33em;
}

/* WHERE DO KEY CONTACTS APPEAR IN ASIDE WITH THESE MICROFORMATS CLASSES */
/* line 139, S:/files/css/Global stack/composition/_aside.scss */
aside.news-or-event {
  border-bottom: 1px solid #364690;
}

/* line 141, S:/files/css/Global stack/composition/_aside.scss */
aside.news-or-event figure {
  margin-bottom: 0.77em;
}

/* line 144, S:/files/css/Global stack/composition/_aside.scss */
aside.news-or-event h2 {
  margin-bottom: 0.33em;
  font-family: "freight-text-pro", serif;
  font-weight: 400;
}

/* MOBILE */
@media screen and (max-width: 1023px) {
  /* line 154, S:/files/css/Global stack/composition/_aside.scss */
  #main-content aside {
    width: 100%;
    float: none;
    margin: 0 0 2em;
    padding: 0;
  }
  /* line 159, S:/files/css/Global stack/composition/_aside.scss */
  #main-content aside ul {
    margin-left: 0;
  }
  /* line 163, S:/files/css/Global stack/composition/_aside.scss */
  #main-content aside li {
    margin-left: 0;
  }
}

/* TOPIC PAGE */
/* Scss Document */
/* line 3, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page {
  /* BANNER */
  /* BREADCRUMB IS NOT HIDDEN ON FACULTY LEVEL */
  /* TOPIC CONTENT TYPE HEADER */
  /* ARTICLE */
  /* ASIDE */
  /* QUOTE */
  /* PARTNERS */
  /* BRANCH BACK BUTTON */
}

/* line 6, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page header#section-banner-buffer {
  margin-bottom: 1.77em;
}

/* line 9, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page header#section-banner-buffer section.department-hero-banner {
  background: none !important;
  margin-bottom: 1rem;
}

/* line 14, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page header#section-banner-buffer p.summary {
  width: 100%  !important;
  font-size: clamp(1.1rem, 1.65vw, 1.65rem) !important;
  line-height: clamp(1.75rem, 2vw, 2.5rem) !important;
  font-family: "poppins", sans-serif !important;
  color: #212b58;
}

/* line 20, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page nav#breadcrumb {
  display: none;
}

/* line 25, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page header#section-banner-buffer {
  border-bottom: 2px solid #141b37;
  padding-bottom: 0.55em;
}

/* line 32, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page article h2:first-child {
  margin-top: 0;
}

/* line 36, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page article div.responsive-video {
  width: 100%;
  height: 0;
  padding-bottom: 61.25%;
  position: relative;
}

/* line 42, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page article div.responsive-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* line 50, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page article.make-full-width-Yes {
  width: 100%;
  margin-bottom: 1.33em;
  float: none;
}

/* line 58, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside:empty {
  display: none;
}

/* line 62, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside.related-content {
  background: #ffd100;
  margin-bottom: 1.77em;
}

/* line 66, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside.related-content h2 {
  /*color: $grey-text;*/
  margin: 0.75em 5% 0.33em;
  display: inline-block;
}

/* line 72, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside.related-content h3 {
  /*color: $grey-text;*/
  margin: 0 5% 0.33em;
}

/* line 77, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside.related-content p {
  font-size: 80%;
  margin: 0 5% 0;
}

/* line 85, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside.related-content ul {
  margin: 0 5%;
  padding-bottom: 20px;
}

/* line 89, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside.related-content ul li::before {
  display: none;
}

/* line 93, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside.related-content ul li {
  font-size: 80%;
  background: none;
  padding: 0;
}

/* line 98, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside.related-content ul li a {
  /*color: $grey-text;*/
}

/* line 104, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside.related-content ul:empty {
  display: none;
}

/* line 108, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside.related-content div.contact {
  padding-bottom: 20px;
}

/* line 114, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside {
  margin-bottom: 1.77em;
}

/* line 117, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside p {
  width: 100%;
}

/* line 123, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page aside.event-snippet.call-to-action a div:empty, #main-content .topic-page aside.related-content:empty {
  display: none;
}

/* line 128, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page blockquote.quote-pull-out::before, #main-content .topic-page blockquote.quote-pull-out::after {
  display: none;
}

/* line 132, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page blockquote.quote-pull-out {
  border-top: 2px solid #141b37;
  border-bottom: 2px solid #141b37;
  width: 100%;
  padding-bottom: 1.25em;
  padding-top: 1em;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  grid-gap: 2em;
}

/* line 143, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page blockquote.quote-pull-out figure img {
  margin: 0;
}

/* line 149, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page blockquote.quote-pull-out div p {
  margin: 0;
}

/* line 153, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page blockquote.quote-pull-out div cite {
  font-size: 80%;
  line-height: 1.44em;
  padding-bottom: 2em;
}

/* line 162, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page div#partners {
  background: none;
}

/* line 165, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page div#partners section {
  display: grid;
  grid-gap: 30px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 30px;
  background: none;
  height: auto;
  float: none;
  width: 100%;
}

/* line 176, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page div#partners section h2 {
  grid-column: 1 / -1;
  margin-top: 0;
  font-size: 90%;
}

/* line 182, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page div#partners section a {
  display: none;
}

/* line 186, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page div#partners section aside {
  position: relative;
  z-index: 200;
  margin: 0;
  width: 100%;
}

/* line 192, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page div#partners section aside img {
  margin: 0;
}

/* line 196, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page div#partners section aside a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  text-decoration: none;
  z-index: 50;
  opacity: 0;
  height: auto;
}

/* line 214, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page .back-to-branch-homepage {
  display: none;
}

/* line 218, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page .add-back-button {
  position: relative;
}

/* line 221, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page .add-back-button .back-to-branch-homepage {
  display: block;
  color: #212b58;
  margin-left: 34px;
}

/* line 227, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page .add-back-button .back-to-branch-homepage::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down.svg);
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
  top: auto;
  left: 0;
  position: absolute;
}

/* SPECIALIST TOPIC PAGE FOR SELECTED PUBLICATIONS */
/* line 243, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page.selected-publications #filter-header .filter-group {
  border-radius: 7px;
  background: #746b8c;
}

/* line 246, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page.selected-publications #filter-header .filter-group h2 {
  padding: 1em 3% 0;
  margin-bottom: 0;
  color: white;
}

/* line 251, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page.selected-publications #filter-header .filter-group ul {
  column-count: 2;
  padding: 1em 3% 0.5em;
  margin-left: 0.25em;
  margin-bottom: 0;
}

/* line 256, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page.selected-publications #filter-header .filter-group ul li {
  counter-increment: step-counter;
  display: grid;
  grid-template-columns: 0.25fr 9.75fr;
  grid-gap: 10px;
  color: rgba(255, 255, 255, 0.75);
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* line 265, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page.selected-publications #filter-header .filter-group ul li a {
  color: white;
  border-bottom: 1px dotted white;
}

/* line 269, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page.selected-publications #filter-header .filter-group ul li a:hover {
  border-bottom-style: solid;
}

/* line 273, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
#main-content .topic-page.selected-publications #filter-header .filter-group ul li:before {
  content: counter(step-counter);
  margin-right: 15px;
  font-size: 100%;
  color: rgba(255, 255, 255, 0.5);
  padding: 0;
  width: 0.55em;
  border-radius: 11px;
  position: relative;
  top: -1px;
  left: 5px;
  display: inline-flex;
}

/* line 292, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
.topic-page.blog-topic-page .blog.grid h1 {
  grid-column: 1 / -1;
}

@media screen and (max-width: 640px) {
  /* line 302, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
  #main-content .topic-page article div#partners .faculty-level-container .faculty-level-inner {
    width: 100% !important;
  }
  /* line 304, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
  #main-content .topic-page article div#partners .faculty-level-container .faculty-level-inner .funders {
    grid-template-columns: 1fr 1fr;
  }
  /* line 317, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
  #main-content .topic-page.selected-publications #filter-header .filter-group ul {
    column-count: 1;
  }
}

@media screen and (max-width: 500px) {
  /* line 327, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
  #main-content .topic-page blockquote.quote-pull-out {
    display: block;
  }
  /* line 329, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
  #main-content .topic-page blockquote.quote-pull-out figure {
    float: none;
    width: 90%;
    margin: auto;
    margin-bottom: 1.5em;
    padding-top: 0.55em;
  }
  /* line 336, S:/files/css/Global stack/composition/_topic-page-content-type.scss */
  #main-content .topic-page blockquote.quote-pull-out div {
    float: none;
    width: 100%;
    margin-left: 0;
    padding: 0 6%;
  }
}

/* CONTENT TYPE */
/* Scss Document */
/* line 3, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page.no-breadcrumb .introductory-message {
  padding-top: 2rem;
}

/* line 7, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page {
  /* BANNER */
  /* HIDE BREADCRUMB AT STANDARD LEVEL */
  /* HIDE BREADCRUMB AT STANDARD LEVEL */
  /* MODULE ITEMS */
  /* HIDE PROMOTION HIGHLIGHT */
  /* HIGHTLIGHT IS PROMO BOX STYLED AS A GRID */
  /* CHECK TO SEE IF THIS IS NEEDED */
}

/* line 11, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page header#section-banner-buffer {
  margin-bottom: 1.77em;
}

/* line 13, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page header#section-banner-buffer section.department-hero-banner {
  margin-bottom: 1em;
  background: none !important;
}

/* line 17, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page header#section-banner-buffer p.summary {
  font-size: 140%;
  color: #141b37;
}

/* line 26, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .introductory-message {
  /*p:first-of-type{
				font-size: 140%;
				color: darken($blue,9%);
				width: 100%;
			}*/
}

/* line 28, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .introductory-message p:nth-of-type(1) {
  width: 100%  !important;
  font-size: clamp(1.1rem, 1.65vw, 1.65rem) !important;
  line-height: clamp(1.75rem, 2vw, 2.5rem) !important;
  font-family: "poppins", sans-serif !important;
  color: #212b58;
  width: 95%;
}

/* line 32, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .introductory-message span a.call-to-action {
  display: inline-block;
}

/* line 44, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page nav#breadcrumb {
  display: none;
}

/* line 50, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items {
  position: relative;
}

/* line 52, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo {
  position: relative;
  margin-top: 0;
}

/* line 55, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo h2 {
  display: inline;
  border-bottom: 1px dotted white;
}

/* line 59, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  text-decoration: none;
  display: block;
  z-index: 200;
  opacity: 0;
  color: transparent;
}

/* line 72, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo a.wrapping-link {
  border: none;
  text-decoration: none;
  display: block;
  opacity: 1;
  position: relative;
}

/* line 79, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo a.wrapping-link > h2, #main-content .category-page .category-items section.generic-promo a + img + h2 {
  border-bottom: 1px dotted #212b58;
}

/* line 82, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo a.wrapping-link:hover > h2, #main-content .category-page .category-items section.generic-promo a:hover + img + h2 {
  border-bottom: 1px solid #212b58;
}

/* line 85, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo a.wrapping-link:focus > h2, #main-content .category-page .category-items section.generic-promo a:focus + img + h2 {
  border-bottom: 1px solid #212b58;
}

/* line 88, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo p {
  margin-top: 0.5rem;
}

/* line 90, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo p a {
  display: inline;
}

/* line 93, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo p a:hover {
  border-bottom: 1px solid #212b58 !important;
}

/* line 98, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo li a {
  display: inline;
}

/* line 102, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo a.wrapping-link:hover > img, #main-content .category-page .category-items section.generic-promo a:hover + img, #main-content .category-page .category-items section.generic-promo a.wrapping-link:focus > img, #main-content .category-page .category-items section.generic-promo a:focus + img {
  filter: brightness(75%);
}

/* line 106, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo a.wrapping-link:hover + img {
  filter: brightness(75%);
}

/* line 110, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .category-items section.generic-promo a.wrapping-link:hover + img::after {
  content: attr(alt);
}

/* line 119, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .content.wide.full-width-module.promo.highlight:before, #main-content .category-page .content.wide.full-width-module.promo.highlight:after {
  display: none;
}

/* line 125, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .content.wide.full-width-module.promo.highlight {
  display: grid !important;
  grid-template-columns: 1fr 1.5fr;
  grid-gap: 30px;
}

/* line 130, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .content.wide.full-width-module.promo.highlight a:first-of-type:hover + figure img {
  filter: brightness(75%);
}

/* line 135, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .content.wide.full-width-module.promo.highlight figure {
  margin: 0;
}

/* line 138, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .content.wide.full-width-module.promo.highlight div {
  padding: 1rem 0;
}

/* line 146, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .content.wide.full-width-module div {
  margin-left: 0;
}

/* line 149, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .content.wide.full-width-module a {
  border: none;
}

/* line 152, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page .content.wide.full-width-module a:hover + img {
  filter: brightness(75%);
}

/* MODULE WITH LARGE HEADINGS IN PLACE OF IMG */
/* line 164, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page.change-to-large-headings-Yes .category-items .generic-promo img {
  display: none;
}

/* line 167, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page.change-to-large-headings-Yes .category-items .generic-promo h2 {
  background: #131933;
  color: white;
  padding: 30px 20px;
  margin-bottom: 20px;
  font-size: 160%;
  display: block;
}

/* line 176, S:/files/css/Global stack/composition/_category-page-content-type.scss */
#main-content .category-page.change-to-large-headings-Yes .category-items .generic-promo:hover > h2 {
  background: #05070e;
}

@media screen and (max-width: 1024px) {
  /* line 184, S:/files/css/Global stack/composition/_category-page-content-type.scss */
  #main-content .category-page .content.wide.full-width-module.promo.highlight {
    display: block !important;
  }
  /* line 186, S:/files/css/Global stack/composition/_category-page-content-type.scss */
  #main-content .category-page .content.wide.full-width-module.promo.highlight div {
    padding: 1rem 1rem 0;
  }
}

@media screen and (max-width: 640px) {
  /* line 196, S:/files/css/Global stack/composition/_category-page-content-type.scss */
  #main-content .category-page .category-items section.generic-promo {
    margin-bottom: 1.5em;
  }
}

/* INTERNAL HOMEPAGE */
/* Scss Document */
/* line 3, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .introductory-message .research-content {
  display: none;
}

/* line 8, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
.internal-homepage .department-full-width-module.blog .video-gallery-promo {
  padding: 0;
}

/* STYLES FOR INTERNAL HOMEPAGE ALSO USED BY OLD DEPARTMENT HOMEPAGE LAYOUTS */
/* line 17, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#department-right section.three-column-module, #department-central section.three-column-module {
  width: 100%;
}

/* line 19, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#department-right section.three-column-module ul, #department-central section.three-column-module ul {
  margin-left: 0;
}

/* line 21, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#department-right section.three-column-module ul li::before, #department-central section.three-column-module ul li::before {
  display: none;
}

/* line 24, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#department-right section.three-column-module ul li, #department-central section.three-column-module ul li {
  float: left;
  width: 32%;
  margin-right: 2%;
}

/* line 29, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#department-right section.three-column-module ul li a p:nth-of-type(1), #department-central section.three-column-module ul li a p:nth-of-type(1) {
  color: #212b58;
  font-weight: 800;
}

/* line 34, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#department-right section.three-column-module ul li a img, #department-central section.three-column-module ul li a img {
  width: 100% !important;
}

/* line 45, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#department-central section.three-column-module ul li:nth-of-type(3n+3), #department-right section.three-column-module ul li:nth-of-type(3n+3) {
  margin-right: 0;
}

@media screen and (max-width: 769px) {
  /* line 50, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #department-right section.three-column-module ul li, #department-central section.three-column-module ul li {
    float: none;
    width: 100%;
  }
}

/* line 56, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage {
  /* BANNER */
  /* INTRODUCTORY MESSAGE */
  /* BLOG */
  /* DEPARTMENT CENTRAL BLOCK */
  /* CONTACT STRIP */
  /* HIGHLIGHT */
  /* NEWS AND EVENTS - CHECK IF NEEDED */
  /* PARTNERS */
}

/* line 57, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage h2.promotion-context-heading {
  margin: 0 auto 0.75rem;
  width: 95.6%;
}

/* line 62, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .highlight {
  padding: 2rem 0;
}

/* line 65, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer {
  position: relative;
}

/* line 67, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer a {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  border: none;
  text-decoration: none;
  z-index: 48;
}

/* line 72, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer a span {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* line 82, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article {
  margin-bottom: 0;
  padding: 1.2em 2.77% 1.8em;
}

/* line 85, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article div#social {
  display: none;
}

/* line 88, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article div#funders {
  display: grid;
  grid-gap: 30px;
  grid-row-gap: 0;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

/* line 94, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article div#funders a {
  display: none;
}

/* line 97, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article div#funders div {
  position: relative;
  z-index: 49;
  margin-bottom: 30px;
}

/* line 101, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article div#funders div a {
  display: block;
}

/* line 105, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article div#funders div:only-child {
  position: absolute;
  top: 30px;
}

/* line 110, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article h2, #main-content .internal-homepage #section-banner-buffer .department-hero-banner article h1 {
  text-transform: uppercase;
  font-size: clamp(1.1rem, 1.35vw, 1.35rem);
  line-height: clamp(1.5rem, 1.65vw, 1.65rem);
  font-family: "poppins", sans-serif;
  margin-bottom: 0.5rem;
}

/* line 117, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article p {
  color: #fff;
  font-weight: 600;
  font-size: 210%;
  line-height: 1em;
  margin-bottom: 0.55em;
  text-transform: none;
}

/* line 126, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article p.banner-cta::after {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down-white.svg);
  transform: rotate(270deg);
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 0;
  transition: transform 0.5s;
}

/* line 136, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article p.banner-cta {
  font-size: 100%;
  position: relative;
  display: inline;
  padding-right: 35px;
  z-index: 150;
  margin-right: 2%;
}

/* line 143, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article p.banner-cta a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  opacity: inherit;
}

/* line 154, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article p.banner-cta a:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}

/* line 158, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article ul.connect {
  display: none;
}

/* line 167, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .introductory-message {
  padding: 2rem 0;
}

/* line 170, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .introductory-message p {
  font-size: clamp(1.1rem, 1.65vw, 1.65rem);
  line-height: clamp(1.5rem, 2vw, 2.5rem);
  font-family: "poppins", sans-serif;
  color: #212b58;
}

/* line 181, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .blog {
  margin-bottom: 3rem !important;
}

/* line 183, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .blog .video-gallery-promo .faculty-level-inner figure:first-of-type {
  /*padding-bottom: clamp(52%, 1vw, 52%);*/
}

/* line 185, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .blog .video-gallery-promo .faculty-level-inner figure:first-of-type img {
  width: 100%;
}

/* line 189, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .blog .card {
  margin-bottom: 30px;
}

/* line 196, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right {
  /* USED ON NEWS AND EVENTS */
}

/* line 198, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module {
  /* close commented backslash hack */
}

/* line 199, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .corporate:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* line 207, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .corporate {
  background: #008080;
  margin-bottom: 1em;
  padding: 4% 5% !important;
}

/* line 211, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .corporate img {
  margin-bottom: 1.33em;
  float: left;
  max-width: 44%;
  margin-right: 5%;
  margin-bottom: 1em;
}

/* line 218, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .corporate h2 {
  font-family: "freight-text-pro", serif;
  color: #fff;
  font-style: italic;
  font-weight: 400;
  font-size: 200%;
  line-height: 1em;
  margin-bottom: 0.22em;
}

/* line 227, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .corporate p {
  color: #fff;
  font-weight: 600;
  font-size: 180%;
  line-height: 1.133em;
  margin-bottom: 0.55em;
}

/* line 234, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .corporate p:last-child {
  font-weight: normal;
  font-size: 100%;
  margin-bottom: 0;
}

/* line 238, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .corporate p:last-child a {
  color: #fff;
}

/* line 243, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .events:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* line 251, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .blog:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* line 262, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit h2 {
  float: right;
  width: 48%;
  font-family: "proxima-nova", arial, sans-serif;
  font-weight: 800;
  font-style: normal;
}

/* line 270, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit figure {
  float: left;
  width: 48%;
}

/* line 273, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit figure a {
  width: 100%;
}

/* line 275, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit figure a img {
  width: 100%;
}

/* line 280, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit figure a:hover img {
  filter: brightness(75%);
}

/* line 285, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit p#postinfo {
  font-size: 75%;
  float: right;
  width: 48%;
  position: relative;
  top: 4px;
}

/* line 292, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit p {
  float: right;
  width: 48%;
}

/* line 298, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .blog hr {
  display: none;
}

/* line 302, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .news, #main-content .internal-homepage #department-right .three-column-module .blog, #main-content .internal-homepage #department-right .three-column-module .events {
  margin-bottom: 1em;
}

/* line 306, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .news ul li a:hover + img, #main-content .internal-homepage #department-right .three-column-module .blog ul li a:hover + img, #main-content .internal-homepage #department-right .three-column-module .events ul li a:hover + img {
  filter: brightness(75%);
}

/* line 312, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .news:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* line 321, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module * html .news {
  height: 1%;
}

/* line 322, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .news {
  display: block;
}

/* line 324, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .news #hideit li a img {
  margin-bottom: 1rem !important;
}

/* line 327, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .news #hideit li a p {
  /*border-bottom: 1px dotted $blue;*/
  font-weight: 800;
  color: #212b58;
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

/* line 336, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .news #hideit li p:last-of-type {
  font-size: 85%;
}

/* line 348, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .highlight {
  /* USED ON FUNDERS */
}

/* line 351, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .highlight .generic-promo.half {
  position: relative;
}

/* line 353, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .highlight .generic-promo.half a {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

/* line 362, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .highlight .generic-promo.half a:hover + img, #main-content .internal-homepage .highlight .generic-promo.half a:focus + img, #main-content .internal-homepage .highlight .generic-promo.half a > img {
  filter: brightness(75%);
}

/* line 365, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .highlight .generic-promo.half a + img + h2, #main-content .internal-homepage .highlight .generic-promo.half a > h2 {
  text-underline-offset: 0.25rem;
  text-decoration-color: #031F73;
  text-decoration: underline dotted;
  text-decoration-thickness: 0;
}

/* line 371, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .highlight .generic-promo.half a:hover + img + h2, #main-content .internal-homepage .highlight .generic-promo.half a:focus + img + h2, #main-content .internal-homepage .highlight .generic-promo.half a:hover > h2 {
  text-underline-offset: 0.25rem;
  text-decoration: underline solid;
  text-decoration-thickness: 0;
}

/* line 376, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .highlight .generic-promo.half h2 {
  margin-top: 0;
}

/* line 380, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage .highlight .generic-promo.half p a {
  position: relative;
  opacity: 1;
  z-index: 150;
}

/* line 391, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right, #main-content .internal-homepage #department-central {
  padding: 0;
}

/* line 393, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module, #main-content .internal-homepage #department-central .three-column-module {
  margin: 0;
}

/* line 399, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage #department-right .three-column-module .news ul li a:first-of-type:hover img, #main-content .internal-homepage #department-right .three-column-module .events ul li a:first-of-type:hover img, #main-content .internal-homepage #department-central .three-column-module .news ul li a:first-of-type:hover img, #main-content .internal-homepage #department-central .three-column-module .events ul li a:first-of-type:hover img {
  filter: brightness(75%);
}

/* line 412, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage div#partners {
  background: none;
}

/* line 414, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage div#partners section {
  display: grid;
  grid-gap: 30px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 30px;
  background: none;
  height: auto;
  float: none;
  width: 100%;
}

/* line 424, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage div#partners section h2, #main-content .internal-homepage div#partners section h3 {
  grid-column: 1 / -1;
}

/* line 427, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage div#partners section a {
  display: none;
}

/* line 430, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage div#partners section aside {
  position: relative;
  z-index: 200;
  margin: 0;
  width: 100%;
}

/* line 435, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage div#partners section aside img {
  margin: 0;
}

/* line 438, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
#main-content .internal-homepage div#partners section aside a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  text-decoration: none;
  z-index: 50;
  opacity: 0;
  height: auto;
}

@media screen and (max-width: 1024px) {
  /* line 461, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage {
    /* BANNER */
    /* INTRODUCTORY MESSAGE */
    /* BANNER */
    /* CENTRAL BLOCK */
    /* PARTNERS */
  }
  /* line 465, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage #section-banner-buffer {
    margin-bottom: 0;
  }
  /* line 469, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage #section-banner-buffer .department-hero-banner article p {
    font-size: 175%;
  }
  /* line 479, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage .introductory-message p {
    font-size: 100%;
  }
  /* line 487, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage .video .faculty-level-inner {
    display: block;
  }
  /* line 504, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit h2 {
    float: none;
    width: auto;
  }
  /* line 508, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit figure {
    float: none;
    width: auto;
  }
  /* line 512, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit p#postinfo {
    float: none;
    width: auto;
  }
  /* line 516, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit p {
    float: none;
    width: auto;
  }
  /* line 528, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage div#partners .faculty-level-inner {
    width: 100%;
  }
  /* line 531, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage div#partners section {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 640px) {
  /* line 539, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage {
    /* BANNER */
    /* PARTNERS */
    /* CONTACT STRIP */
  }
  /* line 540, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage h2.promotion-context-heading {
    width: 90%;
  }
  /* line 549, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage #section-banner-buffer .department-hero-banner article div#funders {
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
  }
  /* line 559, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage div#partners {
    grid-template-columns: 1fr 1fr;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 583, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage div#partners section aside, #main-content .internal-homepage div#partners section aside:nth-of-type(3n+2) {
    width: 32% !important;
    margin-right: 2%;
    margin-bottom: 20px;
    clear: none;
  }
  /* line 590, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage div#partners section aside:nth-of-type(3n+3) {
    margin-right: 0;
  }
  /* line 593, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage div#partners section aside:nth-of-type(3n+4) {
    clear: left;
  }
  /* line 596, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage div#partners section aside:nth-of-type(3n+2) {
    margin-right: 0;
    clear: none;
  }
}

@supports not (display: grid) {
  /* line 611, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage div#partners section aside, #main-content .internal-homepage div#partners section aside:nth-of-type(3n+2) {
    width: 32% !important;
    margin-right: 2%;
    margin-bottom: 20px;
    clear: none;
  }
  /* line 618, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage div#partners section aside:nth-of-type(3n+3) {
    margin-right: 0;
  }
  /* line 621, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage div#partners section aside:nth-of-type(3n+4) {
    clear: left;
  }
  /* line 624, S:/files/css/Global stack/composition/_internal-homepage-content-type.scss */
  #main-content .internal-homepage div#partners section aside:nth-of-type(3n+2) {
    margin-right: 0;
    clear: none;
  }
}

/* Scss Document */
/* DETAILS */
/* Scss Document */
/* line 7, S:/files/css/Global stack/component/_details.scss */
details[open] summary::before {
  transform: rotate(180deg);
}

/* line 11, S:/files/css/Global stack/component/_details.scss */
details summary:focus {
  background: #a2acab;
}

/* line 14, S:/files/css/Global stack/component/_details.scss */
details {
  border-radius: 7px;
  background: #dbdbd3;
  border: 1px solid #a2acab;
  margin-bottom: 1rem;
}

/* line 19, S:/files/css/Global stack/component/_details.scss */
details summary::-webkit-details-marker {
  display: none;
}

/* line 22, S:/files/css/Global stack/component/_details.scss */
details summary {
  cursor: pointer;
  outline: none;
  display: inline-block;
  width: 100%;
  font-family: "poppins", sans-serif;
  font-weight: 800;
  padding: 1.5rem;
  padding-left: 3rem;
  border-radius: 7px;
  position: relative;
}

/* line 34, S:/files/css/Global stack/component/_details.scss */
details summary::before {
  width: 24px;
  height: 24px;
  display: inline-block;
  transition: transform 0.5s;
  content: url(//www.liverpool.ac.uk/files/images/icons/details.svg);
  /*font-family: "proxima-nova",arial,sans-serif;*/
  transform: rotate(0deg);
  transition: all 0.5s;
  /*margin-right: 2%;*/
  position: absolute;
  top: 21px;
  left: 1rem;
}

/* line 45, S:/files/css/Global stack/component/_details.scss */
details ul {
  padding: 0 1rem !important;
}

/* line 48, S:/files/css/Global stack/component/_details.scss */
details p, details h2, details h3, details h4 {
  padding: 0 1rem !important;
}

/* line 51, S:/files/css/Global stack/component/_details.scss */
details h2, details h3, details h4 {
  color: #333;
  margin-top: 0;
}

/* line 55, S:/files/css/Global stack/component/_details.scss */
details p:last-of-type {
  margin-bottom: 0.77em !important;
}

/* line 58, S:/files/css/Global stack/component/_details.scss */
details div:empty {
  display: none;
}

/* line 61, S:/files/css/Global stack/component/_details.scss */
details a:link {
  color: #333 !important;
}

/* line 64, S:/files/css/Global stack/component/_details.scss */
details a.call-to-action {
  color: white !important;
}

/* line 69, S:/files/css/Global stack/component/_details.scss */
details > summary:hover {
  background: #bdc4c3;
}

/* line 70, S:/files/css/Global stack/component/_details.scss */
details[open] > summary {
  margin-bottom: 1rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #bdc4c3;
}

/* FIGURE > IMAGES AND FIGCATION */
/* line 4, S:/files/css/Global stack/component/_figure.scss */
figure img {
  margin-bottom: 0;
}

/* DIALOG */
/* line 2, S:/files/css/Global stack/component/_dialog.scss */
.filter-select-box dialog button::before {
  display: none;
}

/* line 6, S:/files/css/Global stack/component/_dialog.scss */
button#open_dialog {
  grid-column: 1 / -1;
  background: rgba(255, 255, 255, 0.75);
  padding: 1.15rem;
  border-radius: 7px;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 20px -6px rgba(0, 0, 0, 0.25);
  border: none;
  margin-bottom: 1rem;
}

/* line 14, S:/files/css/Global stack/component/_dialog.scss */
button#open_dialog h2, button#open_dialog h3 {
  color: #333 !important;
  margin-bottom: 0rem;
  margin-top: 0;
}

/* line 19, S:/files/css/Global stack/component/_dialog.scss */
button#open_dialog h2 {
  font-size: clamp(1.1rem, 1.35vw, 1.35rem);
  line-height: clamp(1.5rem, 1.65vw, 1.65rem);
  text-transform: uppercase;
}

/* line 26, S:/files/css/Global stack/component/_dialog.scss */
button#open_dialog:empty {
  display: none;
}

/* line 30, S:/files/css/Global stack/component/_dialog.scss */
button#open_dialog:focus, button#open_dialog:hover {
  background: white;
}

/* line 38, S:/files/css/Global stack/component/_dialog.scss */
dialog .inner {
  position: relative;
}

/* line 42, S:/files/css/Global stack/component/_dialog.scss */
dialog {
  grid-column: 1 / -1;
  border: none !important;
  border-radius: calc(2px * var(--ratio));
  box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  padding: clamp(1.5rem, 1.75vw, 1.75rem) !important;
  max-width: 65%;
  background: white;
  width: auto !important;
  overflow: initial !important;
  /*header::before{
			content: url(//www.liverpool.ac.uk/files/images/icons/footer/sign-up-white.svg);
			width: 48px;
			height: 48px;
			display: inline-block;
			position: absolute;
			margin-left: -64px;
			top: 7px;
		}*/
}

/* line 61, S:/files/css/Global stack/component/_dialog.scss */
dialog header {
  padding: 0;
  padding-top: 7px;
  margin-bottom: 0;
  position: relative;
  width: 85%;
}

/* line 68, S:/files/css/Global stack/component/_dialog.scss */
dialog h2, dialog h3, dialog h4 {
  color: #333 !important;
  /*margin-bottom: clamp(0.15rem, 0.35vw, 0.35rem);*/
  margin-top: 0;
}

/* line 74, S:/files/css/Global stack/component/_dialog.scss */
dialog h2, dialog h3 {
  margin-top: 0;
  font-size: clamp(1.1rem, 1.35vw, 1.35rem);
  line-height: clamp(1.5rem, 1.65vw, 1.65rem);
  text-transform: uppercase;
}

/* line 80, S:/files/css/Global stack/component/_dialog.scss */
dialog h4 {
  margin-bottom: 1rem;
}

/* line 83, S:/files/css/Global stack/component/_dialog.scss */
dialog #close_dialog {
  float: right;
  top: 2rem;
  right: 2rem;
  border: none;
  /*background-image:url(//staging.liverpool.ac.uk/files/images/icons/close.svg);*/
  background-color: white;
  border-radius: 50%;
  z-index: 1;
}

/* line 92, S:/files/css/Global stack/component/_dialog.scss */
dialog #close_dialog span {
  visibility: hidden;
}

/* line 98, S:/files/css/Global stack/component/_dialog.scss */
dialog #close_dialog:hover {
  background-color: pink;
  transition: background-color 0.75s ease;
}

/* line 102, S:/files/css/Global stack/component/_dialog.scss */
dialog li, dialog p {
  font-family: "poppins", sans-serif;
}

/* line 105, S:/files/css/Global stack/component/_dialog.scss */
dialog li {
  font-size: clamp(1rem, 1vw, 1rem) !important;
  line-height: clamp(1.35rem, 1.65vw, 1.65rem) !important;
}

/* line 109, S:/files/css/Global stack/component/_dialog.scss */
dialog ul {
  margin-bottom: 0.77em !important;
}

/* line 112, S:/files/css/Global stack/component/_dialog.scss */
dialog button.close {
  float: right;
  margin: 0 !important;
}

/* line 116, S:/files/css/Global stack/component/_dialog.scss */
dialog .inner {
  width: 100% !important;
  /*overflow: auto !important;*/
  /*overflow-y: auto !important;
		height: 45rem !important;*/
}

/* line 123, S:/files/css/Global stack/component/_dialog.scss */
dialog aside p {
  width: 100%;
}

/* line 127, S:/files/css/Global stack/component/_dialog.scss */
dialog footer {
  background-color: transparent;
}

/* line 129, S:/files/css/Global stack/component/_dialog.scss */
dialog footer p {
  font-size: 85%;
}

/* line 135, S:/files/css/Global stack/component/_dialog.scss */
dialog header:emptydialog, #close_dialog + header:empty {
  display: none;
}

@media screen and (max-width: 1360px) {
  /* line 138, S:/files/css/Global stack/component/_dialog.scss */
  dialog {
    max-width: 70%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 144, S:/files/css/Global stack/component/_dialog.scss */
  dialog {
    margin: 0;
    max-width: 100%;
  }
  /* line 147, S:/files/css/Global stack/component/_dialog.scss */
  dialog #close_dialog {
    background-image: none;
    background-color: pink;
    border-radius: 7px;
    width: auto;
  }
  /* line 152, S:/files/css/Global stack/component/_dialog.scss */
  dialog #close_dialog span {
    visibility: visible;
  }
}

/* GENERIC CALL TO ACTION */
/* Scss Document */
/*$blue: #031F73;*/
/*$classic-black: #1e1e1e;
$proxima: "proxima-nova",arial,sans-serif;
*/
/* line 7, S:/files/css/Global stack/component/_cta-button.scss */
.call-to-action {
  margin-bottom: 1rem;
}

/* line 11, S:/files/css/Global stack/component/_cta-button.scss */
.call-to-action p {
  margin-bottom: 0;
}

/* line 15, S:/files/css/Global stack/component/_cta-button.scss */
.call-to-action a, a.call-to-action {
  background: #212b58;
  font-family: "poppins", sans-serif;
  padding: 0.75em;
  font-weight: 600;
  padding-right: 3rem;
  font-size: 100%;
  line-height: 1.22em;
  display: block;
  color: white !important;
  position: relative;
  border-radius: 7px;
  text-decoration: none !important;
}

/* line 30, S:/files/css/Global stack/component/_cta-button.scss */
.call-to-action a:hover, a.call-to-action:hover, .call-to-action a:focus, a.call-to-action:focus {
  background: #333f48;
}

/* line 34, S:/files/css/Global stack/component/_cta-button.scss */
.call-to-action a:before, a.call-to-action:before, .call-to-action button:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-right-white.svg);
  /*transform: rotate(270deg);*/
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 0.75rem;
  top: 12px;
}

/* HOMEPAGE BANNER POST COVID STRIP BELOW COURSES SEARCH FEATURE */
/*@import 'component/stay-safe-banner';*/
/* GLOBAL SEARCH FEATURE STYLED ON MOBILE */
/* Scss Document */
/* line 4, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mobile-sign-in > ul > li:first-of-type span,
body h2.mm-listitem {
  font-family: "freight-text-pro", serif;
  font-weight: 400;
  font-style: italic;
  font-size: 150%;
  color: rgba(255, 255, 255, 0.65);
}

/* line 13, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search {
  padding: 0 0 20px;
}

/* line 15, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#header-search-mobile {
  display: none;
}

/* line 18, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile {
  background: none;
  display: grid;
  grid-gap: 12px;
  grid-row-gap: 0;
  grid-template-columns: 77% 18%;
  background: #008670;
  padding: 15px;
  padding-top: 10px;
  margin-top: 10px;
}

/* line 28, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile input[type="search"] {
  border-radius: 7px;
  padding: 12px 7px;
  margin: 0;
  margin-bottom: 15px;
  font-size: 120%;
  transition: background-color 0.5s ease;
  background-color: white;
  border: 0;
}

/* line 39, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile input[type="search"]:focus {
  outline: none;
  background: #ffc;
}

/* line 43, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile input[type="image"] {
  margin-bottom: 0;
  border-radius: 50%;
  transition: background-color 0.5s ease;
  background-color: rgba(0, 0, 0, 0);
  width: 44px;
  height: 44px;
}

/* line 51, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile input[type="image"]:active,
body .mm-listitem #sign-in-search form#merged-search-mobile input[type="image"]:focus {
  outline: none;
  background-color: rgba(0, 0, 0, 0.25);
}

/* line 56, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile h2 {
  grid-column: 1 / span 2;
  margin-top: 0;
}

/* line 59, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile h2 label {
  color: white;
  margin-bottom: 0;
  line-height: inherit;
}

/* line 65, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios,
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile {
  display: block;
}

/* line 68, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios input[type="search"],
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile input[type="search"] {
  width: 94%;
}

/* line 71, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios .mobile-radios,
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile .mobile-radios {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

/* line 76, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios .mobile-radios span.mobile-radio-group,
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile .mobile-radios span.mobile-radio-group {
  border-radius: 50px;
  border: 2px solid white;
  display: grid;
  grid-template-columns: 22px 9fr;
  position: relative;
  label: active;
}

/* line 83, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios .mobile-radios span.mobile-radio-group label,
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile .mobile-radios span.mobile-radio-group label {
  display: block;
  margin-bottom: 0;
  position: relative;
  top: -2px;
  color: white;
  font-size: 110%;
  padding: 6px 10px 2px;
  -webkit-tap-highlight-color: transparent;
  color: white;
}

/* line 95, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios .mobile-radios span.mobile-radio-group label:focus,
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile .mobile-radios span.mobile-radio-group label:focus {
  outline: none;
  background-color: none;
}

/* line 99, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios .mobile-radios span.mobile-radio-group input[type="radio"],
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile .mobile-radios span.mobile-radio-group input[type="radio"] {
  margin-top: 2px;
  -webkit-appearance: none;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  padding: 0;
  background: rgba(0, 0, 0, 0.5);
  top: 7px;
  left: 9px;
  position: relative;
}

/* line 111, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios .mobile-radios span.mobile-radio-group input[type="radio"]:hover,
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile .mobile-radios span.mobile-radio-group input[type="radio"]:hover {
  cursor: pointer;
}

/* line 114, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios .mobile-radios span.mobile-radio-group input[type="radio"]:active,
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile .mobile-radios span.mobile-radio-group input[type="radio"]:active {
  outline: none;
}

/* line 117, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios .mobile-radios span.mobile-radio-group input[type="radio"]:checked,
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile .mobile-radios span.mobile-radio-group input[type="radio"]:checked {
  background: white;
  outline: none;
}

/* line 121, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios .mobile-radios span.mobile-radio-group input[type="radio"]:checked::after,
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile .mobile-radios span.mobile-radio-group input[type="radio"]:checked::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  background: #999;
  border-radius: 50%;
  content: "";
  outline: none;
}

/* line 133, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios .mobile-radios span.mobile-radio-group.active,
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile .mobile-radios span.mobile-radio-group.active {
  background: #212b58;
}

/* line 135, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios .mobile-radios span.mobile-radio-group.active label,
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile .mobile-radios span.mobile-radio-group.active label {
  color: white;
}

/* line 138, S:/files/css/Global stack/component/_mobile-search-interface.scss */
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios .mobile-radios span.mobile-radio-group.active input[type="radio"],
body .mm-listitem #sign-in-search form#merged-search-mobile #includes-radios-mobile .mobile-radios span.mobile-radio-group.active input[type="radio"] {
  background: white;
}

/* OLD GLOBAL FOOTER */
/*@import 'component/footer';*/
/* GLOBAL FOOTER */
/* Scss Document */
/* line 15, S:/files/css/Global stack/component/_footer-new.scss */
#footer-tests #department-address {
  display: none;
}

/* line 20, S:/files/css/Global stack/component/_footer-new.scss */
#department-address {
  display: none;
}

/* line 25, S:/files/css/Global stack/component/_footer-new.scss */
footer {
  background: #0e0e0e;
}

/* line 30, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #brand-statement {
  order: 1;
}

/* line 32, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #brand-statement span {
  display: none;
}

/* line 36, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #related-content-01 {
  order: 2;
}

/* line 39, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #related-content-02 {
  order: 3;
}

/* line 42, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer hr:nth-of-type(1) {
  order: 4;
}

/* line 45, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #main-address {
  order: 5;
}

/* line 48, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #orientation {
  order: 6;
}

/* line 51, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #contacts {
  order: 7;
}

/* line 54, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer hr:nth-of-type(2) {
  order: 8;
}

/* line 57, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #terms {
  order: 9;
}

/* line 60, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div.spacer {
  order: 10;
}

/* line 63, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #social {
  order: 11;
}

/* line 68, S:/files/css/Global stack/component/_footer-new.scss */
#global-navigation-development footer {
  background: #0e0e0e !important;
}

/* line 71, S:/files/css/Global stack/component/_footer-new.scss */
#global-navigation-development #department-address {
  display: none;
}

/* line 74, S:/files/css/Global stack/component/_footer-new.scss */
#global-navigation-development #corporate-footer {
  padding: 1.5rem 0 1rem;
}

/* line 76, S:/files/css/Global stack/component/_footer-new.scss */
#global-navigation-development #corporate-footer hr {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

/* line 79, S:/files/css/Global stack/component/_footer-new.scss */
#global-navigation-development #corporate-footer div#related-content-02 div.department {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

/* line 83, S:/files/css/Global stack/component/_footer-new.scss */
#global-navigation-development #corporate-footer #brand-statement img {
  display: none;
}

/* line 86, S:/files/css/Global stack/component/_footer-new.scss */
#global-navigation-development #corporate-footer #brand-statement span {
  display: block;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 220%;
  letter-spacing: 0.077rem;
  color: white;
  line-height: 2rem;
}

/* line 96, S:/files/css/Global stack/component/_footer-new.scss */
#global-navigation-development #corporate-footer div#related-content-02 div.department div.phone-number::before, #global-navigation-development #corporate-footer div#related-content-02 div.department div.email-address::before {
  display: none;
}

/* line 101, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  padding: 30px 0 20px;
  font-family: "proxima-nova", arial, sans-serif;
  font-weight: 400;
  font-size: 100%;
  color: rgba(255, 255, 255, 0.75);
  /*a:hover{
		border-bottom-style: solid;
	}*/
}

/* line 111, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer a {
  color: #fff;
  /*border-bottom: 1px dotted $white;*/
  /*font-weight: 600;*/
  /*text-decoration: none;*/
}

/* line 120, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer h2 {
  color: rgba(255, 255, 255, 0.75);
  font-family: "freight-text-pro", serif;
  font-weight: 600;
  font-size: 230%;
  margin: 0;
  margin-top: -7px;
  line-height: 1em;
}

/* line 128, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer h2 em {
  color: #fff;
  font-style: normal;
  display: block;
  min-height: 0;
}

/* line 134, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer h2 span {
  display: block;
}

/* line 139, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer ul {
  margin: 0;
  padding: 0;
}

/* line 142, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer ul li {
  color: rgba(255, 255, 255, 0.75);
  list-style-type: none;
}

/* line 148, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer p {
  color: rgba(255, 255, 255, 0.75);
}

/* line 152, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div div {
  padding: 0;
}

/* line 156, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div.spacer, #corporate-footer #related-content-01 {
  display: none;
}

/* line 159, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#brand-statement {
  /*grid-column: span 2;*/
}

/* line 162, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#main-address::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/address.svg);
  width: 70px;
  height: 70px;
  display: inline-block;
  position: absolute;
}

/* line 170, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#main-address address {
  margin-left: 90px;
  padding: 0;
  padding-top: 7px;
  margin-bottom: 0;
}

/* line 179, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#related-content-02 div.department::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/department.svg);
  width: 70px;
  height: 70px;
  display: inline-block;
  position: absolute;
}

/* line 186, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#related-content-02 div.department {
  width: auto;
}

/* line 188, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#related-content-02 div.department address {
  margin: 0 0 5px 90px;
  padding: 0;
}

/* line 192, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#related-content-02 div.department div {
  margin-left: 90px;
}

/* line 194, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#related-content-02 div.department div a {
  color: white;
}

/* line 198, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#related-content-02 div.department div.email-address {
  margin: 5px 0 10px 90px;
}

/* line 201, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#related-content-02 div.department div.email-address::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/email.svg);
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  top: 7px;
  margin-right: 7px;
}

/* line 210, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#related-content-02 div.department div.phone-number::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/contact-small.svg);
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  top: 7px;
  margin-right: 7px;
}

/* line 219, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#related-content-02 div.department div:last-of-type {
  display: none;
}

/* line 225, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#orientation ul#map-and-directions::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/orientation.svg);
  width: 70px;
  height: 70px;
  display: inline-block;
  position: absolute;
}

/* line 232, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#orientation ul#map-and-directions {
  min-height: 70px;
}

/* line 234, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#orientation ul#map-and-directions li {
  margin-left: 90px;
  margin-bottom: 0.25em;
}

/* line 238, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#orientation ul#map-and-directions li:nth-of-type(1) {
  padding-top: 15px;
}

/* line 241, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#orientation ul#map-and-directions li:last-of-type {
  display: none;
}

/* line 247, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#contacts ul#call-and-contacts::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/contact.svg);
  width: 70px;
  height: 70px;
  display: inline-block;
  position: absolute;
}

/* line 255, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#contacts ul#call-and-contacts li {
  margin-left: 90px;
  margin-bottom: 0.25em;
}

/* line 258, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#contacts ul#call-and-contacts li a {
  color: white;
}

/* line 262, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#contacts ul#call-and-contacts li:nth-of-type(1) {
  padding-top: 15px;
}

/* line 265, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#contacts ul#call-and-contacts li:last-of-type {
  display: none;
}

/* line 270, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#terms {
  grid-column: span 2;
}

/* line 272, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#terms ul::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/copyright.svg);
  width: 22px;
  height: 22px;
  display: inline-block;
  position: absolute;
}

/* line 281, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#terms ul li:nth-child(1) {
  padding-left: 32px;
}

/* line 284, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#terms ul li {
  display: inline;
  margin-right: 20px;
  position: relative;
  top: 2px;
}

/* line 292, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer hr {
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  border-top: none;
  grid-column: span 3;
  visibility: visible;
  width: 100%;
  margin-top: 0;
}

/* line 303, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#social .connect {
  margin-left: 0;
  text-align: right;
}

/* line 306, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#social .connect li::before {
  display: none;
}

/* line 309, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#social .connect li {
  display: inline;
  margin-bottom: 0;
  margin-right: 5px;
  width: 22px;
}

/* line 314, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#social .connect li a::before {
  display: none;
  width: 24px;
  height: 24px;
  display: inline-block;
  transition: transform 0.5s;
  color: #031F73;
}

/* line 322, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#social .connect li a {
  border: none;
}

/* line 326, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#social .connect li span {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* line 330, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#social .connect li:last-of-type {
  margin-right: 0;
}

/* line 334, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#social .connect .facebook a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/social-media/facebook.svg);
}

/* line 339, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#social .connect .twitter a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/social-media/twitter.svg);
}

/* line 344, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#social .connect .linkedin a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/social-media/linkedin.svg);
}

/* line 349, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#social .connect .instagram a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/social-media/instagram.svg);
}

/* line 354, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer div#social .connect .youtube a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/social-media/youtube.svg);
}

/* line 367, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #brand-statement.red-brick {
  grid-column: span 1;
}

/* line 369, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #brand-statement.red-brick img {
  width: 90%;
}

/* line 373, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #brand-statement.red-brick h2 span {
  display: none;
}

/* line 377, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #brand-statement.red-brick h2::before {
  content: url(//www.liverpool.ac.uk/files/images/brand/original-red-brick/the-original-red-brick.svg);
  display: none;
  width: 90%;
  display: inline-block;
}

/* line 385, S:/files/css/Global stack/component/_footer-new.scss */
#corporate-footer #related-content-01 {
  display: block;
}

@media screen and (max-width: 1024px) {
  /* line 395, S:/files/css/Global stack/component/_footer-new.scss */
  #footer-sprint footer .container, #staff-profile-dev footer .container, #colour-examples footer .container, #performance-space footer .container {
    width: 93.5%;
    margin: 0 auto;
  }
  /* line 404, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer h2 span {
    display: inline;
  }
  /* line 410, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#terms ul li {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  /* line 419, S:/files/css/Global stack/component/_footer-new.scss */
  #global-navigation-development footer .inner {
    width: 95%;
  }
  /* line 424, S:/files/css/Global stack/component/_footer-new.scss */
  #global-navigation-development #corporate-footer hr {
    border-bottom-color: rgba(255, 255, 255, 0.15);
  }
  /* line 427, S:/files/css/Global stack/component/_footer-new.scss */
  #global-navigation-development #corporate-footer div#related-content-02 div.department {
    border-bottom-color: rgba(255, 255, 255, 0.15);
  }
  /* line 432, S:/files/css/Global stack/component/_footer-new.scss */
  #global-navigation-development #corporate-footer #brand-statement span {
    font-size: 180%;
  }
  /* line 440, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer {
    width: 95%;
    margin: 0 auto;
  }
  /* line 443, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer #brand-statement.red-brick {
    padding-top: 10px;
    grid-column: span 2 !important;
  }
  /* line 446, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer #brand-statement.red-brick h2::before {
    width: 100%;
  }
  /* line 449, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer #brand-statement.red-brick h2 {
    width: 95%;
  }
  /* line 453, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer #related-content-01 {
    display: none;
  }
  /* line 458, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer {
    padding: 10px 0 21px;
    /*a.overlay-link{
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			border: none;
			text-decoration: none;
			z-index: 100;
			opacity: 0;
			margin: 0 !important;
			padding: 0;
		}*/
  }
  /* line 474, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer #related-content-02 {
    order: 1;
  }
  /* line 478, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer #brand-statement {
    order: 2;
  }
  /* line 481, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer #related-content-01 {
    order: 3;
  }
  /* line 484, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer hr:nth-of-type(1) {
    order: 4;
  }
  /* line 487, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer #main-address {
    order: 5;
  }
  /* line 490, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer #orientation {
    order: 6;
  }
  /* line 493, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer #contacts {
    order: 7;
  }
  /* line 496, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer #social {
    order: 8;
  }
  /* line 499, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer hr:nth-of-type(2) {
    order: 9;
  }
  /* line 502, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer #terms {
    order: 10;
  }
  /* line 505, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div.spacer {
    order: 11;
  }
  /* line 510, S:/files/css/Global stack/component/_footer-new.scss */
  #global-navigation-development #corporate-footer {
    width: 95%;
    margin: 0 auto;
  }
  /* line 513, S:/files/css/Global stack/component/_footer-new.scss */
  #global-navigation-development #corporate-footer #brand-statement {
    /*order: 1;*/
    padding-top: 0;
  }
  /* line 517, S:/files/css/Global stack/component/_footer-new.scss */
  #global-navigation-development #corporate-footer div#related-content-02:empty {
    display: none;
  }
  /* line 520, S:/files/css/Global stack/component/_footer-new.scss */
  #global-navigation-development #corporate-footer div#related-content-02 div.department {
    padding-top: 0;
  }
  /* line 523, S:/files/css/Global stack/component/_footer-new.scss */
  #global-navigation-development #corporate-footer hr {
    border-bottom-color: rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.15);
  }
  /* line 528, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  /* line 531, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div {
    width: 100%;
    float: none;
  }
  /* line 535, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#brand-statement {
    grid-column: span 2;
  }
  /* line 538, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#related-content-02 {
    grid-column: span 2;
  }
  /* line 540, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#related-content-02 div.department {
    border-bottom: 1px solid #fff;
    padding: 20px 0;
  }
  /* line 543, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#related-content-02 div.department address {
    font-size: 120%;
    padding-bottom: 10px;
  }
  /* line 547, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#related-content-02 div.department div {
    display: inline;
    font-size: 120%;
    position: relative;
    padding: 10px;
    min-height: 52px;
    background-color: #5C556F;
  }
  /* line 554, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#related-content-02 div.department div p {
    margin-left: 45px;
    font-weight: 600;
    color: #fff;
    position: relative;
    top: 3px;
    display: inline-block;
    width: 90%;
  }
  /* line 564, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#related-content-02 div.department div.email-address {
    background: none;
    padding: 0;
    line-height: 2em;
    position: relative;
    top: -15px;
  }
  /* line 571, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#related-content-02 div.department div:first-of-type {
    display: none;
  }
  /* line 575, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#related-content-02 div.department div:last-of-type::before {
    content: url(//www.liverpool.ac.uk/files/images/icons/footer/contact.svg);
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
  }
  /* line 582, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#related-content-02 div.department div:last-of-type {
    display: block;
    margin-left: 0;
    border-radius: 10px;
    padding: 10px;
  }
  /* line 588, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#related-content-02 div.department div:last-of-type a {
    margin-left: 40px;
  }
  /* line 594, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#main-address, #corporate-footer div#social {
    grid-column: span 2;
  }
  /* line 598, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#main-address address {
    font-size: 120%;
    padding-top: 0;
  }
  /* line 604, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#social ul.connect {
    text-align: left;
  }
  /* line 608, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#orientation {
    /*grid-column: 1 / -1;
			border-radius: 10px;
			padding: 10px;
			min-height: 0;
			background-color: $deep-plum;*/
  }
  /* line 614, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#orientation ul#map-and-directions::before {
    width: 30px;
    height: 30px;
  }
  /* line 618, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#orientation ul#map-and-directions {
    min-height: 0;
    position: relative;
  }
  /* line 621, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#orientation ul#map-and-directions li {
    margin-left: 45px;
    font-size: 120%;
  }
  /* line 625, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#orientation ul#map-and-directions li:last-of-type {
    display: block;
    color: #fff;
    font-weight: 600;
    /*position: relative;
					top: 3px;*/
  }
  /* line 633, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#orientation ul#map-and-directions li:nth-of-type(1) {
    display: none;
    /*padding-top: 0;*/
  }
  /* line 639, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#contacts {
    /*grid-column: 1 / -1;
			border-radius: 10px;
			padding: 10px;
			min-height: 0;
			background-color: $deep-plum;*/
  }
  /* line 645, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#contacts ul#call-and-contacts::before {
    width: 30px;
    height: 30px;
  }
  /* line 649, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#contacts ul#call-and-contacts {
    min-height: 0;
    position: relative;
  }
  /* line 652, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#contacts ul#call-and-contacts li {
    margin-left: 45px;
    font-size: 120%;
  }
  /* line 656, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#contacts ul#call-and-contacts li:last-of-type {
    display: block;
    color: #fff;
    font-weight: 600;
    /*position: relative;
					top: 3px;*/
    padding-top: 0;
  }
  /* line 665, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#contacts ul#call-and-contacts li:nth-of-type(1) {
    display: none;
  }
  /* line 668, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#contacts ul#call-and-contacts li:nth-of-type(2) {
    display: none;
  }
  /* line 673, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#terms {
    grid-column: span 2;
  }
  /* line 676, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#terms ul li {
    display: block;
    margin-bottom: 10px;
  }
  /* line 682, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div.spacer {
    display: block;
  }
  /* line 685, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer hr {
    grid-column: span 2;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 692, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  /* line 696, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div.spacer, #corporate-footer #related-content-01 {
    display: block;
  }
  /* line 699, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div {
    min-width: 30%;
    width: calc((100% / 3) - 30px);
    margin: 10px 10px 10px 0;
    padding: 20px 0;
    justify-content: space-evenly;
  }
  /* line 707, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#social .connect {
    text-align: left;
  }
}

@supports not (display: grid) {
  /* line 716, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  /* line 720, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div {
    width: calc((100% / 3) - 50px);
    margin: 0 10px 10px 0;
    padding: 20px 0;
  }
  /* line 725, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div.spacer, #corporate-footer #related-content-01 {
    display: block;
  }
  /* line 729, S:/files/css/Global stack/component/_footer-new.scss */
  #corporate-footer div#social .connect {
    text-align: left;
  }
}

/* line 736, S:/files/css/Global stack/component/_footer-new.scss */
#department-address {
  padding: 0;
}

/* line 739, S:/files/css/Global stack/component/_footer-new.scss */
#department-address .department .phone-number, #department-address .department address {
  padding-bottom: 0;
  margin-bottom: 10px;
}

/* line 743, S:/files/css/Global stack/component/_footer-new.scss */
#department-address .department .phone-number:empty, #department-address .department address:empty {
  display: none;
}

/* line 747, S:/files/css/Global stack/component/_footer-new.scss */
#department-address #address {
  padding-top: 20px;
  color: white;
}

/* line 750, S:/files/css/Global stack/component/_footer-new.scss */
#department-address #address .department {
  color: white;
}

/* line 752, S:/files/css/Global stack/component/_footer-new.scss */
#department-address #address .department div:last-of-type {
  display: none;
}

/* line 758, S:/files/css/Global stack/component/_footer-new.scss */
#department-address #address .department:empty {
  display: none;
}

/* line 763, S:/files/css/Global stack/component/_footer-new.scss */
#department-address #address:empty {
  display: none;
}

/* HIDE SUB-FOOTER */
/* line 771, S:/files/css/Global stack/component/_footer-new.scss */
#knowledge-transfer-account #department-address {
  display: none;
}

/* line 772, S:/files/css/Global stack/component/_footer-new.scss */
#chemistry #department-address {
  display: none;
}

/* line 773, S:/files/css/Global stack/component/_footer-new.scss */
#management #department-address {
  display: none;
}

/* line 774, S:/files/css/Global stack/component/_footer-new.scss */
#music #department-address {
  display: none;
}

/* line 775, S:/files/css/Global stack/component/_footer-new.scss */
#medicine #department-address {
  display: none;
}

/* SECTION TITLE BELOW HEADER */
/* Scss Document */
/* line 3, S:/files/css/Global stack/component/_sub-brand.scss */
#section-name {
  background: #212b58;
}

/* line 6, S:/files/css/Global stack/component/_sub-brand.scss */
#section-name div.container div.universal-inner {
  padding: clamp(1rem, 1.25vw, 1.25rem) 0;
}

/* line 9, S:/files/css/Global stack/component/_sub-brand.scss */
#section-name div.container div.universal-inner #key-links {
  display: none;
}

/* line 12, S:/files/css/Global stack/component/_sub-brand.scss */
#section-name div.container div.universal-inner #icons {
  display: none;
}

/* line 15, S:/files/css/Global stack/component/_sub-brand.scss */
#section-name div.container div.universal-inner #section-home-link {
  width: 100%;
}

/* line 17, S:/files/css/Global stack/component/_sub-brand.scss */
#section-name div.container div.universal-inner #section-home-link h2 {
  font-size: clamp(1rem, 1.5vw, 1.5rem) !important;
  font-weight: 600;
  margin: 0;
}

/* line 21, S:/files/css/Global stack/component/_sub-brand.scss */
#section-name div.container div.universal-inner #section-home-link h2 a {
  color: white;
}

/* line 26, S:/files/css/Global stack/component/_sub-brand.scss */
#section-name div.container div.universal-inner #section-home-link h2 a:hover {
  /*border-bottom: 1px dotted lighten($classic-black,15%);*/
}

/* line 35, S:/files/css/Global stack/component/_sub-brand.scss */
body.study #section-name div.container div.universal-inner #section-home-link h2 a, body.department #section-name div.container div.universal-inner #section-home-link h2 a, body#international.study #section-name div.container div.universal-inner #section-home-link h2 a {
  color: white !important;
}

/* AUTOCOMPLETE COURSE SEARCH FEATURE */
/* Scss Document */
/* line 15, S:/files/css/Global stack/component/_auto-complete.scss */
body.study#postgraduate section#course-discovery-feature {
  background-color: #006098 !important;
}

/* line 19, S:/files/css/Global stack/component/_auto-complete.scss */
body.study#postgraduate section#course-discovery-feature form#course-search label ul.coursetype {
  background-color: #004974 !important;
}

/* line 22, S:/files/css/Global stack/component/_auto-complete.scss */
body.study#postgraduate section#course-discovery-feature form#course-search label ul.coursetype li:not(.init) {
  background-color: #003351;
}

/* line 25, S:/files/css/Global stack/component/_auto-complete.scss */
body.study#postgraduate section#course-discovery-feature form#course-search label ul.coursetype li:hover {
  background-color: #00263c;
}

/* line 34, S:/files/css/Global stack/component/_auto-complete.scss */
body.study#undergraduate section#course-discovery-feature {
  background: #6452d1 !important;
}

/* line 38, S:/files/css/Global stack/component/_auto-complete.scss */
body.study#undergraduate section#course-discovery-feature form#course-search label ul.coursetype {
  background-color: #4b36ca !important;
}

/* line 40, S:/files/css/Global stack/component/_auto-complete.scss */
body.study#undergraduate section#course-discovery-feature form#course-search label ul.coursetype li:not(.init) {
  background-color: #402ead;
}

/* line 43, S:/files/css/Global stack/component/_auto-complete.scss */
body.study#undergraduate section#course-discovery-feature form#course-search label ul.coursetype li:hover {
  background-color: #3a2a9d;
}

/* line 54, S:/files/css/Global stack/component/_auto-complete.scss */
body.study section#course-discovery-feature form#course-search {
  grid-template-columns: 0.9fr 1.65fr 0.1fr 0.4fr !important;
}

/* line 56, S:/files/css/Global stack/component/_auto-complete.scss */
body.study section#course-discovery-feature form#course-search h2 {
  font-size: 230%;
  margin-top: 4px;
  padding-right: 0.25em;
}

/* line 61, S:/files/css/Global stack/component/_auto-complete.scss */
body.study section#course-discovery-feature form#course-search div:last-of-type {
  order: 5;
}

/* line 63, S:/files/css/Global stack/component/_auto-complete.scss */
body.study section#course-discovery-feature form#course-search div:last-of-type ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* line 67, S:/files/css/Global stack/component/_auto-complete.scss */
body.study section#course-discovery-feature form#course-search div:last-of-type ul li {
  font-size: 100%;
  font-family: "proxima-nova", arial, sans-serif;
  margin: 0;
}

/* line 71, S:/files/css/Global stack/component/_auto-complete.scss */
body.study section#course-discovery-feature form#course-search div:last-of-type ul li a {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-weight: 600;
}

/* line 78, S:/files/css/Global stack/component/_auto-complete.scss */
body.study section#course-discovery-feature form#course-search div:last-of-type ul li a:hover {
  border-bottom: 1px solid white;
}

/* line 83, S:/files/css/Global stack/component/_auto-complete.scss */
body.study section#course-discovery-feature form#course-search div:last-of-type p {
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 100%;
  margin: 0;
  padding-top: 7px;
}

/* line 88, S:/files/css/Global stack/component/_auto-complete.scss */
body.study section#course-discovery-feature form#course-search div:last-of-type p a {
  color: white;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-weight: 600;
}

/* line 94, S:/files/css/Global stack/component/_auto-complete.scss */
body.study section#course-discovery-feature form#course-search div:last-of-type p a:hover {
  border-bottom: 1px solid white;
}

/* line 106, S:/files/css/Global stack/component/_auto-complete.scss */
#auto-complete-dev #common-global-strip-no-social, #auto-complete-dev #course-search-strip:nth-of-type(2) {
  display: none;
}

/* line 112, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature {
  background: #008670 !important;
}

/* line 114, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search::before, section#course-discovery-feature form#course-search::after {
  display: none;
}

/* line 118, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search {
  display: grid;
  grid-gap: 20px;
  grid-row-gap: 0;
  grid-template-columns: 0.75fr 1fr 1.5fr 0.25fr  !important;
  padding: 30px 0;
}

/* line 124, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search h2 {
  color: white;
  font-size: 200%;
  text-align: right;
  padding: 0;
  padding-top: 0.5rem;
  margin: 0;
  line-height: 0.85em;
  order: 1;
}

/* line 134, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label {
  margin-bottom: 0;
  padding-left: 0;
  order: 2;
  min-width: 100%;
}

/* line 139, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label ul.coursetype {
  border: none !important;
  height: 100% !important;
  margin: 0;
  padding: 0;
  width: 100% !important;
  max-width: none !important;
  display: inline-block;
  border: 2px solid white;
  background-color: #212b58;
  border-radius: 7px;
  position: relative;
}

/* line 151, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label ul.coursetype li {
  z-index: 7000 !important;
  color: white;
  width: 100%;
  height: 100%;
  padding: 11px;
  margin-bottom: 0;
  list-style-type: none;
  font-weight: normal;
  transition: background-color 0.5s ease;
  background-color: transparent;
  border-radius: 7px;
}

/* line 164, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label ul.coursetype li.init {
  cursor: pointer;
}

/* line 167, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label ul.coursetype li:not(.init) {
  display: none;
  background-color: #0c1020;
  position: relative;
  top: -5px;
  border-radius: 0;
}

/* line 174, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label ul.coursetype li:hover {
  background-color: #0c1020;
  border-radius: 7px;
}

/* line 181, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label ul.coursetype li:not(.init):last-of-type, section#course-discovery-feature form#course-search label ul.coursetype li:not(.init):hover:last-of-type {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

/* line 185, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label ul.coursetype li:not(.init):hover {
  background-color: #0c1020;
  border-radius: 0;
}

/* line 189, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label ul.coursetype li:nth-of-type(1)::after {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down-white.svg);
  opacity: 90%;
  color: #0c1020;
  display: inline-block;
  width: 24px;
  font-size: 290%;
  position: absolute;
  top: 9px;
  right: 12px;
  vertical-align: middle;
  margin-left: -0.5em;
}

/* line 202, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label ul.coursetype li::before {
  display: none;
}

/* line 206, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label select {
  background-color: #0c1020;
  border: 2px solid white;
  color: white;
}

/* line 210, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label select option {
  margin: 10px;
  line-height: 2em;
  border: 10px solid black;
}

/* line 215, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label select option:checked {
  background-color: #0c1020;
}

/* line 218, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label select option:hover {
  background-color: #0c1020;
}

/* line 223, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search label select:active, section#course-discovery-feature form#course-search label select:hover, section#course-discovery-feature form#course-search label select option:focus, section#course-discovery-feature form#course-search label select option:active {
  outline: none;
}

/* line 227, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search input[type="search"] {
  padding-right: 12px;
  order: 3;
  width: 96%;
  min-width: 96%;
}

/* line 233, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search input[type="image"] {
  order: 4;
}

/* line 236, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature form#course-search input[type="image"]:focus {
  outline-color: #0c1020;
}

/* line 240, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature .ui-widget input, section#course-discovery-feature .ui-widget select, section#course-discovery-feature .ui-widget textarea, section#course-discovery-feature .ui-widget button, section#course-discovery-feature label {
  font-family: "proxima-nova", arial, sans-serif;
  padding: 0;
  padding-left: 12px;
  line-height: normal;
  border: none;
  border-radius: 7px;
  height: 44px;
  margin-bottom: 0;
  color: #1E1E1E;
}

/* line 251, S:/files/css/Global stack/component/_auto-complete.scss */
section#course-discovery-feature .ui-widget input[type="image"] {
  padding-left: 0;
}

/* line 258, S:/files/css/Global stack/component/_auto-complete.scss */
body .ui-widget-content {
  font-family: "proxima-nova", arial, sans-serif;
  padding: 12px;
  border-radius: 7px;
  border: none;
  margin-bottom: 30px;
  padding: 30px 15px 20px 50px;
  width: 12%;
  background: #212b58 !important;
}

/* line 267, S:/files/css/Global stack/component/_auto-complete.scss */
body .ui-widget-content li.nocourse::before {
  content: none;
}

/* line 270, S:/files/css/Global stack/component/_auto-complete.scss */
body .ui-widget-content li.nocourse {
  color: white;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 0;
  margin-left: -1em;
}

/* line 276, S:/files/css/Global stack/component/_auto-complete.scss */
body .ui-widget-content li.nocourse a {
  display: inline;
  color: white;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-decoration: underline;
}

/* line 283, S:/files/css/Global stack/component/_auto-complete.scss */
body .ui-widget-content .ui-menu-item {
  display: block;
  margin: 0;
  line-height: 1.3em;
  margin-bottom: 15px;
  transition: background-color 0.5s ease;
}

/* line 289, S:/files/css/Global stack/component/_auto-complete.scss */
body .ui-widget-content .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  border: none;
  border-bottom: 1px solid white;
}

/* line 293, S:/files/css/Global stack/component/_auto-complete.scss */
body .ui-widget-content .ui-menu-item div {
  display: inline;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
  color: white;
  font-weight: 800;
  letter-spacing: 0.02em;
}

/* line 300, S:/files/css/Global stack/component/_auto-complete.scss */
body .ui-widget-content .ui-menu-item div:hover {
  border: none;
  border-bottom: 1px solid white;
  padding: 0;
  cursor: pointer;
  background: transparent;
}

/* line 308, S:/files/css/Global stack/component/_auto-complete.scss */
body .ui-widget-content .ui-state-focus, body .ui-widget-content .ui-state-active {
  background: none;
  border: none;
}

/* line 312, S:/files/css/Global stack/component/_auto-complete.scss */
body .ui-widget-content .ui-menu-item::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-right.svg);
  color: #5e5e5e;
  display: inline-block;
  width: 24px;
  font-size: 290%;
  position: relative;
  top: -3px;
  left: -10px;
  vertical-align: middle;
  margin-left: -0.5em;
}

/* line 326, S:/files/css/Global stack/component/_auto-complete.scss */
body .ui-widget-content::after {
  content: "";
  position: absolute;
  top: -13px;
  left: 47px;
  border-width: 0 13px 13px;
  border-style: solid;
  border-color: #5C556F transparent;
  display: block;
  width: 0;
}

@media screen and (max-width: 1360px) {
  /* line 342, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search {
    grid-template-columns: 0.9fr 1.65fr 0.1fr 0.4fr !important;
  }
  /* line 344, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search h2 {
    font-size: 230%;
  }
}

@media screen and (max-width: 1024px) {
  /* line 357, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study#postgraduate section#course-discovery-feature {
    background-color: #004974 !important;
  }
  /* line 361, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study#postgraduate section#course-discovery-feature form#course-search label ul.coursetype {
    background-color: #003351 !important;
  }
  /* line 363, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study#postgraduate section#course-discovery-feature form#course-search label ul.coursetype li:not(.init) {
    background-color: #00263c;
  }
  /* line 366, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study#postgraduate section#course-discovery-feature form#course-search label ul.coursetype li:hover {
    background-color: #001928;
  }
  /* line 375, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study#undergraduate section#course-discovery-feature {
    background: #4b36ca !important;
  }
  /* line 379, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study#undergraduate section#course-discovery-feature form#course-search label ul.coursetype {
    background-color: #402ead !important;
  }
  /* line 381, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study#undergraduate section#course-discovery-feature form#course-search label ul.coursetype li:not(.init) {
    background-color: #34268d;
  }
  /* line 384, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study#undergraduate section#course-discovery-feature form#course-search label ul.coursetype li:hover {
    background-color: #2b1f75;
  }
  /* line 395, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search {
    grid-template-columns: 1fr 0.115fr !important;
  }
  /* line 397, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search h2 {
    font-size: 120%;
  }
  /* line 403, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search div:last-of-type ul li {
    display: inline;
    margin-right: 20px;
  }
  /* line 414, S:/files/css/Global stack/component/_auto-complete.scss */
  body .ui-widget-content {
    padding: 20px 15px 20px 15px  !important;
  }
  /* line 416, S:/files/css/Global stack/component/_auto-complete.scss */
  body .ui-widget-content .ui-menu-item::before {
    display: none !important;
  }
  /* line 422, S:/files/css/Global stack/component/_auto-complete.scss */
  body .ui-widget-content li.nocourse {
    padding-left: 15px !important;
  }
  /* line 429, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature .inner {
    width: 90%;
  }
  /* line 432, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search {
    grid-template-columns: 1fr 0.05fr !important;
    grid-row-gap: 15px;
    width: 90%;
    padding-top: 0;
  }
  /* line 437, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search label:nth-of-type(1) {
    order: 1;
    grid-column: span 2;
    position: relative;
  }
  /* line 441, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search label:nth-of-type(1) h2 {
    text-align: left;
    position: absolute;
    bottom: 0;
    font-family: "proxima-nova", arial, sans-serif;
    font-weight: 800;
    font-size: 130%;
    font-style: normal;
  }
  /* line 452, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search label:nth-of-type(2) {
    grid-column: span 2;
    order: 4;
  }
  /* line 457, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search input[type="search"] {
    padding-right: 12px;
    order: 2;
  }
  /* line 462, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search input[type="image"] {
    order: 3;
  }
}

@media screen and (max-width: 600px) {
  /* line 477, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search div:last-of-type ul li {
    display: block;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 494, S:/files/css/Global stack/component/_auto-complete.scss */
  .ui-widget-content {
    padding: 20px 15px 20px 15px  !important;
  }
  /* line 496, S:/files/css/Global stack/component/_auto-complete.scss */
  .ui-widget-content .ui-menu-item::before {
    display: none !important;
  }
  /* line 501, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature .inner {
    width: 80%;
  }
  /* line 506, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search h2 {
    float: left;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  /* line 512, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search label {
    float: left;
    width: 30%;
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: inherit;
  }
  /* line 519, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search input[type=search] {
    float: left;
    width: 30%;
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: inherit;
  }
  /* line 530, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature .inner {
    width: 95%;
  }
  /* line 534, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search div:last-of-type {
    float: left;
    width: 15%;
  }
  /* line 538, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search label {
    width: 28%;
  }
  /* line 541, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search input[type=image] {
    float: left;
    width: 40px;
    margin-right: 20px;
  }
  /* line 546, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search input[type=search] {
    width: 28%;
  }
}

@supports not (display: grid) {
  /* line 555, S:/files/css/Global stack/component/_auto-complete.scss */
  .ui-widget-content {
    padding: 20px 15px 20px 15px  !important;
  }
  /* line 557, S:/files/css/Global stack/component/_auto-complete.scss */
  .ui-widget-content .ui-menu-item::before {
    display: none !important;
  }
  /* line 562, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature .inner {
    width: 80%;
  }
  /* line 567, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search h2 {
    float: left;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  /* line 573, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search label {
    float: left;
    width: 30%;
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: inherit;
  }
  /* line 580, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search input[type=search] {
    float: left;
    width: 30%;
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: inherit;
  }
  /* line 591, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature .inner {
    width: 95%;
  }
  /* line 595, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search div:last-of-type {
    float: left;
    width: 15%;
  }
  /* line 599, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search label {
    width: 28%;
  }
  /* line 602, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search input[type=image] {
    float: left;
    width: 40px;
    margin-right: 20px;
  }
  /* line 607, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search input[type=search] {
    width: 28%;
  }
}

@media screen and (max-width: 1024px) and (-ms-high-contrast: active) {
  /* line 621, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search h2, section#course-discovery-feature form#course-search label, section#course-discovery-feature form#course-search input[type=search] {
    float: none  !important;
    display: block  !important;
    width: 100%  !important;
    margin-bottom: 20px !important;
  }
  /* line 631, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature .inner {
    width: 90%;
  }
  /* line 635, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search div:last-of-type {
    float: none;
    width: auto;
  }
  /* line 639, S:/files/css/Global stack/component/_auto-complete.scss */
  body.study section#course-discovery-feature form#course-search div:last-of-type ul li {
    display: inline;
  }
}

@media screen and (max-width: 1024px) {
  @supports not (display: grid) {
    /* line 654, S:/files/css/Global stack/component/_auto-complete.scss */
    section#course-discovery-feature form#course-search h2, section#course-discovery-feature form#course-search label, section#course-discovery-feature form#course-search input[type=search] {
      float: none  !important;
      display: block  !important;
      width: 100%  !important;
      margin-bottom: 20px  !important;
    }
    /* line 664, S:/files/css/Global stack/component/_auto-complete.scss */
    body.study section#course-discovery-feature .inner {
      width: 90%;
    }
    /* line 668, S:/files/css/Global stack/component/_auto-complete.scss */
    body.study section#course-discovery-feature form#course-search div:last-of-type {
      float: none !important;
      width: auto !important;
    }
    /* line 672, S:/files/css/Global stack/component/_auto-complete.scss */
    body.study section#course-discovery-feature form#course-search div:last-of-type ul li {
      display: inline;
    }
  }
}

@media not all and (min-resolution: 0.001dpcm) {
  /* line 688, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search h2 {
    float: left;
    display: inline-block;
    margin-right: 20px;
  }
  /* line 693, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search label {
    float: left;
    width: 30%;
    margin-right: 20px;
  }
  /* line 698, S:/files/css/Global stack/component/_auto-complete.scss */
  section#course-discovery-feature form#course-search input[type=search] {
    float: left;
    width: 30%;
    margin-right: 20px;
  }
}

/* ACCESSIBLE MEGA MENUS INCLUDING GLOBAL SEARCH FEATURE */
/* Scss Document */
/* line 18, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header #primary-nav .inline-search #merged-search {
  display: none;
}

/* line 20, S:/files/css/Global stack/component/_mega-menus.scss */
form#mobile-study-menu-course-search {
  display: none;
}

/* line 24, S:/files/css/Global stack/component/_mega-menus.scss */
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -15px !important;
}

/* line 27, S:/files/css/Global stack/component/_mega-menus.scss */
.mm-btn_prev:active {
  background: none;
}

/* line 30, S:/files/css/Global stack/component/_mega-menus.scss */
.mm-btn_prev {
  border: none;
}

/* line 33, S:/files/css/Global stack/component/_mega-menus.scss */
.mm-btn_prev .mm-sronly {
  background: #DB487E;
  width: 90% !important;
  border-radius: 50px;
  padding: 0 10px 8px !important;
  top: 8px;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
}

/* line 42, S:/files/css/Global stack/component/_mega-menus.scss */
.mm-btn_prev .mm-sronly:active, .mm-btn_prev .mm-sronly:focus {
  outline: none;
  background-color: none;
}

/* line 46, S:/files/css/Global stack/component/_mega-menus.scss */
.mm-btn_prev .mm-sronly::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-right.svg);
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-left: 7px;
  position: relative;
  top: 7px;
  left: -10px;
  transform: rotate(180deg);
}

/* line 62, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .container:first-child .universal-inner {
  border-bottom: none;
}

/* line 67, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .sign-in-container {
  -webkit-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
  -moz-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
  -ms-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
  -o-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
  transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
  position: relative;
}

/* line 75, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .sign-in-container .universal-inner {
  height: auto;
  border-bottom: 2px solid rgba(255, 255, 255, 0);
  /*border-bottom: 2px solid darken($blue,13%);*/
}

/* line 82, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner {
  height: 83px;
  transition: all 0.5s;
}

/* line 86, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu {
  transition: all 0.7s;
  color: #212b58;
  top: 1.9em;
  display: block;
  position: relative;
  list-style: none;
  margin: 0;
  padding-left: 28.7%;
  height: 0;
  z-index: 1;
}

/* line 97, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav {
  position: absolute;
  padding: 0;
  width: 100% !important;
  left: 0;
  background-color: #212b58;
  overflow: hidden;
  opacity: 0;
  z-index: 10000;
  top: -9999em;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 500ms ease 400ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 210ms;
  -moz-transition: opacity 500ms ease 400ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 210ms;
  -ms-transition: opacity 500ms ease 400ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 210ms;
  -o-transition: opacity 500ms ease 400ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 210ms;
  transition: opacity 500ms ease 400ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 210ms;
}

/* line 116, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .grid-parent {
  display: grid;
  grid-template-columns: 25.13% 70.45%;
  grid-gap: 4.42%;
  grid-auto-flow: row;
}

/* line 123, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns {
  padding: 1.25em 0;
  order: 2;
}

/* line 127, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group:last-child {
  margin-right: 0;
}

/* line 131, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group {
  width: 30.89%;
  margin-right: 2.95%;
  margin-bottom: 1em;
  float: left;
}

/* line 137, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group ul.sub-nav-group {
  display: block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  list-style-position: outside;
  margin-bottom: 1em;
}

/* line 145, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group ul.sub-nav-group h2 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: clamp(1.1rem, 1.35vw, 1.35rem);
  line-height: clamp(1.5rem, 1.65vw, 1.65rem);
  text-transform: uppercase;
  color: white;
}

/* line 154, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group ul.sub-nav-group li {
  display: block;
  list-style-type: none;
  margin: 0 0 0.3em;
  padding: 0 0 0.3em;
  /*font-size: 90%;*/
  font-weight: bold;
}

/* line 162, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group ul.sub-nav-group li a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
  padding: 0 !important;
  background: none;
  border-radius: 0 !important;
}

/* line 172, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group ul.sub-nav-group li a:hover, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group ul.sub-nav-group li a:active {
  background: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  border-radius: 0 !important;
  color: #fff !important;
}

/* line 179, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group ul.sub-nav-group li a:focus {
  border-bottom: 1px solid #fff;
  background: none !important;
}

/* line 186, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search {
  width: 90%;
  position: relative;
  padding-top: 12px;
}

/* line 191, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search h2, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search h2 {
  font-size: 90%;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0.85em;
  margin-top: 0;
}

/* line 198, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search label, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search label {
  margin-bottom: 0.5em;
}

/* line 201, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search label h2, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search label h2 {
  color: white;
  margin-bottom: 0;
}

/* line 209, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search div.course-type label h2, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search div.course-type label h2 {
  margin-bottom: 0.5em;
}

/* line 215, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search p, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search p {
  color: white;
  font-size: 90%;
  margin-bottom: 1.5rem;
}

/* line 220, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search p a, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search p a {
  color: white;
  border-bottom: 1px dotted white;
  text-decoration: none;
}

/* line 226, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search p a:hover, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search p a:hover {
  border-bottom-style: solid;
  background: none;
}

/* line 232, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search div, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search div {
  margin-bottom: 1em;
}

/* line 236, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search input[type="text"], #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search input[type="text"] {
  background: #fff;
  border: none;
  width: 100%;
  color: #666;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 80%;
  padding: 0.77em 5%;
  text-transform: none;
  text-align: left;
  margin-bottom: 0.55em;
  overflow: hidden;
  border-radius: 4px;
}

/* line 251, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search input[type="text"]:focus, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search select:focus, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search input[type="text"]:focus, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search select:focus {
  background: #ffa;
}

/* line 255, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search select, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search select {
  background: #fff;
  border: none;
  width: 100%;
  color: #666;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 80%;
  padding: 0.77em 5%;
  text-transform: none;
  text-align: left;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 4px;
}

/* line 270, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search input[type="submit"], #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search input[type="submit"] {
  border: none;
  width: 100%;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 80%;
  font-weight: bold;
  padding: 0.77em 5%;
  text-transform: none;
  text-align: left;
  margin-bottom: 0;
  background-color: #d5daef;
  color: #333f48;
  overflow: hidden;
  border-radius: 4px;
}

/* line 286, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search input[type="submit"]:hover, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search input[type="submit"]:hover {
  background-color: #ffe088;
}

/* line 290, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#course-search input[type="submit"]:focus, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group form#study-menu-course-search input[type="submit"]:focus {
  border: 1px dotted #fff;
}

/* line 296, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .parent-group {
  display: block;
  margin-bottom: 1em;
}

/* line 303, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .parent-group h2 {
  color: #fff;
  margin: 0 0 1rem 0;
  /*a:after{
									content:url(//www.liverpool.ac.uk/files/images/icons/arrow-right.svg);
									font-family: $proxima;
									width: 24px;
									height: 24px;
									display: inline-block;
									position: relative;
									top: 3px;
									margin-left: 12px;
									
								}*/
}

/* line 307, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .parent-group h2 a {
  color: #fff;
  /*text-decoration: none;
									border-bottom: 1px solid $white;
									border-radius: 0 !important;
									transform: width 0.5s;
									display: block;*/
}

/* line 314, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .parent-group h2 a em {
  font-style: normal;
}

/* line 318, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .parent-group h2 a span {
  font-size: 50%;
  font-family: "proxima-nova", arial, sans-serif;
  margin-left: 2%;
}

/* line 335, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .parent-group h2 a:hover, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .parent-group h2 a:focus {
  background: transparent;
}

/* line 340, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .parent-group h2:hover, #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .parent-group h2:focus {
  background: transparent;
}

/* line 346, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative {
  height: 100%;
  order: 1;
}

/* line 350, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative {
  position: relative;
  height: 100%;
}

/* line 355, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative img {
  margin-bottom: 0;
  display: none;
}

/* line 362, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h3 a {
  padding: 0 !important;
}

/* line 368, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h2 {
  padding: 0.65em 10%;
  background: rgba(255, 255, 255, 0.1);
  margin: 0 0 0.5em;
  width: 100%;
  color: white;
}

/* line 375, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h2 a {
  color: white;
}

/* line 379, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h2 a:hover {
  background-color: transparent !important;
}

/* line 383, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h2 strong {
  font-weight: 600;
}

/* line 387, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h2 em {
  display: block;
  font-style: normal;
  font-weight: 800;
}

/* line 397, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .sub-nav.open {
  display: block;
  top: 56px;
  max-height: 1200px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 300ms ease, max-height 400ms ease, visibility 0s linear 0s, top 0s linear 0s;
  -moz-transition: opacity 300ms ease, max-height 400ms ease, visibility 0s linear 0s, top 0s linear 0s;
  -ms-transition: opacity 300ms ease, max-height 400ms ease, visibility 0s linear 0s, top 0s linear 0s;
  -o-transition: opacity 300ms ease, max-height 400ms ease, visibility 0s linear 0s, top 0s linear 0s;
  transition: opacity 300ms ease, max-height 400ms ease, visibility 0s linear 0s, top 0s linear 0s;
}

/* line 410, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item {
  list-style: none;
  display: inline;
  font-family: "poppins", sans-serif;
  font-weight: 800;
  font-size: 120%;
  border-radius: 7px;
  margin-right: 0;
}

/* line 420, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item > a {
  position: relative;
  cursor: pointer;
  margin: 0;
  text-decoration: none;
  font-weight: 800;
  color: #212b58;
  transition: background-color 0.5s ease;
  background-color: transparent;
  padding: 1em 18px 26px 13px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 436, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item > a.open {
  border-bottom: none;
  z-index: 1;
  color: #fff;
}

/* line 445, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item > a:after {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down.svg);
  font-family: "proxima-nova", arial, sans-serif;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: relative;
  top: 6px;
  left: 7px;
  transition: transform 0.5s;
  color: #212b58;
}

/* line 458, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item a:focus {
  outline: none;
}

/* line 462, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item a:hover, #universal-header .universal-inner .nav-menu .nav-item a:active {
  background-color: #ffd100;
  color: #212b58;
}

/* line 467, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item a.open {
  color: #fff;
  background-color: #212b58;
}

/* line 472, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item > a.open:before {
  position: absolute;
  content: '';
  height: 2px;
  bottom: 10px;
  margin: 0 15px;
  left: 0;
  right: 0;
  width: auto;
  background: rgba(0, 0, 0, 0);
}

/* line 484, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item > a.open:after {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down-white.svg);
  transform: rotate(180deg);
}

/* line 489, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item > a:hover:after {
  color: #fff;
}

/* line 493, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) > a, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search > a {
  background: #212b58;
  color: #fff;
  padding: 0.75em 1em 0.65em 0.75em;
  border-radius: 7px;
  position: relative;
  top: 1px;
}

/* line 502, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) > a:hover, #universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) > a:focus, #universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) > a.open, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search > a:hover, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search > a:focus, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search > a.open {
  background: #008670;
}

/* line 506, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) > a.open, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search > a.open {
  padding-bottom: 30px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 512, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) > a:after, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search > a:after {
  content: url("//www.liverpool.ac.uk/files/images/icons/search-white.svg");
}

/* line 516, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) > a.open:after, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search > a.open:after {
  content: url("//www.liverpool.ac.uk/files/images/icons/arrow-down-white.svg");
}

/* line 520, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4), #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search {
  margin-left: 18%;
  z-index: 200;
}

/* line 524, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav {
  background: #008670;
  z-index: 9000;
}

/* line 530, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group {
  margin-bottom: 0;
}

/* line 533, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search {
  display: grid;
  grid-gap: 20px;
  grid-row-gap: 0;
  grid-template-columns: 31% 69% 4%;
  padding: 0 85px 0 35px;
  width: 91.7%;
}

/* line 541, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search input[type=image], #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search input[type=image] {
  margin-bottom: 0;
  border-radius: 50%;
  transition: background-color 0.5s ease;
  background-color: rgba(0, 0, 0, 0);
  width: 44px;
  height: 44px;
}

/* line 550, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search input[type=image]:hover, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search input[type=image]:hover {
  background-color: #0c1020;
}

/* line 554, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search input[type=image]:active, #universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search input[type=image]:focus, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search input[type=image]:active, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search input[type=image]:focus {
  outline: none;
  background-color: #212b58;
}

/* line 560, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div textarea, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div textarea {
  color: #ccc;
}

/* line 564, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div input[type=search], #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div input[type=search] {
  font-family: "proxima-nova", arial, sans-serif;
  padding: 0 12px;
  line-height: normal;
  border: none;
  border-radius: 7px;
  height: 44px;
  margin-bottom: 0;
  width: 98.5%;
  transition: background-color 0.5s ease;
  background-color: white;
}

/* line 577, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div input[type=search]:focus, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div input[type=search]:focus {
  background-color: #ffa;
}

/* line 581, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group {
  margin-right: 10px;
  display: inline-block;
}

/* line 585, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group label, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group label {
  margin-bottom: 0;
  color: white;
  font-weight: 600;
  font-size: 100%;
  padding: 2px 20px 0 40px;
}

/* line 593, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group input[type=radio], #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group input[type=radio] {
  margin-right: 10px;
  -webkit-appearance: none;
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  padding: 0;
  background: rgba(255, 255, 255, 0.5);
  top: 9px;
  left: 14px;
}

/* line 606, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group input[type=radio]:hover, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group input[type=radio]:hover {
  cursor: pointer;
}

/* line 610, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group input[type=radio]:active, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group input[type=radio]:active {
  outline: none;
}

/* line 614, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group input[type=radio]:checked, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group input[type=radio]:checked {
  position: absolute;
  background: white;
  outline: none;
}

/* line 620, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group input[type=radio]:checked::after, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div div.radio-group input[type=radio]:checked::after {
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  background: #999;
  border-radius: 50%;
  content: "";
  outline: none;
}

/* line 633, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div div:last-of-type, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div div:last-of-type {
  margin-right: 0;
}

/* line 639, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios input[type=search], #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios input[type=search] {
  margin-bottom: 6px;
}

/* line 643, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group {
  position: relative;
  top: 6px;
  transition: background-color 0.5s ease;
  border-radius: 50px;
  cursor: pointer;
  border: 2px solid white;
}

/* line 652, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group.active, #universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group.active, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover {
  outline: none;
}

/* line 656, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:focus, #universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group.active:focus, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:focus, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group.active:focus {
  outline: none;
}

/* line 661, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search h2, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search h2 {
  margin: 0;
  /*padding: 0;*/
  text-align: right;
  /*font-style: italic;*/
  border: none;
  /*font-weight: 400;*/
  position: relative;
  top: 4px;
}

/* line 671, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) .sub-nav .sub-nav-columns .parent-group form#merged-search h2 label, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search h2 label {
  color: white;
  margin: 0;
  line-height: inherit;
}

/* line 688, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns {
  padding: 1rem 0;
}

/* line 692, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search {
  grid-template-columns: 31.5% 65% 4%;
  grid-gap: 12px;
}

/* line 696, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search h2, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search h2, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search h2 {
  width: 96.3%;
}

/* line 700, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios {
  display: grid;
  grid-gap: 12px;
  grid-row-gap: 0;
  grid-template-columns: 64% 13% 19%;
}

/* line 706, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group {
  top: 0;
  margin-right: 0;
}

/* line 710, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group label, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group label, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group label {
  padding: 4px 20px 4px 40px;
  color: white;
}

/* line 715, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group input[type=radio], #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group input[type=radio], #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group input[type=radio] {
  top: 13px;
  background: rgba(0, 0, 0, 0.25);
}

/* line 720, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group input[type=radio]:checked:after, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group input[type=radio]:checked:after, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group input[type=radio]:checked:after {
  background: rgba(255, 255, 255, 0.5);
}

/* line 724, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group input:focus, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group input:focus, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group input:focus {
  outline: 2px auto #e1ffff;
}

/* line 729, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group.active, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group.active, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group.active {
  background: #212b58;
  border: 2px solid #212b58;
}

/* line 733, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group.active label, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group.active label, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group.active label {
  color: white;
}

/* line 737, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group.active input[type=radio], #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group.active input[type=radio], #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group.active input[type=radio] {
  background: white;
}

/* line 742, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover {
  background: #0c1020;
}

/* line 745, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover label, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover label, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover label {
  color: white;
}

/* line 749, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover input[type=radio], #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover input[type=radio], #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover input[type=radio] {
  background: rgba(255, 255, 255, 0.75);
}

/* line 753, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover input:focus, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover input:focus, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group:hover input:focus {
  outline: none;
}

/* line 758, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4).linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios input[type=search], #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios input[type=search], #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios input[type=search] {
  margin-bottom: 0;
  width: 94%;
}

/* line 769, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .inline-search.nav-item {
  padding-top: 0;
}

/* line 772, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .inline-search.nav-item form {
  border: none;
}

/* line 777, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu #sign-in-directory.nav-item {
  padding-top: 0;
}

/* line 782, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .inline-search {
  transition: all 0.5s;
}

/* line 789, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search {
  margin-left: 57% !important;
}

/* line 795, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns .parent-group {
  margin-bottom: 0;
}

/* line 798, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div:nth-of-type(2) {
  display: none;
}

/* line 801, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div:nth-of-type(3) {
  grid-column: 1 / -1;
  width: 80% !important;
}

/* line 804, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div:nth-of-type(3) ul.sub-nav-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
  grid-row-gap: 0;
}

/* line 810, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div:nth-of-type(3) ul.sub-nav-group h2 {
  grid-column: 1 / -1;
  display: none;
}

/* line 816, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div:nth-of-type(3) ul.sub-nav-group li a {
  display: inline;
}

/* line 821, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div:nth-of-type(3) ul.sub-nav-group span:nth-of-type(1) {
  grid-column: 1 / -1;
}

/* line 824, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div:nth-of-type(3) ul.sub-nav-group span:nth-of-type(1) li:nth-of-type(1) {
  margin-bottom: 1rem;
}

/* line 827, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div:nth-of-type(3) ul.sub-nav-group span:nth-of-type(1) li:nth-of-type(1) a {
  background: #007b8a;
  font-family: "proxima-nova", arial, sans-serif;
  padding: 0.77em 5% !important;
  font-weight: 600;
  padding-right: 20%;
  font-size: 120%;
  line-height: 1.22em;
  display: block;
  color: white !important;
  position: relative;
  border-radius: 7px !important;
  border: none !important;
  width: 60%;
}

/* line 843, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div:nth-of-type(3) ul.sub-nav-group span:nth-of-type(1) li:nth-of-type(1) a:hover {
  background: #00A8BD !important;
}

/* line 847, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div:nth-of-type(3) ul.sub-nav-group span:nth-of-type(1) li:nth-of-type(1) a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down-white.svg);
  transform: rotate(270deg);
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 5%;
}

/* line 860, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns {
  display: grid;
  grid-template-columns: 3fr 1.75fr;
  grid-gap: 3rem;
  grid-row-gap: 0;
}

/* line 866, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div:nth-child(1) {
  grid-column: 1 / -1;
}

/* line 870, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div {
  float: none !important;
  width: 100% !important;
}

/* line 875, S:/files/css/Global stack/component/_mega-menus.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div.link-group:last-of-type {
  display: none;
}

/* line 881, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.study {
  background-size: 160%;
  background-color: #009cdd;
}

/* line 885, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.study h2::first-word {
  margin-right: 2em;
}

/* line 889, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.study h2 {
  background-color: transparent;
  height: 100%;
}

/* line 893, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.study h2 strong {
  margin-right: 0.058em;
}

/* line 898, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.study .employability {
  position: relative;
  height: 100%;
}

/* line 902, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.study .employability h2 {
  /*font-size: 180% !important;*/
  line-height: 0.975em !important;
  background: none;
}

/* line 907, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.study .employability h2 span, .creative.study .employability h2 strong {
  font-family: "poppins", sans-serif;
  font-size: 220%;
  display: block;
  padding: 22px 0;
}

/* line 914, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.study .employability h2 strong {
  font-size: inherit;
  padding: 0;
}

/* line 921, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.research {
  background-size: 140%;
  background-color: #00ab8e;
}

/* line 924, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.research h2 {
  background-color: transparent;
  height: 100%;
  color: #212b58 !important;
}

/* line 928, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.research h2 a {
  color: #212b58 !important;
}

/* line 933, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.about-us {
  background-size: 120%;
  background-color: #f87c56;
}

/* line 936, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.about-us h2 {
  background-color: transparent;
  height: 100%;
  color: #212b58 !important;
}

/* line 940, S:/files/css/Global stack/component/_mega-menus.scss */
.creative.about-us h2 a {
  color: #212b58 !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  /* line 952, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns {
    padding: 1em 2.5% 0;
    width: inherit;
  }
  /* line 958, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h2 {
    padding: 0.65em 2.5%;
  }
  /* line 961, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h3 {
    padding: 0 2.5% 0.65em;
  }
  /* line 963, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h3 span {
    display: inline;
  }
  /* line 969, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative.research h2 {
    padding-bottom: 0;
  }
  /* line 972, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative.research h3 {
    padding: 0 2.5% 1.65em;
  }
  /* line 974, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative.research h3 span {
    display: inline;
  }
}

@media all and (max-width: 1366px) {
  /* line 995, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .nav-menu .universal-inner .nav-item .sub-nav .link-group ul.sub-nav-group li {
    font-size: 90%;
  }
  /* line 1002, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .nav-menu .universal-inner .nav-item:last-of-type {
    margin-left: 18%;
  }
  /* line 1005, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .nav-menu .universal-inner .nav-item:last-of-type .sub-nav .sub-nav-columns {
    padding: 1.25em 0;
  }
  /* line 1014, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header #primary-nav .inline-search input[type="text"] {
    width: 80%;
  }
  /* line 1021, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header #logo {
    top: 12px;
    width: 195px;
  }
}

@media screen and (max-width: 1360px) {
  /* line 1030, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner {
    height: 82px;
  }
  /* line 1033, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav.open {
    top: 56px;
  }
}

@media screen and (max-width: 1300px) {
  /* line 1043, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type, #universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search {
    margin-left: 10%;
  }
}

@media all and (max-width: 1260px) {
  /* line 1066, S:/files/css/Global stack/component/_mega-menus.scss */
  #primary-nav .inline-search {
    right: 6%;
    width: 16.76%;
  }
  /* line 1069, S:/files/css/Global stack/component/_mega-menus.scss */
  #primary-nav .inline-search input[type="text"] {
    width: 75%;
  }
  /* line 1074, S:/files/css/Global stack/component/_mega-menus.scss */
  .nav-menu {
    padding-left: 24%;
  }
  /* line 1076, S:/files/css/Global stack/component/_mega-menus.scss */
  .nav-menu .nav-item {
    font-size: 130%;
  }
  /* line 1084, S:/files/css/Global stack/component/_mega-menus.scss */
  .nav-menu .nav-item:last-of-type.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios {
    grid-template-columns: 54% 15% 22% !important;
  }
  /* line 1086, S:/files/css/Global stack/component/_mega-menus.scss */
  .nav-menu .nav-item:last-of-type.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios input[type=search] {
    width: 93% !important;
  }
}

@media (max-width: 1140px) {
  /* line 1103, S:/files/css/Global stack/component/_mega-menus.scss */
  .megamenu {
    top: 2px;
  }
  /* line 1105, S:/files/css/Global stack/component/_mega-menus.scss */
  .megamenu .accessible-megamenu {
    padding-left: 26%;
  }
  /* line 1106, S:/files/css/Global stack/component/_mega-menus.scss */
  .megamenu .accessible-megamenu .accessible-megamenu-panel.open {
    top: 60px;
  }
  /* line 1110, S:/files/css/Global stack/component/_mega-menus.scss */
  .megamenu .accessible-megamenu h2 {
    font-size: 120%;
  }
  /* line 1119, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header.adobe-alt .universal-inner #a-z-position {
    right: 4.5%;
  }
  /* line 1124, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header.adobe-alt .universal-inner .inline-search {
    width: 20%;
    right: 9.5%;
  }
}

@media all and (max-width: 1100px) {
  /* line 1137, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu {
    padding-left: 20%;
  }
  /* line 1139, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item {
    font-size: 115% !important;
  }
  /* line 1141, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item a {
    padding: 0.93em 12px 26px 10px;
  }
  /* line 1146, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item .sub-nav .grid-parent {
    grid-template-columns: auto;
  }
  /* line 1149, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item .sub-nav .grid-parent .sub-nav-creative {
    order: 2;
  }
  /* line 1152, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item .sub-nav .grid-parent .sub-nav-creative .creative h2 {
    padding: 0.65em 2.5% 40px;
    margin-bottom: 40px;
    font-size: 165%;
  }
  /* line 1156, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item .sub-nav .grid-parent .sub-nav-creative .creative h2 a:hover, #universal-header .universal-inner .nav-menu .nav-item .sub-nav .grid-parent .sub-nav-creative .creative h2 a:focus {
    border-bottom: 1px sold #fff;
    background: none !important;
  }
  /* line 1161, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item .sub-nav .grid-parent .sub-nav-creative .creative h3 {
    padding: 0 2.5% 0.35em;
  }
  /* line 1166, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item .sub-nav .grid-parent .sub-nav-columns {
    order: 1;
    padding: 1em 2.5% 0;
  }
  /* line 1174, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner #logo {
    width: 18%;
    top: 18px;
  }
  /* line 1179, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner #primary-nav .inline-search {
    width: 21%;
    top: 19px;
    right: 5%;
  }
}

@media all and (max-width: 1024px) {
  /* line 1193, S:/files/css/Global stack/component/_mega-menus.scss */
  #responsive-container {
    padding-top: 0.5em;
  }
  /* line 1197, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner {
    width: 90%;
    height: 9.35em;
  }
  /* line 1200, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu {
    top: 5em;
    padding-left: 0;
  }
  /* line 1206, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type, #universal-header .universal-inner .nav-menu .nav-item:last-of-type.linear {
    float: right;
    margin-left: 0;
  }
  /* line 1209, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type a, #universal-header .universal-inner .nav-menu .nav-item:last-of-type.linear a {
    padding: 0.45em 1rem 0.5em 0.5em;
    position: relative;
    top: 0.5rem;
  }
  /* line 1217, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type .sub-nav .sub-nav-columns .parent-group form#merged-search, #universal-header .universal-inner .nav-menu .nav-item:last-of-type.linear .sub-nav .sub-nav-columns .parent-group form#merged-search {
    grid-template-columns: 13fr 1fr;
    padding: 0 30px 10px;
    width: 100%;
    grid-row-gap: 5px;
  }
  /* line 1222, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type .sub-nav .sub-nav-columns .parent-group form#merged-search h2, #universal-header .universal-inner .nav-menu .nav-item:last-of-type.linear .sub-nav .sub-nav-columns .parent-group form#merged-search h2 {
    grid-column: 1 / 3;
    text-align: left;
  }
  /* line 1228, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type .sub-nav .sub-nav-columns .parent-group form#merged-search div input[type=search], #universal-header .universal-inner .nav-menu .nav-item:last-of-type.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div input[type=search] {
    width: 97%;
  }
  /* line 1237, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type.linear {
    /*position: relative;
    						top: 0.5rem;*/
  }
  /* line 1246, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type.linear .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios div.radio-group label {
    padding: 8px 20px 8px 40px;
  }
  /* line 1260, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .sign-in-container .universal-inner {
    height: auto;
  }
  /* line 1265, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .universal-inner:first-child {
    width: 90%;
  }
  /* line 1268, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu {
    top: 5em;
    padding-left: 0;
  }
  /* line 1271, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item {
    font-size: 125%;
  }
  /* line 1273, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item a {
    padding: 0.43em 12px 15px 10px;
  }
  /* line 1276, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item a.open {
    padding: 0.55em 14px 19px 9px;
  }
  /* line 1279, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item a:active {
    background: none;
    color: #1E1E1E;
  }
  /* line 1284, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav.open {
    top: 44px;
  }
  /* line 1287, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav {
    top: 113px;
  }
  /* line 1288, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent {
    grid-template-columns: auto;
  }
  /* line 1291, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent .sub-nav-creative {
    order: 2;
  }
  /* line 1296, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent .sub-nav-columns {
    order: 1;
    padding: 1em 2.5% 0;
  }
  /* line 1301, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent .sub-nav-columns .link-group form#course-search fieldset, #universal-header .universal-inner .nav-menu .sub-nav .grid-parent .sub-nav-columns .link-group form#study-menu-course-search fieldset {
    width: 95%;
  }
  /* line 1311, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .link-group form#course-search, #universal-header .universal-inner .nav-menu .sub-nav .link-group form#study-menu-course-search {
    width: 100%;
  }
  /* line 1313, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .link-group form#course-search input[type="text"], #universal-header .universal-inner .nav-menu .sub-nav .link-group form#course-search input[type="submit"], #universal-header .universal-inner .nav-menu .sub-nav .link-group form#study-menu-course-search input[type="text"], #universal-header .universal-inner .nav-menu .sub-nav .link-group form#study-menu-course-search input[type="submit"] {
    padding: 1.8%;
  }
  /* line 1316, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .link-group form#course-search select, #universal-header .universal-inner .nav-menu .sub-nav .link-group form#study-menu-course-search select {
    padding: 1.8%;
  }
  /* line 1324, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner {
    height: 8em;
  }
  /* line 1326, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner #logo {
    width: 21%;
  }
  /* line 1335, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner #sign-in-directory #sign-position a img {
    width: 12% !important;
  }
  /* line 1342, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .inline-search {
    width: 64% !important;
    right: 8% !important;
  }
  /* line 1345, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .inline-search input[type="text"] {
    padding: 0.8em 2.5%;
    width: 85%;
  }
  /* line 1349, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .inline-search input[type="image"] {
    margin: 1% !important;
  }
}

@media all and (max-width: 640px) {
  /* line 1362, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner {
    height: 4.75em !important;
  }
}

@supports not (display: grid) {
  /* line 1373, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent {
    display: block;
    overflow: auto;
  }
  /* line 1376, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent .sub-nav-creative {
    float: left;
    width: 25.13%;
    background: none;
    height: 100%;
  }
  /* line 1382, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent .sub-nav-columns {
    float: right;
    width: 70.45%;
  }
  /* line 1387, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent::after {
    content: "";
    clear: both;
    display: table;
  }
  /* line 1398, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type .sub-nav .sub-nav-columns .parent-group form#merged-search h2 {
    text-align: left;
  }
  /* line 1401, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios {
    float: left;
    width: 90%;
    margin-bottom: 30px;
  }
  /* line 1405, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios input[type=search] {
    width: 96%;
  }
  /* line 1409, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type .sub-nav .sub-nav-columns .parent-group form#merged-search input[type=image] {
    width: 44px;
    height: 44px;
    padding: 0;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 1433, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type .sub-nav .sub-nav-columns .parent-group form#merged-search h2 {
    text-align: left;
  }
  /* line 1436, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios {
    float: left;
    width: 90%;
    margin-bottom: 30px;
  }
  /* line 1440, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type .sub-nav .sub-nav-columns .parent-group form#merged-search div#includes-radios input[type=search] {
    width: 96%;
  }
  /* line 1444, S:/files/css/Global stack/component/_mega-menus.scss */
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type .sub-nav .sub-nav-columns .parent-group form#merged-search input[type=image] {
    width: 44px;
    height: 44px;
    padding: 0;
  }
}

/* GLOBAL HEADER */
/* Scss Document */
/* line 3, S:/files/css/Global stack/component/_header.scss */
#mobile-sticky-header, #common-mobile-header, #elevator-navigation {
  display: none;
}

/* line 5, S:/files/css/Global stack/component/_header.scss */
#beta-message {
  background: #960101;
}

/* line 7, S:/files/css/Global stack/component/_header.scss */
#beta-message p {
  color: rgba(255, 255, 255, 0.75);
  margin-top: 0.99em;
  margin-bottom: 0.99em;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 120%;
}

/* line 13, S:/files/css/Global stack/component/_header.scss */
#beta-message p a {
  color: #fff;
}

/* line 19, S:/files/css/Global stack/component/_header.scss */
#partners {
  background: #0c1020;
}

/* line 22, S:/files/css/Global stack/component/_header.scss */
#partners div div {
  padding: 1em 0 0.55em;
}

/* line 24, S:/files/css/Global stack/component/_header.scss */
#partners div div section#partners-heading {
  width: 100%;
  display: block;
  float: none;
  height: auto;
}

/* line 30, S:/files/css/Global stack/component/_header.scss */
#partners div div section#partners-heading h2 {
  color: #fff;
  font-weight: normal;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 95%;
  margin: 0;
}

/* line 38, S:/files/css/Global stack/component/_header.scss */
#partners div div section:last-child {
  margin-right: 0;
}

/* line 41, S:/files/css/Global stack/component/_header.scss */
#partners div div section {
  float: left;
  width: 31.5%;
  margin-right: 5.5%;
  height: 4.5em;
}

/* line 46, S:/files/css/Global stack/component/_header.scss */
#partners div div section a:hover {
  border: none;
}

/* line 49, S:/files/css/Global stack/component/_header.scss */
#partners div div section a {
  height: 4.5em;
  display: block;
  position: relative;
  border: none !important;
}

/* line 54, S:/files/css/Global stack/component/_header.scss */
#partners div div section a img {
  margin: auto;
  position: absolute;
  top: 20%;
}

/* line 65, S:/files/css/Global stack/component/_header.scss */
#universal-header {
  background: #fff;
  width: auto;
  margin: 0 auto;
  padding: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  position: static;
}

/* line 75, S:/files/css/Global stack/component/_header.scss */
#universal-header #logo {
  width: 220px;
  top: 13px;
  transition: all 0.4s;
  margin-top: 0;
  position: absolute;
  height: 58px;
}

/* line 82, S:/files/css/Global stack/component/_header.scss */
#universal-header #logo img {
  margin-bottom: 0;
  width: 100%;
}

/* line 87, S:/files/css/Global stack/component/_header.scss */
#universal-header #logo a#uni-home-link:focus {
  outline: none;
}

/* line 89, S:/files/css/Global stack/component/_header.scss */
#universal-header #logo a#uni-home-link:focus img {
  border: 1px dotted #333f48;
}

/* line 95, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav #sign-in-directory {
  top: 19px;
  z-index: 0;
  position: absolute;
  text-align: right;
  right: 0;
  width: 4%;
}

/* line 102, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav #sign-in-directory #a-z-position {
  font-size: 95%;
  color: #333f48;
  font-family: "proxima-nova", arial, sans-serif;
  display: inline;
}

/* line 107, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav #sign-in-directory #a-z-position a {
  color: #212b58;
  border-bottom: 1px dotted #212b58;
  font-weight: bold;
  text-decoration: none;
}

/* line 113, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav #sign-in-directory #a-z-position a:hover {
  border-bottom: 1px solid #212b58;
}

/* line 117, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav #sign-in-directory #a-z-position a:visited {
  color: #212b58;
}

/* line 121, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav #sign-in-directory #sign-position {
  top: 1px;
  font-size: 95%;
  color: #333f48;
  z-index: 100;
  font-family: "proxima-nova", arial, sans-serif;
  position: relative;
}

/* line 128, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav #sign-in-directory #sign-position a {
  color: #212b58;
  border-bottom: 1px dotted #212b58;
  font-weight: bold;
  text-decoration: none;
}

/* line 134, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav #sign-in-directory #sign-position a:hover {
  border-bottom: 1px solid #212b58;
}

/* line 139, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav #sign-in-directory .mobile-side-sign-in {
  display: none;
}

/* line 143, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav .inline-search:after {
  content: none;
}

/* line 146, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav .inline-search {
  top: 16px;
  right: 4%;
  border: 2px solid #1E1E1E;
  overflow: hidden;
  border-radius: 7px;
  width: 18.76%;
  position: absolute;
}

/* line 154, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav .inline-search #merged-search {
  display: none;
}

/* line 157, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav .inline-search input[type="text"] {
  width: 82%;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 97%;
  padding: 0.82em 5%;
  border: none;
  float: left;
  margin-bottom: 0;
  color: #333f48;
}

/* line 167, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav .inline-search input[type="text"]:focus {
  background: #fff4d4;
}

/* line 170, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav .inline-search input[type="image"] {
  width: 24px;
  height: 24px;
  margin: 3%;
  transition: all .2s ease-in-out;
  border: none;
  padding: 0;
  float: right;
}

/* line 180, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav .inline-search input[type="image"]:focus {
  width: 22px;
  height: 22px;
  border: none;
  transform: scale(1.1);
}

/* line 186, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav .inline-search input[type="image"]:hover, #universal-header #primary-nav .inline-search input[type="image"]:active {
  cursor: pointer;
  transform: scale(1.1);
}

/* line 193, S:/files/css/Global stack/component/_header.scss */
#global-navigation {
  text-align: right;
  padding: 1em 0;
}

/* line 199, S:/files/css/Global stack/component/_header.scss */
#brand-header .universal-inner {
  border-bottom: 2px solid #fff;
  padding: 1.22em 0 1.33em;
  position: relative;
}

/* line 209, S:/files/css/Global stack/component/_header.scss */
.common-menu-module:nth-of-type(3n+3) {
  margin-right: 0;
}

/* line 213, S:/files/css/Global stack/component/_header.scss */
.megamenu #course-search-strip {
  background: none;
}

/* line 215, S:/files/css/Global stack/component/_header.scss */
.megamenu #course-search-strip .inner {
  width: 100%;
}

/* line 217, S:/files/css/Global stack/component/_header.scss */
.megamenu #course-search-strip .inner .global-position {
  display: none;
}

/* line 220, S:/files/css/Global stack/component/_header.scss */
.megamenu #course-search-strip .inner form {
  float: none;
  width: 100%;
}

/* line 224, S:/files/css/Global stack/component/_header.scss */
.megamenu #course-search-strip .inner form fieldset h2 {
  color: #fff;
  font-weight: 600;
}

/* line 229, S:/files/css/Global stack/component/_header.scss */
.megamenu #course-search-strip .inner form .course-type {
  margin-bottom: 1em;
}

/* line 232, S:/files/css/Global stack/component/_header.scss */
.megamenu #course-search-strip .inner form .course-key-word, .megamenu #course-search-strip .inner form .course-type, .megamenu #course-search-strip .inner form .common-menu-course-search-button {
  float: none;
  width: 100% !important;
  padding-top: 0 !important;
  margin-left: 0;
}

/* line 237, S:/files/css/Global stack/component/_header.scss */
.megamenu #course-search-strip .inner form .course-key-word input[type="text"], .megamenu #course-search-strip .inner form .course-type input[type="text"], .megamenu #course-search-strip .inner form .common-menu-course-search-button input[type="text"] {
  border: none;
  padding: 0.77em 2%;
  margin-bottom: 0.33em;
}

/* line 242, S:/files/css/Global stack/component/_header.scss */
.megamenu #course-search-strip .inner form .course-key-word select, .megamenu #course-search-strip .inner form .course-type select, .megamenu #course-search-strip .inner form .common-menu-course-search-button select {
  border: none;
  padding: 0.77em 2%;
}

/* line 250, S:/files/css/Global stack/component/_header.scss */
.megamenu .common-menu-module {
  width: 30.89%;
  margin-right: 3.55%;
  float: left;
  z-index: 100;
}

/* line 255, S:/files/css/Global stack/component/_header.scss */
.megamenu .common-menu-module form {
  margin-bottom: 0.77em;
  padding: 0;
  background: none;
  color: #fff;
}

/* line 261, S:/files/css/Global stack/component/_header.scss */
.megamenu .common-menu-module fieldset {
  margin-bottom: 0.77em;
  padding: 0;
  background: none;
  color: #fff;
}

/* line 266, S:/files/css/Global stack/component/_header.scss */
.megamenu .common-menu-module fieldset h3 {
  text-align: left;
}

/* line 269, S:/files/css/Global stack/component/_header.scss */
.megamenu .common-menu-module #course-search {
  padding-left: 2.492%;
}

/* line 272, S:/files/css/Global stack/component/_header.scss */
.megamenu .common-menu-module input[type="text"] {
  background: #fff;
  border: none;
  width: 100%;
  color: #666;
  font-family: arial, sans-serif;
  font-size: 14px;
  padding: 4.3%;
  text-transform: none;
  text-align: left;
  margin-bottom: 0;
}

/* line 284, S:/files/css/Global stack/component/_header.scss */
.megamenu .common-menu-module select {
  background: #fff;
  border: none;
  width: 100%;
  color: #666;
  font-family: arial, sans-serif;
  font-size: 14px;
  padding: 4.3%;
  text-transform: none;
  text-align: left;
  margin-bottom: 0;
}

/* line 296, S:/files/css/Global stack/component/_header.scss */
.megamenu .common-menu-module input[type="submit"] {
  border: none;
  width: 100%;
  color: #666;
  font-family: arial, sans-serif;
  font-size: 14px;
  padding: 4.3%;
  text-transform: none;
  text-align: left;
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
}

/* line 313, S:/files/css/Global stack/component/_header.scss */
.common-menu-module h2 {
  font-size: 90%;
  color: #fff;
  margin-top: 0;
}

/* line 318, S:/files/css/Global stack/component/_header.scss */
.common-menu-module h3 {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
}

/* line 328, S:/files/css/Global stack/component/_header.scss */
.inline-search fieldset {
  background: #fff;
  padding: 0;
  margin-bottom: 0;
}

/* line 333, S:/files/css/Global stack/component/_header.scss */
.inline-search #header-search {
  display: inline;
  position: relative;
  padding: 0;
  height: auto;
  top: 0;
}

/* line 341, S:/files/css/Global stack/component/_header.scss */
.common-sign-nav {
  padding-bottom: 1em;
  display: none;
}

/* line 345, S:/files/css/Global stack/component/_header.scss */
.common-sign-nav #course-search ul, .common-sign-nav #desktop-user-sign-in ul {
  text-align: right;
}

/* line 349, S:/files/css/Global stack/component/_header.scss */
.common-sign-nav li {
  color: #1E1E1E;
  display: inline;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 100%;
}

/* line 354, S:/files/css/Global stack/component/_header.scss */
.common-sign-nav li a {
  padding: 0;
  display: inline;
  color: #171e3e;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px dotted #171e3e;
}

/* line 362, S:/files/css/Global stack/component/_header.scss */
.common-sign-nav li a:hover {
  text-decoration: none;
  border-bottom: 1px solid #171e3e;
}

/* line 367, S:/files/css/Global stack/component/_header.scss */
.common-sign-nav .staff-login {
  margin-left: 0.25%;
}

/* line 369, S:/files/css/Global stack/component/_header.scss */
.common-sign-nav .staff-login a {
  margin-right: 5px;
}

/* line 372, S:/files/css/Global stack/component/_header.scss */
.common-sign-nav .staff-login span {
  margin-left: 0.44em;
  margin-right: 0.22em;
}

/* line 382, S:/files/css/Global stack/component/_header.scss */
.common-sign-nav .common-menu-module {
  width: 100%;
  text-align: right;
  float: right;
  margin-right: 0;
}

/* line 390, S:/files/css/Global stack/component/_header.scss */
.common-menu-module:last-child {
  margin-right: 0;
}

/* line 392, S:/files/css/Global stack/component/_header.scss */
#section-header {
  background: #212b58;
  width: auto;
  margin: 0 auto;
  padding: 0;
}

/* line 397, S:/files/css/Global stack/component/_header.scss */
#section-header h2 {
  margin-top: 0;
  color: #fff;
  margin-left: 29.8%;
  font-size: 170%;
  padding: 0.89em 0;
}

/* line 403, S:/files/css/Global stack/component/_header.scss */
#section-header h2 a {
  color: #fff;
  text-decoration: none;
}

/* line 414, S:/files/css/Global stack/component/_header.scss */
.study.graduate-document-portal #section-name div.container div.universal-inner {
  grid-template-columns: 1fr 1fr;
}

/* line 416, S:/files/css/Global stack/component/_header.scss */
.study.graduate-document-portal #section-name div.container div.universal-inner ul.inline-list-second-tier {
  text-align: right;
}

/* line 418, S:/files/css/Global stack/component/_header.scss */
.study.graduate-document-portal #section-name div.container div.universal-inner ul.inline-list-second-tier li {
  list-style-type: none;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 135%;
  font-weight: 800;
  display: inline;
  margin-left: 2%;
}

/* line 425, S:/files/css/Global stack/component/_header.scss */
.study.graduate-document-portal #section-name div.container div.universal-inner ul.inline-list-second-tier li a {
  text-decoration: none;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
}

/* line 429, S:/files/css/Global stack/component/_header.scss */
.study.graduate-document-portal #section-name div.container div.universal-inner ul.inline-list-second-tier li a:hover {
  border-bottom-style: solid;
}

@media screen and (max-width: 1322px) {
  /* line 444, S:/files/css/Global stack/component/_header.scss */
  #section-name div.container div.universal-inner h2 {
    font-size: 135%;
  }
  /* line 450, S:/files/css/Global stack/component/_header.scss */
  #universal-header #primary-nav #sign-in-directory {
    width: 14% !important;
  }
}

/*@media screen and (max-width: 1366px){
	#universal-header{
		#logo {
    		width: 180px;
		}
		.universal-inner{
		.nav-menu {
			.nav-item{
				font-size: 130% !important;
			}
		}
	}
	}
	
}*/
@media (max-width: 1024px) {
  /* line 474, S:/files/css/Global stack/component/_header.scss */
  #partners div div {
    width: 90%;
  }
  /* line 476, S:/files/css/Global stack/component/_header.scss */
  #partners div div section#partners-heading {
    width: 100%;
    display: block;
  }
  /* line 480, S:/files/css/Global stack/component/_header.scss */
  #partners div div section {
    width: 46%;
    margin-right: 5%;
    height: auto;
  }
  /* line 485, S:/files/css/Global stack/component/_header.scss */
  #partners div div section:nth-of-type(odd) {
    margin-right: 0;
  }
  /* line 492, S:/files/css/Global stack/component/_header.scss */
  #universal-header #logo {
    width: 150px;
    top: 13px;
  }
  /* line 496, S:/files/css/Global stack/component/_header.scss */
  #universal-header .inline-search input[type="text"] {
    padding: 0.77em 5%;
  }
  /* line 499, S:/files/css/Global stack/component/_header.scss */
  #universal-header #global-navigation {
    padding: 0.44em 0;
  }
  /* line 503, S:/files/css/Global stack/component/_header.scss */
  #universal-header #primary-nav #sign-in-directory {
    width: 8%;
  }
}

@media (max-width: 1023px) {
  /* line 515, S:/files/css/Global stack/component/_header.scss */
  #section-name {
    display: none;
  }
  /* line 519, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background: #212b58;
  }
  /* line 525, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header img {
    margin-bottom: 0;
  }
  /* line 529, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header #common-mobile-brand img {
    width: 30%;
  }
  /* line 535, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header #common-mobile-toggle {
    position: absolute;
    top: 24px;
    right: 0;
    text-align: right;
  }
  /* line 541, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header #common-mobile-toggle a img {
    width: 48px;
  }
  /* line 547, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header .universal-inner {
    background: none;
    padding: 21px 0px 14px;
    position: relative;
    width: 90%;
  }
  /* line 555, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header.stuck {
    border-bottom: 2px solid rgba(255, 255, 255, 0.35);
  }
  /* line 557, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header.stuck .universal-inner {
    border-bottom: none;
  }
}

@media screen and (max-width: 800px) {
  /* line 564, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header #common-mobile-toggle {
    top: 18px;
  }
  /* line 567, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header #common-mobile-toggle a img {
    width: 38px;
  }
}

@media screen and (max-width: 603px) {
  /* line 577, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header .universal-inner {
    padding: 17px 0 12px;
  }
  /* line 581, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header #common-mobile-brand img {
    width: 50%;
  }
  /* line 585, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header #common-mobile-toggle {
    position: absolute;
    top: 16px;
    right: 0;
    text-align: right;
  }
  /* line 590, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header #common-mobile-toggle a {
    height: 40px;
    width: 40px;
  }
  /* line 593, S:/files/css/Global stack/component/_header.scss */
  #common-mobile-header #common-mobile-toggle a img {
    height: 40px;
    width: 40px;
  }
}

@media all and (max-width: 640px) {
  /* line 603, S:/files/css/Global stack/component/_header.scss */
  #universal-header {
    display: block;
    min-height: 4.75em;
  }
  /* line 607, S:/files/css/Global stack/component/_header.scss */
  #universal-header .universal-inner #logo {
    top: 13px  !important;
    width: 165px !important;
  }
  /* line 613, S:/files/css/Global stack/component/_header.scss */
  .sign-in-container {
    display: none;
  }
  /* line 616, S:/files/css/Global stack/component/_header.scss */
  #responsive-container {
    padding-top: 0.5em;
  }
  /* line 619, S:/files/css/Global stack/component/_header.scss */
  #nav-toggle {
    z-index: 500;
    display: inline-block !important;
    position: absolute;
    right: 0;
    top: 15px;
    color: #fff;
    text-decoration: none;
    transition: transform 0.5s;
    width: 44px;
    height: 44px;
    content: url("");
    background-image: url("//www.liverpool.ac.uk/files/images/icons/mobile-nav-gold.svg");
    text-align: center;
    font-size: 225%;
    padding-top: 0.006em;
    outline: none;
  }
  /* line 638, S:/files/css/Global stack/component/_header.scss */
  #nav-toggle.is-active {
    content: url("");
    background-image: url("//www.liverpool.ac.uk/files/images/icons/mobile-nav-close-gold.svg");
    transform: rotate(90deg);
    right: auto;
    left: 0;
    z-index: 1001;
    position: absolute;
  }
  /* line 648, S:/files/css/Global stack/component/_header.scss */
  #nav-toggle:hover, #nav-toggle:focus {
    border-color: #fff;
  }
  /* line 651, S:/files/css/Global stack/component/_header.scss */
  #nav-toggle.is-active + .logo {
    display: none;
  }
}

/* line 656, S:/files/css/Global stack/component/_header.scss */
html.mm-wrapper_opening #universal-header .universal-inner #logo {
  display: none;
}

/* line 660, S:/files/css/Global stack/component/_header.scss */
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) {
  margin-left: 10% !important;
}

/* line 661, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav #sign-in-directory {
  width: 13% !important;
  top: 23px;
}

/* line 662, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav #sign-in-directory #sign-position p span {
  margin: 0 0.25rem !important;
}

/* line 663, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav #sign-in-directory #sign-position p a:nth-of-type(1) {
  margin-left: 0.25rem !important;
}

/* line 664, S:/files/css/Global stack/component/_header.scss */
#universal-header #primary-nav #sign-in-directory #sign-position {
  position: relative;
  top: 4px;
}

@media screen and (max-width: 1366px) {
  /* line 667, S:/files/css/Global stack/component/_header.scss */
  #universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) {
    margin-left: 2% !important;
  }
  /* line 668, S:/files/css/Global stack/component/_header.scss */
  #universal-header #primary-nav #sign-in-directory {
    width: 14% !important;
  }
}

@media screen and (max-width: 1270px) {
  /* line 674, S:/files/css/Global stack/component/_header.scss */
  #universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) {
    margin-left: 2.5% !important;
  }
}

@media (max-width: 1024px) {
  /* line 677, S:/files/css/Global stack/component/_header.scss */
  #universal-header #primary-nav #sign-in-directory {
    width: 40% !important;
  }
}

/* COOKIE NOTICE AND CONTROLS */
/* Scss Document */
/* line 3, S:/files/css/Global stack/component/_cookie-notice.scss */
footer#cookie-banner {
  max-width: 100%;
  background: #333f48;
  min-height: 76px;
  z-index: 9999999999;
}

/* line 8, S:/files/css/Global stack/component/_cookie-notice.scss */
footer#cookie-banner .universal-inner {
  height: auto !important;
}

/* line 14, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content .strict-cookie::before {
  content: url(https://www.liverpool.ac.uk/files/images/icons/large-tick.svg);
  width: 10%;
  float: left;
  margin-right: 3.5%;
  margin-bottom: 1em;
  position: relative;
  top: 6px;
}

/* line 23, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo, #main-content #iso-demo-2, #main-content #iso-demo-3 {
  margin-top: 0.35em;
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 3fr;
  -ms-grid-columns: 1fr 3fr;
  grid-gap: 1.5em;
}

/* line 31, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo div:nth-of-type(2n+1), #main-content #iso-demo-2 div:nth-of-type(2n+1), #main-content #iso-demo-3 div:nth-of-type(2n+1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

/* line 35, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo div:nth-of-type(2n+2), #main-content #iso-demo-2 div:nth-of-type(2n+2), #main-content #iso-demo-3 div:nth-of-type(2n+2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

/* line 39, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo html, #main-content #iso-demo-2 html, #main-content #iso-demo-3 html {
  text-align: center;
  font-family: Georgia, "Times New Roman", serif;
}

/* line 43, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch, #main-content #iso-demo .btn-switch-2, #main-content #iso-demo .btn-switch-3, #main-content #iso-demo-2 .btn-switch, #main-content #iso-demo-2 .btn-switch-2, #main-content #iso-demo-2 .btn-switch-3, #main-content #iso-demo-3 .btn-switch, #main-content #iso-demo-3 .btn-switch-2, #main-content #iso-demo-3 .btn-switch-3 {
  font-size: 1em;
  width: 100%;
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 53, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__radio, #main-content #iso-demo-2 .btn-switch__radio, #main-content #iso-demo-3 .btn-switch__radio {
  display: none;
}

/* line 56, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__label, #main-content #iso-demo-2 .btn-switch__label, #main-content #iso-demo-3 .btn-switch__label {
  display: inline-block;
  padding: .75em .5em .75em .75em;
  vertical-align: top;
  font-size: 1em;
  font-weight: 700;
  line-height: 0.75;
  color: #666;
  cursor: pointer;
  transition: color .2s ease-in-out;
}

/* line 67, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__label + .btn-switch__label, #main-content #iso-demo-2 .btn-switch__label + .btn-switch__label, #main-content #iso-demo-3 .btn-switch__label + .btn-switch__label {
  padding-right: .75em;
  padding-left: 0;
}

/* line 72, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__txt, #main-content #iso-demo-2 .btn-switch__txt, #main-content #iso-demo-3 .btn-switch__txt {
  position: relative;
  z-index: 2;
  top: 7px;
  display: inline-block;
  min-width: 1.5em;
  opacity: 1;
  pointer-events: none;
  transition: opacity .2s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 88, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__txt:active, #main-content #iso-demo-2 .btn-switch__txt:active, #main-content #iso-demo-3 .btn-switch__txt:active {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 96, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
#main-content #iso-demo .btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt, #main-content #iso-demo-2 .btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
#main-content #iso-demo-2 .btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt, #main-content #iso-demo-3 .btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
#main-content #iso-demo-3 .btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt {
  opacity: 0;
}

/* line 101, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__label:before, #main-content #iso-demo-2 .btn-switch__label:before, #main-content #iso-demo-3 .btn-switch__label:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f0f0f0;
  border-radius: 1.5em;
  box-shadow: inset 0 0.0715em 0.3572em rgba(43, 43, 43, 0.05);
  transition: background .2s ease-in-out;
}

/* line 114, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__radio_yes:checked ~ .btn-switch__label:before, #main-content #iso-demo-2 .btn-switch__radio_yes:checked ~ .btn-switch__label:before, #main-content #iso-demo-3 .btn-switch__radio_yes:checked ~ .btn-switch__label:before {
  background: #d49d00;
}

/* line 117, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__label_no:after, #main-content #iso-demo-2 .btn-switch__label_no:after, #main-content #iso-demo-3 .btn-switch__label_no:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: .5em;
  bottom: .5em;
  left: .5em;
  width: 2em;
  background: #fff;
  border-radius: 1em;
  pointer-events: none;
  box-shadow: 0 0.1429em 0.2143em rgba(43, 43, 43, 0.2), 0 0.3572em 0.3572em rgba(43, 43, 43, 0.1);
  transition: left .2s ease-in-out, background .2s ease-in-out;
}

/* line 131, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__radio_yes:checked ~ .btn-switch__label_no:after, #main-content #iso-demo-2 .btn-switch__radio_yes:checked ~ .btn-switch__label_no:after, #main-content #iso-demo-3 .btn-switch__radio_yes:checked ~ .btn-switch__label_no:after {
  left: calc(100% - 2.5em);
  background: #fff;
}

/* line 135, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
#main-content #iso-demo .btn-switch__radio_yes:checked ~ .btn-switch__label_no:before, #main-content #iso-demo-2 .btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
#main-content #iso-demo-2 .btn-switch__radio_yes:checked ~ .btn-switch__label_no:before, #main-content #iso-demo-3 .btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
#main-content #iso-demo-3 .btn-switch__radio_yes:checked ~ .btn-switch__label_no:before {
  z-index: 1;
}

/* line 139, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__radio_yes:checked ~ .btn-switch__label_yes, #main-content #iso-demo-2 .btn-switch__radio_yes:checked ~ .btn-switch__label_yes, #main-content #iso-demo-3 .btn-switch__radio_yes:checked ~ .btn-switch__label_yes {
  color: #fff;
}

/* line 142, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__label, #main-content #iso-demo-2 .btn-switch__label, #main-content #iso-demo-3 .btn-switch__label {
  -webkit-tap-highlight-color: transparent;
}

/* line 151, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice {
  display: flex;
  flex-wrap: wrap;
  /*p{
		font-size: 100%;
		font-family: $proxima;
		line-height: 1.6em;
    	width: 90%;
		color: $trans-white-75;
	}*/
}

/* line 154, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice h2 {
  color: #fff;
  margin: 0;
}

/* line 165, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice p {
  color: white;
  font-size: 125%;
}

/* line 169, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 173, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul li {
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 95%;
  display: inline;
  position: relative;
}

/* line 178, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul li a {
  color: #ffd100;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
  text-decoration: none;
  margin-right: 5%;
}

/* line 184, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul li a:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

/* line 188, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul li #continue-button {
  background-color: #ffd100;
  background-image: url(//www.liverpool.ac.uk/files/images/icons/tick-grey.svg);
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 6px;
  background-size: 9%;
  border: none;
  border-radius: 10px;
  padding: 10px;
  color: #333f48;
  width: 100%;
  text-align: left;
  font-family: "poppins", sans-serif;
  font-size: 120%;
  font-weight: 800;
  margin-bottom: 0.55em;
  vertical-align: middle;
}

/* line 207, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul li #continue-button h3 {
  display: inline-block;
  color: #333f48;
  font-size: 130%;
  position: relative;
  top: -4px;
  margin: 0;
}

/* line 216, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul li #continue-button:hover, div#cookie-control-notice ul li #continue-button:active {
  background-color: #ffe088;
}

/* line 223, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice {
  padding: 1rem 0;
  display: grid;
  grid-template-columns: 1.89fr 3fr 1.5fr;
  grid-gap: 1rem;
}

/* line 230, S:/files/css/Global stack/component/_cookie-notice.scss */
.panel {
  flex: 2 2 200px;
  height: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 236, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice {
    margin-bottom: 1.75em;
  }
}

@media all and (max-width: 640px) {
  /* line 243, S:/files/css/Global stack/component/_cookie-notice.scss */
  #main-content .strict-cookie::before {
    width: 20%;
    margin-right: 6%;
    margin-bottom: 1em;
    position: relative;
    top: 6px;
  }
  /* line 252, S:/files/css/Global stack/component/_cookie-notice.scss */
  #main-content #iso-demo, #main-content #iso-demo-2, #main-content #iso-demo-3 {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 1.5em;
  }
  /* line 258, S:/files/css/Global stack/component/_cookie-notice.scss */
  #main-content #iso-demo div:nth-of-type(2n+1), #main-content #iso-demo-2 div:nth-of-type(2n+1), #main-content #iso-demo-3 div:nth-of-type(2n+1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  /* line 261, S:/files/css/Global stack/component/_cookie-notice.scss */
  #main-content #iso-demo div:nth-of-type(2n+1) p, #main-content #iso-demo-2 div:nth-of-type(2n+1) p, #main-content #iso-demo-3 div:nth-of-type(2n+1) p {
    width: 60%;
    margin-bottom: 0;
    position: relative;
    top: 5px;
  }
  /* line 268, S:/files/css/Global stack/component/_cookie-notice.scss */
  #main-content #iso-demo div:nth-of-type(2n+2), #main-content #iso-demo-2 div:nth-of-type(2n+2), #main-content #iso-demo-3 div:nth-of-type(2n+2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  /* line 277, S:/files/css/Global stack/component/_cookie-notice.scss */
  footer#cookie-banner .container {
    display: block !important;
  }
}

@media all and (max-width: 640px) {
  /* line 285, S:/files/css/Global stack/component/_cookie-notice.scss */
  footer#cookie-banner .universal-inner {
    width: 90%;
    height: auto !important;
  }
  /* line 290, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice {
    display: block;
    margin: 1.25em auto;
    padding: 1rem 0 2rem;
  }
  /* line 294, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice p, div#cookie-control-notice h2 {
    width: inherit;
    margin: 0;
  }
  /* line 298, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice h2 {
    /*font-size: 150%;*/
  }
  /* line 304, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice ul li button#continue-button {
    padding: 0.5em 3% 0;
    font-size: 100%;
    width: 90%;
  }
  /* line 308, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice ul li button#continue-button h3 {
    top: -5px;
  }
  /* line 312, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice ul li button#continue-button:before {
    width: 20px;
    height: 20px;
    top: 0;
  }
  /* line 320, S:/files/css/Global stack/component/_cookie-notice.scss */
  .panel {
    margin: 0 0 1.35em;
  }
  /* line 323, S:/files/css/Global stack/component/_cookie-notice.scss */
  .panel:first-child {
    margin-bottom: 0.75em;
  }
  /* line 326, S:/files/css/Global stack/component/_cookie-notice.scss */
  .panel:last-child {
    margin-bottom: 2em;
  }
}

/* line 332, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 footer#cookie-banner {
  background: #ffe088;
}

/* line 336, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice h2 {
  color: #333f48;
  font-weight: 800;
  line-height: 1.2em;
  font-size: 210%;
}

/* line 342, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice p {
  color: #333f48;
  font-size: 110%;
}

/* line 348, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice ul li a {
  color: #6e5100;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}

/* line 352, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice ul li a:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

/* line 356, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button {
  border: none;
  background: #6e5100;
}

/* line 360, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button h3 {
  color: #ffc522;
}

/* line 365, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button:hover {
  background: #9c7300;
}

/* line 369, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/tick-white.svg);
}

/* COOKIE NOTICE AND CONTROLS */
/* Scss Document */
/* line 3, S:/files/css/Global stack/component/_cookie-notice.scss */
footer#cookie-banner {
  max-width: 100%;
  background: #333f48;
  min-height: 76px;
  z-index: 9999999999;
}

/* line 8, S:/files/css/Global stack/component/_cookie-notice.scss */
footer#cookie-banner .universal-inner {
  height: auto !important;
}

/* line 14, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content .strict-cookie::before {
  content: url(https://www.liverpool.ac.uk/files/images/icons/large-tick.svg);
  width: 10%;
  float: left;
  margin-right: 3.5%;
  margin-bottom: 1em;
  position: relative;
  top: 6px;
}

/* line 23, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo, #main-content #iso-demo-2, #main-content #iso-demo-3 {
  margin-top: 0.35em;
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 3fr;
  -ms-grid-columns: 1fr 3fr;
  grid-gap: 1.5em;
}

/* line 31, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo div:nth-of-type(2n+1), #main-content #iso-demo-2 div:nth-of-type(2n+1), #main-content #iso-demo-3 div:nth-of-type(2n+1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

/* line 35, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo div:nth-of-type(2n+2), #main-content #iso-demo-2 div:nth-of-type(2n+2), #main-content #iso-demo-3 div:nth-of-type(2n+2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

/* line 39, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo html, #main-content #iso-demo-2 html, #main-content #iso-demo-3 html {
  text-align: center;
  font-family: Georgia, "Times New Roman", serif;
}

/* line 43, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch, #main-content #iso-demo .btn-switch-2, #main-content #iso-demo .btn-switch-3, #main-content #iso-demo-2 .btn-switch, #main-content #iso-demo-2 .btn-switch-2, #main-content #iso-demo-2 .btn-switch-3, #main-content #iso-demo-3 .btn-switch, #main-content #iso-demo-3 .btn-switch-2, #main-content #iso-demo-3 .btn-switch-3 {
  font-size: 1em;
  width: 100%;
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 53, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__radio, #main-content #iso-demo-2 .btn-switch__radio, #main-content #iso-demo-3 .btn-switch__radio {
  display: none;
}

/* line 56, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__label, #main-content #iso-demo-2 .btn-switch__label, #main-content #iso-demo-3 .btn-switch__label {
  display: inline-block;
  padding: .75em .5em .75em .75em;
  vertical-align: top;
  font-size: 1em;
  font-weight: 700;
  line-height: 0.75;
  color: #666;
  cursor: pointer;
  transition: color .2s ease-in-out;
}

/* line 67, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__label + .btn-switch__label, #main-content #iso-demo-2 .btn-switch__label + .btn-switch__label, #main-content #iso-demo-3 .btn-switch__label + .btn-switch__label {
  padding-right: .75em;
  padding-left: 0;
}

/* line 72, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__txt, #main-content #iso-demo-2 .btn-switch__txt, #main-content #iso-demo-3 .btn-switch__txt {
  position: relative;
  z-index: 2;
  top: 7px;
  display: inline-block;
  min-width: 1.5em;
  opacity: 1;
  pointer-events: none;
  transition: opacity .2s ease-in-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 88, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__txt:active, #main-content #iso-demo-2 .btn-switch__txt:active, #main-content #iso-demo-3 .btn-switch__txt:active {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 96, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
#main-content #iso-demo .btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt, #main-content #iso-demo-2 .btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
#main-content #iso-demo-2 .btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt, #main-content #iso-demo-3 .btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
#main-content #iso-demo-3 .btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt {
  opacity: 0;
}

/* line 101, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__label:before, #main-content #iso-demo-2 .btn-switch__label:before, #main-content #iso-demo-3 .btn-switch__label:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f0f0f0;
  border-radius: 1.5em;
  box-shadow: inset 0 0.0715em 0.3572em rgba(43, 43, 43, 0.05);
  transition: background .2s ease-in-out;
}

/* line 114, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__radio_yes:checked ~ .btn-switch__label:before, #main-content #iso-demo-2 .btn-switch__radio_yes:checked ~ .btn-switch__label:before, #main-content #iso-demo-3 .btn-switch__radio_yes:checked ~ .btn-switch__label:before {
  background: #d49d00;
}

/* line 117, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__label_no:after, #main-content #iso-demo-2 .btn-switch__label_no:after, #main-content #iso-demo-3 .btn-switch__label_no:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: .5em;
  bottom: .5em;
  left: .5em;
  width: 2em;
  background: #fff;
  border-radius: 1em;
  pointer-events: none;
  box-shadow: 0 0.1429em 0.2143em rgba(43, 43, 43, 0.2), 0 0.3572em 0.3572em rgba(43, 43, 43, 0.1);
  transition: left .2s ease-in-out, background .2s ease-in-out;
}

/* line 131, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__radio_yes:checked ~ .btn-switch__label_no:after, #main-content #iso-demo-2 .btn-switch__radio_yes:checked ~ .btn-switch__label_no:after, #main-content #iso-demo-3 .btn-switch__radio_yes:checked ~ .btn-switch__label_no:after {
  left: calc(100% - 2.5em);
  background: #fff;
}

/* line 135, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
#main-content #iso-demo .btn-switch__radio_yes:checked ~ .btn-switch__label_no:before, #main-content #iso-demo-2 .btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
#main-content #iso-demo-2 .btn-switch__radio_yes:checked ~ .btn-switch__label_no:before, #main-content #iso-demo-3 .btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
#main-content #iso-demo-3 .btn-switch__radio_yes:checked ~ .btn-switch__label_no:before {
  z-index: 1;
}

/* line 139, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__radio_yes:checked ~ .btn-switch__label_yes, #main-content #iso-demo-2 .btn-switch__radio_yes:checked ~ .btn-switch__label_yes, #main-content #iso-demo-3 .btn-switch__radio_yes:checked ~ .btn-switch__label_yes {
  color: #fff;
}

/* line 142, S:/files/css/Global stack/component/_cookie-notice.scss */
#main-content #iso-demo .btn-switch__label, #main-content #iso-demo-2 .btn-switch__label, #main-content #iso-demo-3 .btn-switch__label {
  -webkit-tap-highlight-color: transparent;
}

/* line 151, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice {
  display: flex;
  flex-wrap: wrap;
  /*p{
		font-size: 100%;
		font-family: $proxima;
		line-height: 1.6em;
    	width: 90%;
		color: $trans-white-75;
	}*/
}

/* line 154, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice h2 {
  color: #fff;
  margin: 0;
}

/* line 165, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice p {
  color: white;
  font-size: 125%;
}

/* line 169, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 173, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul li {
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 95%;
  display: inline;
  position: relative;
}

/* line 178, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul li a {
  color: #ffd100;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
  text-decoration: none;
  margin-right: 5%;
}

/* line 184, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul li a:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

/* line 188, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul li #continue-button {
  background-color: #ffd100;
  background-image: url(//www.liverpool.ac.uk/files/images/icons/tick-grey.svg);
  background-repeat: no-repeat;
  background-position-x: 97%;
  background-position-y: 6px;
  background-size: 9%;
  border: none;
  border-radius: 10px;
  padding: 10px;
  color: #333f48;
  width: 100%;
  text-align: left;
  font-family: "poppins", sans-serif;
  font-size: 120%;
  font-weight: 800;
  margin-bottom: 0.55em;
  vertical-align: middle;
}

/* line 207, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul li #continue-button h3 {
  display: inline-block;
  color: #333f48;
  font-size: 130%;
  position: relative;
  top: -4px;
  margin: 0;
}

/* line 216, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice ul li #continue-button:hover, div#cookie-control-notice ul li #continue-button:active {
  background-color: #ffe088;
}

/* line 223, S:/files/css/Global stack/component/_cookie-notice.scss */
div#cookie-control-notice {
  padding: 1rem 0;
  display: grid;
  grid-template-columns: 1.89fr 3fr 1.5fr;
  grid-gap: 1rem;
}

/* line 230, S:/files/css/Global stack/component/_cookie-notice.scss */
.panel {
  flex: 2 2 200px;
  height: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 236, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice {
    margin-bottom: 1.75em;
  }
}

@media all and (max-width: 640px) {
  /* line 243, S:/files/css/Global stack/component/_cookie-notice.scss */
  #main-content .strict-cookie::before {
    width: 20%;
    margin-right: 6%;
    margin-bottom: 1em;
    position: relative;
    top: 6px;
  }
  /* line 252, S:/files/css/Global stack/component/_cookie-notice.scss */
  #main-content #iso-demo, #main-content #iso-demo-2, #main-content #iso-demo-3 {
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-gap: 1.5em;
  }
  /* line 258, S:/files/css/Global stack/component/_cookie-notice.scss */
  #main-content #iso-demo div:nth-of-type(2n+1), #main-content #iso-demo-2 div:nth-of-type(2n+1), #main-content #iso-demo-3 div:nth-of-type(2n+1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  /* line 261, S:/files/css/Global stack/component/_cookie-notice.scss */
  #main-content #iso-demo div:nth-of-type(2n+1) p, #main-content #iso-demo-2 div:nth-of-type(2n+1) p, #main-content #iso-demo-3 div:nth-of-type(2n+1) p {
    width: 60%;
    margin-bottom: 0;
    position: relative;
    top: 5px;
  }
  /* line 268, S:/files/css/Global stack/component/_cookie-notice.scss */
  #main-content #iso-demo div:nth-of-type(2n+2), #main-content #iso-demo-2 div:nth-of-type(2n+2), #main-content #iso-demo-3 div:nth-of-type(2n+2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  /* line 277, S:/files/css/Global stack/component/_cookie-notice.scss */
  footer#cookie-banner .container {
    display: block !important;
  }
}

@media all and (max-width: 640px) {
  /* line 285, S:/files/css/Global stack/component/_cookie-notice.scss */
  footer#cookie-banner .universal-inner {
    width: 90%;
    height: auto !important;
  }
  /* line 290, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice {
    display: block;
    margin: 1.25em auto;
    padding: 1rem 0 2rem;
  }
  /* line 294, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice p, div#cookie-control-notice h2 {
    width: inherit;
    margin: 0;
  }
  /* line 298, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice h2 {
    /*font-size: 150%;*/
  }
  /* line 304, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice ul li button#continue-button {
    padding: 0.5em 3% 0;
    font-size: 100%;
    width: 90%;
  }
  /* line 308, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice ul li button#continue-button h3 {
    top: -5px;
  }
  /* line 312, S:/files/css/Global stack/component/_cookie-notice.scss */
  div#cookie-control-notice ul li button#continue-button:before {
    width: 20px;
    height: 20px;
    top: 0;
  }
  /* line 320, S:/files/css/Global stack/component/_cookie-notice.scss */
  .panel {
    margin: 0 0 1.35em;
  }
  /* line 323, S:/files/css/Global stack/component/_cookie-notice.scss */
  .panel:first-child {
    margin-bottom: 0.75em;
  }
  /* line 326, S:/files/css/Global stack/component/_cookie-notice.scss */
  .panel:last-child {
    margin-bottom: 2em;
  }
}

/* line 332, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 footer#cookie-banner {
  background: #ffe088;
}

/* line 336, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice h2 {
  color: #333f48;
  font-weight: 800;
  line-height: 1.2em;
  font-size: 210%;
}

/* line 342, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice p {
  color: #333f48;
  font-size: 110%;
}

/* line 348, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice ul li a {
  color: #6e5100;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}

/* line 352, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice ul li a:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

/* line 356, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button {
  border: none;
  background: #6e5100;
}

/* line 360, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button h3 {
  color: #ffc522;
}

/* line 365, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button:hover {
  background: #9c7300;
}

/* line 369, S:/files/css/Global stack/component/_cookie-notice.scss */
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/tick-white.svg);
}

/* EMERGENCY STRIP FOR ALL PAGES INCLUDING COVID 19 */
/* Scss Document */
/* line 3, S:/files/css/Global stack/component/_alert.scss */
#alert-above-global-nav {
  display: none;
}

/*footer{
	#donate-strip-above-footer.container{
		max-width: 100%;
		text-align: center;
		background: FIREBRICK;
		.inner{
			width: 15%;
		}
		#corporate-footer{
			display: block;
			padding: 15px 0;
			p{
				position: relative;
				top: -10px;
				font-size: 130%;
				a{
					text-transform: uppercase;
				}
			}
			p::before{
				content: url(//www.liverpool.ac.uk/files/images/icons/covid-donate-heart.svg);
				width: 34px;
				height: 34px;
				display: inline-block;
				position: relative;
				top: 12px;
				left: -7px;
				
			}
		}
	}
}*/
/*#alert-above-global-nav{
	background: darken($blue,5%) ;
	padding: 10px 0 12px;
	font-family: $proxima;
	display: none;
	h2{
		margin: 0;
		padding: 0;
		color: $white;
		
	}
	p{
		color: $white;
		margin: 0;
		font-size: 110%;
		a{
			color: $white; 
			font-weight: 800;
			border-bottom: 1px dotted $white;
			text-decoration: none;
		}
		a:hover{
			border-bottom-style: solid;
		}
	}
}

#alert-above-global-nav.all-pages{
	background: darken($blue,5%);
	padding: 10px 0 15px;
	position: relative;
	.container{
		max-width: 670px;
	}
	.universal-inner{
		
		#alert-container{
			
			p{
				a{
					margin-right: 17px;
				}
				
			}
		}
		#alert-container::before{
			content: url(//www.liverpool.ac.uk/files/images/icons/alert/cv-19-icon.svg);
		width: 55px;
		height: 55px;
		position: absolute;
		display: inline-block;
		top: 0;
		}
	}
	.container, .universal-inner{
		height: auto;
	}
	.universal-inner::before{
		
	}
	h2{
		color: white;
		font-family: $freight;
		font-style: italic;
		font-size: 175%;
		font-weight: 400;
		margin-left: 70px;
		span{
			font-style: normal;
		}
	}
	p{
		color: white;
		margin-left: 70px;
		a{
			color: white;
			border-bottom-color: white;
		}
	}
}
@media (max-width: 1366px){
	#alert-above-global-nav.all-pages{
		.universal-inner{
		#alert-container{
			margin-left: 0;
		}
	}
	}
	footer{
	#donate-strip-above-footer.container{
		
		.inner{
			width: 25%;
		}
		}
		
	}
}

@media (max-width: 640px){
	#alert-above-global-nav.all-pages{
		padding: 10px 0 10px;
	.container, .universal-inner{
			height: auto !important;
		}
		.universal-inner{
			#alert-container::before{
				display: none;
		}
	}
	h2{
		font-size: 100%;
		font-family: $proxima;
		font-style: normal;
		font-weight: 600;
		margin-left: 12px;
	}
	p{
		font-size: 85%;
		padding-left: 12px;
		margin-left: 0;
		span{
			display: block;
			margin-bottom: 4px;
		}
	}
		
	}
	footer{
	#donate-strip-above-footer.container{
		
		.inner{
			width: 90%;
		}
		
	}
	}
	
}*/
/* DEPARTMENT NEWS SECTIONS STYLES */
/* Scss Document */
/* line 3, S:/files/css/Global stack/component/_department-news.scss */
ul#newsload {
  clear: both;
}

/* line 6, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist {
  clear: both;
  display: block;
  margin-left: 0 !important;
}

/* line 10, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist li::before {
  display: none;
}

/* line 13, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist li {
  width: 32%;
  float: left;
  margin-right: 2%;
  background: none;
  padding-left: 0;
  margin-bottom: 1em;
}

/* line 21, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist li a > h2 {
  font-weight: 800;
  border-bottom: 1px dotted #212b58;
  display: contents;
}

/* line 27, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist li a:hover > h2 {
  border-bottom-style: solid;
}

/* line 30, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist li a > img {
  margin-bottom: 0.5rem;
}

/* line 33, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist li a:hover > img {
  filter: brightness(75%);
}

/* line 37, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist li h2 {
  font-weight: 200;
  font-size: 120%;
  padding-top: 0.55em;
  margin-top: 0;
  line-height: 1.33em;
}

/* line 44, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist li p {
  font-size: 80%;
  margin-top: 0.5rem;
}

/* line 48, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist li img {
  max-height: 198px;
  margin-bottom: 0;
  top: 0;
  margin-right: 0;
  width: 100%;
}

/* line 56, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist li:nth-of-type(3n+3) {
  margin-right: 0;
}

/* line 59, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist li:nth-of-type(3n+4) {
  clear: left;
}

/* line 63, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist div#firststory {
  display: block;
  float: none;
  width: 100%;
  margin-bottom: 1em;
}

/* line 69, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist div#firststory a {
  display: block;
  border: none;
}

/* line 73, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist div#firststory h1 {
  line-height: 1.22em;
}

/* line 76, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist div#firststory a > h2 {
  font-weight: 800;
  border-bottom: 1px dotted #212b58;
  display: initial;
  font-size: 180%;
}

/* line 83, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist div#firststory a:hover > h2 {
  border-bottom-style: solid;
}

/* line 86, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist div#firststory a > img {
  margin-bottom: 0.5rem;
}

/* line 89, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist div#firststory a:hover > img {
  filter: brightness(75%);
}

/* line 93, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist div#firststory p {
  margin-top: 0.5rem;
}

/* line 96, S:/files/css/Global stack/component/_department-news.scss */
ul#newnewslist div#firststory img {
  float: left;
  width: 32% !important;
  padding-bottom: 0.22em;
  margin-right: 3.5%;
  top: 0;
}

@media screen and (max-width: 1023px) {
  /* line 109, S:/files/css/Global stack/component/_department-news.scss */
  ul#newnewslist li {
    width: auto;
    float: none;
    margin-right: 0;
  }
  /* line 113, S:/files/css/Global stack/component/_department-news.scss */
  ul#newnewslist li img {
    max-height: none;
  }
  /* line 118, S:/files/css/Global stack/component/_department-news.scss */
  ul#newnewslist div#firststory h1 {
    font-size: 180%;
  }
  /* line 121, S:/files/css/Global stack/component/_department-news.scss */
  ul#newnewslist div#firststory img {
    width: 100% !important;
    float: none;
    margin-right: 0;
    margin-bottom: 1.55em;
  }
}

/* COURSE SEARCH TABS - INTEGRATE INTO SEARCH STACK */
/* Scss Document */
/* line 8, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results #main-content article #header-search fieldset input[type=text] {
  border: 2px #212b58 solid;
  border-radius: 7px;
  float: left;
  width: 93%;
  padding: 10px;
}

/* line 15, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results #main-content article #header-search fieldset input[type=image] {
  width: 46px;
  height: 46px;
  margin: 0;
}

/* line 24, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results #main-content, .search-results #level-3-tabbed-nav, .search-results #breadcrumb {
  width: 100%;
  float: none;
}

/* line 28, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results #site-navigation {
  display: none;
}

/* line 31, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#all {
  border: 0.22em solid #0e1130 !important;
  background: #fff !important;
}

/* line 34, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#all a {
  color: #020309 !important;
}

/* line 38, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#all:hover {
  background: #1a1f57 !important;
}

/* line 40, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#all:hover a {
  color: #fff !important;
}

/* line 44, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#all.active {
  border: 0.22em solid #0e1130 !important;
  background: #0e1130 !important;
}

/* line 47, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#all.active a {
  color: #fff !important;
}

/* line 51, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#courses {
  border: 0.22em solid #21a6e1 !important;
  background: #fff !important;
}

/* line 54, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#courses a {
  color: #136589 !important;
}

/* line 58, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#courses:hover {
  background: #4eb8e7 !important;
}

/* line 60, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#courses:hover a {
  color: #fff !important;
}

/* line 64, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#courses.active {
  border: 0.22em solid #21a6e1 !important;
  background: #21a6e1 !important;
}

/* line 67, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#courses.active a {
  color: #fff !important;
}

/* line 71, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#news {
  border: 0.22em solid #e8200b !important;
  background: #fff !important;
}

/* line 74, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#news a {
  color: #871306 !important;
}

/* line 78, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#news:hover {
  background: #f54331 !important;
}

/* line 80, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#news:hover a {
  color: #fff !important;
}

/* line 84, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#news.active {
  border: 0.22em solid #e8200b !important;
  background: #e8200b !important;
}

/* line 87, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#news.active a {
  color: #fff !important;
}

/* line 91, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#academicstaff {
  border: 0.22em solid #fdac0f !important;
  background: #fff !important;
}

/* line 94, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#academicstaff a {
  color: #a56d01 !important;
}

/* line 98, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#academicstaff:hover {
  background: #fdbd42 !important;
}

/* line 100, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#academicstaff:hover a {
  color: #fff !important;
}

/* line 104, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#academicstaff.active {
  border: 0.22em solid #fdac0f !important;
  background: #fdac0f !important;
}

/* line 107, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#academicstaff.active a {
  color: #fff !important;
}

/* line 111, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#events {
  border: 0.22em solid #a3c51a !important;
  background: #fff !important;
}

/* line 114, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#events a {
  color: #586b0e !important;
}

/* line 118, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#events:hover {
  background: #c0e32f !important;
}

/* line 120, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#events:hover a {
  color: #fff !important;
}

/* line 124, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#events.active {
  border: 0.22em solid #a3c51a !important;
  background: #a3c51a !important;
}

/* line 127, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#events.active a {
  color: #fff !important;
}

/* line 132, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#library {
  border: 0.22em solid #7733cc !important;
  background: #fff !important;
}

/* line 135, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#library a {
  color: #7733cc !important;
}

/* line 139, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#library:hover {
  background: #925cd6 !important;
}

/* line 141, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#library:hover a {
  color: #fff !important;
}

/* line 145, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#library.active {
  border: 0.22em solid #7733cc !important;
  background: #7733cc !important;
}

/* line 148, S:/files/css/Global stack/component/_search-results-tabs.scss */
.search-results span#library.active a {
  color: #fff !important;
}

@media screen and (max-width: 768px) {
  /* line 165, S:/files/css/Global stack/component/_search-results-tabs.scss */
  .search-results #main-content article #header-search fieldset input[type=text] {
    width: 90%;
  }
}

@media screen and (max-width: 640px) {
  /* line 184, S:/files/css/Global stack/component/_search-results-tabs.scss */
  .search-results #main-content article #header-search fieldset input[type=text] {
    width: 85%;
  }
}

/* COURSE SEARCH BODY - INTEGRATE INTO SEARCH STACK */
/* Scss Document */
/* line 6, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #section-name .universal-inner #key-links {
  display: none;
}

/* line 9, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #section-name .universal-inner #icons {
  width: 30%;
  padding-top: 0.22em;
}

/* line 13, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #section-name .universal-inner #icons ul li {
  margin-left: 3%;
}

/* line 15, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #section-name .universal-inner #icons ul li a {
  color: #fff;
}

/* line 23, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #breadcrumb {
  display: none;
}

/* line 26, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #level-3-tabbed-nav {
  display: none;
}

/* line 30, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header {
  padding: 0 0 1.77%;
  text-align: right;
  font-size: 80%;
}

/* line 34, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header h2 {
  text-align: left;
  position: relative;
  top: 10px;
  font-weight: 400;
  font-size: 120%;
}

/* line 42, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header p {
  text-align: left;
  font-size: 130%;
}

/* line 46, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header p:first-child {
  margin-top: 2em;
}

/* line 50, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header p.search-support span {
  margin: 0 0.77%;
}

/* line 54, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header hr {
  border-top: 1px solid #ccc;
}

/* line 58, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header h3 {
  font-size: 135%;
  margin-bottom: 0.77em;
  float: left;
  width: 70%;
  text-align: left;
}

/* line 65, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header ul {
  list-style-type: none;
  padding-left: 0;
  text-align: right;
  margin-bottom: 0.77em;
}

/* line 70, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header ul li {
  display: inline;
  margin-left: 0.77%;
  position: relative;
  font-size: 80%;
  top: -3px;
  background: none;
}

/* line 77, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header ul li span {
  margin-left: 0.33%;
}

/* line 80, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header ul li a:visited {
  color: #808ecf;
}

/* line 87, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header div#tabs {
  text-align: left;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 135%;
}

/* line 92, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header div#tabs span {
  padding: 0.53em 0.88%;
  margin: 0.55em 0.55% 0.55em 0;
  color: #fff;
}

/* line 96, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content header div#tabs span a {
  color: #fff;
  text-decoration: none;
  border: none;
}

/* line 105, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article {
  padding: 0;
  width: 70%;
}

/* line 108, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article .desktop {
  display: block;
}

/* line 111, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article .mobile {
  display: none;
}

/* line 114, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article .previous, #common.search-results #main-content article .next {
  float: right;
  margin-left: 1.33%;
}

/* line 117, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article .previous a, #common.search-results #main-content article .next a {
  text-decoration: none;
}

/* line 121, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.pagination {
  list-style-type: none;
  padding-left: 0;
  float: left;
  width: 80%;
}

/* line 126, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.pagination li::before {
  display: none;
}

/* line 129, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.pagination li {
  display: inline;
  margin-right: 0.77%;
  color: #A17700;
  background: none;
  padding-left: 0;
}

/* line 135, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.pagination li a {
  text-decoration: none;
  color: #141b37;
}

/* line 139, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.pagination li a:visited {
  color: #5b6dc1;
}

/* line 145, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new {
  padding: 0;
  margin: 0;
  margin-bottom: 2em;
}

/* line 149, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new li::before {
  display: none;
}

/* line 152, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new li:first-child {
  padding-top: 0;
}

/* line 155, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new li.Course {
  border-left: 0.33em solid #21a6e1;
}

/* line 158, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new li.News {
  border-left: 0.33em solid #e8200b;
}

/* line 161, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new li.Events {
  border-left: 0.33em solid #a3c51a;
}

/* line 164, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new li.Staff {
  border-left: 0.33em solid Sstaff-orange;
}

/* line 167, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new li {
  list-style-type: none;
  color: #000;
  display: block;
  border-left: 0.33em solid #141b37;
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding: 1.33em 2.77% 0.55em;
  background: none;
}

/* line 176, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new li h2 {
  margin-top: 0;
  font-size: 110%;
  line-height: 1.33em;
}

/* line 180, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new li h2 a {
  text-decoration: none;
}

/* line 184, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new li p.result-new {
  margin-bottom: 0.33em;
}

/* line 186, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new li p.result-new a {
  display: inline-flex;
  float: left;
}

/* line 192, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new li p.result-url-new {
  font-family: arial, sans-serif;
  font-size: 85%;
}

/* line 196, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content article ul.results-list-new li a:visited {
  color: #324185;
}

/* line 203, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside {
  width: 26.66%;
}

/* line 206, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside:nth-of-type(1) {
  padding-top: 1.33em !important;
}

/* line 209, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside.narrowby {
  background: #d1d7ee;
  padding: 0 1.55%;
  color: #333f48;
}

/* line 213, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside.narrowby h2 {
  color: #333f48;
  font-size: 130%;
}

/* line 217, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside.narrowby h4 {
  color: #333f48;
  margin-bottom: 0.55em;
}

/* line 221, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside.narrowby ul {
  margin: 0 0 1em;
  list-style-type: none;
}

/* line 224, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside.narrowby ul li::before {
  display: none;
}

/* line 227, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside.narrowby ul li.remove-filter:hover {
  opacity: 1;
}

/* line 230, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside.narrowby ul li.remove-filter {
  background: #333f48;
  color: #fff;
  padding: 0.33em 3%;
  border-radius: 3px;
  opacity: 0.75;
}

/* line 237, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside.narrowby ul li.remove-filter a {
  color: #fff;
}

/* line 239, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside.narrowby ul li.remove-filter a img {
  opacity: 1;
  width: 3.5%;
}

/* line 245, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside.narrowby ul li {
  color: #333f48;
  font-size: 75%;
  background: none;
  padding-left: 0;
  display: block;
  clear: both;
}

/* line 252, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside.narrowby ul li a {
  color: #333f48;
}

/* line 254, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside.narrowby ul li a img {
  width: 3%;
  top: 5px;
  opacity: 0.5;
  margin-right: 2%;
}

/* line 263, S:/files/css/Global stack/component/_search-results-body.scss */
#common.search-results #main-content aside.narrowby ul li a:hover img {
  opacity: 1;
}

@media (max-width: 1023px) {
  /* line 277, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #breadcrumb {
    padding-bottom: 0;
    margin-bottom: 0.77em;
  }
  /* line 282, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content header {
    text-align: left;
  }
  /* line 284, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content header hr {
    display: none;
  }
  /* line 287, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content header h2 {
    top: -7px;
    font-size: 100%;
  }
  /* line 291, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content header h3 {
    float: none;
    width: 100%;
    font-size: 120%;
  }
  /* line 296, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content header ul {
    text-align: left;
  }
  /* line 299, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content header div#tabs {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  /* line 302, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content header div#tabs span#all.active {
    border-bottom: none;
  }
  /* line 305, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content header div#tabs span {
    padding: 0.33em 1%;
    display: inline-block;
    margin: 0.55em 1.5% 0 0;
    color: #fff;
  }
  /* line 311, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content header div#tabs span a {
    color: #fff;
    text-decoration: none;
    line-height: 1.77em;
  }
  /* line 319, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content article {
    width: 100%;
    display: block;
  }
  /* line 320, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content article .desktop {
    display: none;
  }
  /* line 323, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content article .mobile {
    display: block;
  }
  /* line 328, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content article ul.results-list-new {
    margin-left: 0;
  }
  /* line 330, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content article ul.results-list-new li::before {
    display: none;
  }
  /* line 333, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content article ul.results-list-new li {
    padding: 1.33em 1% 0.55em 8%;
  }
  /* line 335, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content article ul.results-list-new li h2 {
    font-size: 110%;
    line-height: 1.22em;
  }
  /* line 340, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content article ul.results-list-new li p.result-url-new {
    font-family: arial, sans-serif;
    font-size: 65%;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  /* line 360, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content article .next {
    float: none;
  }
  /* line 364, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content aside {
    width: 100%;
  }
  /* line 367, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content aside.narrowby {
    padding: 5%;
    display: block;
  }
  /* line 370, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content aside.narrowby ul {
    width: 100%;
    margin: 0;
  }
  /* line 374, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content aside.narrowby ul li {
    display: block;
  }
  /* line 378, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content aside.narrowby ul li a img {
    width: 10px;
    float: left;
  }
}

@media (max-width: 500px) {
  /* line 395, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content header div#tabs {
    font-size: 100%;
  }
  /* line 397, S:/files/css/Global stack/component/_search-results-body.scss */
  #common.search-results #main-content header div#tabs span {
    padding: 0.1em 3%;
    text-transform: none;
  }
}

/* SUB BRAND KEY LINKS */
/* Scss Document */
/* line 6, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner:before {
  display: none;
}

/* line 9, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 2fr 1.15fr 0.75fr;
  -ms-grid-columns: 2fr 1.5fr 1fr;
  /*#key-links:empty + #section-home-link, #icons:empty + #section-home-link{
					grid-column: 1 / -1;
				}
				#key-links:empty ~ #section-home-link, #icons:empty ~ #section-home-link{
					grid-column: 1 / -1;
				}*/
  /*#key-links:empty + #section-home-link{
							grid-column: 1 / -1;
						}*/
  /*#section-home-link + #key-links:empty,#section-home-link + #icons:empty{
					grid-column: 1 / -1;
				}*/
}

/* line 14, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner #key-links:empty, .study #section-name div.container div.universal-inner #icons:empty {
  display: none;
}

/* line 26, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner #key-links:empty ~ #section-home-link {
  grid-column: 1 / -1;
}

/* line 32, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner #section-home-link {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

/* line 36, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner #key-links {
  display: block;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

/* line 40, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner #key-links ul {
  margin: 0;
  padding: 0;
}

/* line 43, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner #key-links ul li {
  display: inline-block;
  color: #fff;
  font-family: "proxima-nova", arial, sans-serif;
  font-weight: 800;
  font-size: 118%;
  margin-right: 5%;
}

/* line 50, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner #key-links ul li a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

/* line 55, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner #key-links ul li a:hover {
  border-bottom-color: #fff;
}

/* line 61, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner #icons {
  display: block;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

/* line 65, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner #icons ul {
  margin: 0;
}

/* line 67, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner #icons ul li {
  color: #fff;
}

/* line 69, S:/files/css/Global stack/component/_sub-brand-key-links.scss */
.study #section-name div.container div.universal-inner #icons ul li a {
  color: rgba(255, 255, 255, 0.75);
}

/* SIDE NAVIGATION ON NONE FACULTY SITES */
/* Scss Document */
@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/* line 8, S:/files/css/Global stack/component/_navigation.scss */
.main::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: rgba(0, 0, 0, 0.15);
  width: 8px;
  height: 8px;
}

/* line 9, S:/files/css/Global stack/component/_navigation.scss */
.main::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

/* T4 SIDE NAVIGATION */
/* line 13, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation {
  float: left;
  margin-bottom: 0;
  width: 29.6%;
}

/* line 20, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation #faculty-link::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down-white.svg);
  transform: rotate(270deg);
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 5%;
  transition: transform 0.5s;
}

/* line 30, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation #faculty-link {
  color: #fff;
  padding: 0.77em 5%;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  padding-right: 20%;
  text-decoration: none;
  font-size: 140%;
  line-height: 1.22em;
  display: block;
  background-color: #212b58;
  background-repeat: no-repeat;
  background-position: right center;
  width: 85%;
  margin-bottom: 1em;
  position: relative;
  border-radius: 7px;
}

/* line 48, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation #faculty-link:hover {
  background-color: #333f48;
}

/* line 51, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation #current-tier-left {
  background-color: #212b58;
  width: 85%;
  margin-bottom: 2.66em;
}

/* line 55, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation #current-tier-left ul {
  width: auto;
  padding-bottom: 4%;
}

/* line 59, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation #current-tier-left ul li.lead {
  position: relative;
  top: 5px;
}

/* line 63, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation #current-tier-left ul li {
  color: white;
  margin-bottom: 0;
  font-size: 140%;
  padding: 0.33em 5%;
}

/* line 68, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation #current-tier-left ul li a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down-white.svg);
  transform: rotate(270deg);
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  right: 0;
  transition: transform 0.5s;
}

/* line 78, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation #current-tier-left ul li a {
  display: block;
  color: #fff;
  padding-right: 20%;
  position: relative;
}

/* line 89, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation h2 {
  font-size: 100%;
  margin-top: -3px;
  margin-bottom: 1em;
  line-height: 1.5em;
}

/* line 101, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation.overhang-nav h2 {
  font-size: 234%;
  width: 85%;
  padding: 0.33em 0;
  border-bottom: 4px solid #212b58;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 0.95em;
}

/* line 110, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation.overhang-nav h2 a {
  color: #A17700;
  text-decoration: none;
}

/* line 114, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation.overhang-nav h2 a:hover {
  color: #644a00;
}

/* line 121, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation.overhang-nav #navigation li .currentbranch0 a {
  background-color: #ffe6a1;
}

/* line 125, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation.overhang-nav #navigation li a {
  border-bottom: 1px solid #1E1E1E;
}

/* line 131, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation.overhang-nav #navigation .multilevel-linkul-0 li:first-child {
  margin-top: 0;
}

/* line 133, S:/files/css/Global stack/component/_navigation.scss */
nav#site-navigation.overhang-nav #navigation .multilevel-linkul-0 li:first-child a {
  border: none;
}

/* line 143, S:/files/css/Global stack/component/_navigation.scss */
#navigation, .mobile-nav, #mobile-navigation {
  margin-bottom: 2em;
}

/* line 145, S:/files/css/Global stack/component/_navigation.scss */
#navigation li, .mobile-nav li, #mobile-navigation li {
  /*margin-bottom:0;
		width:auto;*/
  margin-bottom: 0;
  /*line-height:1.66em;
		font-family:$proxima;
		font-size:100%;*/
}

/* line 156, S:/files/css/Global stack/component/_navigation.scss */
#navigation li:first-child a, .mobile-nav li:first-child a, #mobile-navigation li:first-child a {
  border-top: 1px solid #1E1E1E;
}

/* line 162, S:/files/css/Global stack/component/_navigation.scss */
#navigation li:first-child .multilevel-linkul-0 li a, .mobile-nav li:first-child .multilevel-linkul-0 li a, #mobile-navigation li:first-child .multilevel-linkul-0 li a {
  border-top-color: rgba(0, 0, 0, 0);
}

/* line 168, S:/files/css/Global stack/component/_navigation.scss */
#navigation a, .mobile-nav a, #mobile-navigation a {
  background-position: 0.77% center;
  background-repeat: no-repeat;
  background-color: #fff;
  color: #10152b;
  text-decoration: none;
  border-bottom: 1px solid #1E1E1E;
  display: block;
  line-height: 1em;
  padding: 1em 0;
  padding-left: 5%;
  width: 85%;
}

/* line 182, S:/files/css/Global stack/component/_navigation.scss */
#navigation a:hover, .mobile-nav a:hover, #mobile-navigation a:hover {
  background-position: center left;
  background-repeat: no-repeat;
  background-color: #e8eaf6;
  border-bottom: 1px solid #1E1E1E;
  padding-left: 5%;
}

/* line 191, S:/files/css/Global stack/component/_navigation.scss */
#navigation .currentbranch0 a, .mobile-nav .currentbranch0 a, #mobile-navigation .currentbranch0 a {
  background-position: 8% center;
  background-repeat: no-repeat;
  background-color: #e8eaf6;
  border-bottom: none;
  padding-left: 5%;
  border-bottom: 1px solid #1E1E1E;
}

/* line 200, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0, .mobile-nav .multilevel-linkul-0, #mobile-navigation .multilevel-linkul-0 {
  background-color: #d5daef;
  background-image: url("//www.liverpool.ac.uk/files/images/common-nav/multilink-level-0-bg.png");
  background-repeat: no-repeat;
  background-position: 6% top;
  width: 85%;
  padding: 1.44em 0 1.33em;
  border-bottom: 1px solid #1E1E1E;
}

/* line 208, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 li, .mobile-nav .multilevel-linkul-0 li, #mobile-navigation .multilevel-linkul-0 li {
  line-height: 0.77em;
}

/* line 211, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 li:first-child, .mobile-nav .multilevel-linkul-0 li:first-child, #mobile-navigation .multilevel-linkul-0 li:first-child {
  margin-top: 0;
}

/* line 213, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 li:first-child a, .mobile-nav .multilevel-linkul-0 li:first-child a, #mobile-navigation .multilevel-linkul-0 li:first-child a {
  border-top: none;
}

/* line 217, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 li:last-child, .mobile-nav .multilevel-linkul-0 li:last-child, #mobile-navigation .multilevel-linkul-0 li:last-child {
  margin-bottom: 1em;
}

/* line 220, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 a, .mobile-nav .multilevel-linkul-0 a, #mobile-navigation .multilevel-linkul-0 a {
  background-position: 8% center;
  background-color: #d5daef;
  border-bottom: none;
  padding: 0.44em 6%;
  line-height: 1.77em;
  width: 100%;
  display: block;
}

/* line 229, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 a:hover, .mobile-nav .multilevel-linkul-0 a:hover, #mobile-navigation .multilevel-linkul-0 a:hover {
  background-position: 8% center;
  background-repeat: no-repeat;
  background-color: #c3c9e8;
}

/* line 234, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 .currentbranch1, .mobile-nav .multilevel-linkul-0 .currentbranch1, #mobile-navigation .multilevel-linkul-0 .currentbranch1 {
  position: relative;
  left: 0;
}

/* line 237, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 .currentbranch1 a, .mobile-nav .multilevel-linkul-0 .currentbranch1 a, #mobile-navigation .multilevel-linkul-0 .currentbranch1 a {
  background-position: 16% center;
  background-repeat: no-repeat;
  background-color: #1a2245;
  color: white;
  line-height: 1.66em;
  padding: 0.77em 6%;
}

/* line 246, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 .multilevel-linkul-1, .mobile-nav .multilevel-linkul-0 .multilevel-linkul-1, #mobile-navigation .multilevel-linkul-0 .multilevel-linkul-1 {
  background-color: #131933;
  position: relative;
  background-image: url("//www.liverpool.ac.uk/files/images/common-nav/multilink-level-01-bg.png");
  background-repeat: no-repeat;
  background-position: 9% top;
  padding: 1.33em 0;
  left: 0;
}

/* line 258, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 .multilevel-linkul-1 li, .mobile-nav .multilevel-linkul-0 .multilevel-linkul-1 li, #mobile-navigation .multilevel-linkul-0 .multilevel-linkul-1 li {
  margin: 0;
  line-height: 0.5em;
}

/* line 262, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 .multilevel-linkul-1 li:first-child, .mobile-nav .multilevel-linkul-0 .multilevel-linkul-1 li:first-child, #mobile-navigation .multilevel-linkul-0 .multilevel-linkul-1 li:first-child {
  margin-top: 0;
}

/* line 265, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 .multilevel-linkul-1 a, .mobile-nav .multilevel-linkul-0 .multilevel-linkul-1 a, #mobile-navigation .multilevel-linkul-0 .multilevel-linkul-1 a {
  background-position: 16% center;
  background-repeat: no-repeat;
  background-color: #131933;
  padding: 0.44em 9%;
  line-height: 1.77em;
  color: white;
  display: block;
}

/* line 274, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 .multilevel-linkul-1 a:hover, .mobile-nav .multilevel-linkul-0 .multilevel-linkul-1 a:hover, #mobile-navigation .multilevel-linkul-0 .multilevel-linkul-1 a:hover {
  background-position: 16% center;
  background-repeat: no-repeat;
  background-color: #05070e;
  color: white;
}

/* line 280, S:/files/css/Global stack/component/_navigation.scss */
#navigation .multilevel-linkul-0 .multilevel-linkul-1 .currentbranch2 a, .mobile-nav .multilevel-linkul-0 .multilevel-linkul-1 .currentbranch2 a, #mobile-navigation .multilevel-linkul-0 .multilevel-linkul-1 .currentbranch2 a {
  background-color: #05070e;
  padding: 0.77em 9%;
  position: relative;
  color: #fff;
}

/* T4 TABS */
/* line 296, S:/files/css/Global stack/component/_navigation.scss */
#level-3-tabbed-nav.mobile {
  display: none;
}

/* line 301, S:/files/css/Global stack/component/_navigation.scss */
#level-3-tabbed-nav #tabbed-navigation {
  margin-bottom: 0;
  /*li#section-active.detected:hover{
				a{
					color:$white !important;
					background-color:$new-brand-light-grey !important;
				}
			}*/
}

/* line 304, S:/files/css/Global stack/component/_navigation.scss */
#level-3-tabbed-nav #tabbed-navigation li#section-active a {
  color: #fff !important;
  background-color: #212b58 !important;
}

/* line 310, S:/files/css/Global stack/component/_navigation.scss */
#level-3-tabbed-nav #tabbed-navigation li#section-active.detected a {
  color: #333f48 !important;
  background-color: #dbdbd3 !important;
}

/* line 321, S:/files/css/Global stack/component/_navigation.scss */
#level-3-tabbed-nav #tabbed-navigation li {
  display: inline;
  margin-right: 1%;
  /*a:hover{
				border-top:1px solid lighten($blue,50%);			
				background-color:lighten($blue,50%);
				box-shadow:$lighter-shadow;
				color:$white;
				background-image:none;
					}*/
}

/* line 324, S:/files/css/Global stack/component/_navigation.scss */
#level-3-tabbed-nav #tabbed-navigation li a {
  padding: 0.88em 2%;
  background-color: #dbdbd3;
  background-image: none;
  width: auto;
  margin-bottom: 0.66em;
  border-bottom: none;
  display: inline-block;
  color: #333f48;
}

/* line 342, S:/files/css/Global stack/component/_navigation.scss */
#level-3-tabbed-nav #tabbed-navigation li .currentbranch0 a {
  background-color: #212b58;
  color: #fff;
}

/* line 346, S:/files/css/Global stack/component/_navigation.scss */
#level-3-tabbed-nav #tabbed-navigation li .currentbranch0 a:focus {
  text-decoration-style: solid;
}

/* line 358, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav {
  width: 90%;
  margin: 0 auto;
}

/* line 361, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav ul {
  padding-bottom: 2.33em;
}

/* line 364, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav ul li:last-child a {
  border-bottom: none;
}

/* line 369, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav a {
  padding-right: 0;
  width: 100%;
  background: none;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

/* line 377, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav a:hover {
  color: #333f48;
  background-color: rgba(255, 255, 255, 0.25);
}

/* line 381, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav a:active {
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 386, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav .currentbranch0 a {
  color: #333f48;
  background-color: rgba(255, 255, 255, 0.25);
}

/* line 390, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav .currentbranch0 a:active {
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 394, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav .multilevel-linkul-0 {
  width: 100%;
  padding-bottom: 0;
  background-color: rgba(255, 255, 255, 0.35);
  border-bottom-color: #fff;
  background-position: 6% -4px;
}

/* line 401, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav .multilevel-linkul-0 li a {
  background-color: transparent;
  color: #333f48;
}

/* line 405, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav .multilevel-linkul-0 li a:active {
  background-color: rgba(255, 255, 255, 0.25);
}

/* line 410, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav .multilevel-linkul-0 li .currentbranch1 a {
  background-color: rgba(255, 255, 255, 0.25);
  box-shadow: 0 0 0 0;
  color: #fff;
  border: none;
  margin-top: 0;
}

/* line 417, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav .multilevel-linkul-0 li .currentbranch1 a:active {
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 422, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav .multilevel-linkul-0 .multilevel-linkul-1 {
  width: 100%;
  padding-bottom: 1em;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  background-position: 6% -4px;
}

/* line 429, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav .multilevel-linkul-0 .multilevel-linkul-1 .currentbranch2 a {
  background-color: rgba(0, 0, 0, 0.4);
  margin-top: 0;
}

/* line 434, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav .multilevel-linkul-0 .multilevel-linkul-1 a {
  background: none;
}

/* line 441, S:/files/css/Global stack/component/_navigation.scss */
.mobile-nav .currentbranch0 a {
  padding-right: 0;
  width: 100%;
}

/* line 448, S:/files/css/Global stack/component/_navigation.scss */
#mobile-navigation {
  border-top: 4px solid #141b37;
  display: none;
  padding-top: 0;
  width: 90%;
  margin: 0 auto 3em;
}

/* line 454, S:/files/css/Global stack/component/_navigation.scss */
#mobile-navigation ul {
  margin-bottom: 1.55em;
}

/* line 457, S:/files/css/Global stack/component/_navigation.scss */
#mobile-navigation #faculty-link {
  color: #fff;
  padding: 3%;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  padding-right: 20%;
  text-decoration: none;
  font-size: 140%;
  line-height: 1.22em;
  display: block;
  background-image: url("//www.liv.ac.uk/files/images/study/key-link.png");
  background-color: #212b58;
  background-repeat: no-repeat;
  background-position: right center;
  margin-bottom: 1.33em;
}

/* line 474, S:/files/css/Global stack/component/_navigation.scss */
#mobile-navigation #current-tier-left {
  background-color: #212b58;
  margin-bottom: 1.33em;
}

/* line 477, S:/files/css/Global stack/component/_navigation.scss */
#mobile-navigation #current-tier-left ul {
  width: auto;
  padding: 3% 0;
}

/* line 480, S:/files/css/Global stack/component/_navigation.scss */
#mobile-navigation #current-tier-left ul li {
  color: rgba(255, 255, 255, 0.75);
  width: 100%;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 140%;
  line-height: 1.22em;
  display: block;
  padding: 0 3% 0;
  padding-bottom: 0;
}

/* line 491, S:/files/css/Global stack/component/_navigation.scss */
#mobile-navigation #current-tier-left ul li a {
  display: block;
  background-color: #212b58;
  background-image: url("//www.liv.ac.uk/files/images/study/key-link.png");
  background-repeat: no-repeat;
  background-position: right center;
  color: #fff;
  padding-right: 20%;
  text-decoration: none;
}

/* line 502, S:/files/css/Global stack/component/_navigation.scss */
#mobile-navigation #current-tier-left ul li a:hover {
  padding-left: 0;
}

/* line 510, S:/files/css/Global stack/component/_navigation.scss */
#mobile-navigation .multilevel-linkul-0 {
  width: 100%;
  padding-bottom: 0;
}

/* line 513, S:/files/css/Global stack/component/_navigation.scss */
#mobile-navigation .multilevel-linkul-0 .multilevel-linkul-1 {
  width: 100%;
  padding-bottom: 1em;
  margin-bottom: 0;
}

/* line 519, S:/files/css/Global stack/component/_navigation.scss */
#mobile-navigation a {
  padding-right: 0;
  width: 100%;
}

/* line 523, S:/files/css/Global stack/component/_navigation.scss */
#mobile-navigation .inner {
  width: 100%;
  margin: 0;
}

/* line 526, S:/files/css/Global stack/component/_navigation.scss */
#mobile-navigation .inner h2 {
  margin: 0;
}

/* MOBILE NAVIGATION UNDER CONTENT */
@media screen and (max-width: 1024px) {
  /* line 539, S:/files/css/Global stack/component/_navigation.scss */
  #mobile-navigation {
    display: block;
  }
  /* line 543, S:/files/css/Global stack/component/_navigation.scss */
  #mobile-navigation #mobile-navigation #current-tier-left ul {
    margin-bottom: 0;
  }
  /* line 551, S:/files/css/Global stack/component/_navigation.scss */
  #masthead #mobile-sticky-header {
    position: relative;
    display: block;
    background: #fff;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #212b58;
    padding: clamp(1rem, 1.25vw, 1.25rem) 0;
  }
  /* line 559, S:/files/css/Global stack/component/_navigation.scss */
  #masthead #mobile-sticky-header #toggle {
    background-image: url(//www.liverpool.ac.uk/files/images/icons/arrow-down-mobile-local.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: top right;
    border: none;
    float: right;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    transition: transform 0.5s;
    padding: 0;
  }
  /* line 572, S:/files/css/Global stack/component/_navigation.scss */
  #masthead #mobile-sticky-header #toggle.active {
    transform: rotate(180deg);
    text-indent: 9999px;
  }
  /* line 576, S:/files/css/Global stack/component/_navigation.scss */
  #masthead #mobile-sticky-header .sticky-name-nav {
    /*margin:0 auto;
			width: 100%;
			border-bottom: 1px solid $classic-black;*/
  }
  /* line 583, S:/files/css/Global stack/component/_navigation.scss */
  #masthead #mobile-sticky-header .sticky-name-nav ul li a {
    background-color: #131933;
  }
  /* line 588, S:/files/css/Global stack/component/_navigation.scss */
  #masthead #mobile-sticky-header .sticky-name-nav .sticky-dept-link {
    float: left;
    width: 85%;
    font-family: "poppins", sans-serif;
    font-weight: 600;
    font-size: clamp(1rem, 1.5vw, 1.5rem);
  }
  /* line 594, S:/files/css/Global stack/component/_navigation.scss */
  #masthead #mobile-sticky-header .sticky-name-nav .sticky-dept-link a {
    color: #212b58;
    text-decoration: none;
    line-height: 1em;
  }
  /* line 603, S:/files/css/Global stack/component/_navigation.scss */
  #masthead .mobile-nav {
    width: 100%;
    background-color: #131933;
    margin-top: 0.2em;
  }
  /* line 607, S:/files/css/Global stack/component/_navigation.scss */
  #masthead .mobile-nav ul {
    padding: 0;
  }
  /* line 611, S:/files/css/Global stack/component/_navigation.scss */
  #masthead .mobile-nav ul li a {
    border-bottom: 1px dotted #fff;
    color: #fff;
  }
  /* line 619, S:/files/css/Global stack/component/_navigation.scss */
  #masthead .mobile-nav ul li:last-of-type a {
    border-bottom: none;
  }
  /* T4 TABS ON MOBILE */
  /* line 633, S:/files/css/Global stack/component/_navigation.scss */
  #main-content #level-3-tabbed-nav.mobile {
    float: none;
    width: 100%;
    display: block;
    font-family: arial, sans-serif;
    color: #fff;
    font-size: 12px;
  }
  /* line 640, S:/files/css/Global stack/component/_navigation.scss */
  #main-content #level-3-tabbed-nav.mobile li {
    padding-left: 0;
    background: none;
  }
  /* line 643, S:/files/css/Global stack/component/_navigation.scss */
  #main-content #level-3-tabbed-nav.mobile li a {
    color: #fff;
    font-family: arial, sans-serif;
  }
}

@media all and (max-width: 640px) {
  /* line 655, S:/files/css/Global stack/component/_navigation.scss */
  #masthead #mobile-sticky-header {
    /*border-top: 2px solid $classic-black;*/
    border-top: 2px solid white;
  }
  /* line 658, S:/files/css/Global stack/component/_navigation.scss */
  #masthead #mobile-sticky-header #toggle {
    width: 44px;
    height: 44px;
    position: relative;
    top: -9px;
  }
  /* line 666, S:/files/css/Global stack/component/_navigation.scss */
  #section-name.stuck {
    display: none;
  }
  /* line 670, S:/files/css/Global stack/component/_navigation.scss */
  #universal-header.stuck {
    border-bottom: 2px solid #212b58;
  }
  /* line 676, S:/files/css/Global stack/component/_navigation.scss */
  #primary-nav #primary-nav #sign-in-directory .mobile-side-sign-in {
    color: #1E1E1E !important;
  }
  /* line 678, S:/files/css/Global stack/component/_navigation.scss */
  #primary-nav #primary-nav #sign-in-directory .mobile-side-sign-in a {
    color: #1E1E1E !important;
  }
}

/* LOCAL MOBILE SITE NAVIGATION ON ALL SITES */
/* Scss Document */
/* line 4, S:/files/css/Global stack/component/_responsive-nav.scss */
.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  /*display: block;*/
  overflow: hidden;
}

/* line 12, S:/files/css/Global stack/component/_responsive-nav.scss */
.nav-collapse {
  top: 0;
  position: relative;
  display: none;
}

/* line 16, S:/files/css/Global stack/component/_responsive-nav.scss */
.nav-collapse .opened {
  max-height: 9999px;
}

/* line 20, S:/files/css/Global stack/component/_responsive-nav.scss */
.nav-collapse .nav-collapse a:hover {
  background: transparent;
}

/* line 24, S:/files/css/Global stack/component/_responsive-nav.scss */
.nav-collapse .active a:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
}

/* line 31, S:/files/css/Global stack/component/_responsive-nav.scss */
.nav-collapse.opened {
  display: block;
}

/* line 35, S:/files/css/Global stack/component/_responsive-nav.scss */
.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
  display: block;
  margin: 0 -2em 1em 0;
}

/* line 54, S:/files/css/Global stack/component/_responsive-nav.scss */
.nav-toggle:before {
  color: #444;
  /* Edit this to change the icon color */
  font-family: "responsivenav";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "\2261";
  text-indent: 0;
  text-align: center;
  line-height: 65px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

/* line 72, S:/files/css/Global stack/component/_responsive-nav.scss */
.nav-toggle.active:before {
  font-size: 24px;
  content: "\78";
}

@media screen and (max-width: 1024px) {
  /* line 78, S:/files/css/Global stack/component/_responsive-nav.scss */
  .js #masthead .mobile-nav.nav-collapse-0.opened {
    max-height: 2000px !important;
    position: static !important;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  /* line 86, S:/files/css/Global stack/component/_responsive-nav.scss */
  body {
    background-image: url("debut_dark_@2X.png");
    -webkit-background-size: 200px 200px;
    -moz-background-size: 200px 200px;
    -o-background-size: 200px 200px;
    background-size: 200px 200px;
  }
}

/* SELECT OR FILTER */
/* Scss Document */
/* line 3, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box {
  margin: 2rem 0;
  background-color: #007b8a;
  padding: 1rem 1.25rem 1.25rem;
  border-radius: 7px;
}

/* line 8, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box p.top-right-link, .filter-select-box p.top-right-link a {
  color: white !important;
  text-decoration-color: white !important;
  text-align: right;
}

/* line 14, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box button {
  display: inline;
  width: auto;
  /*padding: 1rem 1.5rem 1rem 2.75rem !important;*/
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.25rem, 1.5vw, 1.5rem) clamp(0.75rem, 1vw, 1rem) clamp(2.25rem, 2.75vw, 2.75rem) !important;
  margin: 0rem 0.5rem 1rem 0;
  color: white;
  background-color: #00A8BD;
  border-radius: 50px !important;
  border: none !important;
  font-weight: 600;
  font-family: "poppins", sans-serif;
  font-size: clamp(0.85rem, 1vw, 1rem);
  line-height: clamp(1.25rem, 1.55vw, 1.55rem);
  outline: none;
  position: relative;
  transition: all 0.25s ease;
  width: auto !important;
}

/* line 33, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box button[aria-selected="true"] {
  background-color: #002024;
}

/* line 36, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box button::before {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  top: clamp(0.75rem, 1vw, 1.25rem);
  left: clamp(0.75rem, 0.75vw, 1rem);
  content: url(//www.liverpool.ac.uk/files/images/icons/select-filters/unfocussed.svg);
  transition: all 0.25s ease;
}

/* line 46, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box button:focus::before, .filter-select-box button.current::before, .filter-select-box button[aria-selected="true"]::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/select-filters/focussed.svg);
}

/* line 49, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box button:hover, .filter-select-box button:focus, .filter-select-box button.sort.current {
  background-color: #004d57;
}

/* line 52, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box div:empty {
  display: none;
}

/* line 58, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box.interface details {
  background: none;
  border: 2px solid white;
}

/* line 61, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box.interface details summary {
  background: white;
}

/* line 64, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box.interface details div {
  padding: 1rem 1.25rem 1.25rem;
}

/* line 74, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box h2, .filter-select-box label {
  color: white;
}

/* line 78, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box h2 {
  margin-top: 0;
}

/* line 82, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box label {
  font-family: "poppins", sans-serif;
  /*font-size: clamp(0.85rem, 1vw, 1rem);
    line-height: clamp(1.25rem, 1.55vw, 1.55rem);*/
  /*font-weight: 600;*/
}

/* line 89, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box div {
  margin-top: 0.25rem;
}

/* line 93, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box select {
  margin-bottom: 1rem;
}

/* line 97, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box select, .filter-select-box button, .filter-select-box input.search {
  font-size: 85%;
  font-family: "proxima-nova", arial, sans-serif;
  width: 100%;
  padding: 0 0.75rem;
  border-radius: 7px;
  background: white;
  border: none;
  color: #666;
}

/* line 108, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box button {
  background-color: #004d57;
  color: white;
  text-align: left;
  padding: 0.75rem;
}

/* line 116, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box button:hover {
  background-color: #002024;
}

/* line 120, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box ul.list {
  margin: 1rem 0 0 !important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.5rem;
}

/* line 127, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box ul.list li {
  margin-bottom: 0 !important;
  padding: 0  !important;
  position: relative;
  line-height: 1.25rem !important;
}

/* line 132, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box ul.list li a {
  color: #333 !important;
  border-bottom: none !important;
  padding: 0.75rem 2rem 0.75rem 0.75rem !important;
  display: block !important;
  background: white;
  border-radius: 7px;
  text-decoration: none;
  height: 100%;
}

/* line 142, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box ul.list li a:hover, .filter-select-box ul.list li a:focus {
  background: #ffd100;
  /*background: #ff8;*/
}

/* line 148, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box ul.list li:last-of-type {
  margin-bottom: 0 !important;
}

/* line 152, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box ul.list li:before {
  display: none !important;
}

/* line 156, S:/files/css/Global stack/component/_filter-select-box.scss */
.filter-select-box ul.list li:after {
  width: 24px;
  height: 24px;
  display: inline-block;
  transition: transform 0.5s;
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-right-grey-no-circle.svg);
  position: absolute;
  top: 10px;
  right: 10px;
  /*transform: rotate(270deg);*/
}

@media (max-width: 1024px) {
  /* line 166, S:/files/css/Global stack/component/_filter-select-box.scss */
  .filter-select-box ul.list {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  /* line 172, S:/files/css/Global stack/component/_filter-select-box.scss */
  .filter-select-box ul.list {
    grid-template-columns: 1fr;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 184, S:/files/css/Global stack/component/_filter-select-box.scss */
  .filter-select-box ul.list li {
    margin-bottom: 1rem !important;
  }
}

@supports not (display: grid) {
  /* line 190, S:/files/css/Global stack/component/_filter-select-box.scss */
  .filter-select-box ul.list li {
    margin-bottom: 1rem !important;
  }
}

/* INFO BOX */
/* Scss Document */
/* line 6, S:/files/css/Global stack/component/_info-box.scss */
.info-box {
  display: grid;
  grid-gap: 30px;
  grid-row-gap: 0;
  overflow: hidden;
  background: #dbdbd3;
  border: 1px solid #a2acab;
  padding: 1.5rem;
  padding: clamp(1.25rem, 1.5vw, 1.5rem) !important;
  margin-bottom: clamp(1.5rem, 2.75vw, 2.75rem) !important;
}

/* line 16, S:/files/css/Global stack/component/_info-box.scss */
.info-box div {
  margin: 0 0 1rem !important;
}

/* line 19, S:/files/css/Global stack/component/_info-box.scss */
.info-box .video-gallery-promo {
  padding-bottom: clamp(1.5rem, 1.75vw, 1.75rem);
}

/* line 22, S:/files/css/Global stack/component/_info-box.scss */
.info-box .video-gallery-promo:last-of-type {
  padding-bottom: 0;
}

/* line 27, S:/files/css/Global stack/component/_info-box.scss */
.info-box h2, .info-box h3, .info-box a, .info-box h4 {
  color: #333 !important;
  /*border-bottom-color: #333 !important;*/
}

/* line 32, S:/files/css/Global stack/component/_info-box.scss */
.info-box a, .info-box a:hover {
  text-decoration-color: #333 !important;
}

/* line 36, S:/files/css/Global stack/component/_info-box.scss */
.info-box a.function-button, .info-box .filter-select-box button.function-button {
  color: white !important;
}

/* line 40, S:/files/css/Global stack/component/_info-box.scss */
.info-box p.summary, #main-content article .info-box p.summary {
  color: #333;
  margin-bottom: 0.5em;
}

/* line 45, S:/files/css/Global stack/component/_info-box.scss */
.info-box h2, .info-box h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: clamp(1.1rem, 1.35vw, 1.35rem);
  line-height: clamp(1.5rem, 1.65vw, 1.65rem);
  text-transform: uppercase;
}

/* line 53, S:/files/css/Global stack/component/_info-box.scss */
.info-box h4 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: clamp(1.1rem, 1.15vw, 1.15rem);
  line-height: clamp(1.5rem, 1.45vw, 1.45rem);
}

/* line 60, S:/files/css/Global stack/component/_info-box.scss */
.info-box p:empty {
  display: none;
}

/* line 64, S:/files/css/Global stack/component/_info-box.scss */
.info-box p.summary {
  color: #333 !important;
  margin-bottom: clamp(1.1rem, 1.25vw, 1.25rem) !important;
}

/* line 69, S:/files/css/Global stack/component/_info-box.scss */
.info-box aside {
  float: none;
  width: auto;
  border: 1px solid #92adfc;
  background: #abc0fd;
  padding: 1rem !important;
  border-radius: 7px;
  margin-bottom: 1rem;
}

/* line 77, S:/files/css/Global stack/component/_info-box.scss */
.info-box aside p:only-of-type {
  margin-bottom: 0;
}

/* line 82, S:/files/css/Global stack/component/_info-box.scss */
.info-box aside.two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}

/* EVENT CALL TO ACTION SNIPPET */
/* Scss Document */
/* line 5, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action {
  float: none !important;
  width: 100% !important;
  margin-bottom: 0;
  background: #fcffb3 !important;
  border-radius: 0;
}

/* line 11, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action h3, .event-snippet.call-to-action h2, .event-snippet.call-to-action p {
  color: #333;
  width: 90%;
}

/* line 15, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action h2 {
  font-size: 150%;
  line-height: 2.25rem;
  margin-bottom: 0.5em !important;
}

/* line 20, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action h3 {
  text-transform: uppercase;
  margin: 0 !important;
  padding: 0 !important;
  margin-top: 7% !important;
  margin-bottom: 0.5rem !important;
  font-weight: 800;
  font-size: 110%;
}

/* line 28, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action p {
  font-size: 80%;
  font-weight: normal !important;
  width: 80%;
}

/* line 32, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action p span {
  font-size: 100%;
}

/* line 36, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action a {
  background: #fcffb3 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22), 0 1px 2px rgba(0, 0, 0, 0.34);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 4rem;
  border-radius: 0;
}

/* line 42, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action a figure {
  grid-column: 1 / span 2;
}

/* line 44, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action a figure img {
  width: 100% !important;
}

/* line 48, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action a div {
  grid-column: 3 / span 4;
  padding-top: 0;
}

/* line 53, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action a:hover {
  filter: brightness(115%);
}

/* line 58, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action a:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down.svg);
}

/* line 63, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action img, .event-snippet.call-to-action figure {
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* line 68, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action figure:empty {
  display: none;
}

/* line 72, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action figure:empty + #event-snippet-content {
  grid-column: 1 / -1;
  margin-left: 110px;
  padding: 2rem;
}

/* line 76, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action figure:empty + #event-snippet-content h2 {
  font-size: 140%;
  margin-top: 0;
}

/* line 82, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action button, .event-snippet.call-to-action button:hover {
  background: #031F73;
  color: white;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 120%;
  text-align: left;
  border-radius: 7px;
  border: none;
}

/* line 92, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action button:hover {
  background: #1E1E1E;
}

/* line 96, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action a, .event-snippet.call-to-action button {
  padding: 0;
  display: grid;
  grid-gap: 3rem;
  grid-row-gap: 0;
  overflow: hidden;
  position: relative;
}

/* line 105, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action a::before, .event-snippet.call-to-action button:before {
  bottom: 2rem;
  right: 2rem;
  width: 34px;
  height: 34px;
}

/* line 112, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action.sticky-cta:empty {
  display: none;
}

/* line 116, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action.sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  margin: 0 !important;
  border-radius: 0;
  padding: 0;
  background: #DB487E;
}

/* line 126, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action.sticky-cta a {
  max-width: 1400px;
  margin: 0 auto;
  display: block;
  background: none;
}

/* line 131, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action.sticky-cta a div {
  margin: 0 auto;
  padding: 1rem 0 1rem 5.5rem;
}

/* line 134, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action.sticky-cta a div h2 {
  font-size: 120%;
  margin: 0;
}

/* line 140, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action.sticky-cta a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/sign-up-white.svg);
  top: 0.75rem;
  left: 2rem;
  width: 44px;
  height: 44px;
  transform: none;
  transform: rotate(0deg);
}

/* line 151, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action .sign-up::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/sign-up-white.svg);
  width: 90px;
  height: 90px;
  display: inline-block;
  position: absolute;
  left: 2rem;
}

/* line 162, S:/files/css/Global stack/component/_event-snippet.scss */
.event-snippet.call-to-action.sticky-cta:hover {
  background: #c92763;
}

@media screen and (max-width: 1024px) {
  /* line 167, S:/files/css/Global stack/component/_event-snippet.scss */
  #unibuddy-popcard-iframe {
    margin-bottom: 0 !important;
  }
  /* line 174, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action.sticky-cta a div {
    padding: 0.75rem 0 2.5rem 3.8rem;
  }
  /* line 176, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action.sticky-cta a div h2 {
    font-size: 80%;
    width: 90%;
  }
  /* line 183, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action.sticky-cta a:before {
    width: 34px !important;
    height: 34px !important;
    left: 1rem;
  }
  /* line 191, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action a figure {
    grid-column: 1 / span 3;
  }
  /* line 195, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action a div {
    grid-column: 4 / span 3;
    padding-top: 0;
  }
}

@media screen and (max-width: 768px) {
  /* line 205, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action figure:empty + #event-snippet-content {
    margin-left: 90px;
  }
  /* line 208, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action figure:empty + #event-snippet-content h2 {
    font-size: 120%;
  }
  /* line 213, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action .sign-up::before {
    width: 70px;
    height: 70px;
  }
  /* line 218, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action a {
    grid-gap: 2rem;
  }
  /* line 221, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action a figure {
    grid-column: 1 / span 3;
  }
  /* line 224, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action a div {
    grid-column: 4 / span 3;
    padding-bottom: 2rem;
  }
}

@media screen and (max-width: 540px) {
  /* line 231, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action figure:empty + #event-snippet-content {
    margin-left: 0;
    text-align: center;
  }
  /* line 236, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action .sign-up::before {
    position: relative;
    width: 50%;
    top: -10px;
    left: 0;
  }
  /* line 242, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action a, .event-snippet.call-to-action button {
    display: block;
  }
  /* line 245, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action div {
    padding: 1.5rem 1rem !important;
  }
  /* line 248, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action div {
    padding: 0.5rem 1.5rem 2rem !important;
  }
  /* line 251, S:/files/css/Global stack/component/_event-snippet.scss */
  .event-snippet.call-to-action a h2 {
    font-size: 120%;
    line-height: 2rem;
    width: 100%;
    margin-bottom: 3rem !important;
  }
}

/* ORB MODULES */
/* Scss Document */
/* line 3, S:/files/css/Global stack/component/_orb-module.scss */
.orb-lock-up-background {
  max-width: 100%;
}

/* line 5, S:/files/css/Global stack/component/_orb-module.scss */
.orb-lock-up-background .faculty-level-inner {
  max-width: 1400px;
  width: 100%;
}

/* line 8, S:/files/css/Global stack/component/_orb-module.scss */
.orb-lock-up-background .faculty-level-inner .orb-brand {
  width: 95.7142% !important;
  margin: 0 auto;
  padding: 4rem 0 3rem !important;
}

/* line 15, S:/files/css/Global stack/component/_orb-module.scss */
.orb-brand {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-gap: 3rem;
  padding: 4em 0;
  color: white;
}

/* line 23, S:/files/css/Global stack/component/_orb-module.scss */
.orb-brand .orb {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  font-family: "proxima-nova", arial, sans-serif;
  font-weight: 800;
  font-size: 180%;
  color: white;
  text-transform: uppercase;
  line-height: 0;
  position: relative;
  top: -20px;
}

/* line 37, S:/files/css/Global stack/component/_orb-module.scss */
.orb-brand .orb span {
  text-align: center;
  border: 6px solid white;
  padding: 2px;
  line-height: 60px;
}

/* line 38, S:/files/css/Global stack/component/_orb-module.scss */
.orb-brand .orb span:nth-of-type(1) {
  grid-column: 1 / span 2;
  grid-row: 2 / span 1;
  border-right: 0;
  margin-top: -2.5%;
}

/* line 44, S:/files/css/Global stack/component/_orb-module.scss */
.orb-brand .orb span:nth-of-type(2) {
  grid-column: 3 / span 5;
  grid-row: 1 / span 2;
  font-size: 120%;
  margin-top: 20px;
  padding-top: 4%;
  font-size: 150%;
  mix-blend-mode: screen;
  color: black;
  background: white;
}

/* line 55, S:/files/css/Global stack/component/_orb-module.scss */
.orb-brand .orb span:nth-of-type(3) {
  grid-column: 2 / span 2;
  grid-row: 3 / span 1;
  border-top: 0;
  border-right: 0;
}

/* line 61, S:/files/css/Global stack/component/_orb-module.scss */
.orb-brand .orb span:nth-of-type(4) {
  grid-column: 4 / span 2;
  grid-row: 3 / span 1;
  border-top: 0;
}

/* line 67, S:/files/css/Global stack/component/_orb-module.scss */
.orb-brand .brand-support-text {
  padding: 2rem 0;
}

/* line 69, S:/files/css/Global stack/component/_orb-module.scss */
.orb-brand .brand-support-text p {
  color: white;
  font-size: clamp(1.1rem, 1.25vw, 1.25rem) !important;
  line-height: clamp(1.5rem, 2vw, 2rem) !important;
  font-family: "poppins", sans-serif;
}

@media screen and (max-width: 1420px) {
  /* line 78, S:/files/css/Global stack/component/_orb-module.scss */
  .orb-brand {
    grid-template-columns: 2.25fr 0.75fr;
  }
}

@media screen and (max-width: 1024px) {
  /* line 84, S:/files/css/Global stack/component/_orb-module.scss */
  .orb-brand {
    display: block;
  }
  /* line 86, S:/files/css/Global stack/component/_orb-module.scss */
  .orb-brand .brand-support-text {
    padding: 1rem 20% 0 29%;
  }
}

@media screen and (max-width: 740px) {
  /* line 93, S:/files/css/Global stack/component/_orb-module.scss */
  .orb-brand .orb span:nth-of-type(2) {
    padding-top: 6%;
  }
}

@media screen and (max-width: 640px) {
  /* line 99, S:/files/css/Global stack/component/_orb-module.scss */
  .orb-brand .orb span:nth-of-type(2) {
    padding-top: 7%;
  }
  /* line 102, S:/files/css/Global stack/component/_orb-module.scss */
  .orb-brand .brand-support-text {
    padding: 1rem 10% 0 29%;
  }
}

@media screen and (max-width: 500px) {
  /* line 108, S:/files/css/Global stack/component/_orb-module.scss */
  .orb-brand .orb {
    font-size: 100%;
  }
  /* line 111, S:/files/css/Global stack/component/_orb-module.scss */
  .orb-brand .orb span:nth-of-type(2) {
    font-size: 100%;
    padding-top: 10%;
  }
}

@media screen and (max-width: 480px) {
  /* line 118, S:/files/css/Global stack/component/_orb-module.scss */
  .orb-brand .orb span {
    text-align: center;
    border: 6px solid white;
    padding: 2px;
    line-height: 30px;
  }
  /* line 121, S:/files/css/Global stack/component/_orb-module.scss */
  .orb-brand .orb span:nth-of-type(2) {
    padding-top: 5.5%;
    font-size: 130%;
  }
  /* line 125, S:/files/css/Global stack/component/_orb-module.scss */
  .orb-brand .orb span:nth-of-type(4), .orb-brand .orb span:nth-of-type(3) {
    padding-top: 4px;
  }
  /* line 128, S:/files/css/Global stack/component/_orb-module.scss */
  .orb-brand .brand-support-text {
    padding: 1rem 10% 0 14%;
  }
}

/* INTRANET SIGN-IN */
/* Scss Document */
/* line 3, S:/files/css/Global stack/component/_intranet-sign-in.scss */
.intranet-sign-in.departments {
  background: #212b58;
}

/* line 5, S:/files/css/Global stack/component/_intranet-sign-in.scss */
.intranet-sign-in.departments .faculty-level-container {
  max-width: 1425px;
  margin: 0 auto;
}

/* line 8, S:/files/css/Global stack/component/_intranet-sign-in.scss */
.intranet-sign-in.departments .faculty-level-container .faculty-level-inner {
  margin: 0 auto !important;
  width: 96%;
}

/* line 11, S:/files/css/Global stack/component/_intranet-sign-in.scss */
.intranet-sign-in.departments .faculty-level-container .faculty-level-inner ul {
  margin: 0 !important;
  padding-left: 10px !important;
}

/* line 14, S:/files/css/Global stack/component/_intranet-sign-in.scss */
.intranet-sign-in.departments .faculty-level-container .faculty-level-inner ul li {
  margin: 0 !important;
  display: inline-block;
  position: relative;
  color: white;
  font-size: 120%;
}

/* line 20, S:/files/css/Global stack/component/_intranet-sign-in.scss */
.intranet-sign-in.departments .faculty-level-container .faculty-level-inner ul li a {
  color: white;
  padding: 15px;
  display: inline-block;
  padding-left: 52px;
}

/* line 26, S:/files/css/Global stack/component/_intranet-sign-in.scss */
.intranet-sign-in.departments .faculty-level-container .faculty-level-inner ul li a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/intranet.svg);
  width: 32px;
  height: 32px;
  margin-left: 12px;
  margin-top: -4px;
  position: absolute;
  left: 0;
}

@media screen and (max-width: 600px) {
  /* line 43, S:/files/css/Global stack/component/_intranet-sign-in.scss */
  .intranet-sign-in.departments .faculty-level-container .faculty-level-inner ul {
    padding-top: 15px;
  }
  /* line 46, S:/files/css/Global stack/component/_intranet-sign-in.scss */
  .intranet-sign-in.departments .faculty-level-container .faculty-level-inner ul li, .intranet-sign-in.departments .faculty-level-container .faculty-level-inner ul li a {
    display: block !important;
  }
}

/* VIDEO GALLERY PROMO */
/* Scss Document */
/* line 3, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo {
  padding: 3em 0 0;
}

/* line 7, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 4rem;
  grid-row-gap: 0;
  background: #333f48;
  position: relative;
}

/* line 16, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner figure:first-of-type {
  overflow: hidden;
  width: 100%;
  position: relative;
  grid-column: 1 / span 3;
  margin: 0;
}

/* line 22, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner figure:first-of-type img {
  top: 0 !important;
  margin: 0 !important;
  filter: brightness(100%);
  width: 100%;
  /*max-width: inherit !important;*/
}

/* line 29, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner figure:first-of-type iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  margin: 0;
}

/* line 34, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner figure:first-of-type iframe div {
  grid-column: 1 / span 3;
}

/* line 40, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner figure a {
  transition: transform 0.5s;
  background: #333f48;
}

/* line 45, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner a:hover + figure img, .video-gallery-promo .faculty-level-inner a:focus + figure img {
  filter: brightness(75%);
}

/* line 49, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner figure.video-icon-overlay::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/why-study/play.svg);
  width: 100px;
  height: 100px;
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 40%;
  top: 37%;
}

/* line 60, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner > .research-tag {
  position: absolute;
  top: clamp(1rem, 1vw, 2rem);
  left: clamp(1rem, 1vw, 2rem);
  grid-column: 1 /span 2;
  z-index: 1;
  font-size: 90%;
  padding: 0;
  font-family: "proxima-nova", arial, sans-serif;
  color: white !important;
}

/* line 70, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner > .research-tag a {
  padding: 0.5rem 0.75rem !important;
  color: #1e1e1e !important;
  white-space: nowrap;
  line-height: 2.25rem;
  border: none !important;
  background-color: white;
  border-radius: 7px !important;
  z-index: 200  !important;
  position: relative  !important;
  opacity: 1  !important;
}

/* line 84, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner > a {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  z-index: 200;
}

/* line 89, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner > a.wrappering-link {
  position: relative;
  opacity: 1;
  z-index: 0;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 4rem;
  grid-row-gap: 0;
  text-decoration: none;
  font-weight: inherit;
}

/* line 103, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner > a.wrappering-link:hover figure img, .video-gallery-promo .faculty-level-inner > a.wrappering-link:focus figure img {
  filter: brightness(75%);
}

/* line 108, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner div, #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type {
  grid-column: 4 / span 3;
  margin: auto 0 !important;
}

/* line 111, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner div h2, .video-gallery-promo .faculty-level-inner div h3:nth-of-type(2), #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type h2, #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type h3:nth-of-type(2) {
  color: white;
  margin-top: 0 !important;
  width: 90%;
  text-transform: none !important;
}

/* line 117, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner div h3, #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type h3 {
  text-transform: uppercase !important;
  margin-top: 0 !important;
  color: white;
}

/* line 122, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner div h4, #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type h4 {
  margin-bottom: 0.75em;
  color: white;
}

/* line 127, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner div h2 a, .video-gallery-promo .faculty-level-inner div h3 a, .video-gallery-promo .faculty-level-inner div h4 a, #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type h2 a, #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type h3 a, #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type h4 a {
  color: white;
}

/* line 131, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner div p, #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type p {
  line-height: 1.5em !important;
  width: 90%;
  color: white;
}

/* line 135, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner div p a, #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type p a {
  color: white;
  position: relative;
  z-index: 210;
}

/* line 141, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner div ul, #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type ul {
  z-index: 100;
  margin: 0 !important;
}

/* line 144, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner div ul li, #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type ul li {
  display: inline-block;
  background-color: #5C556F;
  border-radius: 7px !important;
  margin: 0rem 0.5rem 0.75rem 0;
  font-size: 90%;
}

/* line 150, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner div ul li a, #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type ul li a {
  padding: 0.5rem 0.75rem !important;
  color: white !important;
  white-space: nowrap;
  line-height: 2.25rem;
  border: none !important;
  background-color: #5C556F;
  border-radius: 7px !important;
  z-index: 200  !important;
  position: relative  !important;
  opacity: 1  !important;
}

/* line 163, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner div ul li:before, #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type ul li:before {
  display: none !important;
}

/* line 169, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo.vertical .faculty-level-inner figure:first-of-type, .video-gallery-promo.vertical .faculty-level-inner div {
  grid-column: 1 / -1;
}

/* line 173, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo.vertical .faculty-level-inner div {
  padding: 1.5rem;
}

/* line 177, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo.vertical .faculty-level-inner {
  display: block;
}

/* line 181, S:/files/css/Global stack/component/_video-gallery-promo.scss */
.video-gallery-promo .faculty-level-inner div p a.function-button {
  color: white !important;
}

@media screen and (max-width: 1024px) {
  /* line 185, S:/files/css/Global stack/component/_video-gallery-promo.scss */
  .video-gallery-promo .faculty-level-inner {
    grid-template-columns: 1fr;
  }
  /* line 188, S:/files/css/Global stack/component/_video-gallery-promo.scss */
  .video-gallery-promo .faculty-level-inner figure:first-of-type {
    grid-column: 1 / -1;
  }
  /* line 190, S:/files/css/Global stack/component/_video-gallery-promo.scss */
  .video-gallery-promo .faculty-level-inner figure:first-of-type div {
    padding: 0;
  }
  /* line 194, S:/files/css/Global stack/component/_video-gallery-promo.scss */
  .video-gallery-promo .faculty-level-inner div {
    grid-column: 1 / -1;
    padding: 1.5rem;
  }
  /* line 197, S:/files/css/Global stack/component/_video-gallery-promo.scss */
  .video-gallery-promo .faculty-level-inner div h2 {
    margin-top: 2.5% !important;
  }
  /* line 202, S:/files/css/Global stack/component/_video-gallery-promo.scss */
  #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type {
    grid-column: 1 / -1;
  }
}

@media screen and (max-width: 798px) {
  /* line 208, S:/files/css/Global stack/component/_video-gallery-promo.scss */
  .video-gallery-promo .faculty-level-inner figure.video-icon-overlay::before {
    width: 60px;
    height: 100px;
  }
  /* line 212, S:/files/css/Global stack/component/_video-gallery-promo.scss */
  .video-gallery-promo .faculty-level-inner div p {
    width: 100%;
  }
}

/* PROMO STRIP */
/* Scss Document */
/* line 5, S:/files/css/Global stack/component/_promo-strip.scss */
.promo-strip {
  background: #121b21;
  overflow: hidden;
  position: relative !important;
}

/* line 9, S:/files/css/Global stack/component/_promo-strip.scss */
.promo-strip header {
  grid-row-gap: 0;
  padding: 3rem 0 1rem !important;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 1.5rem 3rem;
  z-index: 1;
}

/* line 16, S:/files/css/Global stack/component/_promo-strip.scss */
.promo-strip header article, .promo-strip header aside {
  float: none;
  width: 100%;
  z-index: 1;
}

/* line 21, S:/files/css/Global stack/component/_promo-strip.scss */
.promo-strip header article p {
  color: white;
  font-size: 160% !important;
  width: 90%;
  line-height: 2.5rem;
  letter-spacing: 0.0195rem !important;
  word-spacing: 0.05rem;
  z-index: 1;
}

/* line 30, S:/files/css/Global stack/component/_promo-strip.scss */
.promo-strip header aside.call-to-action a {
  background: #db487e;
}

/* line 33, S:/files/css/Global stack/component/_promo-strip.scss */
.promo-strip header aside.call-to-action a:hover {
  background: #c92763;
}

/* line 38, S:/files/css/Global stack/component/_promo-strip.scss */
.promo-strip header h2 {
  text-transform: none !important;
  font-size: clamp(3rem, 4vw, 4rem);
  line-height: clamp(3rem, 4vw, 4rem);
  position: relative;
  padding-left: 90px;
  grid-column: 1 / -1;
  color: white;
  grid-column: 1 / -1;
  z-index: 1;
  letter-spacing: 0.05rem;
  margin: 0;
}

/* line 50, S:/files/css/Global stack/component/_promo-strip.scss */
.promo-strip header h2::before {
  width: 70px;
  height: 70px;
  display: inline-block;
  position: absolute;
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/booking.svg);
  left: 0;
}

/* line 58, S:/files/css/Global stack/component/_promo-strip.scss */
.promo-strip header img {
  position: absolute !important;
  top: -100% !important;
  width: 100% !important;
  filter: brightness(110%);
  mix-blend-mode: overlay;
  margin: 0;
  top: 0;
}

@media screen and (max-width: 1024px) {
  /* line 72, S:/files/css/Global stack/component/_promo-strip.scss */
  .promo-strip header h2 {
    font-size: 200% !important;
    margin-bottom: 0.75rem;
    padding-left: 64px;
  }
  /* line 77, S:/files/css/Global stack/component/_promo-strip.scss */
  .promo-strip header h2::before {
    width: 44px;
    height: 44px;
  }
  /* line 81, S:/files/css/Global stack/component/_promo-strip.scss */
  .promo-strip header article {
    margin-bottom: 0 !important;
  }
  /* line 84, S:/files/css/Global stack/component/_promo-strip.scss */
  .promo-strip header {
    grid-template-columns: 1fr;
  }
  /* line 87, S:/files/css/Global stack/component/_promo-strip.scss */
  .promo-strip header article p {
    font-size: 130% !important;
    line-height: 2rem;
    width: 100%;
  }
  /* line 92, S:/files/css/Global stack/component/_promo-strip.scss */
  .promo-strip header img {
    display: none;
  }
}

/* BOOTH HEADER */
/* Scss Document */
/* line 7, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header {
  background: #5C556F;
  overflow: hidden;
  position: relative !important;
}

/* line 13, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header {
  padding: 4rem 0 1rem !important;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 1.5rem 3rem;
  z-index: 1;
}

/* line 19, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header article {
  float: none;
  width: 100%;
  z-index: 1;
  grid-column: 1 / -1;
}

/* line 25, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header aside.call-to-action {
  float: none;
  width: 100%;
}

/* line 28, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header aside.call-to-action a {
  background: #db487e;
}

/* line 31, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header aside.call-to-action a:hover {
  background: #c92763;
}

/* line 37, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header img {
  position: absolute !important;
  top: -25% !important;
  width: 100% !important;
  filter: brightness(75%);
  mix-blend-mode: multiply  !important;
}

/* line 46, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header h1 {
  color: white;
  font-weight: 800;
  font-size: clamp(3.75rem, 6vw, 6em);
  line-height: clamp(3rem, 6vw, 6.5rem);
  margin: 0;
  grid-column: 1 / -1;
  letter-spacing: 0.0025rem;
  grid-column: 1 / -1;
  z-index: 1;
}

/* line 58, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header h2:nth-of-type(1) {
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  margin: 0;
  grid-column: 1 / -1;
  color: white;
  grid-column: 1 / -1;
  z-index: 1;
  font-weight: 800;
}

/* line 67, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header h2:nth-of-type(1) a {
  color: white !important;
  border-bottom-color: white !important;
}

/* line 73, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header ul {
  margin: 0 0 1rem !important;
  grid-column: 1 / -1;
  z-index: 1;
}

/* line 79, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header ul li {
  color: white;
  display: inline;
  font-size: 100%;
  padding-right: 0.25rem;
  z-index: 1;
}

/* line 85, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header ul li a {
  color: white !important;
  border-bottom-color: white !important;
  padding-bottom: 1px;
  margin-right: 0.25rem;
  font-weight: 600;
}

/* line 94, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header ul li::before {
  display: none !important;
}

/* line 98, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header article {
  z-index: 1;
  grid-column: 1 / -1;
}

/* line 103, S:/files/css/Global stack/component/_booth-header.scss */
.booth-header header article p {
  color: white;
  font-size: 160% !important;
  width: 90%;
  line-height: 2.5rem;
  letter-spacing: 0.0195rem !important;
  word-spacing: 0.05rem;
  z-index: 1;
}

@media screen and (max-width: 1366px) {
  /* line 114, S:/files/css/Global stack/component/_booth-header.scss */
  .booth-header img {
    top: -50% !important;
  }
}

@media screen and (max-width: 1266px) {
  /* line 120, S:/files/css/Global stack/component/_booth-header.scss */
  .booth-header img {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  /* line 127, S:/files/css/Global stack/component/_booth-header.scss */
  .booth-header img {
    display: none;
  }
  /* line 131, S:/files/css/Global stack/component/_booth-header.scss */
  .booth-header header h1 {
    font-size: 300%;
  }
  /* line 135, S:/files/css/Global stack/component/_booth-header.scss */
  .booth-header header h2:nth-of-type(1) {
    font-size: 130%;
  }
  /* line 139, S:/files/css/Global stack/component/_booth-header.scss */
  .booth-header header {
    grid-template-columns: 1fr;
  }
  /* line 143, S:/files/css/Global stack/component/_booth-header.scss */
  .booth-header header article p {
    font-size: 130% !important;
    line-height: 2rem;
    width: 100%;
  }
}

/* TESTIMONIAL */
/* Scss Document */
/* line 3, S:/files/css/Global stack/component/_testimonial.scss */
#testimonial {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: 30px;
  margin-bottom: 30px;
}

/* line 8, S:/files/css/Global stack/component/_testimonial.scss */
#testimonial figure {
  margin-bottom: 0;
}

/* line 10, S:/files/css/Global stack/component/_testimonial.scss */
#testimonial figure img {
  border-radius: 50%;
}

/* line 14, S:/files/css/Global stack/component/_testimonial.scss */
#testimonial figure:empty {
  display: none;
}

/* line 17, S:/files/css/Global stack/component/_testimonial.scss */
#testimonial figure:empty + blockquote, #testimonial figure:empty + div.plain-text-testimonial {
  grid-column: 1 / -1;
}

/* line 20, S:/files/css/Global stack/component/_testimonial.scss */
#testimonial blockquote {
  /*margin: 1em 0;*/
}

/* line 22, S:/files/css/Global stack/component/_testimonial.scss */
#testimonial blockquote p {
  margin-bottom: 0.5em;
  margin-left: 0;
}

/* line 26, S:/files/css/Global stack/component/_testimonial.scss */
#testimonial blockquote footer {
  background: none;
}

/* line 29, S:/files/css/Global stack/component/_testimonial.scss */
#testimonial blockquote h2 {
  margin-top: 0;
  font-weight: 100;
}

/* line 34, S:/files/css/Global stack/component/_testimonial.scss */
#testimonial div.plain-text-testimonial {
  margin: 1em 0;
}

/* line 36, S:/files/css/Global stack/component/_testimonial.scss */
#testimonial div.plain-text-testimonial h2 {
  font-size: 180%;
}

/* line 39, S:/files/css/Global stack/component/_testimonial.scss */
#testimonial div.plain-text-testimonial p {
  color: #031F73;
  font-size: 160%;
  line-height: 1.35em;
}

@media screen and (max-width: 768px) {
  /* line 50, S:/files/css/Global stack/component/_testimonial.scss */
  #testimonial {
    display: block;
    margin: 0 10% 30px;
  }
  /* line 55, S:/files/css/Global stack/component/_testimonial.scss */
  #testimonial blockquote {
    width: auto;
  }
  /* line 57, S:/files/css/Global stack/component/_testimonial.scss */
  #testimonial blockquote p::before {
    top: 30px;
    left: -8px;
  }
  /* line 61, S:/files/css/Global stack/component/_testimonial.scss */
  #testimonial blockquote p::after {
    top: 34px;
  }
  /* line 65, S:/files/css/Global stack/component/_testimonial.scss */
  #testimonial blockquote p {
    font-size: 140% !important;
  }
}

/* PROMO BOX */
/* Scss Document */
/* line 3, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo {
  background: #c4d2fd;
  padding: 0 !important;
  position: relative;
  width: 100%;
}

/* line 8, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo a:link {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  z-index: 100;
}

/* line 12, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo a:link.wrappering-link {
  position: relative;
  opacity: 1;
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 2rem;
  border: none;
}

/* line 19, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo a:link.wrappering-link figure {
  width: 100%;
  float: none;
  margin: 0;
}

/* line 23, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo a:link.wrappering-link figure img {
  transition: filter 0.5s ease;
}

/* line 27, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo a:link.wrappering-link div {
  margin-left: 0;
}

/* line 29, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo a:link.wrappering-link div h2 {
  color: #333;
  font-size: 180%;
}

/* line 36, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo a:hover + figure img {
  filter: brightness(75%);
}

/* line 40, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo figure {
  width: 100%;
  float: none;
  margin: 0;
}

/* line 44, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo figure img {
  top: 0;
  margin: 0;
  transition: filter 0.5s ease;
  width: 100% !important;
}

/* line 51, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo div {
  width: 100%;
  float: none;
  margin: 0;
  padding: 1rem 4rem 0 2rem;
}

/* line 56, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo div h2 {
  font-family: "freight-text-pro", serif;
  color: #333f48;
  font-style: italic;
  font-weight: 400;
  font-size: 200%;
  line-height: 1em;
  margin: 0.25em 0 0.33em;
}

/* line 65, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo div p {
  color: #333f48;
  font-weight: 600;
  font-size: 180%;
  padding: 0 0 0.33em;
}

/* line 71, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo div p:last-child {
  font-weight: normal;
  font-size: 100%;
  margin-bottom: 1.77em;
  display: inline-block;
}

/* line 76, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo div p:last-child a {
  color: #031F73;
}

/* line 81, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo hr {
  display: none;
}

/* line 86, S:/files/css/Global stack/component/_promo-box.scss */
#main-content .content.wide.full-width-module.promo::before {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 34px;
  height: 34px;
  transform: rotate(270deg);
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down.svg);
}

@media screen and (max-width: 768px) {
  /* line 97, S:/files/css/Global stack/component/_promo-box.scss */
  #main-content .content.wide.full-width-module.promo {
    /*padding: 2rem !important;*/
  }
  /* line 99, S:/files/css/Global stack/component/_promo-box.scss */
  #main-content .content.wide.full-width-module.promo a:link.wrappering-link {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}

/* FILE UPLOAD BUTTON */
/* Scss Document */
/* line 3, S:/files/css/Global stack/component/_file-upload-button.scss */
.js .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

/* line 12, S:/files/css/Global stack/component/_file-upload-button.scss */
.inputfile + label {
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  /* 10px 20px */
}

/* line 22, S:/files/css/Global stack/component/_file-upload-button.scss */
.no-js .inputfile + label {
  display: none;
}

/* line 26, S:/files/css/Global stack/component/_file-upload-button.scss */
.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

/* line 32, S:/files/css/Global stack/component/_file-upload-button.scss */
.inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}

/* line 37, S:/files/css/Global stack/component/_file-upload-button.scss */
.inputfile + label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */
}

/* style 4 */
/* line 56, S:/files/css/Global stack/component/_file-upload-button.scss */
#classifieds #main-content article#sell-an-item form section#image-interface div .inputfile-4 + label {
  color: #333f48;
}

/* line 58, S:/files/css/Global stack/component/_file-upload-button.scss */
#classifieds #main-content article#sell-an-item form section#image-interface div .inputfile-4 + label svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}

/* line 64, S:/files/css/Global stack/component/_file-upload-button.scss */
#classifieds #main-content article#sell-an-item form section#image-interface div .inputfile-4:focus + label, #classifieds #main-content article#sell-an-item form section#image-interface div .inputfile-4.has-focus + label, #classifieds #main-content article#sell-an-item form section#image-interface div .inputfile-4 + label:hover {
  color: #333f48;
}

/* line 67, S:/files/css/Global stack/component/_file-upload-button.scss */
#classifieds #main-content article#sell-an-item form section#image-interface div .inputfile-4 + label figure {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: #95549d;
  display: block;
  padding: 20px;
  margin: 0 auto 10px;
}

/* line 76, S:/files/css/Global stack/component/_file-upload-button.scss */
#classifieds #main-content article#sell-an-item form section#image-interface div .inputfile-4:focus + label figure, #classifieds #main-content article#sell-an-item form section#image-interface div .inputfile-4.has-focus + label figure, #classifieds #main-content article#sell-an-item form section#image-interface div .inputfile-4 + label:hover figure {
  background-color: #693b6f;
}

/* VIDEO */
/* line 15, S:/files/css/Global stack/component/_video.scss */
#main-content .internal-homepage .video, #main-content .research-theme .video, #main-content .category-page .video, #main-content .research-description .video {
  background: #dbdbd3;
  padding-top: 1em;
  margin-bottom: 1em;
  padding: 0 0 1rem !important;
}

/* line 20, S:/files/css/Global stack/component/_video.scss */
#main-content .internal-homepage .video .faculty-level-inner, #main-content .research-theme .video .faculty-level-inner, #main-content .category-page .video .faculty-level-inner, #main-content .research-description .video .faculty-level-inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.75rem;
}

/* line 25, S:/files/css/Global stack/component/_video.scss */
#main-content .internal-homepage .video .faculty-level-inner::before, #main-content .research-theme .video .faculty-level-inner::before, #main-content .category-page .video .faculty-level-inner::before, #main-content .research-description .video .faculty-level-inner::before {
  display: none;
}

/* line 28, S:/files/css/Global stack/component/_video.scss */
#main-content .internal-homepage .video iframe, #main-content .research-theme .video iframe, #main-content .category-page .video iframe, #main-content .research-description .video iframe {
  margin-bottom: 0;
}

/* line 31, S:/files/css/Global stack/component/_video.scss */
#main-content .internal-homepage .video .video-code, #main-content .research-theme .video .video-code, #main-content .category-page .video .video-code, #main-content .research-description .video .video-code {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}

/* line 36, S:/files/css/Global stack/component/_video.scss */
#main-content .internal-homepage .video .video-code iframe, #main-content .research-theme .video .video-code iframe, #main-content .category-page .video .video-code iframe, #main-content .research-description .video .video-code iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
}

/* line 42, S:/files/css/Global stack/component/_video.scss */
#main-content .internal-homepage .video .video-summary, #main-content .research-theme .video .video-summary, #main-content .category-page .video .video-summary, #main-content .research-description .video .video-summary {
  margin: auto auto !important;
  padding: 0 2rem;
}

/* line 45, S:/files/css/Global stack/component/_video.scss */
#main-content .internal-homepage .video .video-summary h2, #main-content .research-theme .video .video-summary h2, #main-content .category-page .video .video-summary h2, #main-content .research-description .video .video-summary h2 {
  margin-top: 0;
}

/* line 48, S:/files/css/Global stack/component/_video.scss */
#main-content .internal-homepage .video .video-summary p, #main-content .research-theme .video .video-summary p, #main-content .category-page .video .video-summary p, #main-content .research-description .video .video-summary p {
  color: #212b58;
}

/* line 54, S:/files/css/Global stack/component/_video.scss */
#main-content .video.plum, .video-gallery-promo .faculty-level-inner.plum {
  background: #4a3041 !important;
}

/* line 58, S:/files/css/Global stack/component/_video.scss */
#main-content .video.pepper-green, .video-gallery-promo .faculty-level-inner.pepper-green {
  background: #285c4d !important;
}

/* line 62, S:/files/css/Global stack/component/_video.scss */
#main-content .video.plum, .video-gallery-promo .faculty-level-inner.plum {
  background: #4a3041 !important;
}

/* line 66, S:/files/css/Global stack/component/_video.scss */
#main-content .video.peach, .video-gallery-promo .faculty-level-inner.peach {
  background: #f87c56 !important;
}

/* line 69, S:/files/css/Global stack/component/_video.scss */
#main-content .video.yellow, .video-gallery-promo .faculty-level-inner.yellow {
  background: #ffd100 !important;
}

/* line 73, S:/files/css/Global stack/component/_video.scss */
#main-content .video.light-grey, .video-gallery-promo .faculty-level-inner.light-grey {
  background: #dbdbd3 !important;
}

/* line 77, S:/files/css/Global stack/component/_video.scss */
#main-content .video.mid-grey, .video-gallery-promo .faculty-level-inner.mid-grey {
  background: #a2acab !important;
}

/* line 81, S:/files/css/Global stack/component/_video.scss */
#main-content .video.rose, .video-gallery-promo .faculty-level-inner.rose {
  background: #ef426f !important;
}

/* line 85, S:/files/css/Global stack/component/_video.scss */
#main-content .video.cyan, .video-gallery-promo .faculty-level-inner.cyan {
  background: #00a1e5 !important;
}

/* line 89, S:/files/css/Global stack/component/_video.scss */
#main-content .video.sea-green, .video-gallery-promo .faculty-level-inner.sea-green {
  background: #00ab8e !important;
}

/* line 93, S:/files/css/Global stack/component/_video.scss */
#main-content .video.green, .video-gallery-promo .faculty-level-inner.green {
  background: #53af3b !important;
}

@media screen and (max-width: 1366px) {
  /* line 98, S:/files/css/Global stack/component/_video.scss */
  #main-content .internal-homepage .video, #main-content .research-theme .video, #main-content .category-page .video, #main-content .research-description .video {
    padding: 0 0.25% !important;
  }
}

@media screen and (max-width: 1024px) {
  /* line 104, S:/files/css/Global stack/component/_video.scss */
  #main-content .internal-homepage .video, #main-content .research-theme .video, #main-content .category-page .video, #main-content .research-description .video {
    padding: 0 !important;
  }
  /* line 106, S:/files/css/Global stack/component/_video.scss */
  #main-content .internal-homepage .video .faculty-level-inner, #main-content .research-theme .video .faculty-level-inner, #main-content .category-page .video .faculty-level-inner, #main-content .research-description .video .faculty-level-inner {
    grid-template-columns: 1fr;
    grid-row-gap: 1rem;
    /*width: 100% !important;*/
  }
}

/* STUDENT PROFILE */
/*@import 'component/student-profile';*/
/* LARGE BANNER */
/* line 5, S:/files/css/Global stack/component/_large-banners.scss */
#main-content section-banner-buffer {
  width: 100%;
  padding-bottom: 0;
  padding: 0;
  margin-top: 0;
}

/* line 12, S:/files/css/Global stack/component/_large-banners.scss */
#main-content #section-banner-buffer .department-hero-banner {
  background: #1e1e1e;
  background-position-y: -50px;
}

/* line 17, S:/files/css/Global stack/component/_large-banners.scss */
#main-content #section-banner-buffer .department-hero-banner article {
  float: none;
  width: 100%;
  padding: 2.77%;
  margin-bottom: 1em;
}

/* line 22, S:/files/css/Global stack/component/_large-banners.scss */
#main-content #section-banner-buffer .department-hero-banner article h1 {
  font-size: 210%;
  color: #fff;
  margin-bottom: 0.11em;
}

/* line 27, S:/files/css/Global stack/component/_large-banners.scss */
#main-content #section-banner-buffer .department-hero-banner article h2 {
  font-size: 220%;
  color: #fff;
  margin-bottom: 0.33em;
  margin-top: 0.22em;
  line-height: 1.11em;
}

/* line 34, S:/files/css/Global stack/component/_large-banners.scss */
#main-content #section-banner-buffer .department-hero-banner article p {
  font-size: 120%;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 0;
}

/* line 39, S:/files/css/Global stack/component/_large-banners.scss */
#main-content #section-banner-buffer .department-hero-banner article p a {
  color: #fff;
  text-decoration: none;
}

/* line 43, S:/files/css/Global stack/component/_large-banners.scss */
#main-content #section-banner-buffer .department-hero-banner article p a:hover {
  text-decoration: underline;
}

/* line 49, S:/files/css/Global stack/component/_large-banners.scss */
#main-content #section-banner-buffer .department-hero-banner aside {
  position: absolute;
  top: 20px;
  right: 2%;
  z-index: 40;
  width: auto;
}

@media screen and (max-width: 1023px) {
  /* line 58, S:/files/css/Global stack/component/_large-banners.scss */
  #main-content section-banner-buffer {
    margin-bottom: 0.55em;
  }
  /* line 62, S:/files/css/Global stack/component/_large-banners.scss */
  #main-content section-banner-buffer .department-hero-banner {
    background-position-y: top;
    width: 100%;
  }
  /* line 65, S:/files/css/Global stack/component/_large-banners.scss */
  #main-content section-banner-buffer .department-hero-banner article {
    padding: 6%;
  }
  /* line 67, S:/files/css/Global stack/component/_large-banners.scss */
  #main-content section-banner-buffer .department-hero-banner article h1 {
    font-size: 140%;
  }
  /* line 70, S:/files/css/Global stack/component/_large-banners.scss */
  #main-content section-banner-buffer .department-hero-banner article h2 {
    font-size: 150%;
  }
  /* line 73, S:/files/css/Global stack/component/_large-banners.scss */
  #main-content section-banner-buffer .department-hero-banner article p {
    font-size: 90%;
  }
  /* line 78, S:/files/css/Global stack/component/_large-banners.scss */
  #main-content section-banner-buffer .department-hero-banner .hero-wrapper .universal-inner {
    height: auto;
  }
  /* line 80, S:/files/css/Global stack/component/_large-banners.scss */
  #main-content section-banner-buffer .department-hero-banner .hero-wrapper .universal-inner .format {
    width: auto;
    text-align: left;
  }
  /* line 83, S:/files/css/Global stack/component/_large-banners.scss */
  #main-content section-banner-buffer .department-hero-banner .hero-wrapper .universal-inner .format h1 {
    font-size: 250%;
    margin-bottom: 0;
  }
  /* line 88, S:/files/css/Global stack/component/_large-banners.scss */
  #main-content section-banner-buffer .department-hero-banner .hero-wrapper .universal-inner .format.left {
    width: auto;
    float: none;
  }
}

/* TAGS */
/* line 3, S:/files/css/Global stack/component/_tags.scss */
.tags {
  margin-left: 0;
}

/* line 6, S:/files/css/Global stack/component/_tags.scss */
.tags li {
  border-radius: 7px !important;
  position: relative;
  font-size: 80%;
  /*font-weight: 800;*/
  display: inline-flex;
  color: #212b58;
  margin: 0rem 0.25rem 0.5rem 0 !important;
  text-transform: uppercase;
  line-height: 1.25em !important;
}

/* line 16, S:/files/css/Global stack/component/_tags.scss */
.tags li a {
  /*z-index: 500;*/
  position: relative;
  padding: 0.3rem 0.5rem 0.2rem;
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 7px !important;
  -webkit-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.75);
  font-weight: normal;
  background: white;
  color: #212b58 !important;
}

/* line 30, S:/files/css/Global stack/component/_tags.scss */
.tags li a:hover, .tags li a:focus {
  background: #212b58;
  color: white !important;
}

/* line 37, S:/files/css/Global stack/component/_tags.scss */
.tags li::before, #main-content .tags li::before {
  display: none;
}

/* MEDIUM SIZED BUTTON FOR INTERFACE ACTIONS */
/* line 4, S:/files/css/Global stack/component/_function-button.scss */
.function-button, .filter-select-box button.function-button {
  /*background-color: darken($new-brand-sea-green,7.16%);*/
  background-color: #212b58;
  color: white;
  text-align: left;
  font-size: clamp(0.95rem, 0.95vw, 0.95rem);
  font-family: "poppins", sans-serif !important;
  line-height: 1rem;
  border-radius: 25px !important;
  /*border: 2px solid darken($new-brand-sea-green,7.16%) !important;*/
  border: 2px solid white !important;
  padding: 0.85rem 1.5rem 0.85rem 3.25rem !important;
  margin-right: 0 !important;
  margin-bottom: 1rem !important;
  outline: none;
  position: relative;
  transition: all 0.25s ease;
  text-decoration: none;
  outline: 0;
  position: relative !important;
  opacity: 1 !important;
  display: table-cell;
  font-weight: 700;
  width: auto;
}

/* line 30, S:/files/css/Global stack/component/_function-button.scss */
.contact .grid .function-button {
  display: block;
  margin: 0 !important;
}

/* line 35, S:/files/css/Global stack/component/_function-button.scss */
.function-button:hover, .filter-select-box button.function-button:hover, a.function-button:hover, .function-button.transparent.open:hover, .filter-select-box button.function-button.open:hover, .filter-select-box button.function-button.transparent.open:hover {
  background-color: #333f48 !important;
  color: white !important;
  text-decoration: none;
}

/* line 41, S:/files/css/Global stack/component/_function-button.scss */
.function-button:active, .filter-select-box button.function-button:active, a.function-button:active, .filter-select-box button.function-button.open:active, .filter-select-box button.function-button.transparent.open:active, .function-button.transparent.open:active {
  background-color: #333f48 !important;
  outline: 0;
  color: white !important;
}

/* line 47, S:/files/css/Global stack/component/_function-button.scss */
.function-button:visited, .filter-select-box button.function-button:visited, a.function-button:visited, .filter-select-box button.function-button.open:visited, .filter-select-box button.function-button.transparent.open:visited, .function-button.transparent.open:visited {
  color: white !important;
}

/* line 51, S:/files/css/Global stack/component/_function-button.scss */
.function-button:focus, .filter-select-box button.function-button:focus, a.function-button:focus, .filter-select-box button.function-button.open:focus, .filter-select-box button.function-button.transparent.open:focus, .function-button.transparent.open:focus {
  background-color: #212b58 !important;
  outline: 0;
  color: white !important;
}

/* line 57, S:/files/css/Global stack/component/_function-button.scss */
.function-button.transparent, .filter-select-box button.function-button.transparent {
  background-color: transparent;
  border: 2px solid #212b58 !important;
  color: #212b58 !important;
}

/* line 63, S:/files/css/Global stack/component/_function-button.scss */
.function-button.transparent::before, .filter-select-box button.function-button.transparent::before, .function-button.transparent.open::before, .filter-select-box button.function-button.transparent.open::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-right-blue.svg) !important;
}

/* line 67, S:/files/css/Global stack/component/_function-button.scss */
.function-button::before, .filter-select-box button.function-button::before {
  display: inline-block !important;
  position: absolute;
  transition: transform 0.5s;
  width: 2rem !important;
  height: 2rem !important;
  width: clamp(2.25rem, 2vw, 2.25rem) !important;
  height: clamp(2.25rem, 2vw, 2.25rem) !important;
  top: 9%;
  left: 0.5rem;
}

/* line 79, S:/files/css/Global stack/component/_function-button.scss */
li.function-button a {
  color: white !important;
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

/* line 90, S:/files/css/Global stack/component/_function-button.scss */
a.function-button span {
  font-weight: 400;
}

/* line 94, S:/files/css/Global stack/component/_function-button.scss */
a.function-button::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-right-white.svg) !important;
}

/* line 98, S:/files/css/Global stack/component/_function-button.scss */
a.function-button.previous::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-left-white.svg) !important;
}

/* line 102, S:/files/css/Global stack/component/_function-button.scss */
a.function-button.previous {
  float: none !important;
  margin-left: 0 !important;
  text-align: left !important;
}

/* line 108, S:/files/css/Global stack/component/_function-button.scss */
a.function-button.next::before {
  right: 0.5rem !important;
  left: auto !important;
}

/* line 113, S:/files/css/Global stack/component/_function-button.scss */
a.function-button.next {
  padding: 0.85rem 3.25rem 0.85rem 1.5rem !important;
  float: none !important;
}

/* line 118, S:/files/css/Global stack/component/_function-button.scss */
.function-button.filter::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/filter.svg) !important;
}

/* line 123, S:/files/css/Global stack/component/_function-button.scss */
.function-button.reset::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/reset.svg) !important;
}

/* line 127, S:/files/css/Global stack/component/_function-button.scss */
.function-button.images::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/more-images.svg) !important;
}

/* line 131, S:/files/css/Global stack/component/_function-button.scss */
.function-button.open::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-right-white.svg) !important;
}

/* line 135, S:/files/css/Global stack/component/_function-button.scss */
.function-button.selected::before, .function-button.open.selected::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/select-filters/focussed.svg) !important;
  transform: rotate(0) !important;
  width: clamp(1.5rem, 1.75rem, 1.75rem) !important;
  top: 17%;
}

/* line 142, S:/files/css/Global stack/component/_function-button.scss */
.function-button.clipboard::before, .function-button:hover.transparent.clipboard::before, .card.flip.alert .function-button.transparent.clipboard::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/copy.svg) !important;
}

/* line 146, S:/files/css/Global stack/component/_function-button.scss */
.function-button.apply::before, .function-button:hover.transparent.apply::before, .card.flip.alert .function-button.transparent.apply::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/fly.svg) !important;
}

/* line 150, S:/files/css/Global stack/component/_function-button.scss */
.function-button.subject::before, .function-button:hover.transparent.subject::before, .card.flip.alert .function-button.transparent.subject::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/study.svg) !important;
}

/* line 154, S:/files/css/Global stack/component/_function-button.scss */
.function-button.combine::before, .function-button:hover.transparent.combine::before, .card.flip.alert .function-button.transparent.combine::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/combine.svg) !important;
}

/* line 158, S:/files/css/Global stack/component/_function-button.scss */
.function-button.download::before, .function-button:hover.transparent.download::before, .card.flip.alert .function-button.transparent.download::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/download.svg) !important;
}

/* line 162, S:/files/css/Global stack/component/_function-button.scss */
.function-button.email::before, .function-button:hover.transparent.email::before, .card.flip.alert .function-button.transparent.email::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/email.svg) !important;
}

/* line 166, S:/files/css/Global stack/component/_function-button.scss */
.function-button.chat::before, .function-button:hover.transparent.chat::before, .card.flip.alert .function-button.transparent.chat::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/chat.svg) !important;
}

/* line 170, S:/files/css/Global stack/component/_function-button.scss */
.function-button.contact::before, .function-button:hover.transparent.contact::before, .card.flip.alert .function-button.transparent.contact::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/contact.svg) !important;
}

/* line 174, S:/files/css/Global stack/component/_function-button.scss */
.function-button.cross::before, .function-button:hover.transparent.cross::before, .card.flip.alert .function-button.transparent.cross::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/cross.svg) !important;
  top: 7%;
  left: 0.25rem;
}

/* line 180, S:/files/css/Global stack/component/_function-button.scss */
.function-button.form::before, .function-button:hover.transparent.form::before, .card.flip.alert .function-button.transparent.form::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/form.svg) !important;
}

/* line 184, S:/files/css/Global stack/component/_function-button.scss */
.function-button.transparent.chat::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/chat.svg) !important;
}

/* line 188, S:/files/css/Global stack/component/_function-button.scss */
.function-button.transparent.apply::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/fly-blue.svg) !important;
}

/* line 192, S:/files/css/Global stack/component/_function-button.scss */
.function-button.transparent.subject::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/study.svg) !important;
}

/* line 196, S:/files/css/Global stack/component/_function-button.scss */
.function-button.transparent.combine::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/combine.svg) !important;
}

/* line 200, S:/files/css/Global stack/component/_function-button.scss */
.function-button.transparent.download::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/download.svg) !important;
}

/* line 204, S:/files/css/Global stack/component/_function-button.scss */
.function-button.transparent.email::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/email.svg) !important;
}

/* line 208, S:/files/css/Global stack/component/_function-button.scss */
.function-button.transparent.contact::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/contact.svg) !important;
}

/* line 212, S:/files/css/Global stack/component/_function-button.scss */
.function-button.transparent.cross::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/cross.svg) !important;
}

/* line 216, S:/files/css/Global stack/component/_function-button.scss */
.function-button.transparent.form::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/form.svg) !important;
}

/* line 220, S:/files/css/Global stack/component/_function-button.scss */
.function-button.previouslink::before {
  transform: rotate(180deg) !important;
}

/* line 224, S:/files/css/Global stack/component/_function-button.scss */
.filter-select-box .function-button.clipboard {
  width: auto !important;
}

/* MICRO BUTTON */
/* line 230, S:/files/css/Global stack/component/_function-button.scss */
.function-button.micro, button.function-button.micro {
  padding: 0.6rem 1.25rem 0.6rem 2.75rem !important;
  margin: 0 0 0.5rem !important;
}

/* line 237, S:/files/css/Global stack/component/_function-button.scss */
.function-button.micro::before, button.function-button.micro::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/select-filters/unfocussed.svg) !important;
  transition: all 0.25s ease;
  width: 1.5rem !important;
  width: clamp(1.25rem, 1.25vw, 1.25rem) !important;
  top: 20%;
  transform: rotate(0) !important;
}

/* line 247, S:/files/css/Global stack/component/_function-button.scss */
.function-button.micro.selected::before, button.function-button.micro.selected::before, .function-button.micro:focus::before, button.function-button.micro.selected:focus::before, button.function-button.micro[aria-selected="true"]::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/select-filters/focussed.svg) !important;
}

/* line 252, S:/files/css/Global stack/component/_function-button.scss */
.function-button.micro.selected, button.function-button.micro.selected, .function-button.selected, button.function-button.selected, .function-button.micro:focus, button.function-button.micro.selected:focus, button.function-button.micro[aria-selected="true"] {
  background-color: #008670 !important;
}

/* FUNCTION BUTTON IN TABS */
/* line 260, S:/files/css/Global stack/component/_function-button.scss */
ul.module-tabs, div.module-tabs, #main-content ul.module-tabs {
  margin-left: 0;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  margin-bottom: 1em !important;
}

/* line 266, S:/files/css/Global stack/component/_function-button.scss */
ul.module-tabs li:before, div.module-tabs li:before, #main-content ul.module-tabs li:before {
  display: none;
}

/* line 269, S:/files/css/Global stack/component/_function-button.scss */
ul.module-tabs li, div.module-tabs li, #main-content ul.module-tabs li {
  margin-bottom: 0;
}

/* line 271, S:/files/css/Global stack/component/_function-button.scss */
ul.module-tabs li a, div.module-tabs li a, #main-content ul.module-tabs li a {
  display: block;
}

@media screen and (max-width: 1360px) {
  /* line 279, S:/files/css/Global stack/component/_function-button.scss */
  .function-button.micro::before, button.function-button.micro::before {
    top: 22.5%;
  }
}

@media screen and (max-width: 768px) {
  /* line 284, S:/files/css/Global stack/component/_function-button.scss */
  .function-button.micro::before, button.function-button.micro::before {
    display: none !important;
  }
  /* line 287, S:/files/css/Global stack/component/_function-button.scss */
  .function-button.micro, button.function-button.micro {
    padding: 0.6rem 1.25rem  !important;
  }
  /* line 290, S:/files/css/Global stack/component/_function-button.scss */
  .function-button {
    display: block !important;
  }
}

/* MULTIPLE ICONS ON MULTITRACK LIST */
/* line 3, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list {
  position: relative;
  grid-row-gap: 0 !important;
  grid-template-columns: 1fr 1fr;
  font-family: "poppins", sans-serif;
  margin-left: 0;
  margin-bottom: 1em !important;
}

/* line 10, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list li {
  position: relative !important;
  /*padding-left: clamp(0.25rem, 0.75rem, 0.75rem) !important;*/
  padding-left: clamp(1rem, 1rem, 0.75rem) !important;
}

/* line 15, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list li:before {
  width: 24px;
  height: 24px;
  display: inline-block;
  transition: transform 0.5s;
  display: inline-block !important;
  width: 1.5rem !important;
  width: clamp(1.5rem, 1.25vw, 1.5rem) !important;
  position: absolute  !important;
  content: url(//www.liverpool.ac.uk/files/images/icons/course/tick-modal.svg) !important;
  top: -5px  !important;
  font-size: clamp(2rem, 3vw, 3rem) !important;
}

/* line 25, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list li.deadline:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/deadline.svg) !important;
}

/* line 29, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list li.length:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/time-scale.svg) !important;
}

/* line 33, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list li.full-time:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/full-time.svg) !important;
}

/* line 37, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list li.part-time:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/part-time.svg) !important;
}

/* line 41, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list li.starts:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/starts.svg) !important;
}

/* line 45, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list li.ticked:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/tick-modal.svg) !important;
}

/* line 52, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list.white-icons li:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/included.svg) !important;
}

/* line 56, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list.white-icons li.deadline:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/deadline.svg) !important;
}

/* line 60, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list.white-icons li.length:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/time-scale.svg) !important;
}

/* line 64, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list.white-icons li.full-time:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/full-time.svg) !important;
}

/* line 68, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list.white-icons li.part-time:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/part-time.svg) !important;
}

/* line 72, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list.white-icons li.starts:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/starts.svg) !important;
}

/* line 76, S:/files/css/Global stack/component/_ticked-icon-list.scss */
ul.includes-list.white-icons li.ticked:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/tick-modal.svg) !important;
}

@media screen and (max-width: 768px) {
  /* line 83, S:/files/css/Global stack/component/_ticked-icon-list.scss */
  ul.includes-list {
    grid-template-columns: 1fr;
  }
  /* line 85, S:/files/css/Global stack/component/_ticked-icon-list.scss */
  ul.includes-list li:before {
    top: -3px  !important;
  }
}

/* COLUMN COUNT */
/* line 3, S:/files/css/Global stack/component/_column-count.scss */
.column-count-2, .column-count-3, .column-count-4 {
  column-gap: 2rem;
}

/* line 7, S:/files/css/Global stack/component/_column-count.scss */
.column-count-2 {
  column-count: 2;
}

/* line 11, S:/files/css/Global stack/component/_column-count.scss */
.column-count-3 {
  column-count: 3;
}

/* line 15, S:/files/css/Global stack/component/_column-count.scss */
.column-count-4 {
  column-count: 4;
}

@media screen and (max-width: 798px) {
  /* line 20, S:/files/css/Global stack/component/_column-count.scss */
  .column-count-2, .column-count-3, .column-count-4 {
    column-count: 1;
  }
}

/* GRID COUNT */
/* line 3, S:/files/css/Global stack/component/_grid-count.scss */
.grid {
  display: grid;
  grid-gap: 1.5rem;
}

/* line 8, S:/files/css/Global stack/component/_grid-count.scss */
.grid.larger-gap {
  grid-gap: 3rem;
}

/* line 12, S:/files/css/Global stack/component/_grid-count.scss */
.grid::before {
  display: none !important;
}

/* line 16, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-1 {
  grid-template-columns: 1fr;
}

/* line 20, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-2 {
  grid-template-columns: 1fr 1fr;
}

/* line 24, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

/* line 28, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

/* line 32, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

/* line 36, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

/* line 40, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-2-1 {
  grid-template-columns: 2fr 1fr;
}

/* line 44, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-1-2 {
  grid-template-columns: 1fr 2fr;
}

/* line 48, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-3-1 {
  grid-template-columns: 3fr 1fr;
}

/* line 52, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-4-1 {
  grid-template-columns: 3fr 1fr;
}

/* line 56, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-1-3 {
  grid-template-columns: 1fr 3fr;
}

/* line 60, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-2-3 {
  grid-template-columns: 2fr 3fr;
}

/* line 64, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-3-2 {
  grid-template-columns: 3fr 2fr;
}

/* line 68, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-3-4 {
  grid-template-columns: 3fr 4fr;
}

/* line 72, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-4-3 {
  grid-template-columns: 4fr 3fr;
}

/* line 76, S:/files/css/Global stack/component/_grid-count.scss */
#main-content ul.grid {
  margin-left: 0;
}

/* line 78, S:/files/css/Global stack/component/_grid-count.scss */
#main-content ul.grid li::before {
  display: none;
}

@media screen and (max-width: 1024px) {
  /* line 84, S:/files/css/Global stack/component/_grid-count.scss */
  .grid-column-2.break-1024, .grid-column-3.break-1024, .grid-column-4.break-1024, .grid-column-5.break-1024, .grid-column-6.break-1024, .grid-column-2-1.break-1024, .grid-column-2-1.break-1024, .grid-column-2-3.break-1024, .grid-column-3-2.break-1024, .grid-column-3-4.break-1024, .grid-column-4-3.break-1024, .grid-column-3-1.break-1024, .grid-column-1-3.break-1024 {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 769px) {
  /* line 90, S:/files/css/Global stack/component/_grid-count.scss */
  .grid-column-2, .grid-column-3, .grid-column-4, .grid-column-5, .grid-column-6, .grid-column-2-1, .grid-column-2-1, .grid-column-2-3, .grid-column-3-2, .grid-column-3-4, .grid-column-4-3, .grid-column-3-1, .grid-column-4-1, .grid-column-1-3 {
    grid-template-columns: 1fr;
  }
}

/* line 96, S:/files/css/Global stack/component/_grid-count.scss */
.grid-column-2 .generic-promo, .grid-column-3 .generic-promo, .grid-column-4 .generic-promo, .grid-column-5 .generic-promo, .grid-column-6 .generic-promo {
  float: none !important;
  width: auto !important;
}

/* SUMMARY PARAGRAPH */
/* line 3, S:/files/css/Global stack/component/_summary-paragraph.scss */
p.summary, .project-shape #main-content .topic-page.blog-topic-page article.blog p.first-paragraph {
  width: 100%  !important;
  font-size: clamp(1.1rem, 1.65vw, 1.65rem) !important;
  line-height: clamp(1.75rem, 2vw, 2.5rem) !important;
  font-family: "poppins", sans-serif !important;
  color: #031F73;
  grid-column: 1 / -1;
}

/* line 8, S:/files/css/Global stack/component/_summary-paragraph.scss */
p.summary.no-span {
  grid-column: 1 / 1;
}

/* line 12, S:/files/css/Global stack/component/_summary-paragraph.scss */
p.summary.no-margin {
  margin-bottom: 0;
}

/* ASIDE */
/* line 4, S:/files/css/Global stack/component/_aside.scss */
#main-content .topic-page aside h2 {
  font-size: clamp(1rem, 1.5rem, 1.5rem);
  line-height: clamp(1.5rem, 1.75vw, 1.75rem);
  width: 95%;
}

/* line 9, S:/files/css/Global stack/component/_aside.scss */
#main-content .topic-page aside h3 {
  font-size: 100%;
}

/* TABLE */
/* line 3, S:/files/css/Global stack/component/_table.scss */
table {
  border-radius: 7px;
  border: none;
  background: #dbdbd3;
  border: 1px solid #a2acab;
  margin: 0 0 1rem;
  overflow: hidden;
  border-collapse: inherit !important;
  width: 100%;
}

/* line 12, S:/files/css/Global stack/component/_table.scss */
table caption {
  font-size: 1.5rem;
  font-size: clamp(1.25rem, 1.5vw, 1.5rem);
  line-height: 1.5rem;
  line-height: clamp(1.5rem, 1.75vw, 1.75rem);
  color: #212b58;
  font-family: "poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-top: 1.5rem;
  letter-spacing: -0.01em;
  width: 95%;
  text-align: left;
}

/* line 26, S:/files/css/Global stack/component/_table.scss */
table thead, table tbody, table tfoot {
  border: none;
  background-color: transparent;
}

/* line 29, S:/files/css/Global stack/component/_table.scss */
table thead tr, table tbody tr, table tfoot tr {
  border: none;
  background-color: transparent;
}

/* line 32, S:/files/css/Global stack/component/_table.scss */
table thead tr td, table thead tr th, table tbody tr td, table tbody tr th, table tfoot tr td, table tfoot tr th {
  border: none;
  background-color: transparent;
  padding: 0.75rem;
  padding: clamp(0.5rem, 0.75vw, 0.75rem) clamp(0.5rem, 1vw, 1rem) clamp(0.25rem, 0.5vw, 0.5rem);
  border-bottom: 1px solid #a2acab;
  color: #333f48;
  font-size: clamp(1rem, 1vw, 1rem);
  line-height: clamp(1.25rem, 1.65vw, 1.65rem);
  font-weight: 400;
  letter-spacing: -0.0025em;
  word-spacing: 0.02rem;
  border-bottom: 1px solid #a2acab;
  border-right: 1px solid #a2acab;
  text-align: left;
}

/* line 48, S:/files/css/Global stack/component/_table.scss */
table thead tr th, table tbody tr th, table tfoot tr th {
  font-weight: 700;
}

/* line 51, S:/files/css/Global stack/component/_table.scss */
table thead tr td:last-of-type, table thead tr th:last-of-type, table tbody tr td:last-of-type, table tbody tr th:last-of-type, table tfoot tr td:last-of-type, table tfoot tr th:last-of-type {
  border-right: none;
}

/* line 56, S:/files/css/Global stack/component/_table.scss */
table thead tr:last-of-type td, table tbody tr:last-of-type td, table tfoot tr:last-of-type td {
  border-bottom: none;
}

/* line 61, S:/files/css/Global stack/component/_table.scss */
table thead {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background: #bdc4c3;
}

/* line 66, S:/files/css/Global stack/component/_table.scss */
table thead label {
  margin-right: clamp(0.85rem, 1vw, 1rem);
  font-weight: 800;
  text-align: right;
  padding-top: 0.5rem;
  margin: 0;
}

/* line 73, S:/files/css/Global stack/component/_table.scss */
table thead select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
  background-image: url(//www.liverpool.ac.uk/files/images/icons/arrow-down.svg);
  /* Add custom arrow */
  background-color: white;
  background-repeat: no-repeat;
  background-position: right;
  background-size: 5.4%;
  border-radius: 7px;
  border: none;
  border-right: 0.75rem solid white;
  padding: 0.75rem;
}

/* line 88, S:/files/css/Global stack/component/_table.scss */
table tfoot {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  background: #bdc4c3;
  border-top: 1px solid #a2acab;
}

/* CARD */
/*.topic-page .card{
	margin: 2rem 0;	
}*/
/* line 8, S:/files/css/Global stack/component/_card.scss */
#firststory.card {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: 0.75fr 1.25fr;
  grid-gap: 4rem;
}

/* line 13, S:/files/css/Global stack/component/_card.scss */
#firststory.card img {
  margin: 0;
}

/* line 16, S:/files/css/Global stack/component/_card.scss */
#firststory.card .card-body {
  margin: auto 0 !important;
}

/* line 21, S:/files/css/Global stack/component/_card.scss */
#firststory.card > a.wrapping-link {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: 0.75fr 1.25fr;
  grid-gap: 4rem;
}

/* line 28, S:/files/css/Global stack/component/_card.scss */
.card {
  border: 1px solid rgba(0, 0, 0, 0.22);
  /*border: 2px solid $new-brand-blue;*/
  padding: 1rem;
  padding: clamp(0.75rem, 1vw, 1rem);
  position: relative;
  -webkit-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.75);
  /*.card:hover > a.overlay:hover{
		border-color: orange;
	}*/
  /*.bold, .date, .start-time-end-time, .location, .opening-times{
		font-weight: bold;
	}*/
  /*.categories:first-of-type{
		border-bottom: 1px solid $new-brand-blue;
		display: inline-block;
		
	}*/
}

/* line 38, S:/files/css/Global stack/component/_card.scss */
.card .call-to-action {
  margin-bottom: 1.5rem;
}

/* line 42, S:/files/css/Global stack/component/_card.scss */
.card .wrapping-link {
  text-decoration: none;
}

/* line 46, S:/files/css/Global stack/component/_card.scss */
.card figure {
  margin: 0;
  margin-bottom: 0.77em;
  position: relative;
}

/* line 55, S:/files/css/Global stack/component/_card.scss */
.card aside {
  float: none;
  width: 100%;
  margin: auto 0 !important;
}

/* line 61, S:/files/css/Global stack/component/_card.scss */
.card .list-group.tags {
  margin-bottom: 0.5rem;
}

/* line 64, S:/files/css/Global stack/component/_card.scss */
.card .list-group.tags li {
  font-size: 85%;
}

/* line 69, S:/files/css/Global stack/component/_card.scss */
.card label {
  font-size: clamp(1rem, 1.5vw, 1.5rem);
  line-height: clamp(1.5rem, 1.75vw, 1.75rem);
  margin-bottom: 0;
  color: #212b58;
  font-family: "poppins", sans-serif;
  font-weight: 700;
}

/* line 79, S:/files/css/Global stack/component/_card.scss */
.card .card-body h2,
.card .card-body h3,
.card .card-body h4,
.card .card-body label {
  margin-top: 0;
  font-size: clamp(1.25rem, 1.5vw, 1.5rem);
  line-height: clamp(1.5rem, 1.75vw, 1.75rem);
  margin-bottom: 0.75rem;
  word-break: break-word;
}

/* line 89, S:/files/css/Global stack/component/_card.scss */
.card .card-body h2 span,
.card .card-body h3 span,
.card .card-body h4 span,
.card .card-body label span {
  font-weight: normal;
  font-size: 60%;
  display: block;
}

/* line 96, S:/files/css/Global stack/component/_card.scss */
.card .card-body h2 > a,
.card .card-body h3 > a,
.card .card-body h4 > a {
  text-decoration: none;
}

/* line 102, S:/files/css/Global stack/component/_card.scss */
.card .card-body p {
  font-weight: normal;
}

/* line 105, S:/files/css/Global stack/component/_card.scss */
.card .card-body p a {
  z-index: 2;
  position: relative;
}

/* line 111, S:/files/css/Global stack/component/_card.scss */
.card .card-body p:empty {
  display: none;
}

/* line 115, S:/files/css/Global stack/component/_card.scss */
.card .card-body p.publication-date {
  font-size: 85%;
  color: #212b58;
}

/* line 119, S:/files/css/Global stack/component/_card.scss */
.card .card-body p.publication-date a {
  position: relative;
  z-index: 2;
}

/* line 127, S:/files/css/Global stack/component/_card.scss */
.card .card-body.small-text h2,
.card .card-body.small-text h3,
.card .card-body.small-text h4 {
  font-size: 100%;
  line-height: inherit;
}

/* line 135, S:/files/css/Global stack/component/_card.scss */
.card a.overlay,
.card span.overlay a {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  z-index: 1;
  transition: all 0.5s ease-in;
}

/* line 142, S:/files/css/Global stack/component/_card.scss */
.card a.overlay:hover + img,
.card a.overlay:focus + img,
.card a.overlay:active + img,
.card span.overlay:hover + img,
.card span.overlay:hover + img,
.card span.overlay:hover + img,
.card .wrapping-link:hover img,
.card .wrapping-link:focus img,
.card .wrapping-link:active img,
.card a.overlay:hover + figure > img,
.card a.overlay:focus + figure > img,
.card a.overlay:active + figure > img {
  filter: brightness(75%);
}

/* line 157, S:/files/css/Global stack/component/_card.scss */
.card a.overlay:hover ~ .card-body > h4,
.card a.overlay:focus ~ .card-body > h4,
.card a.overlay:active ~ .card-body > h4,
.card a.overlay:hover ~ .card-body > h3,
.card a.overlay:focus ~ .card-body > h3,
.card a.overlay:active ~ .card-body > h3,
.card a.overlay:hover ~ .card-body > h2,
.card a.overlay:focus ~ .card-body > h2,
.card a.overlay:active ~ .card-body > h2,
.card span.overlay:hover ~ .card-body > h4,
.card span.overlay:hover ~ .card-body > h4,
.card span.overlay:active ~ .card-body > h4,
.card span.overlay:active ~ .card-body > h3,
.card span.overlay:focus ~ .card-body > h3,
.card span.overlay:focus ~ .card-body > h3,
.card span.overlay:active ~ .card-body > h2,
.card span.overlay:focus ~ .card-body > h2,
.card span.overlay:focus ~ .card-body > h2,
.card span.overlay a:hover ~ .card-body > h4,
.card span.overlay a:hover ~ .card-body > h4,
.card span.overlay a:active ~ .card-body > h4,
.card span.overlay a:active ~ .card-body > h3,
.card span.overlay a:focus ~ .card-body > h3,
.card span.overlay a:focus ~ .card-body > h3,
.card span.overlay a:active ~ .card-body > h2,
.card span.overlay a:focus ~ .card-body > h2,
.card span.overlay a:focus ~ .card-body > h2,
.card .wrapping-link:hover h4,
.card .wrapping-link:focus h4,
.card .wrapping-link:active h4,
.card .wrapping-link:hover h3,
.card .wrapping-link:focus h3,
.card .wrapping-link:active h3,
.card .wrapping-link:hover h2,
.card .wrapping-link:focus h2,
.card .wrapping-link:active h2 {
  text-underline-offset: 0.25rem;
  text-decoration-color: #212b58;
  text-decoration: underline solid;
  text-decoration-thickness: 0;
}

/* line 201, S:/files/css/Global stack/component/_card.scss */
.card .duration {
  background: #212b58;
  color: white !important;
  padding: 0.75rem;
  font-family: "poppins", sans-serif;
  font-size: 85%;
}

/* line 209, S:/files/css/Global stack/component/_card.scss */
.card .uppercase,
.card .event-types,
.card .subjects {
  text-transform: uppercase;
}

/* line 222, S:/files/css/Global stack/component/_card.scss */
.card ul {
  margin-left: 0;
}

/* line 225, S:/files/css/Global stack/component/_card.scss */
.card ul li::before {
  display: none !important;
}

/* line 230, S:/files/css/Global stack/component/_card.scss */
.card ul.list-group {
  margin-bottom: 0.5rem;
}

/* line 234, S:/files/css/Global stack/component/_card.scss */
.card ul.list-group.where-and-when {
  margin-top: 1rem;
}

/* line 238, S:/files/css/Global stack/component/_card.scss */
.card ul.list-group.where-and-when,
.card ul.list-group.pricing {
  margin-bottom: 1rem;
}

/* line 243, S:/files/css/Global stack/component/_card.scss */
.card ul.list-group.where-and-when li {
  line-height: 1rem;
  margin-bottom: 0.25rem;
}

/* line 251, S:/files/css/Global stack/component/_card.scss */
.card li.list-group-item,
.card .event-types span,
.card .subjects span {
  font-size: 85%;
  color: #212b58;
}

/* line 257, S:/files/css/Global stack/component/_card.scss */
.card li.list-group-item a,
.card .event-types span a,
.card .subjects span a {
  z-index: 2;
}

/* line 262, S:/files/css/Global stack/component/_card.scss */
.card .description {
  column-count: auto !important;
  color: #212b58;
}

/* line 267, S:/files/css/Global stack/component/_card.scss */
.card .description.brand {
  margin-top: -1.25rem !important;
  font-weight: 800 !important;
}

/* line 272, S:/files/css/Global stack/component/_card.scss */
.card .call-to-action {
  display: inline-block;
  z-index: 2;
}

/* line 278, S:/files/css/Global stack/component/_card.scss */
.card .inline li {
  display: inline;
}

/* line 281, S:/files/css/Global stack/component/_card.scss */
.card .inline li a {
  position: relative;
}

/* line 286, S:/files/css/Global stack/component/_card.scss */
.card .inline li:nth-child(n + 2) {
  margin-left: 1rem;
}

/* line 291, S:/files/css/Global stack/component/_card.scss */
.card .categories.inline {
  /*position: relative;*/
}

/* line 293, S:/files/css/Global stack/component/_card.scss */
.card .categories.inline li:nth-child(n + 2)::before {
  display: inline-block !important;
  font-size: 0.75rem !important;
  color: #212b58 !important;
  left: -10px !important;
  top: -0.075rem !important;
  font-weight: bold;
}

/* line 306, S:/files/css/Global stack/component/_card.scss */
.card .connect li:nth-child(n + 2) {
  margin-left: 0;
}

/* line 310, S:/files/css/Global stack/component/_card.scss */
.card .connect li span:not(.share) {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* line 314, S:/files/css/Global stack/component/_card.scss */
.card .connect li a {
  outline: none;
}

/* line 318, S:/files/css/Global stack/component/_card.scss */
.card .connect li a::before {
  width: clamp(1.5rem, 1.5vw, 1.5rem) !important;
  height: clamp(1.5rem, 1.5vw, 1.5rem) !important;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 50%;
}

/* line 325, S:/files/css/Global stack/component/_card.scss */
.card .connect li a:hover::before,
.card .connect li a:focus::before {
  background: #212b58;
  border: 2px solid #212b58;
}

/* line 331, S:/files/css/Global stack/component/_card.scss */
.card .connect li a:active::before {
  background: #f87c56;
  border: 2px solid #f87c56;
}

/* line 336, S:/files/css/Global stack/component/_card.scss */
.card .connect li .share {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/share.svg);
}

/* line 340, S:/files/css/Global stack/component/_card.scss */
.card .connect li .share:hover {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/share.svg);
}

/* line 344, S:/files/css/Global stack/component/_card.scss */
.card .connect li.email a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/email.svg);
}

/* line 348, S:/files/css/Global stack/component/_card.scss */
.card .connect li.email a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/email.svg);
}

/* line 352, S:/files/css/Global stack/component/_card.scss */
.card .connect li.add-to-calendar a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/add-to-calendar.svg);
}

/* line 356, S:/files/css/Global stack/component/_card.scss */
.card .connect li.add-to-calendar a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/add-to-calendar.svg);
}

/* line 360, S:/files/css/Global stack/component/_card.scss */
.card .connect li.like a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/like.svg);
}

/* line 364, S:/files/css/Global stack/component/_card.scss */
.card .connect li.like a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/like.svg);
}

/* line 368, S:/files/css/Global stack/component/_card.scss */
.card .connect li.comment a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/comment.svg);
}

/* line 372, S:/files/css/Global stack/component/_card.scss */
.card .connect li.comment a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/comment.svg);
}

/* line 376, S:/files/css/Global stack/component/_card.scss */
.card .connect li.contact a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/contact.svg);
}

/* line 380, S:/files/css/Global stack/component/_card.scss */
.card .connect li.contact a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/contact.svg);
}

/* line 385, S:/files/css/Global stack/component/_card.scss */
.card.locked-cta-card {
  display: flex;
  flex-direction: column;
}

/* line 388, S:/files/css/Global stack/component/_card.scss */
.card.locked-cta-card .card-body.locked-cta {
  margin-top: auto;
}

/* line 390, S:/files/css/Global stack/component/_card.scss */
.card.locked-cta-card .card-body.locked-cta .call-to-action {
  display: block;
  margin: 0;
}

/* line 397, S:/files/css/Global stack/component/_card.scss */
.card.white {
  border: 1px solid white;
  background: white;
  -webkit-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
}

/* line 405, S:/files/css/Global stack/component/_card.scss */
.card.yellow {
  border: 1px solid #ffd100;
  background: #ffd100;
  -webkit-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
}

/* line 413, S:/files/css/Global stack/component/_card.scss */
.card.light-grey {
  border: 1px solid #dbdbd3;
  background: #dbdbd3;
  -webkit-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
}

/* line 421, S:/files/css/Global stack/component/_card.scss */
.card.mid-grey {
  border: 1px solid #a2acab;
  background: #a2acab;
  -webkit-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
}

/* line 429, S:/files/css/Global stack/component/_card.scss */
.card.peach {
  border: 1px solid #f87c56;
  background: #f87c56;
  -webkit-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
}

/* line 437, S:/files/css/Global stack/component/_card.scss */
.card.sea-green {
  border: 1px solid #00ab8e;
  background: #00ab8e;
  -webkit-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
}

/* line 445, S:/files/css/Global stack/component/_card.scss */
.card.green {
  border: 1px solid #53af3b;
  background: #53af3b;
  -webkit-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
}

/* line 453, S:/files/css/Global stack/component/_card.scss */
.card.flip {
  background: #333f48;
  border: 1px solid #333f48;
}

/* line 456, S:/files/css/Global stack/component/_card.scss */
.card.flip .inline li,
.card.flip li.list-group-item,
.card.flip li.list-group-item a,
.card.flip .card-body h2,
.card.flip .card-body h2 a,
.card.flip .card-body h3,
.card.flip .card-body h3 a,
.card.flip .card-body h4,
.card.flip .card-body h4 a,
.card.flip .card-body li a,
.card.flip .card-body li,
.card.flip p,
.card.flip .description,
.card.flip .card-body p.publication-date,
.card.flip label {
  color: white;
}

/* line 473, S:/files/css/Global stack/component/_card.scss */
.card.flip .categories.inline li:nth-child(n + 2)::before {
  color: white !important;
}

/* line 476, S:/files/css/Global stack/component/_card.scss */
.card.flip .duration,
.card.flip a.call-to-action {
  background: white;
  color: #333f48 !important;
}

/* line 481, S:/files/css/Global stack/component/_card.scss */
.card.flip a.call-to-action:hover {
  background: #ffd100;
}

/* line 484, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li a:hover::before,
.card.flip .connect li a:focus::before {
  background: #ffd100;
  border: 2px solid #ffd100;
}

/* line 489, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li a:active::before {
  background: #f87c56;
  border: 2px solid #f87c56;
}

/* line 493, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li .share-button span.share {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/share.svg);
}

/* line 496, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li .share-button span.share:hover {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/share.svg);
}

/* line 499, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li.add-to-calendar a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/add-to-calendar.svg);
}

/* line 502, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li.add-to-calendar a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/add-to-calendar.svg);
}

/* line 505, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li.like a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/like.svg);
}

/* line 508, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li.like a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/like.svg);
}

/* line 511, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li.comment a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/comment.svg);
}

/* line 514, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li.comment a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/comment.svg);
}

/* line 517, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li.contact a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/contact.svg);
}

/* line 520, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li.contact a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/contact.svg);
}

/* line 523, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li.email a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/email.svg);
}

/* line 526, S:/files/css/Global stack/component/_card.scss */
.card.flip .connect li.email a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/email.svg);
}

/* line 529, S:/files/css/Global stack/component/_card.scss */
.card.flip .call-to-action a:before,
.card.flip a.call-to-action:before,
.card.flip .call-to-action button:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-right-grey.svg);
}

/* line 534, S:/files/css/Global stack/component/_card.scss */
.card.flip .tags li a {
  color: white !important;
  background: transparent;
  border-color: white;
}

/* line 539, S:/files/css/Global stack/component/_card.scss */
.card.flip .tags li a:hover,
.card.flip .tags li a:focus,
.card.flip .tags li a:active {
  color: #ffd100 !important;
  border-color: #ffd100;
  background: rgba(0, 0, 0, 0.25);
}

/* line 548, S:/files/css/Global stack/component/_card.scss */
.card.flip.pepper-green {
  background: #285c4d;
  border: 1px solid #285c4d;
}

/* line 553, S:/files/css/Global stack/component/_card.scss */
.card.flip.plum {
  background: #4a3041;
  border: 1px solid #4a3041;
}

/* line 558, S:/files/css/Global stack/component/_card.scss */
.card.flip.rose {
  background: #ef426f;
  border: 1px solid #ef426f;
}

/* line 563, S:/files/css/Global stack/component/_card.scss */
.card.flip.blue {
  background: #212b58;
  border: 1px solid #212b58;
}

/* line 568, S:/files/css/Global stack/component/_card.scss */
.card.flip.cyan {
  background: #009cdd;
  border: 1px solid #009cdd;
}

/* line 574, S:/files/css/Global stack/component/_card.scss */
.card.flip.yellow-text .inline li,
.card.flip.yellow-text li.list-group-item,
.card.flip.yellow-text li.list-group-item a,
.card.flip.yellow-text .card-body h3,
.card.flip.yellow-text .card-body h3 a,
.card.flip.yellow-text .card-body h4,
.card.flip.yellow-text .card-body h4 a,
.card.flip.yellow-text .card-body li a,
.card.flip.yellow-text .card-body li,
.card.flip.yellow-text p,
.card.flip.yellow-text .description,
.card.flip.yellow-text .card-body p.publication-date,
.card.flip.yellow-text label {
  color: #ffd100;
}

/* line 592, S:/files/css/Global stack/component/_card.scss */
.card.flip.light-grey-text .inline li,
.card.flip.light-grey-text li.list-group-item,
.card.flip.light-grey-text li.list-group-item a,
.card.flip.light-grey-text .card-body h3,
.card.flip.light-grey-text .card-body h3 a,
.card.flip.light-grey-text .card-body h4,
.card.flip.light-grey-text .card-body h4 a,
.card.flip.light-grey-text .card-body li a,
.card.flip.light-grey-text .card-body li,
.card.flip.light-grey-text p,
.card.flip.light-grey-text .description,
.card.flip.light-grey-text .card-body p.publication-date,
.card.flip.light-grey-text label {
  color: #dbdbd3;
}

/* line 610, S:/files/css/Global stack/component/_card.scss */
.card.flip.light-green-text .inline li,
.card.flip.light-green-text li.list-group-item,
.card.flip.light-green-text li.list-group-item a,
.card.flip.light-green-text .card-body h3,
.card.flip.light-green-text .card-body h3 a,
.card.flip.light-green-text .card-body h4,
.card.flip.light-green-text .card-body h4 a,
.card.flip.light-green-text .card-body li a,
.card.flip.light-green-text .card-body li,
.card.flip.light-green-text p,
.card.flip.light-green-text .description,
.card.flip.light-green-text .card-body p.publication-date,
.card.flip.light-green-text label {
  color: #53af3b;
}

/* line 628, S:/files/css/Global stack/component/_card.scss */
.card.flip.peach-text .inline li,
.card.flip.peach-text li.list-group-item,
.card.flip.peach-text li.list-group-item a,
.card.flip.peach-text .card-body h3,
.card.flip.peach-text .card-body h3 a,
.card.flip.peach-text .card-body h4,
.card.flip.peach-text .card-body h4 a,
.card.flip.peach-text .card-body li a,
.card.flip.peach-text .card-body li,
.card.flip.peach-text p,
.card.flip.peach-text .description,
.card.flip.peach-text .card-body p.publication-date,
.card.flip.peach-text label {
  color: #f87c56;
}

/* line 646, S:/files/css/Global stack/component/_card.scss */
.card.slate-grey-text .inline li,
.card.slate-grey-text li.list-group-item,
.card.slate-grey-text li.list-group-item a,
.card.slate-grey-text .card-body h3,
.card.slate-grey-text .card-body h3 a,
.card.slate-grey-text .card-body h4,
.card.slate-grey-text .card-body h4 a,
.card.slate-grey-text .card-body li a,
.card.slate-grey-text .card-body li,
.card.slate-grey-text p,
.card.slate-grey-text .description,
.card.slate-grey-text .card-body p.publication-date,
.card.slate-grey-text label {
  color: #333f48;
}

/* line 664, S:/files/css/Global stack/component/_card.scss */
.card.pepper-green-text .inline li,
.card.pepper-green-text li.list-group-item,
.card.pepper-green-text li.list-group-item a,
.card.pepper-green-text .card-body h3,
.card.pepper-green-text .card-body h3 a,
.card.pepper-green-text .card-body h4,
.card.pepper-green-text .card-body h4 a,
.card.pepper-green-text .card-body li a,
.card.pepper-green-text .card-body li,
.card.pepper-green-text p,
.card.pepper-green-text .description,
.card.pepper-green-text .card-body p.publication-date,
.card.pepper-green-text label {
  color: #285c4d;
}

/* line 682, S:/files/css/Global stack/component/_card.scss */
.card.plum-text .inline li,
.card.plum-text li.list-group-item,
.card.plum-text li.list-group-item a,
.card.plum-text .card-body h3,
.card.plum-text .card-body h3 a,
.card.plum-text .card-body h4,
.card.plum-text .card-body h4 a,
.card.plum-text .card-body li a,
.card.plum-text .card-body li,
.card.plum-text p,
.card.plum-text .description,
.card.plum-text .card-body p.publication-date,
.card.plum-text label {
  color: #4a3041;
}

/* line 700, S:/files/css/Global stack/component/_card.scss */
.card.cyan-text .inline li,
.card.cyan-text li.list-group-item,
.card.cyan-text li.list-group-item a,
.card.cyan-text .card-body h3,
.card.cyan-text .card-body h3 a,
.card.cyan-text .card-body h4,
.card.cyan-text .card-body h4 a,
.card.cyan-text .card-body li a,
.card.cyan-text .card-body li,
.card.cyan-text p,
.card.cyan-text .description,
.card.cyan-text .card-body p.publication-date,
.card.cyan-text label {
  color: #009cdd;
}

/* line 718, S:/files/css/Global stack/component/_card.scss */
.card.rose-text .inline li,
.card.rose-text li.list-group-item,
.card.rose-text li.list-group-item a,
.card.rose-text .card-body h3,
.card.rose-text .card-body h3 a,
.card.rose-text .card-body h4,
.card.rose-text .card-body h4 a,
.card.rose-text .card-body li a,
.card.rose-text .card-body li,
.card.rose-text p,
.card.rose-text .description,
.card.rose-text .card-body p.publication-date,
.card.rose-text label {
  color: #ef426f;
}

/* line 736, S:/files/css/Global stack/component/_card.scss */
.offset.flip .card {
  box-shadow: 0 0;
  border: 2px solid white;
}

/* line 742, S:/files/css/Global stack/component/_card.scss */
li.card {
  margin: 0;
}

/* line 746, S:/files/css/Global stack/component/_card.scss */
.card.landscape {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
  grid-column: 1 / -1;
  padding: 0;
  /*.card-body{
		margin: auto 0 !important;
	}*/
}

/* line 752, S:/files/css/Global stack/component/_card.scss */
.card.landscape img,
.card.landscape figure {
  margin: 0;
  width: 100%;
}

/* line 761, S:/files/css/Global stack/component/_card.scss */
.card.landscape aside hh2,
.card.landscape aside h3 {
  font-size: clamp(1.75rem, 2vw, 2rem);
  line-height: clamp(2rem, 2.25vw, 2.25rem);
}

/* line 767, S:/files/css/Global stack/component/_card.scss */
.card.landscape img {
  order: 1;
}

/* line 770, S:/files/css/Global stack/component/_card.scss */
.card.landscape aside {
  order: 2;
}

/* line 773, S:/files/css/Global stack/component/_card.scss */
.card.landscape a.wrapping-link {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
}

/* line 778, S:/files/css/Global stack/component/_card.scss */
.card.landscape a.wrapping-link img {
  order: 1;
}

/* line 781, S:/files/css/Global stack/component/_card.scss */
.card.landscape a.wrapping-link aside {
  order: 2;
}

/* line 787, S:/files/css/Global stack/component/_card.scss */
.card.yellow.landscape, .card.light-grey.landscape, .card.mid-grey.landscape, .card.peach.landscape, .card.sea-green.landscape, .card.green.landscape, .card.blue.landscape, .card.pepper-green.landscape, .card.pepper-green.landscape {
  border: none;
  -webkit-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
}

/* line 795, S:/files/css/Global stack/component/_card.scss */
.card.landscape.image-position-right img,
.card.landscape.image-position-right figure {
  order: 2;
  margin: 0;
}

/* line 800, S:/files/css/Global stack/component/_card.scss */
.card.landscape.image-position-right aside {
  order: 1;
  padding-left: clamp(1.5rem, 2vw, 2rem);
}

/* line 806, S:/files/css/Global stack/component/_card.scss */
.card.landscape.image-position-right a.wrapping-link img,
.card.landscape.image-position-right a.wrapping-link figure {
  order: 2;
  margin: 0;
}

/* line 811, S:/files/css/Global stack/component/_card.scss */
.card.landscape.image-position-right a.wrapping-link aside {
  order: 1;
}

/* line 817, S:/files/css/Global stack/component/_card.scss */
.card.landscape.image-position-right a.wrapping-link figure.order-one {
  order: 1;
}

/* line 821, S:/files/css/Global stack/component/_card.scss */
.card.landscape.flip {
  border: 0;
}

/* line 825, S:/files/css/Global stack/component/_card.scss */
.card.landscape.alert, .topic-page .card.landscape.alert {
  display: grid;
  grid-template-columns: 2fr 1fr;
  padding: clamp(0.75rem, 1.75vw, 1.75rem);
  margin: 2rem 0;
}

/* line 830, S:/files/css/Global stack/component/_card.scss */
.card.landscape.alert article, .topic-page .card.landscape.alert article {
  margin: auto 0 !important;
  width: 100% !important;
  float: 0 !important;
  padding: 0 !important;
}

/* line 835, S:/files/css/Global stack/component/_card.scss */
.card.landscape.alert article h2, .card.landscape.alert article h3, .topic-page .card.landscape.alert article h2, .topic-page .card.landscape.alert article h3 {
  margin-bottom: 0.25rem;
}

/* line 838, S:/files/css/Global stack/component/_card.scss */
.card.landscape.alert article p, .topic-page .card.landscape.alert article p {
  margin-bottom: 0;
}

/* line 842, S:/files/css/Global stack/component/_card.scss */
.card.landscape.alert aside .second-cta, .topic-page .card.landscape.alert aside .second-cta {
  margin-top: 0.75rem;
}

/* line 845, S:/files/css/Global stack/component/_card.scss */
.card.landscape.alert aside .call-to-action, .card.landscape.alert aside .function-button, .topic-page .card.landscape.alert aside .call-to-action, .topic-page .card.landscape.alert aside .function-button {
  display: block;
  margin: 0 !important;
}

/* line 849, S:/files/css/Global stack/component/_card.scss */
.card.landscape.alert aside .function-button, .topic-page .card.landscape.alert aside .function-button {
  border-color: #212b58 !important;
}

/* line 855, S:/files/css/Global stack/component/_card.scss */
.card.flip.landscape.alert aside .function-button, .topic-page .card.flip.landscape.alert aside .function-button {
  border-color: white !important;
}

/* line 858, S:/files/css/Global stack/component/_card.scss */
.card.flip.landscape.alert aside .function-button.transparent, .topic-page .card.flip.landscape.alert aside .function-button.transparent {
  color: white !important;
}

/* line 863, S:/files/css/Global stack/component/_card.scss */
#main-content .topic-page .card.landscape aside h3 {
  font-size: clamp(1.25rem, 1.5vw, 1.5rem);
  line-height: clamp(1.5rem, 1.75vw, 1.75rem);
}

/*.event-types, .subjects {
	margin-bottom: 0.75rem;
	span {
		margin-right: 0.25rem;
	}
}

.event-types {
	margin-bottom: 0.5rem;
}

.subjects {
	display: block
	span {
		border: 1px solid rgba(0,0,0,0.2);
		border-radius: 7px !important;
		-webkit-box-shadow: 0px 0px 8px -4px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 8px -4px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 8px -4px rgba(0,0,0,0.75);
		padding: 0.3rem 0.5rem 0.2rem;
	}
}*/
@media all and (max-width: 1366px) {
  /* line 892, S:/files/css/Global stack/component/_card.scss */
  .project-shape .content-mask #container #responsive-container #main-content .topic-page .card.landscape aside {
    width: 100%;
  }
}

@media all and (max-width: 1024px) {
  /* line 898, S:/files/css/Global stack/component/_card.scss */
  .card.landscape,
  .card.landscape.image-position-right {
    grid-template-columns: 1fr;
    padding: clamp(0.75rem, 1vw, 1rem);
    grid-gap: 1rem;
  }
  /* line 903, S:/files/css/Global stack/component/_card.scss */
  .card.landscape a.wrapping-link,
  .card.landscape.image-position-right a.wrapping-link {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
  /* line 906, S:/files/css/Global stack/component/_card.scss */
  .card.landscape a.wrapping-link img,
  .card.landscape.image-position-right a.wrapping-link img {
    order: 1;
  }
  /* line 909, S:/files/css/Global stack/component/_card.scss */
  .card.landscape a.wrapping-link aside,
  .card.landscape.image-position-right a.wrapping-link aside {
    order: 2;
  }
  /* line 913, S:/files/css/Global stack/component/_card.scss */
  .card.landscape img,
  .card.landscape.image-position-right img {
    order: 1;
  }
  /* line 917, S:/files/css/Global stack/component/_card.scss */
  .card.landscape aside,
  .card.landscape.image-position-right aside {
    order: 2;
  }
  /* line 921, S:/files/css/Global stack/component/_card.scss */
  .card.landscape.alert, .topic-page .card.landscape.alert {
    grid-template-columns: 1fr;
  }
}

/* line 926, S:/files/css/Global stack/component/_card.scss */
.card.landscape.image-position-right.landscapeCardMobile a.wrapping-link {
  grid-gap: 0 !important;
}

/* line 930, S:/files/css/Global stack/component/_card.scss */
.card.landscape.image-position-right.landscapeCardMobile a.wrapping-link aside {
  padding: 2rem !important;
}

@media all and (max-width: 769px) {
  /* line 935, S:/files/css/Global stack/component/_card.scss */
  #firststory.card,
  #firststory.card > a.wrapping-link {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
  /* line 940, S:/files/css/Global stack/component/_card.scss */
  .card.card.landscape.image-position-right.landscapeCardMobile {
    padding: 0px !important;
  }
  /* line 943, S:/files/css/Global stack/component/_card.scss */
  .card.landscape.image-position-right.landscapeCardMobile a.wrapping-link {
    grid-template-columns: 1fr;
    grid-gap: 0 !important;
  }
  /* line 947, S:/files/css/Global stack/component/_card.scss */
  .card.landscape.image-position-right.landscapeCardMobile a.wrapping-link figure {
    order: 1 !important;
  }
  /* line 950, S:/files/css/Global stack/component/_card.scss */
  .card.landscape.image-position-right.landscapeCardMobile a.wrapping-link aside {
    padding: 1rem !important;
  }
  /* line 954, S:/files/css/Global stack/component/_card.scss */
  .card.landscape.image-position-right.landscapeCardMobile a.wrapping-link aside p {
    margin-bottom: 0 !important;
  }
}

/* YELLOW STRIP */
/* line 9, S:/files/css/Global stack/component/_clearing-features.scss */
.course.project-shape .content-mask #container #responsive-container .info-banner article.module-layer h2.module-heading::before {
  top: clamp(-0.75rem, -1rem, -1rem) !important;
  width: clamp(2.75rem, 3.5vw, 3.5rem) !important;
}

/* line 14, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner {
  background: #dbdbd3 !important;
  /*margin-top: 85px;
	margin-bottom: clamp(-4.5rem, -7.5vw, -10rem);*/
}

/* line 18, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner .faculty-level-container {
  max-width: 1400px;
  margin: 0 auto;
}

/* line 22, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner .faculty-level-inner {
  margin: 0 auto;
  width: 95.6%;
}

/* line 28, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner .module-layer {
  display: grid;
  grid-gap: 1.75rem;
  grid-template-columns: 3fr 1.2fr 1.2fr;
  padding: 1.5rem 0 !important;
  padding: clamp(1.25rem, 1.5vw, 1.5rem) 0 !important;
  width: 100%;
  float: none;
}

/* line 36, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner .module-layer div:nth-of-type(1) {
  margin: auto 0;
  padding-left: 0;
}

/* line 40, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner .module-layer p.module-heading {
  padding-left: clamp(4rem, 5vw, 5.5rem);
  position: relative;
  vertical-align: text-bottom;
}

/* line 45, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner .module-layer p {
  color: #212b58 !important;
  margin-bottom: 0;
}

/* line 49, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner .module-layer p.module-heading, .info-banner .module-layer p:nth-of-type(1) {
  font-size: clamp(1rem, 1.5vw, 1.5rem) !important;
  line-height: clamp(1.5rem, 2vw, 2rem) !important;
  font-weight: 800;
  position: relative;
}

/* line 56, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner .module-layer p.module-heading::before {
  width: 4rem !important;
  height: 4rem;
  width: clamp(2.75rem, 4vw, 4rem) !important;
  height: clamp(2.25rem, 4vw, 4rem);
  position: absolute;
  left: 0;
  /*top: clamp(0rem, 0.1rem, 0.25rem);*/
  display: inline-block;
  transition: transform 0.5s;
}

/* line 60, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner .module-layer p.module-heading:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/noun-project/light-bulb.svg) !important;
  top: -1rem;
}

/* line 65, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner .module-layer .function-button {
  grid-auto-rows: max-content;
  margin-bottom: 0 !important;
  border: 2px solid #212b58 !important;
  background: #212b58;
  display: block;
}

/* line 73, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner .module-layer .function-button:hover, .info-banner .module-layer .function-button:focus {
  background-color: #0c1020 !important;
}

/* line 77, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner .module-layer .function-button.transparent {
  background: #ffd100 !important;
  color: #212b58 !important;
}

/* line 81, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner .module-layer .function-button.transparent:hover {
  background: #e6bc00 !important;
}

/* line 86, S:/files/css/Global stack/component/_clearing-features.scss */
.info-banner:nth-of-type(2) {
  /*margin-top: 0;*/
  background: #f87c56 !important;
  position: relative  !important;
  top: -13px  !important;
}

@media screen and (max-width: 1360px) {
  /* line 94, S:/files/css/Global stack/component/_clearing-features.scss */
  .info-banner .module-layer {
    grid-template-columns: 3fr 1.5fr 1.5fr;
  }
}

@media screen and (max-width: 1024px) {
  /* line 100, S:/files/css/Global stack/component/_clearing-features.scss */
  .info-banner .module-layer {
    grid-template-columns: 1fr 1fr;
  }
  /* line 102, S:/files/css/Global stack/component/_clearing-features.scss */
  .info-banner .module-layer h2.module-heading {
    grid-column: 1 / -1;
  }
}

@media screen and (max-width: 769px) {
  /* line 109, S:/files/css/Global stack/component/_clearing-features.scss */
  .info-banner .module-layer {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
}

/* BANNERS */
/* line 3, S:/files/css/Global stack/component/_banners.scss */
#banner-layout, .banner-layout {
  background: #333f48;
  position: relative;
  /*a.overlay:hover + article{
		background: $new-brand-yellow;
	}*/
  /*a.overlay:hover + .faculty-level-container > .faculty-level-inner > article > .img{
		filter: brightness(75%);
	}*/
}

/* line 6, S:/files/css/Global stack/component/_banners.scss */
#banner-layout a.overlay, .banner-layout a.overlay {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
}

/* line 16, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article, .banner-layout article {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  float: none !important;
  width: 100% !important;
  padding: 0;
  grid-gap: 4rem;
  margin-bottom: 0 !important;
}

/* line 24, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .card.flip, .banner-layout article .card.flip {
  /*li.list-group-item.study::before{
				content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/study.svg) !important;
			}
			li.list-group-item.research::before{
				content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/research.svg) !important;
			}
			li.list-group-item.event::before{
				content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/event.svg) !important;
			}
			li.list-group-item.news::before{
				content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/news.svg) !important;
			}*/
}

/* line 37, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .card.flip h2, #banner-layout article .card.flip h1, .banner-layout article .card.flip h2, .banner-layout article .card.flip h1 {
  color: white !important;
}

/* line 39, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .card.flip h2 a, #banner-layout article .card.flip h1 a, .banner-layout article .card.flip h2 a, .banner-layout article .card.flip h1 a {
  color: white;
}

/* line 43, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .card.flip a.call-to-action:hover, #banner-layout article .card.flip a.call-to-action:focus, .banner-layout article .card.flip a.call-to-action:hover, .banner-layout article .card.flip a.call-to-action:focus {
  background: #ffd100;
}

/* line 47, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .card, .banner-layout article .card {
  -webkit-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0);
  padding: 0;
  order: 1;
  background-color: transparent;
  border: none;
  margin: auto 0 !important;
  /*li.list-group-item.study::before{
				content: url(//www.liverpool.ac.uk/files/images/icons/course/study.svg) !important;
			}
			li.list-group-item.research::before{
				content: url(//www.liverpool.ac.uk/files/images/icons/course/research.svg) !important;
			}
			li.list-group-item.event::before{
				content: url(//www.liverpool.ac.uk/files/images/icons/course/event.svg) !important;
			}
			li.list-group-item.news::before{
				content: url(//www.liverpool.ac.uk/files/images/icons/course/news.svg) !important;
			}
			li.list-group-item.category-01{
				padding-left: 2.25rem;
			}*/
}

/* line 56, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .card li.list-group-item::before, .banner-layout article .card li.list-group-item::before {
  /*display: inline-block !important;
				position: absolute;
				transition: transform 0.5s;
				width: clamp(2.25rem, 2vw, 2.25rem) !important;
				height: clamp(2.25rem, 2vw, 2.25rem) !important;
				top: -2%;
				left: 0.75rem;*/
  display: none;
}

/* line 81, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .card h2, #banner-layout article .card h1, .banner-layout article .card h2, .banner-layout article .card h1 {
  margin-top: 0;
  font-size: clamp(2rem, 2.5vw, 3rem);
  line-height: clamp(2rem, 2.5vw, 3rem);
  margin-bottom: 1rem;
  color: #212b58 !important;
  display: inline-block !important;
}

/* line 88, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .card h2 a, #banner-layout article .card h1 a, .banner-layout article .card h2 a, .banner-layout article .card h1 a {
  text-decoration: none;
  color: #212b58;
}

/* line 93, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .card ul.list-group, .banner-layout article .card ul.list-group {
  margin-bottom: 1.5rem;
}

/* line 95, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .card ul.list-group .list-group-item.breadcrumb::before, .banner-layout article .card ul.list-group .list-group-item.breadcrumb::before {
  display: none !important;
}

/* line 100, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .card .inline li.breadcrumb:nth-child(n+2), .banner-layout article .card .inline li.breadcrumb:nth-child(n+2) {
  margin-left: 0rem;
}

/* line 103, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .card p.description, .banner-layout article .card p.description {
  font-size: clamp(1.1rem, 1.25vw, 1.25rem);
  line-height: clamp(1.5rem, 2vw, 2rem);
  font-weight: 400;
  margin-bottom: 1.75rem !important;
}

/* line 111, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .img, .banner-layout article .img {
  order: 2;
  position: relative;
}

/* line 114, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .img figcaption, .banner-layout article .img figcaption {
  background: white;
  margin: 0;
  border: none;
  padding: 0.75rem;
  position: absolute;
  top: 0;
  right: 0;
  color: #212b58;
  font-weight: 500;
}

/* line 125, S:/files/css/Global stack/component/_banners.scss */
#banner-layout article .img img, .banner-layout article .img img {
  margin: 0;
  width: 100%;
  height: auto;
}

/* line 134, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.pepper-green, .banner-layout.pepper-green {
  background: #285c4d;
}

/* line 136, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.pepper-green .card.flip a.call-to-action, .banner-layout.pepper-green .card.flip a.call-to-action {
  color: #285c4d !important;
}

/* line 141, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.plum, .banner-layout.plum {
  background: #4a3041;
}

/* line 143, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.plum .card.flip a.call-to-action, .banner-layout.plum .card.flip a.call-to-action {
  color: #4a3041 !important;
}

/* line 148, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.peach, .banner-layout.peach {
  background: #f87c56;
  /*.card a.call-to-action{
		color: $new-brand-peach !important;
	}*/
}

/* line 154, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.yellow, .banner-layout.yellow {
  background: #ffd100;
  /*.card a.call-to-action{
		color: $new-brand-peach !important;
	}*/
}

/* line 161, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.light-grey, .banner-layout.light-grey {
  background: #dbdbd3;
  /*.card a.call-to-action{
		color: $new-brand-peach !important;
	}*/
}

/* line 168, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.mid-grey, .banner-layout.mid-grey {
  background: #a2acab;
  /*.card a.call-to-action{
		color: $new-brand-peach !important;
	}*/
}

/* line 175, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.rose, .banner-layout.rose {
  background: #ef426f;
}

/* line 177, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.rose .card.flip a.call-to-action, .banner-layout.rose .card.flip a.call-to-action {
  color: #ef426f !important;
}

/* line 182, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.cyan, .banner-layout.cyan {
  background: #00a1e5;
  /*.card a.call-to-action{
		color: $new-brand-peach !important;
	}*/
}

/* line 189, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.sea-green, .banner-layout.sea-green {
  background: #00ab8e;
  /*.card a.call-to-action{
		color: $new-brand-peach !important;
	}*/
}

/* line 196, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.green, .banner-layout.green {
  background: #03ab8b;
  /*.card a.call-to-action{
		color: $new-brand-peach !important;
	}*/
}

/* line 203, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.blue, .banner-layout.blue {
  background: #212b58;
  /*.card a.call-to-action{
		color: $new-brand-peach !important;
	}*/
}

/*#banner-layout.yellow-text{
	.card.flip .inline li, .card.flip li.list-group-item, .card.flip .inline li a, .card.flip li.list-group-item a, article .card.flip h2, article .card h2, .card p.card-text.description{
		color: $new-brand-yellow !important;
	}
}*/
/* line 218, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.brand-level-01 article .card, .banner-layout.brand-level-01 article .card {
  /*p.card-text.description{
				margin-top: 1.5rem;
			}*/
}

/* line 220, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.brand-level-01 article .card h2, #banner-layout.brand-level-01 article .card h1, .banner-layout.brand-level-01 article .card h2, .banner-layout.brand-level-01 article .card h1 {
  border: 3px solid #212b58;
  display: table-cell;
  padding: 10px 13px 8px 12px;
  color: #212b58 !important;
  width: auto;
  text-transform: uppercase;
}

/* line 227, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.brand-level-01 article .card h2 a, #banner-layout.brand-level-01 article .card h1 a, .banner-layout.brand-level-01 article .card h2 a, .banner-layout.brand-level-01 article .card h1 a {
  display: table-cell;
}

/* line 236, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.brand-level-01 article .card.flip h2, #banner-layout.brand-level-01 article .card.flip h1, .banner-layout.brand-level-01 article .card.flip h2, .banner-layout.brand-level-01 article .card.flip h1 {
  border: 3px solid white;
  color: white !important;
}

/* line 245, S:/files/css/Global stack/component/_banners.scss */
#banner-layout.indented article, .banner-layout.indented article {
  padding-left: 4rem;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 1360px) {
  /* line 253, S:/files/css/Global stack/component/_banners.scss */
  #banner-layout .faculty-level-inner, .banner-layout .faculty-level-inner {
    width: 100%;
  }
  /* line 256, S:/files/css/Global stack/component/_banners.scss */
  #banner-layout article, .banner-layout article {
    grid-template-columns: 1fr 1.58fr;
    padding-left: 4rem;
  }
  /* line 259, S:/files/css/Global stack/component/_banners.scss */
  #banner-layout article .card li.list-group-item.category-01::before, .banner-layout article .card li.list-group-item.category-01::before {
    left: 0.55rem;
  }
  /* line 265, S:/files/css/Global stack/component/_banners.scss */
  #banner-layout.indented article, .banner-layout.indented article {
    padding-left: 4rem !important;
    grid-template-columns: 1fr 1.58fr;
  }
}

@media screen and (max-width: 1024px) {
  /* line 273, S:/files/css/Global stack/component/_banners.scss */
  #banner-layout .faculty-level-inner, .banner-layout .faculty-level-inner {
    width: 100% !important;
  }
  /* line 276, S:/files/css/Global stack/component/_banners.scss */
  #banner-layout article, .banner-layout article {
    grid-template-columns: 1fr;
    padding-left: 0 !important;
    grid-gap: 2rem;
  }
  /* line 280, S:/files/css/Global stack/component/_banners.scss */
  #banner-layout article .card, .banner-layout article .card {
    order: 2;
    /*padding: 50px 70px;*/
    margin: 0 2rem 1rem !important;
  }
  /* line 285, S:/files/css/Global stack/component/_banners.scss */
  #banner-layout article .img, .banner-layout article .img {
    order: 1;
  }
  /* line 291, S:/files/css/Global stack/component/_banners.scss */
  #banner-layout.indented article, .banner-layout.indented article {
    padding-left: 0 !important;
    grid-template-columns: 1fr;
  }
}

/* CONTACT US STRIP BELOW BANNERS */
/* line 3, S:/files/css/Global stack/component/_contact-strip.scss */
#main-content .internal-homepage #contact-strip {
  margin-bottom: 0.55em;
  border: none;
  padding: 0 2rem;
}

/* line 7, S:/files/css/Global stack/component/_contact-strip.scss */
#main-content .internal-homepage #contact-strip .faculty-level-inner {
  display: grid;
  grid-template-columns: 1fr 2.5fr;
}

/* line 11, S:/files/css/Global stack/component/_contact-strip.scss */
#main-content .internal-homepage #contact-strip .faculty-level-inner::before {
  display: none;
}

/* line 14, S:/files/css/Global stack/component/_contact-strip.scss */
#main-content .internal-homepage #contact-strip #contact {
  text-align: right;
  grid-column: 2;
}

/* line 18, S:/files/css/Global stack/component/_contact-strip.scss */
#main-content .internal-homepage #contact-strip #contact span {
  font-family: "poppins", sans-serif;
  color: #212b58 !important;
  margin-bottom: 0;
  padding: 1.5rem 0;
  display: inline-block;
}

/* line 24, S:/files/css/Global stack/component/_contact-strip.scss */
#main-content .internal-homepage #contact-strip #contact span a {
  color: #212b58;
  border-bottom-color: white;
}

/* line 29, S:/files/css/Global stack/component/_contact-strip.scss */
#main-content .internal-homepage #contact-strip #contact span:nth-of-type(1) {
  margin-right: 1rem;
}

/* line 35, S:/files/css/Global stack/component/_contact-strip.scss */
#main-content .internal-homepage #contact-strip #social p, #main-content .internal-homepage #contact-strip #department-social-media p {
  position: relative;
  /*top: -1px;*/
  /*margin: 0;*/
}

/* line 40, S:/files/css/Global stack/component/_contact-strip.scss */
#main-content .internal-homepage #contact-strip #social p .ss-icon, #main-content .internal-homepage #contact-strip #department-social-media p .ss-icon {
  padding: 0.5em 0 0.25em;
  font-size: 150%;
  color: white;
  border: none;
  display: inline-block;
}

/* line 47, S:/files/css/Global stack/component/_contact-strip.scss */
#main-content .internal-homepage #contact-strip #social p p:empty, #main-content .internal-homepage #contact-strip #social p p:blank, #main-content .internal-homepage #contact-strip #department-social-media p p:empty, #main-content .internal-homepage #contact-strip #department-social-media p p:blank {
  display: none !important;
  visibility: hidden;
}

/* line 51, S:/files/css/Global stack/component/_contact-strip.scss */
#main-content .internal-homepage #contact-strip #social p .ss-icon:hover, #main-content .internal-homepage #contact-strip #social p .ss-icon:focus, #main-content .internal-homepage #contact-strip #department-social-media p .ss-icon:hover, #main-content .internal-homepage #contact-strip #department-social-media p .ss-icon:focus {
  color: #ffd100;
}

/* line 60, S:/files/css/Global stack/component/_contact-strip.scss */
#main-content .internal-homepage.new-layout #contact-strip {
  background: #a2acab;
}

/* line 64, S:/files/css/Global stack/component/_contact-strip.scss */
#main-content .internal-homepage #contact-strip #department-social-media p:empty {
  display: none;
}

@media screen and (max-width: 769px) {
  /* line 70, S:/files/css/Global stack/component/_contact-strip.scss */
  #main-content .internal-homepage #contact-strip .faculty-level-inner {
    grid-template-columns: 1fr;
    width: 100% !important;
  }
  /* line 73, S:/files/css/Global stack/component/_contact-strip.scss */
  #main-content .internal-homepage #contact-strip .faculty-level-inner #contact {
    text-align: left;
  }
  /* line 75, S:/files/css/Global stack/component/_contact-strip.scss */
  #main-content .internal-homepage #contact-strip .faculty-level-inner #contact span {
    padding: 0 0 1.25rem;
  }
  /* line 78, S:/files/css/Global stack/component/_contact-strip.scss */
  #main-content .internal-homepage #contact-strip .faculty-level-inner #contact span.tel {
    padding: 0 0 0.5rem;
  }
  /* line 84, S:/files/css/Global stack/component/_contact-strip.scss */
  #main-content .internal-homepage #contact-strip #social p .ss-icon, #main-content .internal-homepage #contact-strip #department-social-media p .ss-icon {
    padding: 0.75em 0 0em;
  }
}

/* PAGINATION */
/* line 3, S:/files/css/Global stack/component/_pagination.scss */
#pagination {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column: 1 / -1;
  grid-gap: 0.5rem;
  width: 50%;
  margin-top: 1rem;
}

@media screen and (max-width: 769px) {
  width: 100%;
}

/* ICON OVERLAY */
/* line 3, S:/files/css/Global stack/component/_icon-overlay.scss */
.icon-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

/* line 13, S:/files/css/Global stack/component/_icon-overlay.scss */
.icon-overlay.video-icon {
  background-image: url(//www.liverpool.ac.uk/files/images/icons/why-study/play.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15%;
}

/* line 20, S:/files/css/Global stack/component/_icon-overlay.scss */
a.icon:hover img, a.icon:focus img, a.icon:active img {
  filter: brightness(75%);
}

/* ICON OVERLAY */
/* line 3, S:/files/css/Global stack/component/_social-media-icon-list.scss */
.topic-page aside ul.connect:empty, .internal-homepage #contact-strip ul.connect:empty {
  display: none !important;
}

/* line 6, S:/files/css/Global stack/component/_social-media-icon-list.scss */
.topic-page aside ul.connect, .internal-homepage #contact-strip ul.connect {
  display: block;
  padding-top: 0;
  z-index: 1000;
  margin: 0;
}

/* line 11, S:/files/css/Global stack/component/_social-media-icon-list.scss */
.topic-page aside ul.connect li, .internal-homepage #contact-strip ul.connect li {
  display: inline;
  margin-bottom: 0;
  margin-right: 5px;
  width: 28px;
}

/* line 16, S:/files/css/Global stack/component/_social-media-icon-list.scss */
.topic-page aside ul.connect li a, .internal-homepage #contact-strip ul.connect li a {
  border: none;
  position: relative;
  width: 28px;
  height: 28px;
  opacity: 1;
}

/* line 22, S:/files/css/Global stack/component/_social-media-icon-list.scss */
.topic-page aside ul.connect li a span, .internal-homepage #contact-strip ul.connect li a span {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* line 27, S:/files/css/Global stack/component/_social-media-icon-list.scss */
.topic-page aside ul.connect li::before, .internal-homepage #contact-strip ul.connect li::before {
  display: none !important;
}

/* line 31, S:/files/css/Global stack/component/_social-media-icon-list.scss */
.topic-page aside ul.connect li.facebook a::before, .topic-page aside ul.connect li.twitter a::before, .topic-page aside ul.connect li.linkedin a::before, .topic-page aside ul.connect li.instagram a::before, .topic-page aside ul.connect li.youtube a::before, .topic-page aside ul.connect li.tik-tok a::before, .internal-homepage #contact-strip ul.connect li.facebook a::before, .internal-homepage #contact-strip ul.connect li.twitter a::before, .internal-homepage #contact-strip ul.connect li.linkedin a::before, .internal-homepage #contact-strip ul.connect li.instagram a::before, .internal-homepage #contact-strip ul.connect li.youtube a::before, .internal-homepage #contact-strip ul.connect li.tik-tok a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/social-media/facebook.svg);
  width: 28px;
  height: 28px;
  display: inline-block;
  transition: transform 0.5s;
}

/* line 40, S:/files/css/Global stack/component/_social-media-icon-list.scss */
.topic-page aside ul.connect li.twitter a::before, .internal-homepage #contact-strip ul.connect li.twitter a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/social-media/twitter.svg);
}

/* line 45, S:/files/css/Global stack/component/_social-media-icon-list.scss */
.topic-page aside ul.connect li.linkedin a::before, .internal-homepage #contact-strip ul.connect li.linkedin a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/social-media/linkedin.svg);
}

/* line 50, S:/files/css/Global stack/component/_social-media-icon-list.scss */
.topic-page aside ul.connect li.instagram a::before, .internal-homepage #contact-strip ul.connect li.instagram a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/social-media/instagram.svg);
}

/* line 55, S:/files/css/Global stack/component/_social-media-icon-list.scss */
.topic-page aside ul.connect li.youtube a::before, .internal-homepage #contact-strip ul.connect li.youtube a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/social-media/youtube.svg);
}

/* line 60, S:/files/css/Global stack/component/_social-media-icon-list.scss */
.topic-page aside ul.connect li.tik-tok a::before, .internal-homepage #contact-strip ul.connect li.tik-tok a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/social-media/tiktok.svg);
}

/* line 65, S:/files/css/Global stack/component/_social-media-icon-list.scss */
.internal-homepage #contact-strip ul.connect {
  padding: 1.15rem 0 1rem !important;
}

/* ORDERED LIST WITH STYLES NUMBERS */
/* STAFF MODULES ON TOPIC PAGE AND ACADEMIC UNIT CONTENT TYPES */
/* line 2, S:/files/css/Global stack/component/_staff-module-grid.scss */
.module-layer.staff .module-layer-inner {
  padding: 2rem 0;
}

/* line 5, S:/files/css/Global stack/component/_staff-module-grid.scss */
.module-layer.staff .inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  width: 100%;
}

/* line 10, S:/files/css/Global stack/component/_staff-module-grid.scss */
.module-layer.staff .inner h2 {
  grid-column: 1 / -1;
}

/* line 17, S:/files/css/Global stack/component/_staff-module-grid.scss */
.project-shape .module-layer.staff .inner {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

/* line 22, S:/files/css/Global stack/component/_staff-module-grid.scss */
.module-layer.staff .staff-id {
  text-align: center;
}

/* line 24, S:/files/css/Global stack/component/_staff-module-grid.scss */
.module-layer.staff .staff-id img {
  border-radius: 50%;
  width: 90% !important;
}

/* line 29, S:/files/css/Global stack/component/_staff-module-grid.scss */
.module-layer.staff .staff-id figure {
  margin-bottom: 1rem;
}

/* line 32, S:/files/css/Global stack/component/_staff-module-grid.scss */
.module-layer.staff .staff-id p {
  color: #212b58;
}

@media screen and (max-width: 1024px) {
  /* line 39, S:/files/css/Global stack/component/_staff-module-grid.scss */
  .project-shape .module-layer.staff .inner, .module-layer.staff .inner {
    grid-template-columns: 1fr 1fr;
  }
}

/* ICON GRID */
/* line 3, S:/files/css/Global stack/component/_icon-grid.scss */
.icon-grid .faculty-level-inner, #main-content .icon-grid .faculty-level-inner {
  width: 75.7142%;
}

/* line 5, S:/files/css/Global stack/component/_icon-grid.scss */
.icon-grid .faculty-level-inner ul, #main-content .icon-grid .faculty-level-inner ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 4rem;
  margin-bottom: clamp(1.5rem, 2.75vw, 2.75rem);
  margin-left: 0 !important;
}

/* line 11, S:/files/css/Global stack/component/_icon-grid.scss */
.icon-grid .faculty-level-inner ul li, #main-content .icon-grid .faculty-level-inner ul li {
  text-align: center;
  position: relative;
  padding-top: 45%;
  background-image: url(//www.liverpool.ac.uk/files/images/icons/why-study/play.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 50%;
}

/* line 20, S:/files/css/Global stack/component/_icon-grid.scss */
.icon-grid .faculty-level-inner ul li::before, #main-content .icon-grid .faculty-level-inner ul li::before {
  display: none;
}

/* line 23, S:/files/css/Global stack/component/_icon-grid.scss */
.icon-grid .faculty-level-inner ul li.advice-icon, #main-content .icon-grid .faculty-level-inner ul li.advice-icon {
  background-image: url(//www.liverpool.ac.uk/files/images/icons/icon-grid/advice.svg);
}

/* line 26, S:/files/css/Global stack/component/_icon-grid.scss */
.icon-grid .faculty-level-inner ul li.globe-icon, #main-content .icon-grid .faculty-level-inner ul li.globe-icon {
  background-image: url(//www.liverpool.ac.uk/files/images/icons/icon-grid/globe.svg);
}

/* line 29, S:/files/css/Global stack/component/_icon-grid.scss */
.icon-grid .faculty-level-inner ul li.partnerships-icon, #main-content .icon-grid .faculty-level-inner ul li.partnerships-icon {
  background-image: url(//www.liverpool.ac.uk/files/images/icons/icon-grid/partnerships.svg);
}

/* line 32, S:/files/css/Global stack/component/_icon-grid.scss */
.icon-grid .faculty-level-inner ul li.person-icon, #main-content .icon-grid .faculty-level-inner ul li.person-icon {
  background-image: url(//www.liverpool.ac.uk/files/images/icons/icon-grid/person.svg);
}

/* line 35, S:/files/css/Global stack/component/_icon-grid.scss */
.icon-grid .faculty-level-inner ul li.statistic-icon, #main-content .icon-grid .faculty-level-inner ul li.statistic-icon {
  background-image: url(//www.liverpool.ac.uk/files/images/icons/icon-grid/graph.svg);
}

/* line 38, S:/files/css/Global stack/component/_icon-grid.scss */
.icon-grid .faculty-level-inner ul li.university-icon, #main-content .icon-grid .faculty-level-inner ul li.university-icon {
  background-image: url(//www.liverpool.ac.uk/files/images/icons/icon-grid/university.svg);
}

@media screen and (max-width: 769px) {
  /* line 48, S:/files/css/Global stack/component/_icon-grid.scss */
  .icon-grid .faculty-level-inner, #main-content .icon-grid .faculty-level-inner {
    width: 75.7142%;
  }
  /* line 50, S:/files/css/Global stack/component/_icon-grid.scss */
  .icon-grid .faculty-level-inner ul, #main-content .icon-grid .faculty-level-inner ul {
    grid-template-columns: 1fr;
  }
  /* line 52, S:/files/css/Global stack/component/_icon-grid.scss */
  .icon-grid .faculty-level-inner ul li, #main-content .icon-grid .faculty-level-inner ul li {
    padding-top: 50%;
  }
}

/* STAFF LIST TABLE */
/* CSS Document */
/* line 5, S:/files/css/Global stack/component/_staff-list-table.scss */
table.entries tr td:nth-child(1) {
  width: 20%;
}

/* line 9, S:/files/css/Global stack/component/_staff-list-table.scss */
table.entries tr td:nth-child(2) {
  width: 35%;
}

/* line 13, S:/files/css/Global stack/component/_staff-list-table.scss */
table.entries tr td:nth-child(3) {
  width: 30%;
}

/* line 17, S:/files/css/Global stack/component/_staff-list-table.scss */
table.entries tr td:nth-child(4) {
  width: 15%;
}

@media screen and (max-width: 700px) {
  /* line 25, S:/files/css/Global stack/component/_staff-list-table.scss */
  table.entries {
    background: none;
    border: none;
  }
  /* line 28, S:/files/css/Global stack/component/_staff-list-table.scss */
  table.entries thead {
    display: none;
  }
  /* line 31, S:/files/css/Global stack/component/_staff-list-table.scss */
  table.entries tr {
    grid-template-columns: 1fr;
    padding: 1em 0 0;
    display: grid;
  }
  /* line 35, S:/files/css/Global stack/component/_staff-list-table.scss */
  table.entries tr td {
    border: none !important;
  }
  /* line 38, S:/files/css/Global stack/component/_staff-list-table.scss */
  table.entries tr td:nth-child(1), table.entries tr td:nth-child(2), table.entries tr td:nth-child(3), table.entries tr td:nth-child(4) {
    width: 100%;
  }
  /* line 40, S:/files/css/Global stack/component/_staff-list-table.scss */
  table.entries tr:last-of-type {
    padding-bottom: 1rem;
  }
  /* line 43, S:/files/css/Global stack/component/_staff-list-table.scss */
  table.entries tr.vcard {
    border-radius: 7px;
    background: #dbdbd3;
    border: 1px solid #a2acab;
    margin-bottom: 1rem;
    padding: 0.75rem;
  }
  /* line 49, S:/files/css/Global stack/component/_staff-list-table.scss */
  table.entries tr.vcard td {
    padding: 0.25rem;
    padding: clamp(0.25rem, 0.25vw, 0.25rem);
  }
  /* line 53, S:/files/css/Global stack/component/_staff-list-table.scss */
  table.entries tr.vcard td.fn {
    font-size: 1.5rem;
    font-size: clamp(1.25rem, 1.5vw, 1.5rem);
    line-height: 1.5rem;
    line-height: clamp(1.5rem, 1.75vw, 1.75rem);
    padding-bottom: 0.5rem;
  }
  /* line 60, S:/files/css/Global stack/component/_staff-list-table.scss */
  table.entries tr.vcard td:empty {
    display: none;
  }
}

/* Scss Document */
/* DETAILS */
/* line 4, S:/files/css/Global stack/exception/_banners.scss */
.internal-homepage.new-layout #banner-layout article {
  grid-template-columns: 1fr;
  grid-gap: 0;
}

/* line 7, S:/files/css/Global stack/exception/_banners.scss */
.internal-homepage.new-layout #banner-layout article .card {
  order: 2;
  padding: 2rem 2rem 1rem;
}

/* line 11, S:/files/css/Global stack/exception/_banners.scss */
.internal-homepage.new-layout #banner-layout article .img {
  order: 1;
}

/* line 18, S:/files/css/Global stack/exception/_banners.scss */
#main-content .academic-subject-area.course.internal-homepage #banner-layout.brand-layer-2 .card-body h1 {
  margin-bottom: 0;
  width: 85%;
}

/* line 22, S:/files/css/Global stack/exception/_banners.scss */
#main-content .academic-subject-area.course.internal-homepage #banner-layout.brand-layer-2 .card-body h2.heading {
  font-size: 1.5rem;
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  line-height: 1.5rem;
  line-height: clamp(1.25rem, 1.5vw, 1.5rem);
  font-weight: 700;
  text-transform: none;
  width: 60%;
  border-top: none;
  /*margin-left: -10%;*/
  /*margin-top: -2px;*/
  margin-bottom: 1.5rem;
  padding: 11px 14px 9px 13px;
}

@media screen and (max-width: 1360px) {
  /* line 40, S:/files/css/Global stack/exception/_banners.scss */
  .internal-homepage.new-layout #banner-layout article {
    padding-left: 0;
  }
}

@media screen and (max-width: 1024px) {
  /* line 48, S:/files/css/Global stack/exception/_banners.scss */
  .internal-homepage.new-layout #banner-layout article {
    grid-template-columns: 1fr;
    grid-gap: 2rem;
  }
  /* line 51, S:/files/css/Global stack/exception/_banners.scss */
  .internal-homepage.new-layout #banner-layout article .card {
    padding: 0;
  }
}

@media screen and (max-width: 769px) {
  /* line 61, S:/files/css/Global stack/exception/_banners.scss */
  #main-content .academic-subject-area.course.internal-homepage #banner-layout.brand-layer-2 .card-body h2.heading {
    width: 70%;
  }
}

/* LIGHTER BUTTON */
/* line 4, S:/files/css/Global stack/exception/_cta-button-exceptions.scss */
.call-to-action.lighter a, a.call-to-action.lighter {
  background: white;
  border: 2px solid #021241 !important;
  color: #021241 !important;
}

/* line 8, S:/files/css/Global stack/exception/_cta-button-exceptions.scss */
.call-to-action.lighter a a, a.call-to-action.lighter a {
  color: #021241 !important;
}

/* line 13, S:/files/css/Global stack/exception/_cta-button-exceptions.scss */
.call-to-action.lighter a:before, a.call-to-action.lighter:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down.svg);
  transform: rotate(-90deg);
}

/* BACK BUTTON */
/* line 20, S:/files/css/Global stack/exception/_cta-button-exceptions.scss */
.call-to-action.back a:before, .back a.call-to-action:before {
  transform: rotate(90deg);
  padding-left: 0 !important;
  left: 5% !important;
  top: 16px !important;
}

/* line 27, S:/files/css/Global stack/exception/_cta-button-exceptions.scss */
.call-to-action.back a {
  padding-left: 10% !important;
}

/* line 31, S:/files/css/Global stack/exception/_cta-button-exceptions.scss */
.back a.call-to-action {
  padding-left: 5% !important;
  padding-right: 5% !important;
}

/* line 36, S:/files/css/Global stack/exception/_cta-button-exceptions.scss */
.call-to-action.back a:hover, .back a.call-to-action:hover, .call-to-action.back a:focus, .back a.call-to-action:focus {
  background: #ffb !important;
}

/* HALF WIDTH */
/* line 42, S:/files/css/Global stack/exception/_cta-button-exceptions.scss */
.call-to-action.half, .half a.call-to-action {
  width: 45%;
}

/* QUARTER WIDTH */
/* line 48, S:/files/css/Global stack/exception/_cta-button-exceptions.scss */
.call-to-action.quarter a, .quarter a.call-to-action {
  width: 25%;
}

@media screen and (max-width: 768px) {
  /* line 54, S:/files/css/Global stack/exception/_cta-button-exceptions.scss */
  .call-to-action.half, .half a.call-to-action {
    width: 100%;
  }
}

/* line 2, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand {
  margin: 0;
  margin-top: -1.25rem;
  /*margin: -2rem 0 2rem;*/
}

/* line 6, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand div:nth-last-of-type(2) {
  display: grid;
  grid-template-columns: 2.11fr 1fr;
  grid-column-gap: 1.5rem;
}

/* line 10, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand div:nth-last-of-type(2) input.search {
  width: 96%;
}

/* line 13, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand div:nth-last-of-type(2) select {
  margin: 0 !important;
}

/* line 17, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5rem;
  padding-top: 1.5rem;
  margin-right: -0.25rem;
}

/* line 23, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand .list article {
  float: none !important;
  width: 100% !important;
  margin-bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.34);
  padding: 1rem !important;
}

/* line 31, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand .list article a:nth-of-type(1) {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  z-index: 99;
}

/* line 34, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand .list article a:nth-of-type(1) span {
  display: none;
}

/* line 38, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand .list article h3, .filter-select-box.on-demand .list article .event-types, .filter-select-box.on-demand .list article .subjects, .filter-select-box.on-demand .list article .stream-link, .filter-select-box.on-demand .list article .stream-link a, .filter-select-box.on-demand .list article .description p {
  color: #333;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 100%;
}

/* line 43, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand .list article h3 {
  margin-top: 0;
  font-size: 110%;
  width: 93%;
  min-height: 3.5rem;
}

/* line 49, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand .list article img {
  top: 0 !important;
}

/* line 52, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand .list article div {
  margin-bottom: 0.5rem;
  display: block !important;
}

/* line 56, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand .list article div.event-types, .filter-select-box.on-demand .list article div.subjects {
  font-size: 80%;
  line-height: 1.25rem;
  margin: 0;
}

/* line 60, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand .list article div.event-types span, .filter-select-box.on-demand .list article div.subjects span {
  padding: 0.25rem 0.5rem !important;
  margin: 0rem 0.5rem 1rem 0;
  color: white;
  background-color: #333;
  border-radius: 7px !important;
  white-space: nowrap;
  line-height: 2rem;
}

/* line 71, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand .list article .stream-link a {
  border-bottom-color: white;
  z-index: 100;
  position: relative;
  opacity: 1;
}

/* line 78, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand .list article:hover img, .filter-select-box.on-demand .list article:hover {
  filter: brightness(75%);
}

/* line 81, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
.filter-select-box.on-demand .list article::after {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down.svg);
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 15px;
  transform: rotate(270deg);
}

@media (max-width: 768px) {
  /* line 96, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
  .filter-select-box.on-demand div:nth-last-of-type(2) {
    grid-template-columns: 1fr;
    grid-gap: 1.5rem;
  }
  /* line 99, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
  .filter-select-box.on-demand div:nth-last-of-type(2) input.search {
    width: auto;
  }
  /* line 103, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
  .filter-select-box.on-demand .list {
    grid-template-columns: 1fr;
  }
  /* line 105, S:/files/css/Global stack/exception/_postgraduate-on-demand-filter-select-box.scss */
  .filter-select-box.on-demand .list article {
    margin-bottom: 0 !important;
  }
}

/* line 4, S:/files/css/Global stack/exception/_welcome-events-filter-select-box.scss */
.filter-select-box.welcome-filter-box .filters {
  display: grid;
  grid-template-columns: 0.5fr 2fr 2fr;
  grid-gap: 1rem;
  margin-bottom: 1rem;
}

/* line 10, S:/files/css/Global stack/exception/_welcome-events-filter-select-box.scss */
.filter-select-box.welcome-filter-box .filters div h4 {
  margin-top: 0 !important;
}

/* line 13, S:/files/css/Global stack/exception/_welcome-events-filter-select-box.scss */
.filter-select-box.welcome-filter-box .filters div select {
  margin: 0;
}

/* line 17, S:/files/css/Global stack/exception/_welcome-events-filter-select-box.scss */
.filter-select-box.welcome-filter-box .filters div:nth-of-type(1) {
  grid-column: 1 / -1;
}

/* line 20, S:/files/css/Global stack/exception/_welcome-events-filter-select-box.scss */
.filter-select-box.welcome-filter-box .filters input.search {
  grid-column: 1 / -1;
  width: 98%;
}

/* line 24, S:/files/css/Global stack/exception/_welcome-events-filter-select-box.scss */
.filter-select-box.welcome-filter-box .filters .tags {
  display: block;
  grid-column: 1 / -1;
}

/* line 28, S:/files/css/Global stack/exception/_welcome-events-filter-select-box.scss */
.filter-select-box.welcome-filter-box .filters .types {
  /*grid-column: 1 / -1;*/
}

/* line 34, S:/files/css/Global stack/exception/_welcome-events-filter-select-box.scss */
.filter-select-box.welcome-filter-box h4, .filter-select-box.welcome-filter-box h3 {
  color: white;
  font-size: clamp(1rem, 1.25vw, 1.25rem);
  line-height: clamp(1.5rem, 1.5vw, 1.5rem);
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}

/* line 42, S:/files/css/Global stack/exception/_welcome-events-filter-select-box.scss */
.filter-select-box.welcome-filter-box h3 {
  margin-bottom: 0 !important;
}

/* line 46, S:/files/css/Global stack/exception/_welcome-events-filter-select-box.scss */
.filter-select-box.welcome-filter-box button {
  padding: 0.5rem 1.25rem 0.5rem 2.25rem !important;
  margin: 0rem 0.25rem 0.5rem 0;
  border: 2px solid #007b8a;
}

/* line 52, S:/files/css/Global stack/exception/_welcome-events-filter-select-box.scss */
.filter-select-box.welcome-filter-box button::before {
  top: 25%;
  left: 0.725rem;
}

/* line 57, S:/files/css/Global stack/exception/_welcome-events-filter-select-box.scss */
.filter-select-box.welcome-filter-box button.current, .filter-select-box.welcome-filter-box button:focus {
  background: #002024;
}

@media (max-width: 768px) {
  /* line 62, S:/files/css/Global stack/exception/_welcome-events-filter-select-box.scss */
  .filter-select-box.welcome-filter-box .filters {
    grid-template-columns: 1fr;
  }
}

/*.filter-select-box.welcome-filter-box .filters details{
	background: none;
	border: none;
	margin-bottom: 0;
}
.filter-select-box.welcome-filter-box .filters details[open] > summary,.filter-select-box.welcome-filter-box .filters details > summary, .filter-select-box.welcome-filter-box .filters details[open]{
	background-color: #004d57;
}


.filter-select-box.welcome-filter-box .filters details summary:focus, .filter-select-box.welcome-filter-box .filters details > summary:hover{
	background: #002024;
}

.filter-select-box.welcome-filter-box .filters details summary{
	color: white;
}

.filter-select-box.welcome-filter-box .filters details summary::before{
		content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down-white.svg);
}*/
/* line 3, S:/files/css/Global stack/exception/_welcome-events-info-box.scss */
#main-content article.info-box.full-width {
  padding: 1rem 1rem 0 !important;
  float: none !important;
}

/* line 9, S:/files/css/Global stack/exception/_welcome-events-info-box.scss */
.info-box.welcome-info-box ul.tags {
  margin: 0 0 1rem -5px;
}

/* line 11, S:/files/css/Global stack/exception/_welcome-events-info-box.scss */
.info-box.welcome-info-box ul.tags li::before {
  display: none !important;
}

/* line 14, S:/files/css/Global stack/exception/_welcome-events-info-box.scss */
.info-box.welcome-info-box ul.tags li {
  border-radius: 50px !important;
  border: 2px solid #666;
  font-size: 85%;
  font-weight: 800;
  display: inline;
  padding: 0.25rem 1rem !important;
  margin: 0rem 0.25rem;
  line-height: 2.75rem;
  white-space: pre;
}

/* Scss Document */
/* line 5, S:/files/css/Global stack/_news-recite-me.scss */
#reciteme-buttons .universal-inner {
  height: auto !important;
}

/* line 9, S:/files/css/Global stack/_news-recite-me.scss */
#reciteme-buttons {
  z-index: 1000;
  margin: 0;
  border-radius: 0;
  padding: 0;
  background: #6C63A5;
  position: fixed;
  width: 100%;
  bottom: 0;
}

/* line 20, S:/files/css/Global stack/_news-recite-me.scss */
#reciteme-buttons aside.sidebar.call-to-action {
  float: none;
  width: 100%;
  margin-bottom: 0;
}

/* line 26, S:/files/css/Global stack/_news-recite-me.scss */
#reciteme-buttons p {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin: auto;
  max-width: 40%;
  padding: 10px 0;
}

/* line 34, S:/files/css/Global stack/_news-recite-me.scss */
#reciteme-buttons p span:nth-of-type(2) a:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/close-white.svg);
}

/* line 40, S:/files/css/Global stack/_news-recite-me.scss */
#reciteme-buttons p a:link {
  background: rgba(0, 0, 0, 0.4) !important;
  border-radius: 50px;
  padding: 0.5em 7%;
  font-size: 120%;
  line-height: 1.22em;
  text-decoration: none;
  font-weight: 800;
}

/* line 50, S:/files/css/Global stack/_news-recite-me.scss */
#reciteme-buttons p a:hover {
  background: rgba(0, 0, 0, 0.75) !important;
}

/* line 54, S:/files/css/Global stack/_news-recite-me.scss */
#reciteme-buttons .call-to-action a:before {
  right: 3%;
  top: 6px;
}

@media screen and (max-width: 1024px) {
  /* line 61, S:/files/css/Global stack/_news-recite-me.scss */
  #reciteme-buttons p {
    max-width: 80% !important;
  }
}

@media screen and (max-width: 480px) {
  /* line 67, S:/files/css/Global stack/_news-recite-me.scss */
  #reciteme-buttons p {
    max-width: 100% !important;
    grid-gap: 10px !important;
    grid-template-columns: 1fr !important;
  }
  /* line 71, S:/files/css/Global stack/_news-recite-me.scss */
  #reciteme-buttons p a:link {
    padding: 0.5em 15% 0.5em 7% !important;
  }
  /* line 75, S:/files/css/Global stack/_news-recite-me.scss */
  #reciteme-buttons .call-to-action a:before {
    /*top: 25% !important;*/
  }
}

/* CAN THIS BE MOVED TO THE NEWS STACK */
/* Scss Document */
/* line 3, S:/files/css/Global stack/_main-content.scss */
#main-content {
  /*overflow: hidden;*/
  float: left;
  margin-bottom: 0.77em;
  font-size: 125%;
  /*ul.department-list{
		li{
			h2{
				font-size:100%;
				font-weight:400;
				display: inline;
				}
			}
		}*/
  /*ul.two-col-special{
		li{
			background: none;
			padding-left: 0;
			float: left;
		}
	}*/
  /*.key-contact{
		margin-bottom:1.33em;
		border-bottom:1px dotted lighten($blue,15%);
		padding-bottom:0.77em;
		display:block;
		clear:both;
		.fn{
			font-family:$proxima; 
			font-size:120%;
			font-weight:800; 
			color:$gold;
			margin-bottom:0.55em;
			}
		div{
			font-family:$proxima; 
			font-size:100%; 
			color:$grey-text;
			margin-bottom:0.55em;
			.tel{
				margin-right:2%;
				}
			}
		}*/
  /*div.figures{
			div{
				border-bottom: 2px dotted $classic-black;
				margin-bottom: 1em;
				padding-top: 0.2em;
				figure{
					font-weight: 800;
					font-size: 300%;
					font-family: $proxima;
					letter-spacing: -0.006em;
					color: $blue;
					margin-bottom: 0.05em;
					line-height: 0.9em;
					
				}
				figcaption{
					margin: 0;
					padding-bottom: 0.65em;
					font-size: 80%;
					line-height: 1.25em;
					width: 90%;
					font-family: $proxima;
				}
			}
		}*/
  /*.our-generic-modules{
		.generic-promo.department-cent-promo{
			background-color: lighten($blue,67%);
			width: 32.394%;
			float: right;
			margin-right:0;
			padding-bottom:0.77em;
			hr{
				display:none;
				}
			img{
					margin-bottom:1em;
					}
				h2{
					margin: 0 6% 0.5em;
					}
				p{
					margin: 0 6% 0.5em;
					}
			}
		}*/
  /*.id-card{
		margin-bottom:1.22em;
		border-bottom:4px solid darken($blue,15%);
		padding-bottom:1.33em;
		.image-holder{
			width: 31.4241%;
    		float: left;
			}
		.card-holder{
			width: 62.6346%;
    		float: right;
			address{
				padding-bottom:0;
				}
			ul{
				margin-left: 0;
				margin-bottom: 1.5em;
				li::before{
					display: none;
				}
				}
			}
		}*/
  /*article#honours-select-text{
		border-bottom:1px dotted lighten($blue,15%);
		margin-bottom:1em;
		span{
			p{
				img{
					margin: 0 1% 4% 0;
					}
				}
			}
		}*/
  /*#publications-list{
		ul{
			margin-left: 0;
			li::before{
				display: none;
			}
		}
	}*/
  /*.three-column-module{
		img{
			margin-bottom:1.77em;
			top:0;
			}
		}*/
  /*.textwithright{
		.main-text-section{
			h4{
				display:none;
				}
			}
		}*/
  /*header{ 
		img{
			margin-bottom:0;
			}
	}*/
  /*.tel,.email,.url,.pdf{
		margin-bottom:$standard-margin-bottom;
		
		span{
			font-family:$proxima;
			font-weight:600;
			font-size:125%;
			}
		span.value{
				color:$blue;
			}
	}
	#modules{
		margin-left:0;
	}*/
  /*#section-homepage-structure{
		background-color: darken($blue,9%);
		padding-left:0;
		margin-left:0;
		margin-bottom:2em;
		color:$white;
		img{
			margin-bottom:0.55em;
			}
		h2{
			text-align:center;
			font-family:$proxima;
			font-size:145%;
			border-bottom:4px solid $white;
			margin:0.55em auto 0.55em;
			width:70%;
			padding-bottom:0.33em;
			a{
				text-decoration:none;
				color:$white;
				}
			}
		}*/
  /*#info-structure{
			width:40%;
			margin:0 auto 1.33em;
			.left{
				float:left;
				width:65%;
				font-size:75%;
				.tel{
					margin-bottom:0.33em;
					color:rgba(255,255,255,0.75);
					a{
						color:$white;
						}
					}
				.email{
					margin-bottom:0.33em;
					color:rgba(255,255,255,0.75);
					a{
						color:$white;
						}
					}
				}
			.right{
				float:right;
				width:33%;
				font-size:75%;
				a{
					color:$white;
					margin-right:0.11em;
					font-size:170%;
				}
		}
	}*/
}

/* line 8, S:/files/css/Global stack/_main-content.scss */
#main-content #filterboxform {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1.30fr 2fr 0.75fr 0.75fr;
  float: left;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 2px dotted #1e1e1e;
}

/* line 17, S:/files/css/Global stack/_main-content.scss */
#main-content #filterboxform label {
  font-family: "freight-text-pro", serif;
  color: #031F73;
  font-style: italic;
  font-weight: 500;
  font-size: 190%;
  line-height: 1em;
  margin-bottom: 0;
  text-align: right;
}

/* line 27, S:/files/css/Global stack/_main-content.scss */
#main-content #filterboxform input[type=search] {
  border: 2px solid #1e1e1e;
  border-radius: 7px;
  font-family: "proxima-nova", arial, sans-serif;
  font-weight: 800;
  padding: 10px;
}

/* line 35, S:/files/css/Global stack/_main-content.scss */
#main-content #filterboxform input[type=submit], #main-content #filterboxform input[type=reset] {
  background-color: #031F73;
  color: white;
  border-radius: 7px;
  border: none;
  font-family: "proxima-nova", arial, sans-serif;
  font-weight: 800;
  padding: 10px;
}

/* line 44, S:/files/css/Global stack/_main-content.scss */
#main-content #filterboxform input[type=submit]:hover, #main-content #filterboxform input[type=reset]:hover {
  background-color: #021241;
}

/* line 50, S:/files/css/Global stack/_main-content.scss */
#main-content table.datatable tr th {
  font-size: 100%;
  padding: 1em !important;
}

/* line 54, S:/files/css/Global stack/_main-content.scss */
#main-content table.datatable tr td {
  font-size: 100%;
  padding: 1em !important;
}

/* line 64, S:/files/css/Global stack/_main-content.scss */
#main-content table.articulation-routes tr td strong {
  display: none;
}

/* line 68, S:/files/css/Global stack/_main-content.scss */
#main-content table.articulation-routes tr td:nth-of-type(1) {
  width: 40%;
}

/* line 71, S:/files/css/Global stack/_main-content.scss */
#main-content table.articulation-routes tr td:nth-of-type(2) {
  width: 40%;
}

/* line 74, S:/files/css/Global stack/_main-content.scss */
#main-content table.articulation-routes tr td:nth-of-type(3) {
  width: 20%;
}

/* line 80, S:/files/css/Global stack/_main-content.scss */
#main-content ul.pagination {
  margin-left: 0;
  float: left;
  width: 70%;
}

/* line 84, S:/files/css/Global stack/_main-content.scss */
#main-content ul.pagination li::before {
  display: none;
}

/* line 87, S:/files/css/Global stack/_main-content.scss */
#main-content ul.pagination li {
  display: inline;
  margin-right: 10px;
}

/* line 92, S:/files/css/Global stack/_main-content.scss */
#main-content .next, #main-content .previous {
  text-align: right;
  float: right;
}

/* line 96, S:/files/css/Global stack/_main-content.scss */
#main-content .previous {
  margin-left: 15px;
}

/* line 102, S:/files/css/Global stack/_main-content.scss */
#main-content .kis-widget .widget-lead p.title {
  font-size: calc(20px + (56 - 20) * ((100vw - 300px) / (1920 - 300)));
  font-weight: normal;
  line-height: calc(21px + (57 - 21) * ((100vw - 300px) / (1920 - 300)));
  margin: 0;
}

/* line 108, S:/files/css/Global stack/_main-content.scss */
#main-content .kis-widget .widget-lead p.intro {
  font-size: calc(10px + (18 - 10) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(11px + (19 - 11) * ((100vw - 300px) / (1920 - 300)));
  margin: 0px;
}

/* line 113, S:/files/css/Global stack/_main-content.scss */
#main-content .kis-widget .widget-lead p.course {
  font-size: calc(8px + (14 - 8) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(9px + (15 - 9) * ((100vw - 300px) / (1920 - 300)));
  margin: 0px;
}

/* line 137, S:/files/css/Global stack/_main-content.scss */
#main-content ul.gecko-events-embed-events-list {
  margin-left: 0;
}

/* line 139, S:/files/css/Global stack/_main-content.scss */
#main-content ul.gecko-events-embed-events-list li::before {
  display: none;
}

/* line 151, S:/files/css/Global stack/_main-content.scss */
#main-content a + img {
  border: none;
}

/* line 154, S:/files/css/Global stack/_main-content.scss */
#main-content .hide-section {
  display: block !important;
}

/* line 158, S:/files/css/Global stack/_main-content.scss */
#main-content #sponsors {
  float: none;
  display: inline-block;
  width: 100%;
}

/* line 162, S:/files/css/Global stack/_main-content.scss */
#main-content #sponsors div {
  display: inline;
  float: left;
  margin-right: 5%;
}

/* line 218, S:/files/css/Global stack/_main-content.scss */
#main-content .workshop-circle-key {
  list-style-type: none;
}

/* line 220, S:/files/css/Global stack/_main-content.scss */
#main-content .workshop-circle-key li {
  background: none;
  padding-left: 0;
  margin-right: 2%;
}

/* line 227, S:/files/css/Global stack/_main-content.scss */
#main-content .workshop-circle {
  border-radius: 50%;
  padding: 5px 10px;
  width: 50px;
  background: #031F73;
  color: #fff;
  text-align: center;
  font: 100%;
  margin-right: 0.33em;
}

/* line 237, S:/files/css/Global stack/_main-content.scss */
#main-content .workshop-circle.new-researchers {
  background: #06b4b5;
}

/* line 240, S:/files/css/Global stack/_main-content.scss */
#main-content .workshop-circle.research-related-development {
  background: #042ca5;
}

/* line 243, S:/files/css/Global stack/_main-content.scss */
#main-content .workshop-circle.public-communications-and-engagement {
  background: #e21800;
}

/* line 246, S:/files/css/Global stack/_main-content.scss */
#main-content .workshop-circle.career-preparations {
  background: #357856;
}

/* line 332, S:/files/css/Global stack/_main-content.scss */
#main-content #socialbuttons {
  position: relative;
}

/* line 335, S:/files/css/Global stack/_main-content.scss */
#main-content #socialbuttons a {
  display: inline;
}

/* line 338, S:/files/css/Global stack/_main-content.scss */
#main-content #socialbuttons br {
  display: none;
}

/* line 341, S:/files/css/Global stack/_main-content.scss */
#main-content #socialbuttons .ss-icon {
  font-size: 170%;
}

/* line 344, S:/files/css/Global stack/_main-content.scss */
#main-content #socialbuttons ul#socialbuttonslist {
  position: absolute;
  top: -10px;
  left: 2.55em;
  padding-top: 0;
  width: 250px;
}

/* line 350, S:/files/css/Global stack/_main-content.scss */
#main-content #socialbuttons ul#socialbuttonslist li {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-bottom: 0.55em;
}

/* line 365, S:/files/css/Global stack/_main-content.scss */
#main-content .full-width {
  width: 100%;
}

/* line 384, S:/files/css/Global stack/_main-content.scss */
#main-content #tabs ul, #main-content #course-tabs ul, #main-content div nav ul {
  margin-left: 0;
  border-bottom: 4px solid #021241;
}

/* line 387, S:/files/css/Global stack/_main-content.scss */
#main-content #tabs ul li::before, #main-content #course-tabs ul li::before, #main-content div nav ul li::before {
  display: none;
}

/* line 390, S:/files/css/Global stack/_main-content.scss */
#main-content #tabs ul li, #main-content #course-tabs ul li, #main-content div nav ul li {
  padding-left: 0;
  display: inline;
  padding: 0;
  background-color: #021241;
  background-image: none;
  width: auto;
  margin-bottom: 0;
  border-bottom: none;
  display: inline-block;
  color: #fff;
  margin-right: 0.5%;
  font-size: 85%;
}

/* line 403, S:/files/css/Global stack/_main-content.scss */
#main-content #tabs ul li a, #main-content #course-tabs ul li a, #main-content div nav ul li a {
  display: block;
  padding: 0.44em 0.77em;
  color: #fff !important;
  text-decoration: none;
  border: none;
}

/* line 410, S:/files/css/Global stack/_main-content.scss */
#main-content #tabs ul li a:hover, #main-content #course-tabs ul li a:hover, #main-content div nav ul li a:hover {
  color: #fff;
}

/* line 413, S:/files/css/Global stack/_main-content.scss */
#main-content #tabs ul li a:visited, #main-content #course-tabs ul li a:visited, #main-content div nav ul li a:visited {
  color: #fff;
}

/* line 418, S:/files/css/Global stack/_main-content.scss */
#main-content #tabs ul li.active a, #main-content #course-tabs ul li.active a, #main-content div nav ul li.active a {
  display: block;
  padding: 0.44em 0.77em;
  color: #fff;
  text-decoration: none;
}

/* line 429, S:/files/css/Global stack/_main-content.scss */
#main-content #study-abroad-tabs ul.nav {
  margin-left: 0;
}

/* line 431, S:/files/css/Global stack/_main-content.scss */
#main-content #study-abroad-tabs ul.nav li::before {
  display: none;
}

/* line 437, S:/files/css/Global stack/_main-content.scss */
#main-content .postgraduate-testimony {
  margin-bottom: 0.77em;
  /*article{
			h2{
				margin-top:0;
				}
			}*/
}

/* line 444, S:/files/css/Global stack/_main-content.scss */
#main-content .postgraduate-testimony img {
  max-width: 120px;
  float: left;
  margin-right: 5%;
  margin-bottom: 1.33em;
  position: relative;
  top: 4px;
}

@media screen and (max-width: 1023px) {
  /* line 517, S:/files/css/Global stack/_main-content.scss */
  .department.landing-page #main-content .generic-promo {
    width: 100% !important;
  }
  /* line 521, S:/files/css/Global stack/_main-content.scss */
  .department.landing-page #main-content #department-full-width aside.generic-promo.half {
    width: 100% !important;
  }
  /* line 527, S:/files/css/Global stack/_main-content.scss */
  #main-content {
    /*#section-homepage-structure{
			margin-left:0;
			#info-structure{
				width:70%;
				.left{
				float:none;
				width:100%;
				text-align:center;
				}
				.right{
				float:none;
				width:100%;
				.social-media-inline{
					margin-top:0.77em;
					text-align:center;
					
					}	
				}
			}
		}*/
    /*breadcrumb{
			width: 100%; 
			float: none; 
			margin:0 0 2em; 
			padding:0;
			}*/
  }
  /* line 529, S:/files/css/Global stack/_main-content.scss */
  #main-content #filterboxform {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
  /* line 532, S:/files/css/Global stack/_main-content.scss */
  #main-content #filterboxform label {
    text-align: left;
    grid-column: 1 / span 2;
  }
  /* line 536, S:/files/css/Global stack/_main-content.scss */
  #main-content #filterboxform input[type=search] {
    grid-column: 1 / span 2;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 798px) {
  /* line 575, S:/files/css/Global stack/_main-content.scss */
  #main-content table.articulation-routes {
    border: none;
    margin-bottom: 0;
  }
  /* line 578, S:/files/css/Global stack/_main-content.scss */
  #main-content table.articulation-routes thead {
    display: none;
  }
  /* line 581, S:/files/css/Global stack/_main-content.scss */
  #main-content table.articulation-routes tbody {
    border: none;
  }
  /* line 584, S:/files/css/Global stack/_main-content.scss */
  #main-content table.articulation-routes tr {
    display: grid;
    grid-template-columns: 1fr;
    border-bottom: none;
    margin-bottom: 15px;
  }
  /* line 589, S:/files/css/Global stack/_main-content.scss */
  #main-content table.articulation-routes tr td {
    border: none;
    border-bottom: 1px dotted #6b8ffb;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding-left: 10px;
    line-height: 1.5em;
  }
  /* line 597, S:/files/css/Global stack/_main-content.scss */
  #main-content table.articulation-routes tr td strong {
    display: inline;
  }
  /* line 600, S:/files/css/Global stack/_main-content.scss */
  #main-content table.articulation-routes tr td a {
    display: inline;
    border: none;
  }
  /* line 605, S:/files/css/Global stack/_main-content.scss */
  #main-content table.articulation-routes tr td:nth-of-type(1) {
    width: 100%;
  }
  /* line 608, S:/files/css/Global stack/_main-content.scss */
  #main-content table.articulation-routes tr td:nth-of-type(2) {
    width: 100%;
  }
  /* line 611, S:/files/css/Global stack/_main-content.scss */
  #main-content table.articulation-routes tr td:nth-of-type(3) {
    width: 100%;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  /* line 638, S:/files/css/Global stack/_main-content.scss */
  from {
    opacity: 0;
  }
  /* line 639, S:/files/css/Global stack/_main-content.scss */
  to {
    opacity: 1;
  }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 657, S:/files/css/Global stack/_main-content.scss */
  #filterboxform label {
    text-align: left;
    float: left;
    margin-right: 20px;
  }
  /* line 663, S:/files/css/Global stack/_main-content.scss */
  #filterboxform input[type=search] {
    float: left;
    width: 30%;
    margin-right: 20px;
  }
  /* line 668, S:/files/css/Global stack/_main-content.scss */
  #filterboxform input[type=submit], #filterboxform input[type=reset] {
    float: left;
    margin-right: 20px;
    padding: 10px;
  }
}

@supports not (display: grid) {
  /* line 682, S:/files/css/Global stack/_main-content.scss */
  #filterboxform label {
    text-align: left;
    float: left;
    margin-right: 20px;
  }
  /* line 688, S:/files/css/Global stack/_main-content.scss */
  #filterboxform input[type=search] {
    float: left;
    width: 30%;
    margin-right: 20px;
  }
  /* line 693, S:/files/css/Global stack/_main-content.scss */
  #filterboxform input[type=submit], #filterboxform input[type=reset] {
    float: left;
    margin-right: 20px;
    padding: 10px;
  }
}

/* OLD CUSTOM CSS - REDUCE WHERE POSSIBLE */
/* Scss Document */
/* line 5, S:/files/css/Global stack/_module-layouts.scss */
#main-content #module-group article.content.full {
  margin-bottom: 0;
}

/* line 8, S:/files/css/Global stack/_module-layouts.scss */
#main-content #module-group .universal-inner {
  margin: 0;
  padding-right: 0;
  width: 100%;
  position: initial;
}

/* line 15, S:/files/css/Global stack/_module-layouts.scss */
#main-content #module-group .generic-promo p {
  font-size: 100%;
}

/* line 20, S:/files/css/Global stack/_module-layouts.scss */
#main-content #module-group .generic-promo ul.social-media li .ss-icon {
  font-size: 150%;
}

/* line 28, S:/files/css/Global stack/_module-layouts.scss */
#main-content .services-modules div {
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-bottom: 0.77em;
  margin-top: 0.77em;
  padding: 0;
}

/* line 36, S:/files/css/Global stack/_module-layouts.scss */
#main-content .services-modules div:nth-of-type(3n+3) {
  margin-right: 0;
}

/* line 39, S:/files/css/Global stack/_module-layouts.scss */
#main-content .services-modules div:nth-of-type(3n+4) {
  clear: left;
}

/* line 46, S:/files/css/Global stack/_module-layouts.scss */
#main-content .content.wide.full-width-module {
  margin-bottom: 0.77em;
  padding-right: 0;
}

/* line 49, S:/files/css/Global stack/_module-layouts.scss */
#main-content .content.wide.full-width-module div {
  margin-bottom: 0.77em;
  margin-left: 35%;
}

/* line 53, S:/files/css/Global stack/_module-layouts.scss */
#main-content .content.wide.full-width-module figure {
  float: left;
  margin: 0 5% 1.33em 0;
  width: 30%;
}

/* line 59, S:/files/css/Global stack/_module-layouts.scss */
#main-content .content.wide.full-width-module.right {
  margin-bottom: 0.77em;
  padding-left: 0;
}

/* line 62, S:/files/css/Global stack/_module-layouts.scss */
#main-content .content.wide.full-width-module.right div {
  margin-bottom: 0.77em;
  margin-right: 35%;
  margin-left: 0;
}

/* line 67, S:/files/css/Global stack/_module-layouts.scss */
#main-content .content.wide.full-width-module.right figure {
  float: right;
  margin: 0 0 1.33em 5%;
}

/* line 70, S:/files/css/Global stack/_module-layouts.scss */
#main-content .content.wide.full-width-module.right figure img {
  margin: 0;
}

/* line 75, S:/files/css/Global stack/_module-layouts.scss */
#main-content .content.wide.full-width-module.promo {
  /*padding:2% 3% !important; 
		background: lighten($blue,65%) ;
		padding-right: 0;
		margin-bottom: 1.77em;
		figure{
			margin-bottom: 0.55em;
		}
		h2{
			color: darken($blue, 10%);
		}
		hr{
			display:none;
		}*/
}

/* line 92, S:/files/css/Global stack/_module-layouts.scss */
#main-content .category-page .content.wide.full-width-module.promo {
  /*display: flex;
			flex-wrap: wrap;
			figure{
				flex-grow: 1;
  				max-width: 30%;
			}
			div{
				flex-grow: 1;
  				
			}*/
}

/* line 106, S:/files/css/Global stack/_module-layouts.scss */
#main-content .research-staff {
  display: block;
  float: none;
  width: 100%;
  clear: both;
}

/* line 111, S:/files/css/Global stack/_module-layouts.scss */
#main-content .research-staff article {
  display: block;
  float: none;
  width: 100%;
}

/* line 116, S:/files/css/Global stack/_module-layouts.scss */
#main-content .research-staff .generic-promo {
  width: 23.5%;
  margin-right: 2%;
}

/* line 120, S:/files/css/Global stack/_module-layouts.scss */
#main-content .research-staff .generic-promo:nth-of-type(3n+3) {
  margin-right: 2%;
  clear: none;
}

/* line 125, S:/files/css/Global stack/_module-layouts.scss */
#main-content .research-staff .generic-promo:nth-of-type(3n+4) {
  margin-right: 2%;
  clear: none;
}

/* line 129, S:/files/css/Global stack/_module-layouts.scss */
#main-content .research-staff .generic-promo:nth-of-type(4n+3) {
  margin-right: 2%;
  clear: none;
}

/* line 133, S:/files/css/Global stack/_module-layouts.scss */
#main-content .research-staff .generic-promo:nth-of-type(4n+4) {
  margin-right: 0;
  clear: none;
}

/* line 137, S:/files/css/Global stack/_module-layouts.scss */
#main-content .research-staff .generic-promo:nth-of-type(4n+5) {
  clear: left;
}

/* line 144, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.half, #module-group .generic-promo.half {
  width: 49%;
}

/* line 147, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.half:nth-of-type(3n+3), #module-group .generic-promo.half:nth-of-type(3n+3) {
  margin-right: 2%;
}

/* line 150, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.half:nth-of-type(2n+2), #module-group .generic-promo.half:nth-of-type(2n+2) {
  margin-right: 0;
}

/* line 153, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.half:nth-of-type(2n+3), #module-group .generic-promo.half:nth-of-type(2n+3) {
  clear: left;
}

/* line 156, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.half:nth-of-type(3n+4), #module-group .generic-promo.half:nth-of-type(3n+4) {
  clear: inherit;
}

/* line 159, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo, #module-group .generic-promo {
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-bottom: 0.77em;
  margin-top: 0.77em;
  padding: 0;
}

/* line 166, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo a:link, #module-group .generic-promo a:link {
  color: #031F73;
}

/* line 169, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo a:hover, #module-group .generic-promo a:hover {
  color: #063ad6;
}

/* line 172, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo a:visited, #module-group .generic-promo a:visited {
  color: #164ff9;
}

/* line 176, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo a.wrapping-link p, #module-group .generic-promo a.wrapping-link p {
  font-weight: normal !important;
}

/* line 180, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo h2, #module-group .generic-promo h2 {
  font-size: clamp(1rem, 1.25rem, 1.25rem);
}

/* line 185, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo ul li, #module-group .generic-promo ul li {
  color: #333f48;
  line-height: 1.5em;
  margin-bottom: 0.33em;
  font-family: "proxima-nova", arial, sans-serif;
  font-weight: 400;
}

/* line 195, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo:nth-of-type(3n+3), #module-group .generic-promo:nth-of-type(3n+3) {
  margin-right: 0;
}

/* line 199, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo:nth-of-type(3n+4), #module-group .generic-promo:nth-of-type(3n+4) {
  clear: left;
}

/* line 203, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.extra-emphasis, #module-group .generic-promo.extra-emphasis {
  background: #031F73;
  padding: 0.5em 2%;
}

/* line 206, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.extra-emphasis img, #module-group .generic-promo.extra-emphasis img {
  top: 0;
}

/* line 209, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.extra-emphasis h2, #module-group .generic-promo.extra-emphasis h2 {
  color: rgba(255, 255, 255, 0.75);
  font-size: 130%;
}

/* line 213, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.extra-emphasis h2 a, #module-group .generic-promo.extra-emphasis h2 a {
  color: #fff;
}

/* line 217, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.extra-emphasis p, #module-group .generic-promo.extra-emphasis p {
  color: #fff;
}

/* line 220, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.extra-emphasis p a, #module-group .generic-promo.extra-emphasis p a {
  color: #fff;
}

/* line 224, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.extra-emphasis ul, #module-group .generic-promo.extra-emphasis ul {
  color: rgba(255, 255, 255, 0.75);
}

/* line 227, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.extra-emphasis ul li::before, #module-group .generic-promo.extra-emphasis ul li::before {
  color: rgba(255, 255, 255, 0.5);
}

/* line 230, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.extra-emphasis ul li, #module-group .generic-promo.extra-emphasis ul li {
  color: #fff;
}

/* line 232, S:/files/css/Global stack/_module-layouts.scss */
#main-content .generic-promo.extra-emphasis ul li a, #module-group .generic-promo.extra-emphasis ul li a {
  color: #fff;
}

/* line 242, S:/files/css/Global stack/_module-layouts.scss */
#module-group .generic-promo p {
  font-size: 130%;
}

@media screen and (max-width: 1023px) {
  /* line 253, S:/files/css/Global stack/_module-layouts.scss */
  #module-group .universal-inner {
    width: 90%;
  }
  /* line 259, S:/files/css/Global stack/_module-layouts.scss */
  #main-content #module-group article.content.full {
    clear: both;
  }
  /* line 262, S:/files/css/Global stack/_module-layouts.scss */
  #main-content #module-group .generic-promo {
    width: 48% !important;
    float: left;
  }
  /* line 266, S:/files/css/Global stack/_module-layouts.scss */
  #main-content #module-group .generic-promo:last-child {
    clear: none;
  }
  /* line 269, S:/files/css/Global stack/_module-layouts.scss */
  #main-content #module-group .generic-promo:nth-of-type(2n+1) {
    margin-right: 2%;
  }
  /* line 273, S:/files/css/Global stack/_module-layouts.scss */
  #main-content #module-group .generic-promo:nth-of-type(2n+2) {
    margin-right: 0;
    clear: none;
  }
  /* line 277, S:/files/css/Global stack/_module-layouts.scss */
  #main-content #module-group .generic-promo:nth-of-type(2n+3) {
    clear: left;
  }
  /* line 280, S:/files/css/Global stack/_module-layouts.scss */
  #main-content #module-group .generic-promo:nth-of-type(2n+4) {
    clear: none;
  }
  /* line 288, S:/files/css/Global stack/_module-layouts.scss */
  #main-content .research-staff .generic-promo, #module-group .research-staff .generic-promo {
    width: 48% !important;
    margin-right: 4% !important;
    float: left !important;
  }
  /* line 293, S:/files/css/Global stack/_module-layouts.scss */
  #main-content .research-staff .generic-promo:nth-of-type(2n+2), #module-group .research-staff .generic-promo:nth-of-type(2n+2) {
    margin-right: 0 !important;
  }
  /* line 300, S:/files/css/Global stack/_module-layouts.scss */
  #main-content .services-modules div, #module-group .services-modules div {
    width: 100% !important;
    float: none;
  }
}

@media screen and (max-width: 900px) {
  /* line 312, S:/files/css/Global stack/_module-layouts.scss */
  #main-content .generic-promo.extra-emphasis, #main-content #module-group .generic-promo.extra-emphasis {
    padding-bottom: 0.33em;
  }
  /* line 314, S:/files/css/Global stack/_module-layouts.scss */
  #main-content .generic-promo.extra-emphasis img, #main-content #module-group .generic-promo.extra-emphasis img {
    width: 100%;
    float: none;
  }
  /* line 323, S:/files/css/Global stack/_module-layouts.scss */
  #main-content .content.wide.full-width-module.promo figure, #main-content .content.wide.full-width-module figure {
    margin-bottom: 1.33em;
  }
  /* line 327, S:/files/css/Global stack/_module-layouts.scss */
  #main-content .content.wide.full-width-module.promo div, #main-content .content.wide.full-width-module div {
    margin-left: 0;
  }
}

@media screen and (max-width: 700px) {
  /* line 338, S:/files/css/Global stack/_module-layouts.scss */
  #main-content .generic-promo, #module-group .generic-promo {
    width: 100% !important;
    float: none;
  }
}

@media screen and (max-width: 500px) {
  /* line 348, S:/files/css/Global stack/_module-layouts.scss */
  #main-content .content.wide.full-width-module.promo figure, #main-content .content.wide.full-width-module figure {
    margin-bottom: 1.33em;
    width: 100%;
    float: none;
  }
  /* line 353, S:/files/css/Global stack/_module-layouts.scss */
  #main-content .content.wide.full-width-module.promo div, #main-content .content.wide.full-width-module div {
    margin-left: 0;
  }
  /* line 358, S:/files/css/Global stack/_module-layouts.scss */
  #main-content .content.wide.full-width-module.right div {
    margin-right: 0;
    margin-left: 0;
  }
  /* line 362, S:/files/css/Global stack/_module-layouts.scss */
  #main-content .content.wide.full-width-module.right figure {
    float: none;
    margin: 0 0 1.33em 0;
  }
}

/* EVENTUALLY DEPRECATED BY CARDS */
/* Scss Document */
/* line 3, S:/files/css/Global stack/_module-resizing.scss */
#main-content {
  /*.category-page{
		.category-items{
	.generic-promo:nth-last-child(-n+8):first-child,
	 .generic-promo:nth-last-child(-n+8):first-child ~ section{
		width: 49%;
		 clear: none;
	}
	 .generic-promo:nth-last-child(-n+8):first-child ~ section{
		margin-right: 2%; 
	}
	 .generic-promo:nth-last-child(-n+8):first-child ~ section:nth-of-type(2n+2){
		margin-right: 0;
	}	

 	.generic-promo:nth-last-child(-n+7):first-child,
	 .generic-promo:nth-last-child(-n+7):first-child ~ section{
		width: 49%;
		 clear: none;
	}
	 .generic-promo:nth-last-child(-n+7):first-child ~ section{
		margin-right: 2%; 
	}
	 .generic-promo:nth-last-child(-n+7):first-child ~ section:nth-of-type(2n+2){
		margin-right: 0;
	}
	
	 .generic-promo:nth-last-child(-n+6):first-child,
	 .generic-promo:nth-last-child(-n+6):first-child ~ section{
			width: 32%;
	}
	 .generic-promo:nth-last-child(-n+6):first-child ~ section{
		margin-right: 2%; 
	}
	 .generic-promo:nth-last-child(-n+6):first-child ~ section:nth-of-type(6n+2){
		margin-right: 2%;
	}
	 .generic-promo:nth-last-child(-n+6):first-child ~ section:nth-of-type(7n+3){
		margin-right: 0;
	}
		.generic-promo:nth-last-child(-n+6):first-child ~ section:nth-of-type(7n+4){
		clear: left;
	}
			
	.generic-promo:nth-last-child(-n+9):first-child,
	 .generic-promo:nth-last-child(-n+9):first-child ~ section{
			width: 32%;
	}
	 .generic-promo:nth-last-child(-n+9):first-child ~ section{
		margin-right: 2%; 
	}
	 .generic-promo:nth-last-child(-n+9):first-child ~ section:nth-of-type(2n+2){
		margin-right: 2%;
	}
	 .generic-promo:nth-last-child(-n+9):first-child ~ section:nth-of-type(3n+3){
		margin-right: 0;
	}
		.generic-promo:nth-last-child(-n+9):first-child ~ section:nth-of-type(3n+4){
		clear: left;
	}		
	
	 .generic-promo:nth-last-child(-n+4):first-child,
	 .generic-promo:nth-last-child(-n+4):first-child ~ section{
			width: 49%;
		 clear: none;
	}
	
	 .generic-promo:nth-last-child(-n+4):first-child ~ section{
		margin-right: 2%;
	}
	
	.generic-promo:nth-last-child(-n+4):first-child ~ section:nth-of-type(3n+3){
		margin-right: 2%;
	}
		.generic-promo:nth-last-child(-n+4):first-child ~ section:nth-of-type(3n+4){
		clear: none;
	}
	 .generic-promo:nth-last-child(-n+4):first-child ~ section:nth-of-type(2n+2){
		margin-right: 0;
	}
	
	
	 .generic-promo:nth-last-child(-n+3):first-child,
		 .generic-promo:nth-last-child(-n+3):first-child ~ section{
			width: 32%;
			
	}
	 .generic-promo:nth-last-child(-n+3):first-child ~ section{
		margin-right: 2%;
	}
	
	 .generic-promo:nth-last-child(-n+3):first-child ~ section:nth-of-type(2n+2){
		margin-right: 2%;
	}
	
	 .generic-promo:nth-last-child(-n+3):first-child ~ section:last-child{
		margin-right: 0;
	}
	
	 .generic-promo:nth-last-child(-n+2):first-child,
		 .generic-promo:nth-last-child(-n+2):first-child ~ section{
			
			width: 49%;
	}
	 .generic-promo:nth-last-child(-n+2):first-child ~ section{
		margin-right: 0;
	}
	
	 .generic-promo:only-of-type{
		width: 100% !important;
		float: none !important;
		
	}
		
	}
	}*/
}

/* line 8, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .department-full-width-module.news ul li a:hover, #main-content .internal-homepage .department-full-width-module.events ul li a:hover {
  text-decoration: none;
}

/* line 12, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .department-full-width-module.news ul li.clearfix:after, #main-content .internal-homepage .department-full-width-module.events ul li.clearfix:after {
  display: none;
}

/* line 15, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .department-full-width-module.news ul li:nth-last-child(-n+2):first-of-type, #main-content .internal-homepage .department-full-width-module.news ul li:nth-last-child(-n+2):first-of-type ~ li, #main-content .internal-homepage .department-full-width-module.events ul li:nth-last-child(-n+2):first-of-type, #main-content .internal-homepage .department-full-width-module.events ul li:nth-last-child(-n+2):first-of-type ~ li {
  width: 49%;
}

/* line 18, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .department-full-width-module.news ul li:nth-last-child(-n+2):first-of-type ~ li, #main-content .internal-homepage .department-full-width-module.events ul li:nth-last-child(-n+2):first-of-type ~ li {
  margin-right: 0;
}

/* line 21, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .department-full-width-module.news ul li:only-of-type, #main-content .internal-homepage .department-full-width-module.events ul li:only-of-type {
  width: 100% !important;
  float: none !important;
}

/* line 24, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .department-full-width-module.news ul li:only-of-type img, #main-content .internal-homepage .department-full-width-module.events ul li:only-of-type img {
  width: 49% !important;
  float: left;
  margin-right: 4%;
}

/* line 29, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .department-full-width-module.news ul li:only-of-type p:first-of-type, #main-content .internal-homepage .department-full-width-module.events ul li:only-of-type p:first-of-type {
  font-size: 120%;
}

/* line 36, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+4):first-child,
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+4):first-child ~ aside {
  width: 49%;
  clear: none;
}

/* line 42, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+4):first-child ~ aside {
  margin-right: 2%;
}

/* line 46, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+4):first-child ~ aside:nth-of-type(3n+3) {
  margin-right: 2%;
}

/* line 49, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+4):first-child ~ aside:nth-of-type(3n+4) {
  clear: none;
}

/* line 52, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+4):first-child ~ aside:nth-of-type(2n+2) {
  margin-right: 0;
}

/* line 57, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+3):first-child,
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+3):first-child ~ aside {
  width: 32%;
}

/* line 62, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+3):first-child ~ aside {
  margin-right: 2%;
}

/* line 66, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+3):first-child ~ aside:nth-of-type(2n+2) {
  margin-right: 2%;
}

/* line 70, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+3):first-child ~ aside:last-child {
  margin-right: 0;
}

/* line 74, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+2):first-child,
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+2):first-child ~ aside {
  width: 49%;
}

/* line 79, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .highlight .generic-promo.half:nth-last-child(-n+2):first-child ~ aside {
  margin-right: 0;
}

/* line 82, S:/files/css/Global stack/_module-resizing.scss */
#main-content .internal-homepage .highlight .generic-promo.half:only-of-type {
  width: 100% !important;
  float: none !important;
}

@media screen and (max-width: 700px) {
  /* line 211, S:/files/css/Global stack/_module-resizing.scss */
  #main-content .internal-homepage .department-full-width-module.news ul li, #main-content .internal-homepage .department-full-width-module.events ul li {
    width: 100% !important;
    margin-right: 0;
    float: none !important;
  }
  /* line 216, S:/files/css/Global stack/_module-resizing.scss */
  #main-content .internal-homepage .department-full-width-module.news ul li:nth-last-child(-n+2):first-of-type, #main-content .internal-homepage .department-full-width-module.news ul li:nth-last-child(-n+2):first-of-type ~ li, #main-content .internal-homepage .department-full-width-module.events ul li:nth-last-child(-n+2):first-of-type, #main-content .internal-homepage .department-full-width-module.events ul li:nth-last-child(-n+2):first-of-type ~ li {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  /* line 221, S:/files/css/Global stack/_module-resizing.scss */
  #main-content .internal-homepage .department-full-width-module.news ul li:only-of-type, #main-content .internal-homepage .department-full-width-module.events ul li:only-of-type {
    width: 100% !important;
    float: none !important;
  }
  /* line 224, S:/files/css/Global stack/_module-resizing.scss */
  #main-content .internal-homepage .department-full-width-module.news ul li:only-of-type img, #main-content .internal-homepage .department-full-width-module.events ul li:only-of-type img {
    width: 100%;
    margin-right: 0;
    float: none;
  }
  /* line 229, S:/files/css/Global stack/_module-resizing.scss */
  #main-content .internal-homepage .department-full-width-module.news ul li:only-of-type p:first-of-type, #main-content .internal-homepage .department-full-width-module.events ul li:only-of-type p:first-of-type {
    font-size: 100%;
  }
}

/* EVENTUALLY DEPRECATED BY CSS GRID */
/*@import 'file-upload-button';*/
/*
* Symbolset
* www.symbolset.com
* Copyright © 2014 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-social-circle.css" rel="stylesheet" />
*/
@font-face {
  font-family: "SSSocialCircle";
  src: url("/media/livacuk/fonts/ss-social-circle.eot");
  src: url("/media/livacuk/fonts/ss-social-circle.eot?#iefix") format("embedded-opentype"), url("/media/livacuk/fonts/ss-social-circle.woff") format("woff"), url("/media/livacuk/fonts/ss-social-circle.ttf") format("truetype"), url("/media/livacuk/fonts/ss-social-circle.svg#SSSocialCircle") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
/* line 26, S:/files/css/Global stack/_social-media-icons.scss */
html:hover [class^="ss-"] {
  -ms-zoom: 1;
}

/* line 28, S:/files/css/Global stack/_social-media-icons.scss */
.ss-icon, .ss-icon.ss-social-circle,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-social-circle.right:after, [class*=" ss-"].ss-social-circle.right:after {
  font-family: "SSSocialCircle";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 49, S:/files/css/Global stack/_social-media-icons.scss */
[class^="ss-"].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-facebook:before, .ss-facebook.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-twitter:before, .ss-twitter.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-googleplus:before, .ss-googleplus.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-appdotnet:before, .ss-appdotnet.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-ello:before, .ss-ello.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-aboutme:before, .ss-aboutme.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-vk:before, .ss-vk.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-weibo:before, .ss-weibo.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-linkedin:before, .ss-linkedin.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-zerply:before, .ss-zerply.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-xing:before, .ss-xing.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-reddit:before, .ss-reddit.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-steam:before, .ss-steam.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-tumblr:before, .ss-tumblr.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-wordpress:before, .ss-wordpress.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-blogger:before, .ss-blogger.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-quora:before, .ss-quora.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-youtube:before, .ss-youtube.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-vimeo:before, .ss-vimeo.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-vine:before, .ss-vine.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-letterboxd:before, .ss-letterboxd.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-flickr:before, .ss-flickr.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-instagram:before, .ss-instagram.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-vscogrid:before, .ss-vscogrid.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-fivehundredpx:before, .ss-fivehundredpx.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-feedly:before, .ss-feedly.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-pinterest:before, .ss-pinterest.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-dropbox:before, .ss-dropbox.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-pinboard:before, .ss-pinboard.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-delicious:before, .ss-delicious.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-dribbble:before, .ss-dribbble.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-behance:before, .ss-behance.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-github:before, .ss-github.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-bitbucket:before, .ss-bitbucket.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-stackoverflow:before, .ss-stackoverflow.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-stackexchange:before, .ss-stackexchange.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-codepen:before, .ss-codepen.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-jsfiddle:before, .ss-jsfiddle.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-paypal:before, .ss-paypal.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-shopify:before, .ss-shopify.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-kickstarter:before, .ss-kickstarter.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-etsy:before, .ss-etsy.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-foursquare:before, .ss-foursquare.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-swarm:before, .ss-swarm.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-yelp:before, .ss-yelp.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-skype:before, .ss-skype.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-whatsapp:before, .ss-whatsapp.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-rdio:before, .ss-rdio.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-spotify:before, .ss-spotify.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-lastfm:before, .ss-lastfm.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-soundcloud:before, .ss-soundcloud.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-appstore:before, .ss-appstore.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-googleplay:before, .ss-googleplay.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-appleinc:before, .ss-appleinc.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-microsoft:before, .ss-microsoft.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-windows:before, .ss-windows.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-android:before, .ss-android.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-blackberry:before, .ss-blackberry.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-link:before, .ss-link.right:after {
  content: '🔗';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-phone:before, .ss-phone.right:after {
  content: '📞';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-mail:before, .ss-mail.right:after {
  content: '✉';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-like:before, .ss-like.right:after {
  content: '👍';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-rss:before, .ss-rss.right:after {
  content: '';
}

/* line 52, S:/files/css/Global stack/_social-media-icons.scss */
.ss-share:before, .ss-share.right:after {
  content: '';
}

/* Legacy */
/* line 54, S:/files/css/Global stack/_social-media-icons.scss */
.ss-fivehundredpx:before, .ss-fivehundredpx.right:after {
  content: '';
}

/* line 55, S:/files/css/Global stack/_social-media-icons.scss */
.ss-octocat:before, .ss-octocat.right:after {
  content: '';
}

/* line 57, S:/files/css/Global stack/_social-media-icons.scss */
p.color {
  color: #ff0;
}

/* SYMBOLSET */
/* line 62, S:/files/css/Global stack/_social-media-icons.scss */
#main-content a.ss-icon {
  border: none;
}

/* line 65, S:/files/css/Global stack/_social-media-icons.scss */
#main-content .ss-icon {
  font-size: 200%;
  margin-right: 0.33em;
  position: relative;
  top: 7px;
  border: none;
}

/* line 72, S:/files/css/Global stack/_social-media-icons.scss */
#main-content .ss-icon.facebook {
  color: #3b5a9b;
}

/* line 75, S:/files/css/Global stack/_social-media-icons.scss */
#main-content .ss-icon.twitter {
  color: #2daae2;
}

/* line 78, S:/files/css/Global stack/_social-media-icons.scss */
#main-content .ss-icon.rss {
  color: #fd6804;
}

/* line 81, S:/files/css/Global stack/_social-media-icons.scss */
#main-content .ss-icon.linkedin {
  color: #0073a4;
}

/* line 84, S:/files/css/Global stack/_social-media-icons.scss */
#main-content .ss-icon.youtube {
  color: #ee3e3e;
}

/* line 87, S:/files/css/Global stack/_social-media-icons.scss */
#main-content .ss-icon.googleplus, #main-content .ss-icon.pinterest, #main-content .ss-icon.reddit {
  color: #d61e1e;
}

/* line 90, S:/files/css/Global stack/_social-media-icons.scss */
#main-content .ss-icon.android {
  color: #97c024;
}

/* line 93, S:/files/css/Global stack/_social-media-icons.scss */
#main-content .ss-icon.instagram {
  color: #614436;
}

/* SOCIAL MEDIA ICONS DISPLAY */
/* line 99, S:/files/css/Global stack/_social-media-icons.scss */
.social-media-inline {
  margin-top: 0;
  text-align: right;
}

/* line 102, S:/files/css/Global stack/_social-media-icons.scss */
.social-media-inline li {
  display: inline;
  margin-right: 0.45em;
}

/* line 106, S:/files/css/Global stack/_social-media-icons.scss */
.social-media-inline li:last-child {
  margin-right: 0;
}

/* line 111, S:/files/css/Global stack/_social-media-icons.scss */
#section-footer a.ss-icon {
  color: rgba(255, 255, 255, 0.75);
}

/* line 114, S:/files/css/Global stack/_social-media-icons.scss */
#section-footer a.ss-icon:hover {
  color: white;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  /* line 122, S:/files/css/Global stack/_social-media-icons.scss */
  .social-media-inline {
    text-align: left;
  }
}

@media (max-device-width: 800px) and (orientation: portrait) {
  /* line 130, S:/files/css/Global stack/_social-media-icons.scss */
  .social-media-inline {
    text-align: left;
  }
}

@media (max-device-width: 1280px) and (orientation: landscape) {
  /* line 138, S:/files/css/Global stack/_social-media-icons.scss */
  .social-media-inline {
    text-align: left;
  }
}

/* MOVE TO COMPONENT OR UTILITY */
/* Scss Document */
/* line 3, S:/files/css/Global stack/_color-reset-for-departments.scss */
.hss #masthead .mobile-nav, .hls #masthead .mobile-nav, .se #masthead .mobile-nav, .research-centre #masthead .mobile-nav {
  border-top-color: white !important;
}

/* line 5, S:/files/css/Global stack/_color-reset-for-departments.scss */
.hss #masthead .mobile-nav li:first-child a, .hls #masthead .mobile-nav li:first-child a, .se #masthead .mobile-nav li:first-child a, .research-centre #masthead .mobile-nav li:first-child a {
  border-top-color: white !important;
}

/* line 7, S:/files/css/Global stack/_color-reset-for-departments.scss */
.hss #masthead #mobile-sticky-header #toggle, .hls #masthead #mobile-sticky-header #toggle, .se #masthead #mobile-sticky-header #toggle, .research-centre #masthead #mobile-sticky-header #toggle {
  background-image: url(//www.liverpool.ac.uk/files/images/icons/arrow-down-white.svg) !important;
}

@media all and (max-width: 1023px) {
  /* line 12, S:/files/css/Global stack/_color-reset-for-departments.scss */
  .hss #masthead #mobile-sticky-header, .hls #masthead #mobile-sticky-header, .se #masthead #mobile-sticky-header, .research-centre #masthead #mobile-sticky-header {
    border-bottom-color: rgba(0, 0, 0, 0) !important;
    border-top-color: rgba(0, 0, 0, 0) !important;
    background: none;
  }
  /* line 16, S:/files/css/Global stack/_color-reset-for-departments.scss */
  .hss #masthead #mobile-sticky-header .sticky-name-nav, .hls #masthead #mobile-sticky-header .sticky-name-nav, .se #masthead #mobile-sticky-header .sticky-name-nav, .research-centre #masthead #mobile-sticky-header .sticky-name-nav {
    border-bottom-color: rgba(0, 0, 0, 0) !important;
  }
  /* line 19, S:/files/css/Global stack/_color-reset-for-departments.scss */
  .hss #masthead #mobile-sticky-header .sticky-name-nav .sticky-dept-link a, .hls #masthead #mobile-sticky-header .sticky-name-nav .sticky-dept-link a, .se #masthead #mobile-sticky-header .sticky-name-nav .sticky-dept-link a, .research-centre #masthead #mobile-sticky-header .sticky-name-nav .sticky-dept-link a {
    color: rgba(255, 255, 255, 0.75) !important;
  }
}

/* Scss Document */
/* Scss Document */
/* line 8, S:/files/css/Global stack/faculty-colors/_hss.scss */
.hss #main-content .department-hero-banner article h2 {
  color: #575862;
}

/* line 14, S:/files/css/Global stack/faculty-colors/_hss.scss */
.hss #section-name {
  background: #575862;
}

/* line 17, S:/files/css/Global stack/faculty-colors/_hss.scss */
.hss .extra-tier {
  background: #575862;
}

/* line 20, S:/files/css/Global stack/faculty-colors/_hss.scss */
.hss #department-address {
  background: #222327;
}

@media screen and (max-width: 1023px) {
  /* line 27, S:/files/css/Global stack/faculty-colors/_hss.scss */
  .hss #masthead {
    background: #575862;
  }
}

/*@import 'faculty-colors/hss/management'; */
/*@import 'faculty-colors/hss/humanities';*/
/*@import 'faculty-colors/hss/law'; */
/* Scss Document */
/* line 7, S:/files/css/Global stack/faculty-colors/_hls.scss */
.hls #main-content .department-hero-banner article h2 {
  color: #357856;
}

/* line 14, S:/files/css/Global stack/faculty-colors/_hls.scss */
.hls #section-name {
  background: #357856;
}

/* line 17, S:/files/css/Global stack/faculty-colors/_hls.scss */
.hls .extra-tier {
  background: #357856;
}

/* line 20, S:/files/css/Global stack/faculty-colors/_hls.scss */
.hls #department-address {
  background: #132a1e;
}

@media screen and (max-width: 1023px) {
  /* line 27, S:/files/css/Global stack/faculty-colors/_hls.scss */
  .hls #masthead {
    background: #357856;
  }
}

/*@import 'faculty-colors/hls/infection-and-global-health'; */
/*@import 'faculty-colors/hls/integrative-biology';*/
/*@import 'faculty-colors/hls/psychology-health-and-society'; 
@import 'faculty-colors/hls/psychology'; */
/*@import 'faculty-colors/hls/translational'; */
/*@import 'faculty-colors/hls/vets';*/
/*@import 'faculty-colors/hls/savsnet'; */
/*@import 'faculty-colors/hls/cgr';*/
/*@import 'faculty-colors/hls/spatial-demographics'; */
/*@import 'faculty-colors/hls/medicine'; */
/* Scss Document */
/* Scss Document */
/* line 9, S:/files/css/Global stack/faculty-colors/_se.scss */
.se #main-content .department-hero-banner article h2 {
  color: #5e6bc4;
}

/* line 16, S:/files/css/Global stack/faculty-colors/_se.scss */
.se #section-name {
  background: #5e6bc4;
}

/* line 20, S:/files/css/Global stack/faculty-colors/_se.scss */
.se .extra-tier {
  background: #5e6bc4;
}

/* line 24, S:/files/css/Global stack/faculty-colors/_se.scss */
.se #department-address {
  background: #303a82;
}

@media screen and (max-width: 1023px) {
  /* line 31, S:/files/css/Global stack/faculty-colors/_se.scss */
  .hls #masthead {
    background: #5e6bc4;
  }
}

/*.se{
	#masthead{
		.mobile-nav{
			background: none;
			li:first-child{
				a{
					border-top-color: $white;	
				}
			}
		}
		#mobile-sticky-header{
			#toggle{
				background-image: url(//www.liverpool.ac.uk/files/images/icons/arrow-down-white.svg);
			}
		}
	}  
	#main-content{
		.internal-homepage{
			#section-banner-buffer{
				.department-hero-banner{
					article{
						h2{
							color: $se;
						}
					}
				}
			}
		}
	}    
	#universal-header{
		.universal-inner:first-child{
			border-bottom: none;
		}
		.sign-in-container{
			.universal-inner{
			
				border-bottom: 2px solid $transparent;
		}
		}
	} 
	#section-name{
		background: $se;
		div.container{
			div.universal-inner{
				border-bottom-color: $transparent;
				#section-home-link{
					border-bottom-color: $transparent;
			h2{
				a{
					color: white !important;
				}
				a:hover{
					border-bottom-color: $white;
					color: $white !important;
				}
			}
		} 
			}
		} 
		
		}
	.extra-tier{
		background:$se;
		}
	#department-address{
		background:darken($se,22%);
		}
	}

@media screen and (max-width: 1023px){
	.se{
		#masthead{
			background: $se;
			#mobile-sticky-header{
				border-bottom-color: $transparent;
				border-top-color: $transparent;
				background: none;
				.sticky-name-nav{
					border-bottom-color: $transparent;
					.sticky-dept-link{
						a{
							color: $trans-white-75;
						}
					}
				} 
			}
		}  
	}
}*/
/* Scss Document */
/* line 7, S:/files/css/Global stack/faculty-colors/se/_chemistry.scss */
#chemistry.se #main-content .department-hero-banner article h2 {
  color: #6da9da;
}

/* line 13, S:/files/css/Global stack/faculty-colors/se/_chemistry.scss */
#chemistry.se #section-name {
  background: #6da9da;
}

/* line 16, S:/files/css/Global stack/faculty-colors/se/_chemistry.scss */
#chemistry.se .extra-tier {
  background: #6da9da;
}

/* line 19, S:/files/css/Global stack/faculty-colors/se/_chemistry.scss */
#chemistry.se #department-address {
  background: #2b72ab;
}

@media all and (max-width: 1023px) {
  /* line 25, S:/files/css/Global stack/faculty-colors/se/_chemistry.scss */
  #chemistry.se #masthead {
    background: #6da9da;
  }
}

/* Scss Document */
/* line 7, S:/files/css/Global stack/faculty-colors/se/_environmental.scss */
.se#environmental-sciences #main-content .department-hero-banner article h2, .research-centre#csis #main-content .department-hero-banner article h2 {
  color: #a6bb12;
}

/* line 13, S:/files/css/Global stack/faculty-colors/se/_environmental.scss */
.se#environmental-sciences #section-name, .research-centre#csis #section-name {
  background: #a6bb12;
}

/* line 16, S:/files/css/Global stack/faculty-colors/se/_environmental.scss */
.se#environmental-sciences .extra-tier, .research-centre#csis .extra-tier {
  background: #a6bb12;
}

/* line 19, S:/files/css/Global stack/faculty-colors/se/_environmental.scss */
.se#environmental-sciences #department-address, .research-centre#csis #department-address {
  background: #4b5508;
}

@media all and (max-width: 1023px) {
  /* line 25, S:/files/css/Global stack/faculty-colors/se/_environmental.scss */
  .se#environmental-sciences #masthead, .research-centre#csis #masthead {
    background: #a6bb12;
  }
}

/* Scss Document */
/* line 7, S:/files/css/Global stack/faculty-colors/se/_maths.scss */
.se#mathematical-sciences #main-content .department-hero-banner article h2 {
  color: #5b3b3b;
}

/* line 13, S:/files/css/Global stack/faculty-colors/se/_maths.scss */
.se#mathematical-sciences #section-name {
  background: #5b3b3b;
}

/* line 16, S:/files/css/Global stack/faculty-colors/se/_maths.scss */
.se#mathematical-sciences .extra-tier {
  background: #5b3b3b;
}

/* line 19, S:/files/css/Global stack/faculty-colors/se/_maths.scss */
.se#mathematical-sciences #department-address {
  background: #170f0f;
}

@media all and (max-width: 1023px) {
  /* line 25, S:/files/css/Global stack/faculty-colors/se/_maths.scss */
  .se#mathematical-sciences #masthead {
    background: #5b3b3b;
  }
}

/* Scss Document */
/* line 7, S:/files/css/Global stack/faculty-colors/se/_ocean.scss */
.se#earth-ocean-and-ecological-science #main-content .department-hero-banner article h2 {
  color: #275e88;
}

/* line 13, S:/files/css/Global stack/faculty-colors/se/_ocean.scss */
.se#earth-ocean-and-ecological-science #section-name {
  background: #275e88;
}

/* line 16, S:/files/css/Global stack/faculty-colors/se/_ocean.scss */
.se#earth-ocean-and-ecological-science .extra-tier {
  background: #275e88;
}

/* line 19, S:/files/css/Global stack/faculty-colors/se/_ocean.scss */
.se#earth-ocean-and-ecological-science #department-address {
  background: #0e2231;
}

@media all and (max-width: 1023px) {
  /* line 25, S:/files/css/Global stack/faculty-colors/se/_ocean.scss */
  .se#earth-ocean-and-ecological-science #masthead {
    background: #275e88;
  }
}

/* Scss Document */
/* line 7, S:/files/css/Global stack/faculty-colors/se/_geography.scss */
.se#geography-and-planning #main-content .department-hero-banner article h2 {
  color: #3593aa;
}

/* line 13, S:/files/css/Global stack/faculty-colors/se/_geography.scss */
.se#geography-and-planning #section-name {
  background: #3593aa;
}

/* line 16, S:/files/css/Global stack/faculty-colors/se/_geography.scss */
.se#geography-and-planning .extra-tier {
  background: #3593aa;
}

/* line 19, S:/files/css/Global stack/faculty-colors/se/_geography.scss */
.se#geography-and-planning #department-address {
  background: #1a4954;
}

@media all and (max-width: 1023px) {
  /* line 25, S:/files/css/Global stack/faculty-colors/se/_geography.scss */
  .se#geography-and-planning #masthead {
    background: #3593aa;
  }
}

/* Scss Document */
/* line 7, S:/files/css/Global stack/faculty-colors/se/_engineering.scss */
.se#engineering #main-content .department-hero-banner article h2 {
  color: #b42828;
}

/* line 13, S:/files/css/Global stack/faculty-colors/se/_engineering.scss */
.se#engineering #section-name {
  background: #b42828;
}

/* line 16, S:/files/css/Global stack/faculty-colors/se/_engineering.scss */
.se#engineering .extra-tier {
  background: #b42828;
}

/* line 19, S:/files/css/Global stack/faculty-colors/se/_engineering.scss */
.se#engineering #department-address {
  background: #581414;
}

@media all and (max-width: 1023px) {
  /* line 25, S:/files/css/Global stack/faculty-colors/se/_engineering.scss */
  .se#engineering #masthead {
    background: #b42828;
  }
}

/*@import 'faculty-colors/se/school-of-electrical'; 
@import 'faculty-colors/se/electrical'; */
/*@import 'study-colors/international';*/
/* line 6, S:/files/css/Global stack/department-colors/_materials.scss */
.department#materials-innovation-factory #main-content .department-hero-banner article h2 {
  color: #db5637;
}

/* line 13, S:/files/css/Global stack/department-colors/_materials.scss */
.department#materials-innovation-factory #section-name {
  background: #db5637;
}

/* line 17, S:/files/css/Global stack/department-colors/_materials.scss */
.department#materials-innovation-factory .extra-tier {
  background: #db5637;
}

/* line 21, S:/files/css/Global stack/department-colors/_materials.scss */
.department#materials-innovation-factory #department-address {
  background: #892e19;
}

@media all and (max-width: 1023px) {
  /* line 28, S:/files/css/Global stack/department-colors/_materials.scss */
  .se#environmental-sciences #masthead, .research-centre#csis #masthead {
    background: #db5637;
  }
}

/* .department#materials-innovation-factory{
	#masthead{
		.mobile-nav{
			background: none;
			li:first-child{
				a{
					border-top-color: $white;	
				}
			}
		}
		#mobile-sticky-header{
			#toggle{
				background-image: url(//www.liverpool.ac.uk/files/images/icons/arrow-down-white.svg);
			}
		}
	}  
	#main-content{
		.internal-homepage{
			#section-banner-buffer{
				.department-hero-banner{
					article{
						h2{
							color: $materials;
						}
					}
				}
			}
		}
	}    
	#universal-header{
		.universal-inner:first-child{
			border-bottom: none;
		}
		.sign-in-container{
			.universal-inner{
			
				border-bottom: 2px solid $transparent;
		}
		}
	} 
	#section-name{
		background: $materials;
		div.container{
			div.universal-inner{
				border-bottom-color: $transparent;
				#section-home-link{
					border-bottom-color: $transparent;
			h2{
				a{
					color: $trans-white-75 !important;
				}
				a:hover{
					border-bottom-color: $white;
					color: $white !important;
				}
			}
		} 
			}
		} 
		
		}
	.extra-tier{
		background:$materials;
		}
	#department-address{
		background:darken($materials,22%);
		}
}
	



@media all and (max-width:1023px){
	.department#materials-innovation-factory{
		
		#masthead{
			background: $materials;
			#mobile-sticky-header{
				border-bottom-color: $transparent;
				border-top-color: $transparent;
				background: none;
				.sticky-name-nav{
					border-bottom-color: $transparent;
					.sticky-dept-link{
						a{
							color: $trans-white-75;
						}
					}
				} 
			}
		}   
	} 
}*/
/*@import 'department-colors/london-site';  */
/*@import 'department-colors/xjtlu'; */
/*@import 'department-colors/symphony';*/
/*@import 'department-colors/confucius';*/
/* Scss Document */
/* line 7, S:/files/css/Global stack/department-colors/_vgm.scss */
.department#vgm #main-content .department-hero-banner article h2 {
  color: #c21c0c;
}

/* line 13, S:/files/css/Global stack/department-colors/_vgm.scss */
.department#vgm #section-name {
  background: #c21c0c;
}

/* line 16, S:/files/css/Global stack/department-colors/_vgm.scss */
.department#vgm .extra-tier {
  background: #c21c0c;
}

/* line 19, S:/files/css/Global stack/department-colors/_vgm.scss */
.department#vgm #department-address {
  background: #580d05;
}

@media all and (max-width: 1023px) {
  /* line 25, S:/files/css/Global stack/department-colors/_vgm.scss */
  .department#vgm #masthead {
    background: #c21c0c;
  }
}

/*@import 'department-colors/pgr-development'; */
/*@import 'research-colors/leverhulme-research-centre'; */
/*@import 'research-colors/new-and-sustainable';*/
/*@import 'research-colors/livdat';*/
/*@import 'research-colors/studentships-earth-atmosphere-ocean';*/
/* Scss Document */
/* line 7, S:/files/css/Global stack/research-colors/_ava.scss */
#ava.research-centre #main-content .department-hero-banner article h2 {
  color: #FF652D;
}

/* line 13, S:/files/css/Global stack/research-colors/_ava.scss */
#ava.research-centre #section-name {
  background: #FF652D;
}

/* line 16, S:/files/css/Global stack/research-colors/_ava.scss */
#ava.research-centre .extra-tier {
  background: #FF652D;
}

/* line 19, S:/files/css/Global stack/research-colors/_ava.scss */
#ava.research-centre #department-address {
  background: #bc3200;
}

@media screen and (max-width: 1023px) {
  /* line 26, S:/files/css/Global stack/research-colors/_ava.scss */
  #ava.research-centre #masthead {
    background: #FF652D;
  }
}

/*@import 'research-colors/dema'; */
/* Scss Document */
/* line 7, S:/files/css/Global stack/faculty-colors/research-centres/_black-atlantic.scss */
.research-centre#black-atlantic #main-content .department-hero-banner article h2 {
  color: #df5c28;
}

/* line 13, S:/files/css/Global stack/faculty-colors/research-centres/_black-atlantic.scss */
.research-centre#black-atlantic #section-name {
  background: #df5c28;
}

/* line 16, S:/files/css/Global stack/faculty-colors/research-centres/_black-atlantic.scss */
.research-centre#black-atlantic .extra-tier {
  background: #df5c28;
}

/* line 19, S:/files/css/Global stack/faculty-colors/research-centres/_black-atlantic.scss */
.research-centre#black-atlantic #department-address {
  background: #833314;
}

@media all and (max-width: 1023px) {
  /* line 26, S:/files/css/Global stack/faculty-colors/research-centres/_black-atlantic.scss */
  .research-centre#black-atlantic #masthead {
    background: #df5c28;
  }
}

/*@import 'faculty-colors/research-centres/iberian'; */
/*@import 'faculty-colors/research-centres/literature-and-science'; */
/*@import 'faculty-colors/research-centres/nwcrc'; */
/*@import 'faculty-colors/research-centres/technology-directorate';*/
/*#hls-academic.department.hls{
	#section-name, #masthead{
		background:$pepper-green;
	}
	#main-content{
		.internal-homepage{
			#section-banner-buffer{
				.department-hero-banner{
					article{
						h2{
							color:$lime;
						}
					} 
				} 
			} 
		} 
	}
}
#hls-academic.department.hls.option-02,#hss-academic.department.hss.option-02,#se-academic.department.se.option-02{
	#main-content{
		.internal-homepage{
			#section-banner-buffer{
				.department-hero-banner{
					article{
						h2{
							color:$white;
						}
					} 
				} 
			} 
		} 
	}
}



#hls-research.institute.hls{
	#section-name, #masthead{
		background:$leaf-green;
	}
	#main-content{
		.internal-homepage{
			#section-banner-buffer{
				.department-hero-banner{
					article{
						h2{
							color:$lime;
						}
					} 
				} 
			} 
		} 
	}
}
#hss-academic.department.hss{
	#section-name, #masthead{
		background:$deep-plum;
	}
	#main-content{
		.internal-homepage{
			#section-banner-buffer{
				.department-hero-banner{
					article{
						h2{
							color:$raspberry;
						}
					} 
				} 
			} 
		} 
	}
}
#hss-research.institute.hss{
	#section-name, #masthead{
		background:$rose;
	}
	#main-content{
		.internal-homepage{
			#section-banner-buffer{
				.department-hero-banner{
					article{
						h2{
							color:$raspberry;
						}
					} 
				} 
			} 
		} 
	}
}
#se-academic.department.se{
	#section-name, #masthead{
		background:$regal-blue;
	}
	#main-content{
		.internal-homepage{
			#section-banner-buffer{
				.department-hero-banner{
					article{
						h2{
							color:$tangerine;
						}
					} 
				} 
			} 
		} 
	}
}
#se-research.institute.se{
	#section-name, #masthead{
		background:$cyan;
	}
	#main-content{
		.internal-homepage{
			#section-banner-buffer{
				.department-hero-banner{
					article{
						h2{
							color:$tangerine;
						}
					} 
				} 
			} 
		} 
	}
}
#neuroid.university-blue{
	#department-address{
		background:$blue;
	}
}
#study-websites.study, #neuroid.university-blue{
	
	#section-name, #masthead{
		background:$blue;
	}
	
	#universal-header{
		.sign-in-container{
			.universal-inner{
				border-bottom-color: $transparent;
			}
		}
	}
	div.container{
		div.universal-inner{
			#section-home-link{
				h2{
					a{
						color:$white;
					}
					a:hover{
						border-bottom-color: $white;
					}
				}
			}
		}
	}   
}

*/
@media screen and (max-width: 1023px) {
  /* line 217, S:/files/css/Global stack/_color.scss */
  #study-websites.study #masthead #mobile-sticky-header .sticky-name-nav #sticky-dept-link a, #neuroid.university-blue #masthead #mobile-sticky-header .sticky-name-nav #sticky-dept-link a {
    color: #fff;
  }
  /* line 218, S:/files/css/Global stack/_color.scss */
  #study-websites.study #masthead #mobile-sticky-header, #neuroid.university-blue #masthead #mobile-sticky-header {
    border-bottom-color: transparent;
    border-top-color: transparent;
    background: none;
  }
  /* line 224, S:/files/css/Global stack/_color.scss */
  #study-websites.study #masthead, #neuroid.university-blue #masthead {
    background: #031F73;
  }
  /* line 227, S:/files/css/Global stack/_color.scss */
  #study-websites.study #masthead #mobile-sticky-header #toggle, #neuroid.university-blue #masthead #mobile-sticky-header #toggle {
    background-image: url(//www.liverpool.ac.uk/files/images/icons/arrow-down-white.svg);
    outline: none;
  }
  /* line 233, S:/files/css/Global stack/_color.scss */
  #study-websites.study #masthead #mobile-sticky-header .sticky-name-nav .sticky-dept-link, #neuroid.university-blue #masthead #mobile-sticky-header .sticky-name-nav .sticky-dept-link {
    color: #fff;
  }
  /* line 236, S:/files/css/Global stack/_color.scss */
  #study-websites.study #masthead #mobile-sticky-header .sticky-name-nav .sticky-dept-link a, #neuroid.university-blue #masthead #mobile-sticky-header .sticky-name-nav .sticky-dept-link a {
    color: #fff;
  }
}

/* Scss Document */
/* line 4, S:/files/css/Global stack/_forms.scss */
form fieldset {
  padding: 0;
  display: block;
  margin-bottom: 0.77em;
}

/* line 9, S:/files/css/Global stack/_forms.scss */
form input {
  padding: 1.1379%;
  display: block;
  margin-bottom: 0.77em;
  border-color: #031F73;
}

/* line 15, S:/files/css/Global stack/_forms.scss */
form label {
  line-height: 1.77em;
  font-family: "proxima-nova", arial, sans-serif;
  color: #333f48;
  font-weight: 800;
  display: block;
  margin-bottom: 0.77em;
}

/* line 24, S:/files/css/Global stack/_forms.scss */
form input[type="text"] {
  background: #fff;
  width: 100%;
}

/* line 28, S:/files/css/Global stack/_forms.scss */
form input[type="radio"] {
  display: inline;
  width: auto;
  margin: 0 2.1379%;
}

/* line 33, S:/files/css/Global stack/_forms.scss */
form input[type="radio"]:first-child {
  margin-left: 0;
}

/* line 36, S:/files/css/Global stack/_forms.scss */
form input[type="text"]:required {
  border: #F66 solid 1px;
  background: #fff;
}

/* line 40, S:/files/css/Global stack/_forms.scss */
form select {
  border: 1px solid #ccc;
  font-size: 100%;
  padding: 12px 1.1379%;
  display: block;
  font-family: "proxima-nova", arial, sans-serif;
  color: #333f48;
}

/* line 48, S:/files/css/Global stack/_forms.scss */
form textarea {
  display: block;
  width: 100%;
  border-color: #ccc;
  padding: 12px 1.1379% 0;
  font-family: "proxima-nova", arial, sans-serif;
  color: #333f48;
}

/* line 56, S:/files/css/Global stack/_forms.scss */
form button {
  background: #021346;
  border: none;
  color: #fff;
  padding: 12px 2.1379%;
  font-size: 100%;
  display: block;
  font-family: "proxima-nova", arial, sans-serif;
}

/* line 67, S:/files/css/Global stack/_forms.scss */
#mongo-form {
  font-size: 100% !important;
}

/* line 69, S:/files/css/Global stack/_forms.scss */
#mongo-form ul {
  padding: 1rem;
  margin: 0 0 1rem 0;
}

/* line 72, S:/files/css/Global stack/_forms.scss */
#mongo-form ul li::before {
  display: none;
}

/* line 75, S:/files/css/Global stack/_forms.scss */
#mongo-form ul li {
  display: grid;
  grid-template-columns: 0.05fr 1fr;
  margin-left: 0 !important;
}

/* line 81, S:/files/css/Global stack/_forms.scss */
#mongo-form div {
  font-size: 100% !important;
}

/* MOVE TO COMPONENTS */
/* Scss Document */
/* line 3, S:/files/css/Global stack/_toggle.scss */
#toggle-view {
  margin-left: 0 !important;
}

/* line 7, S:/files/css/Global stack/_toggle.scss */
#toggle-view li::before {
  display: none !important;
}

/* line 10, S:/files/css/Global stack/_toggle.scss */
#toggle-view {
  /*padding-left: 0;
		text-indent: 0;
		margin-left: 0;
		border-top:1px solid lighten($blue,47%);
		padding-top:1.33em;
		article.staff-list{
			span{
				position: inherit;
			}
		}
		span:first-of-type{
			position:absolute;
			right:5px; top:0;
			cursor:pointer;
			}
		h3{
			width:90%;
			margin-bottom:1.33em;
			cursor:pointer;
			}
		h2{
			font-size: 120%;
		}
		li {
			border-bottom:1px solid lighten($blue,47%);
			background:none;
			position:relative;
			
			list-style-type:none;
			padding:0;
			text-indent:0;
			margin-bottom:1.33em;
			
			details{
				outline: none;
				summary{
					cursor : pointer;
					outline: none;
					font-weight: bold;
					color: $gold;
					margin-bottom: 1em;
				}
				span:first-of-type{
					position: inherit;
				}
				ul{
					li{
						background: url("//www.liverpool.ac.uk/files/images/common-nav/bullet.png") no-repeat 3px 10px;
						padding-left:1em;
						border-bottom: none;
					}
				}
			}
			div.introduction{
				div{
					span{
						position: inherit;
						cursor: inherit;
					}
				}
			}
			div{
				ul{
					li { 
						font-family:$proxima;
						font-weight:400;
						margin-bottom:0.66em;
						background: url("//www.liverpool.ac.uk/files/images/common-nav/bullet.png") no-repeat 3px 10px;
						padding-left:1em;
						border-bottom:none;
						}
					}
				}
			}
	li::before{
		display: none;
	}
		.panel {
			display:none;
			padding-bottom:1.33em;
			-webkit-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
						   -moz-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
							-ms-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
							 -o-transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
								transition: opacity 250ms ease, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
			span{
				position:relative;
				right:auto;
				}
		}	
}
#toggle-view::before{
	display: none;
}

#main-content{
	article{
		#toggle-view{
			
				padding-left: 0;
				text-indent: 0;
				margin-left: 0;
				padding-top:1.33em;
				span{
					img{
						top:0;
						}
					}
			
		}
	}*/
}

/* POSSIBLY DEPRECATED USING DETAILS IN MOST PLACES */
/*@import 'staff';*/
/* STAFF TABLE JUST A FEW LINES TO DEFINE COLUMNS */
/* Scss Document */
/* line 3, S:/files/css/Global stack/_homepage-emergency.scss */
#homepage.emergency {
  /*#emergency-homepage{
			padding: 3em 0;
			width: 100%;
			height: 100%;
			
			#homepage-research{
				border-bottom: 4px solid $dark-orange;
				margin-bottom: 2em;
				h1{
					font-family: $proxima;
					color: $dark-orange;
					font-size: 150%;
					font-style: normal;
					font-weight: 800;
					margin-bottom: 0.33em;
					letter-spacing: 0.027em;
					line-height: 1em;
				}
				h2{
					font-family: $proxima;
					color: $grey-text;
					font-size: 350%;
					padding-bottom: 0.33em;
					line-height: 0.955em;
					font-weight: 600;
					margin-bottom: 0.133em;
					margin-top: 0;
				}
			}
			
		
	}*/
}

/* line 5, S:/files/css/Global stack/_homepage-emergency.scss */
#homepage.emergency #common-global-strip-no-social, #homepage.emergency #course-search-strip, #homepage.emergency footer {
  display: none;
}

/* line 9, S:/files/css/Global stack/_homepage-emergency.scss */
#homepage.emergency #universal-header .megamenu {
  display: none;
}

/*@media screen and (max-width: 1023px){
	#homepage.emergency{
	}
}*/
/* WHAT IS THIS? */
/* Scss Document */
/* Add " (PDF)" text after links that go to PDFs */
/* line 4, S:/files/css/Global stack/_a-z.scss */
#a-z a[href$=".pdf"]:after {
  content: " (PDF)";
}

/* If file size specified as data attribute, use that too */
/* line 6, S:/files/css/Global stack/_a-z.scss */
#a-z a[href$=".pdf"][data-size]:after {
  content: " (PDF, " attr(data-size) ")";
}

/* line 11, S:/files/css/Global stack/_a-z.scss */
#safety #azlist ul#index {
  text-indent: 0;
  margin: 0;
  padding: 0;
  margin-bottom: 1.55em;
}

/* line 17, S:/files/css/Global stack/_a-z.scss */
#safety #azlist ul#index li {
  display: inline-block;
  font-size: 200%;
  color: #a17700;
  margin-right: 0.80%;
  margin-bottom: 0;
  padding-left: 0;
  background: none;
}

/* line 27, S:/files/css/Global stack/_a-z.scss */
#safety #azlist ul#index li::before {
  display: none;
}

/* line 36, S:/files/css/Global stack/_a-z.scss */
ul#AZselector {
  text-indent: 0;
  margin: 0;
  padding: 0;
  margin-bottom: 1.55em;
}

/* line 41, S:/files/css/Global stack/_a-z.scss */
ul#AZselector li {
  display: inline-block;
  font-size: 200%;
  color: #a17700;
  margin-right: 0.80%;
  margin-bottom: 0;
  padding-left: 0;
  background: none;
}

/* line 51, S:/files/css/Global stack/_a-z.scss */
ul#AZselector li::before {
  display: none;
}

/* line 60, S:/files/css/Global stack/_a-z.scss */
#a-z #navigation li ul.multilevel-linkul-0 {
  display: none;
}

/* line 65, S:/files/css/Global stack/_a-z.scss */
#a-z #main-content {
  margin-bottom: 0.55em;
}

/* line 67, S:/files/css/Global stack/_a-z.scss */
#a-z #main-content h3 {
  font-size: 167%;
}

/* line 72, S:/files/css/Global stack/_a-z.scss */
#a-z #main-content article.content.full {
  margin-bottom: 1.33em;
}

@media screen and (max-width: 1023px) {
  /* line 85, S:/files/css/Global stack/_a-z.scss */
  #a-z #mobile-sticky-header ul li ul.multilevel-linkul-0 {
    display: none;
  }
  /* line 94, S:/files/css/Global stack/_a-z.scss */
  #a-z #mobile-site-navigation ul li ul.multilevel-linkul-0 {
    display: none;
  }
}

/* LINEAR A-Z LIST - MOVE TO COMPONENT */
/* Scss Document */
/* line 3, S:/files/css/Global stack/_global-strip.scss */
#common-global-strip-no-social {
  /*background:darken($blue,10%);
	box-shadow:$top-shadow;*/
}

/* line 8, S:/files/css/Global stack/_global-strip.scss */
#common-global-strip-no-social .inner article {
  padding: 1.55em 0 0.22em;
  width: 100%;
  /*.a-connected-university{
					float:right;
					width: 63.7%;
					
					h2{ 
						font-family: $proxima;
						font-weight:400;
						text-transform:uppercase;
						font-size:303%;
						line-height:0.99em;
						margin:0;
						color:lighten($gold,20%);
						text-shadow: 1px 1px rgba(0,0,0,.35);
						position:relative;
						top:-6px;
						}
					a{
						text-decoration:none;
						}
					a:hover{
						text-decoration:underline;
						}
					UL{
						padding-left:0;
						padding-top:0;
						margin-top:0;
						text-align:left;
						li{
							font-family: $proxima;
    						font-weight: 600;
    						font-size: 150%;
							
    						margin-bottom: 0;
    						line-height: 1.077em;
    						position: relative;
    						top: -4px;
    						display: inline;
    						list-style-type: none;
    						padding: 0;
    						margin: 0;
							color:$white;
							color:$trans-text;
							a{
								color:$white;
							}
							span{
								margin: 0 1%  !important;
   								color:$trans-text;
								display: inline !important;
							}
							
						}
					}
				}*/
  /*.welcome{
					float:left;
					width: 25%;
					margin-right:1.77%;
					position:relative;
					top:-1px;
					.languages{
						padding-left:0;
						list-style-type:none;
						margin:0;
						position:relative;
						top:-2px;
						.welcome{
							clear:right;
							width: auto;
						margin-right: 4%;
   							
							
							color:$trans-text;
							
						
							span{
								display:none;
								}
							}
						li{
								font-family: $proxima;
    							font-size: 150%;
								font-weight: 600;
								
    							margin-bottom: 0;
    							line-height: 1.077em;
    							display: inline;
    							list-style-type: none;
    							padding: 0;
    							margin: 0;
								a{
									color:$white;
									text-decoration:none;
								}
								a:hover{
									text-decoration:underline;
								}
								span{
									margin: 0 2%;
   									color:$trans-text;
									font-weight:600;
								}
							}
						
					
						
						
					}
				}*/
}

/* line 125, S:/files/css/Global stack/_global-strip.scss */
#homepage {
  /*#common-global-strip-no-social{
		display:block;
		background:$global-strip;
	 	}*/
}

/* line 130, S:/files/css/Global stack/_global-strip.scss */
#homepage #common-global-strip-no-social:last-child {
  display: none;
}

@media screen and (max-width: 1400px) {
  /*#common-global-strip-no-social{
		.inner{
			article{
				border-bottom-color: $trans-white-75 !important;
				.a-connected-university{
						ul{
								li{
									font-size: 157%;
									}
							
							}
				}
				.welcome{
					ul{
								li{
									font-size: 157%;
									}
							
						}
				}
			}
		}
	}*/
}

@media screen and (max-width: 1366px) {
  /*#common-global-strip-no-social{
			.inner{
				article{
					.welcome{
						ul{
							li{
								font-size: 140% !important;
							}
						}
					}
					.a-connected-university{
						ul{
							li{
								font-size: 140%;
							}
						}
					}
				}
			}
		}*/
}

@media screen and (max-width: 1050px) {
  /*#common-global-strip-no-social{
		.inner{
			article{
				.a-connected-university{
						ul{
								li{
									font-size: 117%;
									}
							
							}
				}
				.welcome{
					ul{
								li{
									font-size: 117% !important;
									}
							
						}
				}
			}
		}
	}*/
}

@media screen and (max-width: 1023px) {
  /* line 218, S:/files/css/Global stack/_global-strip.scss */
  #homepage #common-global-strip-no-social {
    /*background:darken($global-strip, 8%);*/
  }
  /* line 220, S:/files/css/Global stack/_global-strip.scss */
  #homepage #common-global-strip-no-social .inner {
    width: 90%;
  }
  /* line 222, S:/files/css/Global stack/_global-strip.scss */
  #homepage #common-global-strip-no-social .inner article {
    /*border-bottom:2px solid lighten($global-strip, 30%);*/
    /*.a-connected-university{
						ul{
								li{
									font-size: 149%;
									}
							
							}
				}
				.welcome{
					ul{
								li{
									font-size: 149%;
									}
								li:first-child{
									font-weight:600;
									}
							
							}
				}*/
  }
}

@media screen and (max-width: 1023px) {
  /* line 252, S:/files/css/Global stack/_global-strip.scss */
  #common-global-strip-no-social {
    /*background:$blue;*/
  }
  /* line 255, S:/files/css/Global stack/_global-strip.scss */
  #common-global-strip-no-social .inner {
    /*width:90%;*/
  }
  /* line 257, S:/files/css/Global stack/_global-strip.scss */
  #common-global-strip-no-social .inner article {
    /*.a-connected-university{
						ul{
								li{
									font-size: 149%;
									
									}
							
							}
				}
				.welcome{
					ul{
								li{
									font-size: 147% !important;
									
									}
								li:first-child{
									display:block;
									}
							
							}
				}*/
  }
}

@media screen and (max-width: 1023px) {
  /* line 286, S:/files/css/Global stack/_global-strip.scss */
  .hide-on-homepage #common-global-strip-no-social {
    margin-bottom: 0;
  }
  /* line 292, S:/files/css/Global stack/_global-strip.scss */
  #common-global-strip-no-social .inner article {
    /*padding:2em 0 0.55em !important;
					width: 100%;*/
    /*.a-connected-university{
						float:none;
						width:100%;
						
						
						
						UL{
							
							li{
								
								font-size: 100%;
								span:first-child{
									color:$trans-text;
									font-weight:600;
									display:block;
									margin:0 2% 0.33em 0;
									font-size:125%;
									
								}
							}
						}
					}*/
    /*.welcome{
						float: none;
						width:100%;
						margin-bottom:0.99em;
						font-size:97%;
						.languages{
							
						.welcome{
								clear:none;
								display:inline;
								font-weight:400;
								}
							.chinese{
								}
							.arabic{
								span{
									display: none;
									}
								
								}
							.spanish{
								
								span{
									display: none;
									}
								
								}
						}
					}*/
  }
}

/* JUST HIDES STUFF ON THE HOMEPAGE DELETE ASAP */
/*@import 'department-study';*/
/* THIS IS AN EXCEPTION OF A PROMOTION ON A TOPIC PAGE - ADD AGAIN IF YOU DISCOVER THE CONTEXT */
/*@import 'department-pgr-course';*/
/* Scss Document */
/* line 4, S:/files/css/Global stack/_professional-services.scss */
.professional-services #section-footer {
  display: none;
}

/* Scss Document */
/* line 4, S:/files/css/Global stack/_modal.scss */
.v-center {
  height: 100vh;
  width: 100%;
  display: table;
  position: relative;
  text-align: center;
}

/* line 12, S:/files/css/Global stack/_modal.scss */
.v-center > div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: -10%;
}

/* line 21, S:/files/css/Global stack/_modal.scss */
.btn-small {
  padding: .75em 1em;
  font-size: 0.8em;
}

/* line 26, S:/files/css/Global stack/_modal.scss */
.modal-box {
  display: none;
  position: absolute;
  width: 98%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}

/* line 36, S:/files/css/Global stack/_modal.scss */
.modal-box h2 {
  margin: 1em 1em 0.55em;
}

/* line 38, S:/files/css/Global stack/_modal.scss */
.modal-box h2 img {
  width: 30px;
  top: -3px !important;
  margin-right: 0.55% !important;
}

@media (min-width: 32em) {
  /* line 51, S:/files/css/Global stack/_modal.scss */
  .modal-box header,
  .modal-box .modal-header {
    padding: 1.25em 1.5em;
    border-bottom: 1px solid #ddd;
  }
  /* line 57, S:/files/css/Global stack/_modal.scss */
  .modal-box header h3,
  .modal-box header h4,
  .modal-box .modal-header h3,
  .modal-box .modal-header h4 {
    margin: 0;
  }
  /* line 62, S:/files/css/Global stack/_modal.scss */
  .modal-box .modal-body {
    padding: 2em 1.5em;
  }
  /* line 64, S:/files/css/Global stack/_modal.scss */
  .modal-box footer,
  .modal-box .modal-footer {
    padding: 1em;
    border-top: 1px solid #ddd;
    background: rgba(0, 0, 0, 0.02);
    text-align: right;
  }
  /* line 72, S:/files/css/Global stack/_modal.scss */
  .modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 84, S:/files/css/Global stack/_modal.scss */
  .modal-box {
    width: 70%;
    top: 1% !important;
    z-index: 1000;
  }
}

/* line 91, S:/files/css/Global stack/_modal.scss */
a.close {
  line-height: 1;
  font-size: 2.88em;
  position: absolute;
  top: 6%;
  right: 2%;
  text-decoration: none;
  color: #4874fa;
  font-family: "proxima-nova", arial, sans-serif;
}

/* line 102, S:/files/css/Global stack/_modal.scss */
a.close:hover, a.close:visited {
  color: #799afc;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

/* IS THIS THE ONE USED ON STUDY - IS IT STILL USED? */
/* Scss Document */
/* line 7, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer section.elevator-pitch.stack-no-navigation .hero-wrapper .universal-inner .format, #main-content section.elevator-pitch.stack-no-navigation .hero-wrapper .universal-inner .format {
  width: 70.33%;
  padding-right: 10%;
  top: 20px;
}

/* line 11, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer section.elevator-pitch.stack-no-navigation .hero-wrapper .universal-inner .format .story, #main-content section.elevator-pitch.stack-no-navigation .hero-wrapper .universal-inner .format .story {
  list-style-type: none;
  font-family: "proxima-nova", arial, sans-serif;
  margin-bottom: 2.55em;
  text-transform: uppercase;
  margin-left: 0;
  padding-left: 0;
  font-size: 170%;
}

/* line 19, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer section.elevator-pitch.stack-no-navigation .hero-wrapper .universal-inner .format .story p, #main-content section.elevator-pitch.stack-no-navigation .hero-wrapper .universal-inner .format .story p {
  color: #fff;
}

/* line 27, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer .department-hero-banner#video-container, #main-content .department-hero-banner#video-container {
  margin-bottom: 1.55em;
  position: relative;
  height: 405px;
  overflow: hidden;
  position: relative;
}

/* line 33, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer .department-hero-banner#video-container img, #main-content .department-hero-banner#video-container img {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  padding: 3.5%;
}

/* line 42, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer #video-container video, #main-content #video-container video {
  width: 100%;
  height: auto;
}

/* line 46, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer #video-container #video-overlay, #main-content #video-container #video-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}

/* line 50, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer #video-container #video-overlay #section-name, #main-content #video-container #video-overlay #section-name {
  background: rgba(0, 0, 0, 0.25);
}

/* line 52, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer #video-container #video-overlay #section-name section, #main-content #video-container #video-overlay #section-name section {
  background: transparent;
}

/* line 56, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer #video-container #video-overlay section.elevator-pitch.stack-with-navigation, #main-content #video-container #video-overlay section.elevator-pitch.stack-with-navigation {
  background-color: transparent;
}

/* line 58, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper, #main-content #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper {
  background-color: transparent;
  height: 530px;
}

/* line 61, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner, #main-content #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner {
  padding-top: 2em;
  height: 530px;
}

/* line 67, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner #site-navigation #navigation li a, #main-content #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner #site-navigation #navigation li a {
  background-color: transparent;
  border-bottom-color: #fff;
  color: #fff;
}

/* line 74, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner #site-navigation h2, #main-content #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner #site-navigation h2 {
  border-bottom-color: #fff;
}

/* line 76, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner #site-navigation h2 a, #main-content #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner #site-navigation h2 a {
  color: #fff;
}

/* line 81, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner .format, #main-content #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner .format {
  width: 70.33%;
  padding-right: 10%;
  top: 20px;
}

/* line 85, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner .format .story, #main-content #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner .format .story {
  list-style-type: none;
  font-family: "proxima-nova", arial, sans-serif;
  margin-bottom: 2.55em;
  text-transform: uppercase;
  margin-left: 0;
  padding-left: 0;
  font-size: 170%;
}

/* line 93, S:/files/css/Global stack/_stack.scss */
#section-banner-buffer #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner .format .story p, #main-content #video-container #video-overlay section.elevator-pitch.stack-with-navigation .hero-wrapper .universal-inner .format .story p {
  color: #fff;
}

@media screen and (max-width: 800px) {
  /* line 107, S:/files/css/Global stack/_stack.scss */
  #main-content .department-hero-banner#video-container {
    height: 310px;
  }
  /* line 109, S:/files/css/Global stack/_stack.scss */
  #main-content .department-hero-banner#video-container video {
    height: 310px !important;
  }
}

@media screen and (max-width: 600px) {
  /* line 125, S:/files/css/Global stack/_stack.scss */
  #main-content .department-hero-banner#video-container {
    height: 280px;
  }
  /* line 127, S:/files/css/Global stack/_stack.scss */
  #main-content .department-hero-banner#video-container video {
    height: 280px !important;
  }
}

@media screen and (max-width: 500px) {
  /* line 143, S:/files/css/Global stack/_stack.scss */
  #main-content .department-hero-banner#video-container {
    height: 370px;
  }
  /* line 145, S:/files/css/Global stack/_stack.scss */
  #main-content .department-hero-banner#video-container video {
    height: 370px !important;
    width: auto;
    max-width: inherit;
  }
  /* line 150, S:/files/css/Global stack/_stack.scss */
  #main-content .department-hero-banner#video-container img {
    width: 100%;
    height: 272px;
    max-width: inherit;
  }
}

/* Scss Document */
/* line 7, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#materials-chemistry #main-content #section-banner-buffer .department-hero-banner article {
  background: none;
  text-align: left;
  padding-left: 0;
}

/* line 11, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#materials-chemistry #main-content #section-banner-buffer .department-hero-banner article h1 {
  color: #333f48;
}

/* line 14, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#materials-chemistry #main-content #section-banner-buffer .department-hero-banner article h2 {
  color: #23c3ff;
}

/* line 17, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#materials-chemistry #main-content #section-banner-buffer .department-hero-banner article p {
  text-align: left;
  color: #333f48;
  width: 30%;
}

/* line 26, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#materials-chemistry #section-name {
  background: #00aeef;
}

/* line 29, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#materials-chemistry #section-name {
  background: #00aeef;
}

/* line 32, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#materials-chemistry #section-name div.container div.universal-inner {
  border-bottom-color: rgba(0, 0, 0, 0);
}

/* line 34, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#materials-chemistry #section-name div.container div.universal-inner #section-home-link {
  border-bottom-color: rgba(0, 0, 0, 0);
}

/* line 37, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#materials-chemistry #section-name div.container div.universal-inner #section-home-link h2 a {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* line 40, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#materials-chemistry #section-name div.container div.universal-inner #section-home-link h2 a:hover {
  border-bottom-color: #fff;
  color: #fff !important;
}

/* line 51, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#materials-chemistry #universal-header .universal-inner:first-child {
  border-bottom: none;
}

/* line 55, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#materials-chemistry #universal-header .sign-in-container .universal-inner {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}

/* line 67, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#liverpool-voices #main-content #section-banner-buffer .department-hero-banner article {
  background: rgba(3, 31, 115, 0.25);
}

/* line 74, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#liverpool-voices #universal-header .universal-inner:first-child {
  border-bottom: none;
}

/* line 78, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#liverpool-voices #universal-header .sign-in-container .universal-inner {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}

/* line 84, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#liverpool-voices #section-name {
  background: #d72748;
}

/* line 87, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#liverpool-voices #section-name div.container div.universal-inner {
  border-bottom-color: rgba(0, 0, 0, 0);
}

/* line 89, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#liverpool-voices #section-name div.container div.universal-inner #section-home-link {
  border-bottom-color: rgba(0, 0, 0, 0);
}

/* line 92, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#liverpool-voices #section-name div.container div.universal-inner #section-home-link h2 a {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* line 95, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#liverpool-voices #section-name div.container div.universal-inner #section-home-link h2 a:hover {
  border-bottom-color: #fff;
  color: #fff !important;
}

/* line 108, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#driving-social-mobility #section-name {
  background: #d72748;
}

/* line 111, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#driving-social-mobility #section-name div.container div.universal-inner {
  border-bottom-color: rgba(0, 0, 0, 0);
}

/* line 113, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#driving-social-mobility #section-name div.container div.universal-inner #section-home-link {
  border-bottom-color: rgba(0, 0, 0, 0);
}

/* line 116, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#driving-social-mobility #section-name div.container div.universal-inner #section-home-link h2 a {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* line 119, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#driving-social-mobility #section-name div.container div.universal-inner #section-home-link h2 a:hover {
  border-bottom-color: #fff;
  color: #fff !important;
}

/* line 131, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page#driving-social-mobility #main-content #department-full-width .generic-module.department-full-width-module:nth-of-type(1) {
  clear: left;
}

/* line 140, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-address {
  display: none;
}

/* line 143, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content {
  width: 100%;
  float: none;
}

/* line 145, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content aside iframe {
  width: 100% !important;
}

/* line 153, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content article.counter-modules .generic-promo {
  width: 30%;
  float: left;
}

/* line 157, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content article.counter-modules div.counter {
  margin-top: 0.55em;
}

/* line 159, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content article.counter-modules div.counter span {
  line-height: 0.05em;
  padding-bottom: 0.33em;
  padding-top: 0.33em;
  text-align: center;
  color: #d72748;
  font-weight: 800;
  font-size: 280%;
  font-family: "proxima-nova", arial, sans-serif;
  float: inherit;
}

/* line 171, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content article.counter-modules div.counter span span#counter_subtext {
  margin-bottom: 0;
  margin-top: 2em;
  font-size: 32%;
  display: block;
  font-weight: 400;
  line-height: 1.33em;
  float: none;
  color: #d72748;
}

/* line 186, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width:after {
  content: "";
  display: table;
  clear: both;
}

/* line 193, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width aside.generic-promo.half:first-child h2 {
  display: none;
}

/* line 197, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width aside.generic-promo.half {
  margin-top: 1.33em;
  width: 48%;
  margin-right: 4%;
}

/* line 201, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width aside.generic-promo.half h2 {
  font-family: "freight-text-pro", serif;
  font-size: 180%;
  font-weight: 400;
}

/* line 206, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width aside.generic-promo.half blockquote {
  margin: 0;
}

/* line 208, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width aside.generic-promo.half blockquote p:after {
  left: 14px;
  top: -5px;
}

/* line 213, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width aside.generic-promo.half blockquote p {
  font-size: 230%;
  font-weight: 800;
  line-height: 1.033em;
  margin-bottom: 0.33em;
  color: #d72748;
  background: none;
  width: auto;
  padding-right: 0;
}

/* line 223, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width aside.generic-promo.half blockquote cite {
  font-style: normal;
  font-family: "proxima-nova", arial, sans-serif;
}

/* line 229, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width .generic-promo.half:nth-of-type(2n+2) {
  margin-right: 0;
}

/* line 232, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width .generic-promo.half:nth-of-type(2n+3) {
  margin-top: 0;
}

/* line 235, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width .generic-promo.half:nth-of-type(2n+4) {
  margin-top: 0;
}

/* line 238, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width article.generic-module {
  float: right;
  width: 48%;
}

/* line 242, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width .generic-module.department-full-width-module:nth-of-type(3n+3) {
  margin-right: 0;
}

/* line 245, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width .generic-module.department-full-width-module {
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-bottom: 0.77em;
  margin-top: 0.77em;
  padding: 0;
}

/* line 252, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width .generic-module.department-full-width-module .left {
  width: 100%;
  float: none;
  padding-bottom: 0;
}

/* line 256, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width .generic-module.department-full-width-module .left p {
  margin-bottom: 0;
}

/* line 258, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width .generic-module.department-full-width-module .left p iframe {
  width: 100% !important;
  height: 241px !important;
  margin-bottom: 0;
}

/* line 265, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #department-full-width .generic-module.department-full-width-module .right {
  width: 100%;
  float: none;
  padding: 0;
}

/* line 272, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #section-banner-buffer {
  margin-bottom: 0;
  height: 400px;
  overflow: hidden;
}

/* line 276, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #section-banner-buffer .department-hero-banner {
  position: relative;
}

/* line 278, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #section-banner-buffer .department-hero-banner article {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  margin-bottom: 0;
  text-align: center;
}

/* line 288, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #section-banner-buffer .department-hero-banner article h2 {
  font-size: 300%;
  margin-top: 0;
}

/* line 292, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #main-content #section-banner-buffer .department-hero-banner article p {
  text-align: center;
}

/* line 299, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page nav#site-navigation {
  display: none;
}

/* line 303, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central, .department.landing-page #department-right {
  width: 48%;
  float: left;
  border-bottom: none;
}

/* line 307, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .generic-promo, .department.landing-page #department-right .generic-promo {
  width: 100%;
  float: none;
}

/* line 310, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .generic-promo h2, .department.landing-page #department-right .generic-promo h2 {
  margin-bottom: 0;
}

/* line 313, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .generic-promo blockquote, .department.landing-page #department-right .generic-promo blockquote {
  margin: 0;
}

/* line 315, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .generic-promo blockquote p, .department.landing-page #department-right .generic-promo blockquote p {
  font-size: 260%;
  font-weight: 800;
  line-height: 1.033em;
  margin-bottom: 0.33em;
  color: #d72748;
  background-image: none;
}

/* line 323, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .generic-promo blockquote cite, .department.landing-page #department-right .generic-promo blockquote cite {
  font-style: normal;
  font-family: "proxima-nova", arial, sans-serif;
}

/* line 329, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .department-full-width-module, .department.landing-page #department-right .department-full-width-module {
  width: 100%;
}

/* line 333, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .department-full-width-module .left, .department.landing-page #department-right .department-full-width-module .left {
  width: 64%;
  float: left;
  padding-top: 0.77em;
  padding-bottom: 0.77em;
}

/* line 339, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .department-full-width-module .left .img-holder, .department.landing-page #department-right .department-full-width-module .left .img-holder {
  width: 25%;
  float: left;
}

/* line 342, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .department-full-width-module .left .img-holder img, .department.landing-page #department-right .department-full-width-module .left .img-holder img {
  top: 5px;
}

/* line 347, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .department-full-width-module .left .module-text, .department.landing-page #department-right .department-full-width-module .left .module-text {
  float: right;
  width: 70%;
}

/* line 350, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .department-full-width-module .left .module-text h2, .department.landing-page #department-right .department-full-width-module .left .module-text h2 {
  margin-top: 0;
}

/* line 355, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .department-full-width-module .right, .department.landing-page #department-right .department-full-width-module .right {
  float: right;
  width: 31.99%;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

/* line 362, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .department-full-width-module .right h3, .department.landing-page #department-right .department-full-width-module .right h3 {
  display: none;
}

/* line 365, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .department-full-width-module .right h2, .department.landing-page #department-right .department-full-width-module .right h2 {
  margin-bottom: 0.55em;
  margin-top: 0.44em;
  font-size: 130%;
}

/* line 373, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .department-full-width-module .right ul, .department.landing-page #department-right .department-full-width-module .right ul {
  list-style-type: none;
  font-family: arial, sans-serif;
  font-size: 120%;
  text-transform: uppercase;
  padding-top: 0.33em;
  margin-bottom: 0;
}

/* line 381, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .department-full-width-module .right ul li, .department.landing-page #department-right .department-full-width-module .right ul li {
  font-family: "proxima-nova", arial, sans-serif;
  font-weight: 200;
  background: none;
  padding-left: 0;
  margin-bottom: 0.44em;
  line-height: 1.11em;
  font-size: 105%;
}

/* line 390, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .department-full-width-module .right ul li a, .department.landing-page #department-right .department-full-width-module .right ul li a {
  text-decoration: none;
}

/* line 394, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-central .department-full-width-module .right ul li a:hover, .department.landing-page #department-right .department-full-width-module .right ul li a:hover {
  text-decoration: underline;
}

/* line 403, S:/files/css/Global stack/_landing-page.scss */
.department.landing-page #department-right {
  float: right;
}

@media screen and (max-width: 1023px) {
  /* line 412, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page#driving-social-mobility #masthead #mobile-sticky-header {
    background: #d72748;
  }
  /* line 414, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page#driving-social-mobility #masthead #mobile-sticky-header .sticky-name-nav {
    border-bottom-color: #d72748;
  }
  /* line 422, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page#liverpool-voices #masthead #mobile-sticky-header {
    background: #d72748;
  }
  /* line 424, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page#liverpool-voices #masthead #mobile-sticky-header .sticky-name-nav {
    border-bottom-color: #d72748;
  }
  /* line 432, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page#name-of-url #masthead #mobile-sticky-header {
    background: #d72748;
  }
  /* line 434, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page#name-of-url #masthead #mobile-sticky-header .sticky-name-nav {
    border-bottom-color: #d72748;
  }
  /* line 442, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page #masthead #mobile-sticky-header {
    background: #d72748;
  }
  /* line 444, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page #masthead #mobile-sticky-header .sticky-name-nav {
    border-bottom-color: #d72748;
  }
  /* line 451, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page #main-content #section-banner-buffer {
    height: auto;
    overflow: inherit;
  }
  /* line 455, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page #main-content #section-banner-buffer .department-hero-banner article {
    position: inherit;
    background: #d72748;
  }
  /* line 458, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page #main-content #section-banner-buffer .department-hero-banner article h2 {
    line-height: 1em;
  }
  /* line 464, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page #main-content #department-right {
    width: 100%;
    float: none;
  }
  /* line 467, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page #main-content #department-right article.counter-modules {
    text-align: center;
  }
  /* line 470, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page #main-content #department-right article.counter-modules div.counter span {
    margin: 0 auto;
  }
  /* line 476, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page #main-content #department-central {
    width: 100%;
    float: none;
  }
  /* line 481, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page #main-content #department-full-width .generic-module.department-full-width-module {
    width: 100%;
    float: none;
  }
  /* line 484, S:/files/css/Global stack/_landing-page.scss */
  .department.landing-page #main-content #department-full-width .generic-module.department-full-width-module .left {
    border-bottom: none;
  }
}

/* DOES THIS HAVE ITS OWN STACK? */
/* Scss Document */
/* line 8, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results h3 {
  font-size: 80%;
  font-weight: normal;
  color: #1e1e1e;
}

/* line 13, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results h4, #digital-communications.metrics #main-content article div.filter_results div.results h2 {
  font-size: 145%;
  font-weight: normal;
  text-transform: uppercase;
}

/* line 18, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card {
  display: block;
  background: #ecf0fe;
  border: 1px solid #c4d2fd;
  padding: 0.77em 2.77% 0.77em;
  margin-bottom: 1.33em;
  border-radius: 15px;
}

/* line 25, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card h2 {
  color: #1e1e1e;
}

/* line 28, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card table {
  border-radius: 5px;
}

/* line 31, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card table tr th {
  background: #92adfc;
}

/* line 34, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card table tr td {
  background: #abc0fd;
}

/* line 39, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module:nth-of-type(3n+3) {
  margin-right: 0;
}

/* line 42, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module.map {
  background-image: url("//www.liverpool.ac.uk/files/images/metrics/view-on-map.png");
}

/* line 44, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module.map p {
  font-size: 250%;
  margin-bottom: 0.55em;
}

/* line 47, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module.map p a {
  color: #1e1e1e;
  text-decoration: none;
  border-bottom: 1px solid #4874fa;
}

/* line 52, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module.map p a:hover {
  border-bottom: 1px solid #063ad6;
}

/* line 57, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module {
  border: 1px solid #4874fa;
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-bottom: 0.77em;
  margin-top: 0;
  padding: 0;
  background: #abc0fd;
}

/* line 66, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module ol {
  margin-left: 3%;
  list-style-type: none;
  list-style: none;
}

/* line 70, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module ol li {
  counter-increment: item;
  margin-bottom: 0.77em;
  list-style-type: none;
}

/* line 75, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module ol li:before {
  margin-right: 10px;
  content: counter(item);
  background: #88a5fc;
  padding: 1%;
  border-radius: 100%;
  color: #1e1e1e;
  width: 1.88em;
  text-align: center;
  display: inline-block;
}

/* line 87, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module h5 {
  text-align: center;
  color: #1e1e1e;
  font-size: 100%;
  background: #92adfc;
  padding: 1em 3%;
  margin-top: 0;
  font-weight: normal;
}

/* line 97, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module p {
  text-align: center;
  font-size: 300%;
  font-weight: 800;
  margin-bottom: 0.177em;
}

/* line 108, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.control-panel {
  background: #c4d2fd;
  border-radius: 15px;
  border: 1px solid #abc0fd;
  padding: 1.5% 3.8% 2.3%;
}

/* line 114, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.control-panel h2 {
  color: #1e1e1e;
  margin-bottom: 0;
}

/* line 119, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.control-panel div.filter_profiles {
  display: none;
}

/* line 123, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters h3 {
  color: #1e1e1e;
  margin-bottom: 2em;
}

/* line 127, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters p {
  display: none;
}

/* line 130, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters button {
  display: inline;
  background-image: url("//www.liv.ac.uk/files/images/study/key-link.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 8%;
  margin-right: 0;
  position: relative;
  top: -2px;
}

/* line 140, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range {
  display: inline;
}

/* line 142, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range li:first-child {
  margin-right: 0.5%;
}

/* line 145, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range li:last-child {
  margin-right: 2%;
}

/* line 148, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range li {
  display: inline;
  background: none;
  padding-left: 0;
  margin-right: 1.8%;
  text-transform: uppercase;
}

/* line 154, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range li a {
  text-decoration: none;
  border-bottom: 1px solid #2f62fa;
}

/* line 163, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article:first-child {
  margin-bottom: 0;
}

/* line 165, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article:first-child h1 {
  margin-bottom: 0.33em;
}

/* line 170, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content article:nth-child(2) {
  margin-bottom: 1.33em;
}

/* line 176, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content #metrics-tabs {
  padding-top: 1.77em;
}

/* line 178, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content #metrics-tabs ul.tabs {
  margin-bottom: 2.33em;
}

/* line 180, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content #metrics-tabs ul.tabs li {
  background: #799afc;
  display: inline;
  margin-right: 0.55%;
  padding: 1.55% 0;
}

/* line 185, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content #metrics-tabs ul.tabs li a.active {
  background: #021241;
}

/* line 188, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content #metrics-tabs ul.tabs li a:hover {
  background: #164ff9;
}

/* line 191, S:/files/css/Global stack/_metrics.scss */
#digital-communications.metrics #main-content #metrics-tabs ul.tabs li a {
  color: #fff;
  text-decoration: none;
  padding: 1.55% 3%;
}

@media screen and (max-width: 1366px) {
  /* line 208, S:/files/css/Global stack/_metrics.scss */
  #digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range {
    display: block;
    margin-bottom: 1.33em;
  }
  /* line 212, S:/files/css/Global stack/_metrics.scss */
  #digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters button {
    display: block;
    top: 0;
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  /* line 228, S:/files/css/Global stack/_metrics.scss */
  #digital-communications.metrics #main-content article #metrics-tabs {
    padding-top: 0;
  }
  /* line 230, S:/files/css/Global stack/_metrics.scss */
  #digital-communications.metrics #main-content article #metrics-tabs ul.tabs {
    margin-bottom: 1.33em;
  }
  /* line 232, S:/files/css/Global stack/_metrics.scss */
  #digital-communications.metrics #main-content article #metrics-tabs ul.tabs li {
    line-height: 2.33em;
  }
  /* line 239, S:/files/css/Global stack/_metrics.scss */
  #digital-communications.metrics #main-content article div.filter_results div.results div.card {
    padding: 2% 5% 6%;
  }
  /* line 241, S:/files/css/Global stack/_metrics.scss */
  #digital-communications.metrics #main-content article div.filter_results div.results div.card div.module {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
  /* line 250, S:/files/css/Global stack/_metrics.scss */
  #digital-communications.metrics #main-content article div.control-panel {
    padding: 2% 5% 6%;
  }
  /* line 253, S:/files/css/Global stack/_metrics.scss */
  #digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range {
    display: block;
  }
  /* line 256, S:/files/css/Global stack/_metrics.scss */
  #digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range li:first-child {
    position: relative;
    top: 3px;
    text-transform: none;
  }
  /* line 262, S:/files/css/Global stack/_metrics.scss */
  #digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range li {
    display: block;
    margin-bottom: 0.33em;
  }
  /* line 267, S:/files/css/Global stack/_metrics.scss */
  #digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters button {
    display: block;
    top: 0;
    width: 100%;
  }
}

/* IS THIS STILL LIVE? */
/* Scss Document */
/* line 5, S:/files/css/Global stack/_repository.scss */
#repository nav#site-navigation {
  width: 29.6% !important;
  margin-top: 0 !important;
}

/* line 11, S:/files/css/Global stack/_repository.scss */
#repository #main-content article {
  width: 100% !important;
}

/* line 17, S:/files/css/Global stack/_repository.scss */
#repository #main-content article form select, #repository #main-content article form input[type="text"], #repository #main-content article form input[type="submit"], #repository #main-content article form input[type="password"], #repository #main-content article form input[type='checkbox'] {
  display: inline;
  padding: 7px;
  width: auto !important;
  font-size: normal !important;
}

/* line 26, S:/files/css/Global stack/_repository.scss */
#repository #main-content article dl dt {
  font-size: 100%;
  font-weight: normal;
}

/* line 32, S:/files/css/Global stack/_repository.scss */
#repository #main-content article ul li {
  background: none !important;
  padding-left: 0 !important;
}

/* line 37, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table.ep_blister_bar {
  background: #92adfc;
}

/* line 41, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_block {
  border: 1px solid #c4d2fd;
  padding: 2%;
}

/* line 44, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_block input[type="text"], #repository #main-content article .ep_block input[type="password"] {
  width: 90% !important;
}

/* line 49, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_summary_box img {
  margin: 0 1.4% 1.4% 0;
}

/* line 56, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_sr_title_bar table, #repository #main-content article .ep_sr_title_bar td, #repository #main-content article .ep_sr_title_bar tr, #repository #main-content article .ep_form_input_grid table, #repository #main-content article .ep_form_input_grid td, #repository #main-content article .ep_form_input_grid tr, #repository #main-content article .ep_msg_warning_content table, #repository #main-content article .ep_msg_warning_content td, #repository #main-content article .ep_msg_warning_content tr, #repository #main-content article .ep_block table, #repository #main-content article .ep_block td, #repository #main-content article .ep_block tr {
  border: none !important;
}

/* line 60, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_form_input_grid, #repository #main-content article td.ep_multi_help {
  border: none !important;
}

/* line 63, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_sr_collapse_bar {
  font-size: 100%;
}

/* line 65, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_sr_collapse_bar img {
  margin: 0 2% 1.5% 0;
}

/* line 70, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table {
  border: 1px solid #abc0fd;
}

/* line 72, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table tr {
  border: 1px solid #abc0fd;
}

/* line 74, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table tr th {
  padding: 0.55em 1% !important;
}

/* line 77, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table tr td.ep_form_input_grid_arrows {
  padding: 0 !important;
}

/* line 80, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table tr td {
  border: 1px solid #abc0fd;
}

/* line 84, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table tr td form select, #repository #main-content article table tr td form input[type="text"], #repository #main-content article table tr td form input[type="submit"], #repository #main-content article table tr td form textarea {
  display: inline;
  padding: 7px;
  width: auto !important;
  font-size: small !important;
}

/* line 92, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table tr td table {
  border: 1px solid #abc0fd;
}

/* line 95, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table tr td table td select {
  display: inline;
}

/* line 98, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table tr td table td input[type="text"] {
  font-size: small !important;
}

/* line 102, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table tr td table td div input[type="text"] {
  margin-bottom: 1em;
}

/* line 108, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table tr td img {
  top: 0;
  margin: 0;
}

/* line 112, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table tr td label {
  color: #333f48;
}

/* line 118, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table tr td input[type="text"] {
  padding: 5px 3% !important;
  margin-bottom: 0;
}

/* line 122, S:/files/css/Global stack/_repository.scss */
#repository #main-content article table tr td select {
  padding: 5px 3% !important;
}

/* line 128, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_form_action_button, #repository #main-content article .ep_form_internal_button {
  display: inline;
}

/* line 131, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_sr_component .ep_sr_title {
  font-size: 100%;
  margin: 2%;
}

/* line 136, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_msg_warning_content table {
  border: 1px solid #abc0fd;
}

/* line 140, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* line 144, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_sr_show_help {
  border: none !important;
}

/* line 146, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_sr_show_help a {
  margin: 20%;
}

/* line 149, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_sr_show_help a img {
  margin: 10px;
}

/* line 155, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main ul.ep_tab_bar li {
  background: none;
  padding-left: 0;
  margin-bottom: 0;
}

/* line 164, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_results td table td, #repository #main-content article .ep_tm_main .ep_search_results th table td {
  border: none !important;
}

/* line 171, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_results table, #repository #main-content article .ep_tm_main #ep_eprint_view_panels table {
  border: 1px solid #abc0fd;
}

/* line 174, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_results table tbody tr, #repository #main-content article .ep_tm_main #ep_eprint_view_panels table tbody tr {
  border: 1px solid #abc0fd;
}

/* line 176, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_results table tbody tr td, #repository #main-content article .ep_tm_main #ep_eprint_view_panels table tbody tr td {
  border: 1px solid #abc0fd;
  border-bottom: 1px dotted #0533be;
  font-size: 85%;
}

/* line 180, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_results table tbody tr td ul.ep_action_list, #repository #main-content article .ep_tm_main #ep_eprint_view_panels table tbody tr td ul.ep_action_list {
  display: inline;
}

/* line 182, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_results table tbody tr td ul.ep_action_list li, #repository #main-content article .ep_tm_main #ep_eprint_view_panels table tbody tr td ul.ep_action_list li {
  background: none;
  padding-left: 0;
  display: inline;
  margin: 0;
}

/* line 187, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_results table tbody tr td ul.ep_action_list li a, #repository #main-content article .ep_tm_main #ep_eprint_view_panels table tbody tr td ul.ep_action_list li a {
  display: inline-block;
  margin-right: 2%;
}

/* line 191, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_results table tbody tr td ul.ep_action_list li form, #repository #main-content article .ep_tm_main #ep_eprint_view_panels table tbody tr td ul.ep_action_list li form {
  display: inline;
}

/* line 193, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_results table tbody tr td ul.ep_action_list li form input[type="image"], #repository #main-content article .ep_tm_main #ep_eprint_view_panels table tbody tr td ul.ep_action_list li form input[type="image"] {
  display: inline;
  margin: 0;
  position: relative;
  top: 12px;
  padding: 0;
}

/* line 202, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_results table tbody tr td ul.ep_action_list li a img, #repository #main-content article .ep_tm_main #ep_eprint_view_panels table tbody tr td ul.ep_action_list li a img {
  top: 0;
}

/* line 210, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_results table tbody tr th, #repository #main-content article .ep_tm_main #ep_eprint_view_panels table tbody tr th {
  border: 1px solid #abc0fd;
}

/* line 212, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_results table tbody tr th table, #repository #main-content article .ep_tm_main #ep_eprint_view_panels table tbody tr th table {
  border: 1px solid #abc0fd;
}

/* line 214, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_results table tbody tr th table td, #repository #main-content article .ep_tm_main #ep_eprint_view_panels table tbody tr th table td {
  border-bottom: none;
}

/* line 224, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_fields .ep_multi_help {
  border: none !important;
}

/* line 228, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_fields .ep_multi_input label {
  color: #1e1e1e;
  font-weight: normal;
  font-size: 130%;
  font-family: "proxima-nova", arial, sans-serif;
}

/* line 234, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_fields .ep_multi_input input.ep_form_checkbox {
  display: inline;
  position: relative;
  top: 2px;
  margin-right: 2%;
}

/* line 241, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_fields td {
  padding: 2%;
  border: 1px solid #abc0fd;
}

/* line 245, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_fields select {
  display: inline !important;
  width: auto;
  padding: 5px 1.1379%;
}

/* line 250, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_fields input[type="text"] {
  display: inline !important;
  width: auto;
  padding: 6px 1.1379% 7px;
  margin: 0;
}

/* line 259, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_buttons {
  background: none !important;
  border: none !important;
}

/* line 262, S:/files/css/Global stack/_repository.scss */
#repository #main-content article .ep_tm_main .ep_search_buttons .ep_form_action_button, #repository #main-content article .ep_tm_main .ep_search_buttons .ep_form_internal_button {
  display: inline !important;
  float: left !important;
  margin-right: 1%;
}

/* line 271, S:/files/css/Global stack/_repository.scss */
#repository #main-content hr {
  display: none !important;
}

/* line 274, S:/files/css/Global stack/_repository.scss */
#repository #main-content h1 {
  font-size: 200% !important;
  color: #a17700 !important;
  font-family: "freight-text-pro", serif !important;
  font-weight: 500 !important;
  margin-bottom: 0.33em !important;
  line-height: 1.33em !important;
  text-align: left;
}

@media (max-width: 1023px) {
  /* line 287, S:/files/css/Global stack/_repository.scss */
  #repository {
    /*#site-navigation{
    	display: block;
		}*/
  }
  /* line 288, S:/files/css/Global stack/_repository.scss */
  #repository header#universal-header {
    display: block;
  }
  /* line 291, S:/files/css/Global stack/_repository.scss */
  #repository #section-name {
    display: block;
  }
}

/* Scss Document */
/* line 5, S:/files/css/Global stack/_csd.scss */
#computing-services .links a {
  border: none;
}

/* line 17, S:/files/css/Global stack/_csd.scss */
#computing-services.security #main-content div nav ul li:last-child p a {
  display: inline;
  border-bottom: #1e1e1e dotted 1px;
  color: #031F73 !important;
  padding: 0;
}

/* line 26, S:/files/css/Global stack/_csd.scss */
#computing-services.security #main-content div nav ul li:last-child p:nth-of-type(2) a:last-child {
  display: block;
  padding: 0.44em 0.77em;
  color: #fff !important;
  text-decoration: none;
  border: none;
}

/* line 41, S:/files/css/Global stack/_csd.scss */
#computing-services #section-footer {
  display: none;
}

/* line 48, S:/files/css/Global stack/_csd.scss */
#computing-services #main-content article #tab nav li {
  padding: 0.44em 0.77em;
}

/* line 56, S:/files/css/Global stack/_csd.scss */
#computing-services #main-content div nav a.call-to-action {
  display: block;
  padding: 0.44em 0.77em;
  color: #fff !important;
  text-decoration: none;
  border: none;
}

/* line 63, S:/files/css/Global stack/_csd.scss */
#computing-services #main-content div nav a.call-to-action:hover {
  color: #fff !important;
}

/* line 66, S:/files/css/Global stack/_csd.scss */
#computing-services #main-content div nav a.call-to-action:visited {
  color: #fff !important;
}

/* line 69, S:/files/css/Global stack/_csd.scss */
#computing-services #main-content div nav a {
  display: inline;
  padding: 0;
}

/* line 73, S:/files/css/Global stack/_csd.scss */
#computing-services #main-content div nav a:visited {
  color: #031F73 !important;
}

/* line 78, S:/files/css/Global stack/_csd.scss */
#computing-services #main-content blockquote {
  background: #c4d2fd;
  width: 100%;
  margin-bottom: 1.77em;
  font-family: "proxima-nova", arial, sans-serif;
  padding: 1em 5% 1.33em;
}

/* line 84, S:/files/css/Global stack/_csd.scss */
#computing-services #main-content blockquote p::before, #computing-services #main-content blockquote p::after {
  display: none;
}

/* line 87, S:/files/css/Global stack/_csd.scss */
#computing-services #main-content blockquote p {
  color: #333f48;
  font-style: normal;
  font-family: "proxima-nova", arial, sans-serif !important;
  margin-bottom: 0.7em;
  font-size: 100%;
}

/* line 93, S:/files/css/Global stack/_csd.scss */
#computing-services #main-content blockquote p a {
  line-height: 1.33em;
}

/* line 99, S:/files/css/Global stack/_csd.scss */
#computing-services aside#a-to-z-aside {
  position: relative !important;
  top: 0 !important;
}

/* line 104, S:/files/css/Global stack/_csd.scss */
#computing-services aside ul#a-to-z-links {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 1%;
}

/* line 109, S:/files/css/Global stack/_csd.scss */
#computing-services aside ul#a-to-z-links li {
  display: inline;
}

/* line 114, S:/files/css/Global stack/_csd.scss */
#computing-services aside blockquote h2 {
  color: #333f48;
}

/* line 117, S:/files/css/Global stack/_csd.scss */
#computing-services aside blockquote p::before, #computing-services aside blockquote p::after {
  display: none;
}

/* line 120, S:/files/css/Global stack/_csd.scss */
#computing-services aside blockquote p {
  font-size: 80%;
  font-family: "proxima-nova", arial, sans-serif !important;
  color: #333f48;
  font-style: normal;
  margin-bottom: 0.7em;
}

/* line 128, S:/files/css/Global stack/_csd.scss */
#computing-services aside ul {
  margin-left: 0;
}

/* line 130, S:/files/css/Global stack/_csd.scss */
#computing-services aside ul li::before {
  display: none;
}

/* line 133, S:/files/css/Global stack/_csd.scss */
#computing-services aside ul li {
  margin-bottom: 0.55em;
  display: inline-block;
}

/* line 136, S:/files/css/Global stack/_csd.scss */
#computing-services aside ul li img {
  float: left;
  width: 25%;
  top: 6px;
  margin: 0 clamp(0.85rem, 1vw, 1rem) clamp(0.85rem, 1vw, 1rem) 0;
}

/* line 145, S:/files/css/Global stack/_csd.scss */
#computing-services .microsite-header {
  padding-left: clamp(6rem, 9vw, 9em);
  padding-top: 7px;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 85px;
  background-position: 0 0;
  margin-bottom: 1em;
}

/* line 157, S:/files/css/Global stack/_csd.scss */
#computing-services nav.app-list ul#app-list {
  margin-left: 0;
}

/* line 159, S:/files/css/Global stack/_csd.scss */
#computing-services nav.app-list ul#app-list li::before {
  display: none;
}

/* line 164, S:/files/css/Global stack/_csd.scss */
#computing-services nav.app-list ul#app-list li p {
  margin-top: 0;
}

/* line 171, S:/files/css/Global stack/_csd.scss */
#computing-services nav#microsite-markets ul::before {
  display: none;
}

/* line 174, S:/files/css/Global stack/_csd.scss */
#computing-services nav#microsite-markets ul {
  display: -ms-grid;
  display: grid;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-gap: 1em;
  border-bottom-width: 2px;
}

/* line 181, S:/files/css/Global stack/_csd.scss */
#computing-services nav#microsite-markets ul li::before {
  display: none;
}

/* line 184, S:/files/css/Global stack/_csd.scss */
#computing-services nav#microsite-markets ul li {
  background: none;
}

/* line 187, S:/files/css/Global stack/_csd.scss */
#computing-services nav#microsite-markets ul li:nth-of-type(3n+1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

/* line 191, S:/files/css/Global stack/_csd.scss */
#computing-services nav#microsite-markets ul li:nth-of-type(3n+2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

/* line 195, S:/files/css/Global stack/_csd.scss */
#computing-services nav#microsite-markets ul li:nth-of-type(3n+3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

/* line 206, S:/files/css/Global stack/_csd.scss */
#computing-services.email .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/emailIcon.svg);
}

/* line 212, S:/files/css/Global stack/_csd.scss */
#computing-services.printing .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/printingIcon.svg);
}

/* line 218, S:/files/css/Global stack/_csd.scss */
#computing-services.software .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/softwareIcon.svg);
}

/* line 224, S:/files/css/Global stack/_csd.scss */
#computing-services.mobile .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/mobileIcon.svg);
}

/* line 230, S:/files/css/Global stack/_csd.scss */
#computing-services.security .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/securityIcon.svg);
}

/* line 236, S:/files/css/Global stack/_csd.scss */
#computing-services.bi .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/businessIntelligence.svg);
}

/* line 242, S:/files/css/Global stack/_csd.scss */
#computing-services.business-systems .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/businessSystemsIcon.svg);
}

/* line 248, S:/files/css/Global stack/_csd.scss */
#computing-services.records .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/recordsIcon.svg);
}

/* line 254, S:/files/css/Global stack/_csd.scss */
#computing-services.researchComputing .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/advancedResearchIcon.svg);
}

/* line 260, S:/files/css/Global stack/_csd.scss */
#computing-services.apps-anywhere .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/appsAnywhereIcon.svg);
}

/* line 266, S:/files/css/Global stack/_csd.scss */
#computing-services.training .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/ITtrainingIcon.svg);
}

/* line 272, S:/files/css/Global stack/_csd.scss */
#computing-services.quickstart .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/quickstartIcon.svg);
}

/* line 278, S:/files/css/Global stack/_csd.scss */
#computing-services.help-and-support .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/helpAndSupportIcon.svg);
}

/* line 284, S:/files/css/Global stack/_csd.scss */
#computing-services.staff-fundamentals .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/fundamentalsIcon.svg);
}

/* line 290, S:/files/css/Global stack/_csd.scss */
#computing-services.my-files .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/myFilesIcon.svg);
}

/* line 296, S:/files/css/Global stack/_csd.scss */
#computing-services.my-computer .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/myComputerIcon.svg);
}

/* line 302, S:/files/css/Global stack/_csd.scss */
#computing-services.project-management .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/businessImprovementIcon.svg);
}

/* line 308, S:/files/css/Global stack/_csd.scss */
#computing-services.pc-centres .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/pcCentresIcon.svg);
}

/* line 314, S:/files/css/Global stack/_csd.scss */
#computing-services.stream-capture .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/streamCaptureIcon.svg);
}

/* line 320, S:/files/css/Global stack/_csd.scss */
#computing-services.your-account .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/accountIcon.svg);
}

/* line 326, S:/files/css/Global stack/_csd.scss */
#computing-services.windows-10 .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/windows10Icon.svg);
}

/* line 332, S:/files/css/Global stack/_csd.scss */
#computing-services.csd-about .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/aboutCSDIcon.svg);
}

/* line 338, S:/files/css/Global stack/_csd.scss */
#computing-services.sharepoint .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/sharepoint-icon.svg);
}

@media screen and (max-width: 1023px) {
  /* line 346, S:/files/css/Global stack/_csd.scss */
  #computing-services .microsite-header {
    background-size: auto;
  }
  /* line 350, S:/files/css/Global stack/_csd.scss */
  #computing-services nav#microsite-markets ul {
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
  }
}

/* ADD TO CUSTOM CSS TO CSD SITE */
/* Scss Document */
/* line 5, S:/files/css/Global stack/_chatbox.scss */
.GeckoChatWidget .ChatContainer.active {
  z-index: 9000;
}

/* line 8, S:/files/css/Global stack/_chatbox.scss */
.GeckoChatWidget .PreChatForm {
  padding: 30px 30px 100px !important;
}

@media screen and (max-width: 640px) {
  /* line 15, S:/files/css/Global stack/_chatbox.scss */
  .GeckoChatWidget .Gecko-header > img {
    display: none !important;
  }
  /* line 18, S:/files/css/Global stack/_chatbox.scss */
  .GeckoChatWidget .Gecko-header > p {
    margin-top: 0 !important;
  }
  /* line 21, S:/files/css/Global stack/_chatbox.scss */
  .GeckoChatWidget .ChatContainer.active {
    top: 0;
  }
  /* line 24, S:/files/css/Global stack/_chatbox.scss */
  .GeckoChatWidget .ChatContainer > .Conversation {
    flex-grow: 1 !important;
  }
  /* line 29, S:/files/css/Global stack/_chatbox.scss */
  #clearing-chatbox #universal-header {
    position: inherit !important;
  }
}

/* line 36, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up {
  background: #fff;
}

/* line 38, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up iframe {
  padding: 0 8%;
}

/* line 43, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up .Message .Message-content p {
  color: #444;
}

/* line 45, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up .Message .Message-content p a {
  color: #333f48;
  border-bottom: 1px dotted #444;
  background: none;
}

/* line 50, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up .Message .Message-content p a:hover {
  border-bottom: 1px solid #444;
  background: none;
}

/* line 54, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up .Message .Message-content p a:visited {
  border-bottom: 1px dotted #444;
  background: none;
}

/* line 60, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up .Message .Message-content ul li {
  color: #444;
}

/* line 64, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up .Message .Message-content h1, #chat-box-pop-up .Message .Message-content h2, #chat-box-pop-up .Message .Message-content h3 {
  color: #444;
}

/* line 69, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up p {
  font-family: "proxima-nova", arial, sans-serif;
}

/* line 71, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up p a {
  color: #fff;
  font-weight: 800;
  border-bottom: 1px dotted #fff;
  text-decoration: none;
}

/* line 77, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up p a:hover {
  color: #fff;
  font-weight: 800;
  border-bottom: 1px solid #fff;
}

/* line 83, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up h1 {
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 270%;
  font-weight: 800;
  color: #031F73;
  width: 100%;
  padding: 0 8% 0.5em;
  margin: 0;
}

/* line 93, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up h2, #chat-box-pop-up h3 {
  font-family: "proxima-nova", arial, sans-serif;
  font-weight: 800;
}

/* line 97, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up p {
  color: #fff;
  padding: 0 5% 0.5em;
  font-size: 115%;
}

/* line 102, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up ul {
  margin: 0;
  padding: 0 5% 1em;
  list-style-type: disc;
  margin-left: 1.4em;
  list-style-position: outside;
  margin-bottom: 1em;
}

/* line 109, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up ul li::before {
  content: counter(li);
  content: "•";
  color: rgba(255, 255, 255, 0.5);
  display: inline-block;
  width: 0.4em;
  margin-left: -0.41em;
  font-size: 300%;
  position: relative;
  top: -5.5px;
  left: -4px;
  vertical-align: middle;
}

/* line 122, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up ul li {
  color: rgba(255, 255, 255, 0.75);
  font-family: "proxima-nova", arial, sans-serif;
  font-weight: 400;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  font-size: 115%;
}

/* line 130, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up ul li a {
  color: #fff;
  font-weight: 800;
  border-bottom: 1px dotted #fff;
  text-decoration: none;
}

/* line 136, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up ul li a:hover {
  color: #fff;
  font-weight: 800;
  border-bottom: 1px solid #fff;
}

/* line 145, S:/files/css/Global stack/_chatbox.scss */
#chat-box-pop-up header img {
  padding: 40px 8% 20px;
  width: 50%;
}

/* line 153, S:/files/css/Global stack/_chatbox.scss */
.ChatButton-custom {
  opacity: 0.9;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

/* line 159, S:/files/css/Global stack/_chatbox.scss */
.ChatButton-custom:hover {
  opacity: 1;
}

/* line 169, S:/files/css/Global stack/_chatbox.scss */
.ChatContainer .PreChatForm {
  background-image: none;
}

/* line 174, S:/files/css/Global stack/_chatbox.scss */
.PreChatForm-fields > div > label {
  font-family: "proxima-nova", arial, sans-serif !important;
}

/* Scss Document */
/* line 5, S:/files/css/Global stack/_topic-landing-page.scss */
#performance-space #breadcrumb a:link, #performance-space #breadcrumb a:visited {
  color: #d7006c !important;
}

/* line 10, S:/files/css/Global stack/_topic-landing-page.scss */
#performance-space .topic-page h1 {
  color: #d7006c !important;
}

/* line 13, S:/files/css/Global stack/_topic-landing-page.scss */
#performance-space .topic-page p.summary {
  color: #d7006c !important;
}

/* line 21, S:/files/css/Global stack/_topic-landing-page.scss */
#performance-space-slide-show nav {
  position: absolute;
  font-family: "proxima-nova", arial, sans-serif;
  padding-top: 30px;
  width: 100%;
  left: 0;
  right: 0;
  text-align: left;
  z-index: 200;
}

/* line 30, S:/files/css/Global stack/_topic-landing-page.scss */
#performance-space-slide-show nav li {
  font-weight: 800;
  display: inline;
  margin-right: 10px;
}

/* line 34, S:/files/css/Global stack/_topic-landing-page.scss */
#performance-space-slide-show nav li a {
  text-decoration: none;
  border-bottom: 1px dotted #fff;
  color: #fff;
}

/* line 40, S:/files/css/Global stack/_topic-landing-page.scss */
#performance-space-slide-show nav li:last-of-type {
  position: absolute;
  top: 30px;
  right: 0;
  margin: 0;
}

/* line 45, S:/files/css/Global stack/_topic-landing-page.scss */
#performance-space-slide-show nav li:last-of-type a {
  background: #d7006c;
  border-radius: 50px;
  border: none;
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
}

/* line 53, S:/files/css/Global stack/_topic-landing-page.scss */
#performance-space-slide-show nav li:last-of-type a:hover {
  background: #031F73;
}

/* line 60, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page {
  background: #fff !important;
}

/* line 62, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page #super-topic-page {
  background: none !important;
  position: relative;
  margin-top: -400px;
}

/* line 66, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page #super-topic-page #container {
  max-width: 1000px !important;
  background: #fff;
}

/* line 69, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page #super-topic-page #container #responsive-container {
  width: 87%;
}

/* line 71, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page #super-topic-page #container #responsive-container #breadcrumb {
  padding-top: 20px;
  width: 100%;
}

/* line 77, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page #super-topic-page #container #main-content {
  width: 100%;
}

/* line 79, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page #super-topic-page #container #main-content article {
  margin-bottom: 30px;
}

/* line 82, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page #super-topic-page #container #main-content article p em {
  color: #d7006c !important;
  font-style: normal;
  font-weight: 400;
  font-size: 140%;
}

/* line 90, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page #super-topic-page #container #main-content aside {
  width: 30%;
}

/* line 93, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page #super-topic-page #container #main-content aside figure figcaption {
  border-bottom: none;
  font-size: 80%;
  font-family: "proxima-nova", arial, sans-serif;
}

/* line 101, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page #super-topic-page #container #main-content .topic-page header#section-banner-buffer {
  background: none;
}

/* line 109, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page .topic-landing-page-banner .hero-wrapper {
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 30px;
}

/* line 114, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page .topic-landing-page-banner .hero-wrapper .universal-inner {
  height: 1156px !important;
}

/* line 119, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page .topic-landing-page-banner .universal-inner {
  padding: 0 !important;
  position: relative;
}

/* line 123, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page .topic-landing-page-banner .universal-inner nav {
  font-family: "proxima-nova", arial, sans-serif;
  padding-top: 30px;
}

/* line 126, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page .topic-landing-page-banner .universal-inner nav li {
  font-weight: 800;
  display: inline;
  margin-right: 10px;
}

/* line 130, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page .topic-landing-page-banner .universal-inner nav li a {
  text-decoration: none;
  border-bottom: 1px dotted #1e1e1e;
  color: #1e1e1e;
}

/* line 136, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page .topic-landing-page-banner .universal-inner nav li:last-of-type {
  position: absolute;
  top: 30px;
  right: 0;
  margin: 0;
}

/* line 141, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page .topic-landing-page-banner .universal-inner nav li:last-of-type a {
  background: #d7006c;
  border-radius: 50px;
  border: none;
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
}

/* line 149, S:/files/css/Global stack/_topic-landing-page.scss */
.inner-landing-page .topic-landing-page-banner .universal-inner nav li:last-of-type a:hover {
  background: #000;
}

@media screen and (max-width: 1366px) {
  /* line 161, S:/files/css/Global stack/_topic-landing-page.scss */
  .inner-landing-page .topic-landing-page-banner .hero-wrapper {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 0;
  }
  /* line 166, S:/files/css/Global stack/_topic-landing-page.scss */
  .inner-landing-page .topic-landing-page-banner .hero-wrapper .universal-inner {
    height: 876px !important;
  }
}

@media screen and (max-width: 1024px) {
  /* line 177, S:/files/css/Global stack/_topic-landing-page.scss */
  .inner-landing-page .topic-landing-page-banner .hero-wrapper {
    padding-top: 0 !important;
    background-position-y: -5px;
  }
  /* line 180, S:/files/css/Global stack/_topic-landing-page.scss */
  .inner-landing-page .topic-landing-page-banner .hero-wrapper .universal-inner {
    background-color: transparent !important;
    width: 90% !important;
    height: 840px !important;
  }
}

@media screen and (max-width: 640px) {
  /* line 193, S:/files/css/Global stack/_topic-landing-page.scss */
  #performance-space-slide-show nav {
    width: 94%;
    margin: 0 auto;
    padding-top: 0;
  }
  /* line 197, S:/files/css/Global stack/_topic-landing-page.scss */
  #performance-space-slide-show nav li {
    display: block;
  }
  /* line 200, S:/files/css/Global stack/_topic-landing-page.scss */
  #performance-space-slide-show nav li:last-of-type {
    top: 0;
  }
  /* line 207, S:/files/css/Global stack/_topic-landing-page.scss */
  .inner-landing-page .topic-landing-page-banner .hero-wrapper {
    background-position-y: 35px;
  }
  /* line 209, S:/files/css/Global stack/_topic-landing-page.scss */
  .inner-landing-page .topic-landing-page-banner .hero-wrapper .universal-inner {
    height: 700px !important;
  }
  /* line 212, S:/files/css/Global stack/_topic-landing-page.scss */
  .inner-landing-page .topic-landing-page-banner .hero-wrapper .universal-inner nav li {
    display: block;
  }
}

/* DOES THIS HAVE ITS OWN STACK? */
/* Scss Document */
/* line 4, S:/files/css/Global stack/_t4-autocomplete.scss */
#universal-header .tt-menu {
  background: #5C556F;
  width: 99%;
}

/* line 7, S:/files/css/Global stack/_t4-autocomplete.scss */
#universal-header .tt-menu .tt-dataset {
  background: #5C556F;
}

/* line 9, S:/files/css/Global stack/_t4-autocomplete.scss */
#universal-header .tt-menu .tt-dataset .tt-suggestion {
  font-size: 140%;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
  color: white;
  padding: 10px;
  font-family: "proxima-nova", arial, sans-serif;
  color: rgba(255, 255, 255, 0.75);
}

/* line 16, S:/files/css/Global stack/_t4-autocomplete.scss */
#universal-header .tt-menu .tt-dataset .tt-suggestion strong {
  color: white;
}

/* line 20, S:/files/css/Global stack/_t4-autocomplete.scss */
#universal-header .tt-menu .tt-dataset .tt-suggestion:hover {
  background: #443f52;
}

/* Scss Document */
/* line 4, S:/files/css/Global stack/_flockler.scss */
.revert * {
  all: revert;
}

/* CROSS REFERENCE WITH COMPONENT */
/*@import 'department-homepage';*/
/* REMAINING STYLES FOR OLD DEPARTMENT SITES WHICH ARE CO-DEPENDAENT WITH INTERNAL HOMEPAGE MOVED TO INTERNAL HOMEPAGE IN COMPOSITION */
/*@import 'staff-list';
@import 'staff-nav';*/
/*@import 'swipe-tabs';*/
/* ICONS FOR STAFF TABS */
/*@import 'department-events';*/
/*@import 'ask-liverpool';*/
/*@import 'content-types';*/
/*@import 'error-pages';*/
/*@import 'header-wireframe';*/
/*@import 'performance';
@import 'performance-slideshow';*/
/*@import 'performance-news';*/
/*@import 'tabs-redesign';*/
/*@import 'footer';*/
/*@import 'responsive-nav';*/
/*@import 'sub-brand-key-links';*/
/*@import 'navigation'; */
/*@import 'staff-profile-dev';*/
/*@import 'search-results';*/
/*@import 'footer-new';*/
/*@import 'variables';*/
/*@import 'reset';*/
/*@import 'base';*/
/*@import 'structure'; */
/*@import 'typography'; */
/*@import 'header';*/
/*@import 'mobile-search-interface';*/
/*@import 'search';*/
/*@import 'mega-menus';*/
/*@import 'mega-menus-stuck';*/
/*@import 'sub-brand';*/
/*@import 'sub-brand-stuck';*/
/*@import 'department-news';*/
/*@import 'course-list'; */
/*@import 'course-page';*/
/*@import 'course-header';*/
/*@import 'study-section-homepages';*/
/*@import 'research-homepage';*/
/*@import 'cookie-notice'; */
/*@import 'alert'; */
/*@import 'auto-complete';*/
/*@import 'study-transformation-features';*/
/* DELETED IN JAN 2023 */
/*@import 'languages'; */
/*@import 'london-course';*/
/*@import 'brand-review';*/
/*@import 'grid';*/
/*@import 'tables';*/
/*@import 'contacts';  */
/*@import 'about'; */
/*@import 'study-homepage'; */
/*@import 'campaign';*/
/*@import 'people-search';*/
/* line 115, S:/files/css/Global stack/master-2.scss */
.important-notice {
  border-left-style: solid;
  padding-left: 20px;
  border-color: #ddd;
  border-width: 8px;
  margin: 50px 0px 50px;
  font-weight: bold;
}

/* line 124, S:/files/css/Global stack/master-2.scss */
.revert * {
  all: revert;
}

/* line 128, S:/files/css/Global stack/master-2.scss */
body.department.ps {
  overflow: visible !important;
}

/* line 132, S:/files/css/Global stack/master-2.scss */
#faculty-link {
  color: #fff;
}

/* line 136, S:/files/css/Global stack/master-2.scss */
.no-side-nav #site-navigation {
  display: none;
}

/* line 139, S:/files/css/Global stack/master-2.scss */
.no-side-nav #main-content {
  width: 100%;
}

/* line 146, S:/files/css/Global stack/master-2.scss */
#homepage #universal-header .sign-in-container .universal-inner, #about #universal-header .sign-in-container .universal-inner, #study-homepage #universal-header .sign-in-container .universal-inner {
  border-bottom-color: rgba(0, 0, 0, 0);
}

/* line 153, S:/files/css/Global stack/master-2.scss */
#skip-nav {
  display: inline;
  position: absolute;
  top: 0;
  padding: 0.5em 1.4%;
  left: 1%;
  font-family: "proxima-nova", arial, sans-serif;
  transition: -ms-transform 200ms,-webkit-transform 200ms,transform 200ms;
  -webkit-transform: translateY(-110%);
  -ms-transform: translateY(-110%);
  transform: translateY(-110%);
  background: #031F73;
  color: #fff;
  z-index: 1000;
}

/* line 169, S:/files/css/Global stack/master-2.scss */
#skip-nav:focus {
  transition: -ms-transform 200ms,-webkit-transform 200ms,transform 200ms;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* line 177, S:/files/css/Global stack/master-2.scss */
#masthead {
  background: #fff;
}

/* line 181, S:/files/css/Global stack/master-2.scss */
#nav-toggle {
  display: none;
}

/* line 186, S:/files/css/Global stack/master-2.scss */
#undergraduate.ask-liverpool #masthead {
  background-color: #031F73;
}

/* line 189, S:/files/css/Global stack/master-2.scss */
#undergraduate.ask-liverpool #section-name {
  background-color: #031F73;
}

/* line 192, S:/files/css/Global stack/master-2.scss */
#undergraduate.ask-liverpool #section-name div.container div.universal-inner {
  grid-template-columns: 2.23fr 1.31fr;
}

/* line 199, S:/files/css/Global stack/master-2.scss */
body#mammalian-beahviour-and-evolution span#hiddenkeywordlist li a {
  text-transform: capitalize;
}

@media (max-width: 1023px) {
  /* line 202, S:/files/css/Global stack/master-2.scss */
  #google_translate_element {
    display: none;
  }
  /* line 206, S:/files/css/Global stack/master-2.scss */
  header#section-header {
    display: none;
  }
  /* line 209, S:/files/css/Global stack/master-2.scss */
  #common-mobile-header {
    display: block;
  }
  /* line 212, S:/files/css/Global stack/master-2.scss */
  #site-navigation {
    display: none;
  }
  /* line 216, S:/files/css/Global stack/master-2.scss */
  #homepage #course-search-strip {
    display: block;
  }
}

@media (max-width: 640px) {
  /* line 226, S:/files/css/Global stack/master-2.scss */
  #universal-header #primary-nav {
    display: none;
  }
}

/*# sourceMappingURL=master-2.css.map */