@charset "UTF-8";
/* Scss Document */
/* Scss Document  */
/* RESET */
/* Scss Document */
/* RESET HTML5 STUFF TO BE IMPORTED */
/* ----- compressed html5 reset style sheet ----- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-size: 14px;
  line-height: 1.231;
}

body, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}

a {
  color: #00e;
}

a:visited {
  color: #551a8b;
}

a:hover {
  color: #06e;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

h1, h2, h3, h4, p {
  margin-top: 0px;
}

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 30px;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  padding: 0;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button, input {
  line-height: normal;
}

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

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;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

.ir br {
  display: none;
}

#main-content .hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

@media print {
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: "(" attr(href) ")";
  }
  abbr[title]:after {
    content: "(" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}
/* global rule for all media to bring down to size */
img, video {
  height: auto !important;
  max-width: 100%;
}

/* take weird unwanted round corners and shadow off input boxes */
input[type=text] {
  -webkit-appearance: none;
  border-radius: 0;
}

/* get rid of blue border on safari inputs */
input[type=text]:focus, input[type=password]:focus {
  outline: 0 none;
}

/* transition easter egg */
#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*/
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body, html {
  height: 100%;
  width: 100%;
}

/* CLEARFIX */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix {
  zoom: 1;
} /* IE6 */
*: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 */
.card-group-margin {
  margin-bottom: 2.75rem !important;
  margin-bottom: clamp(1.5rem, 2.75vw, 2.75rem) !important;
}

.card-group-margin-top {
  margin-top: 2.75rem !important;
  margin-top: clamp(1.5rem, 2.75vw, 2.75rem) !important;
}

/* FIXED */
.fixed {
  position: fixed;
  right: 0;
  left: 0;
}

.fixed.bottom {
  bottom: 0;
}

.fixed.top {
  top: 0;
}

/* FIXED ON MOBILE */
.fixed-on-mobile {
  position: fixed;
  right: 0;
  left: 0;
}

.fixed-on-mobile.bottom {
  bottom: 0;
}

.fixed-on-mobile.top {
  top: 0;
}

#academic-subjects.course aside.fixed-on-mobile {
  width: 35% !important;
  margin: auto;
}

@media screen and (max-width: 769px) {
  #academic-subjects.course aside.fixed-on-mobile {
    width: 100% !important;
  }
}
/* ABSOLUTE */
/* Scss Document */
.absolute {
  position: absolute;
  left: 0;
  right: 0;
}

.abolute.bottom {
  bottom: 0;
}

.abolute.top {
  top: 0;
}

/* SR-ONLY CLASS FOR SCREEN READERS */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* SPACING */
:root {
  --unit:0.5rem;
}

/* Scss Document */
/* BASIC STYLED SELECTORS */
/* Scss Document */
html {
  background-color: #fff;
}

body {
  height: 100%;
  width: 100%;
  color: #333f48;
  counter-reset: item;
}

img {
  max-width: 100%;
  margin-bottom: 0.77em;
  height: auto !important;
}

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;
}

a {
  color: #212b58;
  font-weight: 700;
  text-underline-offset: 0.25rem;
  text-decoration-color: #212b58;
  text-decoration: underline dotted;
  text-decoration-thickness: 0;
}

a:hover {
  color: #212b58;
  text-decoration: underline solid;
  text-decoration-thickness: 0;
}

a:visited {
  color: #212b58;
}

ul {
  margin-bottom: 0.77em;
  margin: 0;
  padding: 0;
  margin-left: 1.4em;
  margin-bottom: 1em;
}

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;
}

#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;
}

ol {
  padding-left: 5%;
}
ol li::before {
  display: none;
}
ol li {
  list-style-type: decimal;
  background: none;
  padding-left: 1%;
}
ol li ul {
  margin-left: 5%;
  padding-top: 0.5em;
}
ol li ul li {
  list-style-type: circle;
  list-style-position: outside;
}
ol li ul li::before {
  display: none !important;
}

dl {
  padding-left: 0;
  margin-top: 0;
}

dt {
  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-bottom: clamp(0.5 * var(--unit), 1vw, 1 * var(--unit));
  margin-top: 1.5rem;
  margin-top: clamp(0.75 * var(--unit), 2.5vw, 2.5 * var(--unit));
  letter-spacing: -0.01em;
  width: 95%;
}
dt data {
  font-size: 2.5rem;
  font-size: clamp(3rem, 5vw, 5rem);
  line-height: 2.25rem;
  line-height: clamp(3.25rem, 5vw, 5.25rem);
  color: #212b58;
  font-family: "poppins", sans-serif;
  margin-bottom: 0.75rem;
  margin-bottom: clamp(0.5 * var(--unit), 1vw, 1 * var(--unit));
  font-weight: 800;
  letter-spacing: -0.01em;
}

dd {
  font-family: "poppins", sans-serif;
  color: #212b58;
  margin-bottom: 0.77em;
  margin-left: 0;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.5em;
  width: 99%;
  letter-spacing: 0.00125em;
}

hr {
  margin-top: 1.5em;
  border-top: 2px solid #021346;
  font-size: 100%;
  visibility: visible;
  width: 100%;
  height: 12px;
}

cite {
  font-style: normal;
  font-size: 85%;
  font-family: "poppins", sans-serif;
}

/* ADDRESS */
address {
  font-style: normal;
  padding-bottom: 1em;
  margin-bottom: 0.77em;
  line-height: 1.45em;
  font-family: "poppins", sans-serif;
}

pre {
  font-family: "poppins", sans-serif;
  padding-left: 15px;
  margin-bottom: 0.77em;
  width: 100%;
  float: left;
  line-height: 1.45em;
}

.ChatButton svg {
  left: 0;
  top: 0;
}

/* IFRAME */
iframe {
  margin-bottom: 0.77em;
}

/* BLOCKQUOTE */
blockquote {
  margin: 2em 0 2em;
  width: 90%;
}
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;
}
blockquote p:after {
  content: close-quote;
  line-height: 0;
  left: 6px;
  position: relative;
  top: 30px;
  font-size: 3em;
  font-weight: normal;
}
blockquote p:before {
  content: open-quote;
  line-height: 0;
  left: -12px;
  position: relative;
  top: 30px;
  font-size: 3em;
  font-weight: normal;
  margin-right: -7px;
}

figure figcaption {
  display: block;
  margin-bottom: 0.77em;
}

figure:empty {
  display: none;
}

/* BASIC STRUCTURAL ELEMENTS */
/* Scss Document */
.container, #container {
  max-width: 1400px;
  margin: 0 auto;
}

.sign-in-container .universal-inner {
  height: auto;
}

.inner {
  width: 95.7142%;
  margin: 0 auto;
}

#responsive-container {
  width: 95.7142%;
  margin: 0 auto;
  padding-top: 1.5em;
}

.content-mask {
  background: #fff;
  position: relative;
}

.universal-inner {
  width: 95.7142%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

#main-content {
  width: 70%;
  float: left;
}

#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;
}
#breadcrumb li {
  display: inline;
  position: relative;
  top: -3px;
}
#breadcrumb a:link {
  text-decoration: none;
  border-bottom: 1px dotted #212b58;
  color: #212b58;
  font-weight: bold;
}
#breadcrumb a:hover {
  border-bottom: 1px solid #212b58;
  color: #212b58;
}
#breadcrumb a:visited {
  color: #212b58;
}

#level-3-tabbed-nav {
  width: 70%;
  float: left;
  padding: 0.55em 0 1em;
}

.content.wide {
  margin-right: 0;
  width: 100%;
  float: none;
}

/* MODULES */
/*.three-column-module{
	margin:0 2% 1.55em 0; 
	line-height: 1.5em; 
	width: 32%; 
	float: left;
	clear:none !important;
	img{
		margin-bottom:1em;
		}
	.no-margin{
		margin-right:0;
		}
	.clear-left{
		clear:left;
		}
	h2{
		margin-top:0;
		a:hover{
			text-decoration: underline;
			}
		}
	}

.three-column-module:nth-of-type(3n+3){
	margin-right:0;
	}

.three-column-module:nth-of-type(3n+4){
	clear:left !important;
	}*/
#direct-edit-link a {
  color: #070913;
  display: block;
  background: #070913;
}
#direct-edit-link a:hover {
  color: #fff;
  background: #324185;
}

@media (max-width: 1023px) {
  #responsive-container {
    width: 90%;
    padding-top: 0.55em;
  }
  #main-content {
    width: 100%;
    float: none;
  }
  .three-column-module {
    width: 100%;
    float: none;
  }
  #level-3-tabbed-nav {
    width: 100%;
    float: none;
  }
  aside {
    width: 100%;
    float: none;
  }
  .content-mask {
    padding-top: 0.55em;
  }
  #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 */
:root {
  --unit:0.5rem;
}

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;
  margin-bottom: clamp(0.5 * var(--unit), 1vw, 1 * var(--unit));
  font-weight: 700;
  letter-spacing: -0.01em;
  width: 95%;
}

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-bottom: clamp(0.5 * var(--unit), 1vw, 1 * var(--unit));
  margin-top: 1.5rem;
  margin-top: clamp(0.75 * var(--unit), 2.5vw, 2.5 * var(--unit));
  font-weight: 700;
  letter-spacing: -0.01em;
  width: 95%;
}

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-bottom: clamp(0.5 * var(--unit), 1vw, 1 * var(--unit));
  margin-top: 1.5rem;
  margin-top: clamp(0.75 * var(--unit), 2.5vw, 2.5 * var(--unit));
  letter-spacing: -0.01em;
  width: 95%;
}

h4 {
  font-size: 100%;
  color: #212b58;
  font-family: "poppins", sans-serif;
  font-weight: 700;
  margin-bottom: 0.5rem;
  margin-bottom: clamp(0.5 * var(--unit), 1vw, 1 * var(--unit));
  margin-top: 1.5rem;
  margin-top: clamp(0.75 * var(--unit), 2.5vw, 2.5 * var(--unit));
  letter-spacing: -0.01em;
}

h5 {
  font-size: 90%;
  color: #212b58;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  margin-bottom: 0.55em;
  line-height: 1em;
}

h6 {
  font-size: 80%;
  color: #212b58;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  margin-bottom: 0.55em;
  line-height: 1.33em;
}

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 */
body {
  font: 100%;
}

th {
  font-family: "poppins", sans-serif;
  font-size: 100%;
}

td {
  font-family: "poppins", sans-serif;
  font-size: 100%;
}

nav {
  font: arial, sans-serif;
}

/* ARTICLE */
/* Scss Document */
/* FLOATED ARTICLE IN MAIN CONTENT BLOCK */
#main-content article {
  padding: 0 1.8% 0 0;
  width: 66.6%;
  float: left;
}

/* FULL WIDTH ARTICLE */
#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 */
#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 */
}
#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;
}
#main-content article p.summary strong {
  font-weight: 800;
  color: #212b58;
}
#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;
}
#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%;
}
#main-content article ul.block-list li figure img, #main-content article ul#contact-block li figure img {
  top: 0;
}
#main-content article ul.block-list li p, #main-content article ul#contact-block li p {
  margin-bottom: 0.77em;
  margin-left: 35%;
}
#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;
}
#main-content article ul.block-list li br, #main-content article ul#contact-block li br {
  display: none;
}
#main-content article form#digital-comms-search input[type=text].search-input {
  float: left;
  width: 90%;
}
#main-content article form#digital-comms-search input[type=image].input {
  display: inline;
}
#main-content article ul.three-column-list {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}
#main-content article ul.three-column-list li {
  display: block;
}
#main-content article ul.new-course-list, #main-content article ul.course-list {
  margin-left: 0;
}
#main-content article ul.new-course-list li::before, #main-content article ul.course-list li::before {
  display: none;
}
#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;
}
#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.4em;
  padding-bottom: 0.4em;
}
#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;
}
#main-content article ul.new-course-list li h2 span, #main-content article ul.course-list li h2 span {
  line-height: 1.55em;
}
#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;
}
#main-content article ul#news-list-sort li span {
  display: none;
}

#main-content article.content.wp-post {
  /* CROSS CHECK OR DELETE - THEY HIDE TABS ON WP PAGES */
}
#main-content article.content.wp-post #level-3-tabbed-nav {
  display: none;
}
#main-content article.content.wp-post p.meta {
  display: none;
}

#main-content article.four-generic-modules {
  /* CROSS CHECK WITH MODULES */
}
#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;
}
#main-content article.four-generic-modules .generic-promo.department-cent-promo:nth-last-of-type(even) {
  margin-right: 2%;
}

#main-content article#research-group {
  /* CROSS CHECK WITH RESEARCH GROUPS */
  width: 100%;
}
#main-content article#research-group .research-group-categories {
  display: none;
}
#main-content article#research-group #research-group-members, #main-content article#research-group #contact-details {
  margin-left: 0;
}
#main-content article#research-group #research-group-members li::before, #main-content article#research-group #contact-details li::before {
  display: none;
}
#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;
}
#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%;
}
#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 */
#main-content article.content.full {
  /* CROSS CHECK, DELETE OR MOVE THESE SEARCH STYLES */
}
#main-content article.content.full form#digi-comms-search input[type=text] {
  width: 88%;
  float: left;
  margin-right: 2%;
}
#main-content article.content.full form#digi-comms-search input[type=image] {
  border-radius: 50%;
  border: 2px solid #333f48;
  position: relative;
  top: -20px;
}
#main-content article.content.full form#digi-comms-search input[type=image]:hover {
  background: #e8eaf6;
}

#main-content article.content.wide.staff-list {
  /* CROSS CHECK, DELETE OR MOVE THIS STAFF LIST STYLES */
  border-bottom: 1px solid #9ea9da;
}
#main-content article.content.wide.staff-list figure {
  padding-top: 0;
  float: left;
  width: 15%;
}
#main-content article.content.wide.staff-list figure img {
  top: 0;
  width: 100% !important;
  margin: 0;
}
#main-content article.content.wide.staff-list span {
  width: 81%;
  float: right;
}
#main-content article.content.wide.staff-list span h2 {
  margin-top: 0;
}

@media screen and (max-width: 1023px) {
  #main-content article.content.full, #main-content article {
    width: 100%;
    float: none;
    clear: both;
    margin: 0 0 2em;
    padding: 0;
  }
  #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;
  }
  #main-content article.content.full ul.three-column-list li, #main-content article ul.three-column-list li {
    display: block;
  }
}
/* ASIDE */
/* Scss Document */
aside {
  width: 32%;
  float: right;
}

/* BESPOKE SELECTORS IN MAIN CONTENT ASIDE - DELETE AS MANY AS POSSIBLE ASAP */
aside {
  /* ADDRESS AND ASIDES NOT SUPPORTED IN NEW CONTENT TYPES */
  /* WHERE DO NEW STORIES APPEAR IN ASIDE */
  /* WHERE DO BLOCKQUOTES APPEAR IN ASIDE */
}
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;
}
aside .social-media-inline {
  float: left;
  text-align: left;
}
aside .social-media-inline li a.ss-icon {
  font-size: 180%;
  margin-right: 0;
}
aside ul.social-media {
  margin-left: 0;
}
aside ul.social-media li::before {
  display: none;
}
aside ul#newsload {
  background: #c3c9e8;
  padding: 0.77em 6%;
}
aside ul#newsload ul h2 {
  color: #1e1e1e;
}
aside ul#newsload ul li::before {
  display: none;
}
aside ul#newsload ul li:after {
  content: "";
  display: table;
  clear: both;
}
aside ul#newsload ul li {
  font-size: 80%;
  background: none;
  padding: 0;
}
aside ul#newsload ul li p {
  display: table;
}
aside ul#newsload ul li a.thumbnail-wrapper {
  width: 30%;
  float: left;
  margin: 0 7% 1em 0;
  border: none;
}
aside ul#newsload ul li a.thumbnail-wrapper img {
  top: 6px;
  margin-bottom: 0.77em;
}
aside ul#newsload ul li a {
  color: #333f48;
}
aside blockquote {
  margin: 0 0 0.88em;
  padding: 0;
}
aside blockquote p {
  font-size: 145%;
}
aside blockquote p:before {
  top: 34px;
  margin-right: 0;
}
aside blockquote p:after {
  top: 34px;
}

/* WHERE DO KEY CONTACTS APPEAR IN ASIDE WITH THESE MICROFORMATS CLASSES */
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;
}
aside.key-contact h3 {
  display: none;
}
aside.key-contact .fn {
  color: #A17700;
  font-weight: 800;
  font-size: 120%;
  margin-bottom: 0.33em;
}
aside.key-contact .adr {
  border-bottom: none;
  margin-bottom: 0.33em;
  padding-bottom: 0;
}
aside.key-contact .tel {
  display: block;
  margin-bottom: 0.33em;
}
aside.key-contact .email {
  display: block;
  margin-bottom: 0.33em;
}

/* WHERE DO KEY CONTACTS APPEAR IN ASIDE WITH THESE MICROFORMATS CLASSES */
aside.news-or-event {
  border-bottom: 1px solid #364690;
}
aside.news-or-event figure {
  margin-bottom: 0.77em;
}
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) {
  #main-content aside {
    width: 100%;
    float: none;
    margin: 0 0 2em;
    padding: 0;
  }
  #main-content aside ul {
    margin-left: 0;
  }
  #main-content aside li {
    margin-left: 0;
  }
}
/* TOPIC PAGE */
/* Scss Document */
#main-content .topic-page {
  /* BANNER */
  /* BREADCRUMB IS NOT HIDDEN ON FACULTY LEVEL */
  /* TOPIC CONTENT TYPE HEADER */
  /* ARTICLE */
  /* ASIDE */
  /* QUOTE */
  /* PARTNERS */
  /* BRANCH BACK BUTTON */
}
#main-content .topic-page.international-clearing-2023 article p.call-to-action {
  width: fit-content !important;
}
#main-content .topic-page header#section-banner-buffer {
  margin-bottom: 1.77em;
}
#main-content .topic-page header#section-banner-buffer section.department-hero-banner {
  background: none !important;
  margin-bottom: 1rem;
}
#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;
}
#main-content .topic-page header#section-banner-buffer p.summary.single-line-first-paragraph {
  width: 66.6% !important;
}
@media screen and (max-width: 1366px) {
  #main-content .topic-page header#section-banner-buffer p.summary.single-line-first-paragraph {
    width: 76.6% !important;
  }
}
@media screen and (max-width: 1024px) {
  #main-content .topic-page header#section-banner-buffer p.summary.single-line-first-paragraph {
    width: 100% !important;
  }
}
#main-content .topic-page nav#breadcrumb {
  display: none;
}
#main-content .topic-page header#section-banner-buffer {
  border-bottom: 2px solid #141b37;
  padding-bottom: 0.55em;
}
#main-content .topic-page article h2:first-child {
  margin-top: 0;
}
#main-content .topic-page article div.responsive-video {
  width: 100%;
  height: 0;
  padding-bottom: 61.25%;
  position: relative;
}
#main-content .topic-page article div.responsive-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
#main-content .topic-page article.make-full-width-Yes {
  width: 100%;
  margin-bottom: 1.33em;
  float: none;
}
#main-content .topic-page aside:empty {
  display: none;
}
#main-content .topic-page aside.related-content {
  background: #ffd100;
  margin-bottom: 1.77em;
}
#main-content .topic-page aside.related-content h2 {
  /*color: $grey-text;*/
  margin: 0.75em 5% 0.33em;
  display: inline-block;
}
#main-content .topic-page aside.related-content h3 {
  /*color: $grey-text;*/
  margin: 0 5% 0.33em;
}
#main-content .topic-page aside.related-content p {
  font-size: 80%;
  margin: 0 5% 0;
}
#main-content .topic-page aside.related-content ul {
  margin: 0 5%;
  padding-bottom: 20px;
}
#main-content .topic-page aside.related-content ul li::before {
  display: none;
}
#main-content .topic-page aside.related-content ul li {
  font-size: 80%;
  background: none;
  padding: 0;
}
#main-content .topic-page aside.related-content ul li a {
  /*color: $grey-text;*/
}
#main-content .topic-page aside.related-content ul:empty {
  display: none;
}
#main-content .topic-page aside.related-content div.contact {
  padding-bottom: 20px;
}
#main-content .topic-page aside.related-content ul.student-profile-margin {
  margin: 5%;
  padding: 0;
}
#main-content .topic-page aside {
  margin-bottom: 1.77em;
}
#main-content .topic-page aside p {
  width: 100%;
}
#main-content .topic-page aside.event-snippet.call-to-action a div:empty,
#main-content .topic-page aside.related-content:empty {
  display: none;
}
#main-content .topic-page blockquote.quote-pull-out::before,
#main-content .topic-page blockquote.quote-pull-out::after {
  display: none;
}
#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;
}
#main-content .topic-page blockquote.quote-pull-out figure img {
  margin: 0;
}
#main-content .topic-page blockquote.quote-pull-out div p {
  margin: 0;
}
#main-content .topic-page blockquote.quote-pull-out div cite {
  font-size: 80%;
  line-height: 1.44em;
  padding-bottom: 2em;
}
#main-content .topic-page div#partners {
  background: none;
}
#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%;
}
#main-content .topic-page div#partners section h2 {
  grid-column: 1/-1;
  margin-top: 0;
  font-size: 90%;
}
#main-content .topic-page div#partners section a {
  display: none;
}
#main-content .topic-page div#partners section aside {
  position: relative;
  z-index: 200;
  margin: 0;
  width: 100%;
}
#main-content .topic-page div#partners section aside img {
  margin: 0;
}
#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;
}
#main-content .topic-page .back-to-branch-homepage {
  display: none;
}
#main-content .topic-page .add-back-button {
  position: relative;
}
#main-content .topic-page .add-back-button .back-to-branch-homepage {
  display: block;
  color: #212b58;
  margin-left: 34px;
}
#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 */
#main-content .topic-page.selected-publications #filter-header .filter-group {
  border-radius: 7px;
  background: #746b8c;
}
#main-content .topic-page.selected-publications #filter-header .filter-group h2 {
  padding: 1em 3% 0;
  margin-bottom: 0;
  color: white;
}
#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;
}
#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;
}
#main-content .topic-page.selected-publications #filter-header .filter-group ul li a {
  color: white;
  border-bottom: 1px dotted white;
}
#main-content .topic-page.selected-publications #filter-header .filter-group ul li a:hover {
  border-bottom-style: solid;
}
#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;
}

.topic-page.blog-topic-page .blog.grid h1 {
  grid-column: 1/-1;
}

@media screen and (max-width: 640px) {
  #main-content .topic-page article div#partners .faculty-level-container .faculty-level-inner {
    width: 100% !important;
  }
  #main-content .topic-page article div#partners .faculty-level-container .faculty-level-inner .funders {
    grid-template-columns: 1fr 1fr;
  }
  #main-content .topic-page.selected-publications #filter-header .filter-group ul {
    column-count: 1;
  }
}
@media screen and (max-width: 500px) {
  #main-content .topic-page blockquote.quote-pull-out {
    display: block;
  }
  #main-content .topic-page blockquote.quote-pull-out figure {
    float: none;
    width: 90%;
    margin: auto;
    margin-bottom: 1.5em;
    padding-top: 0.55em;
  }
  #main-content .topic-page blockquote.quote-pull-out div {
    float: none;
    width: 100%;
    margin-left: 0;
    padding: 0 6%;
  }
}
/* CONTENT TYPE */
/* Scss Document */
#main-content .category-page.no-breadcrumb .introductory-message {
  padding-top: 2rem;
}

#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 */
}
#main-content .category-page header#section-banner-buffer {
  margin-bottom: 1.77em;
}
#main-content .category-page header#section-banner-buffer section.department-hero-banner {
  margin-bottom: 1em;
  background: none !important;
}
#main-content .category-page header#section-banner-buffer p.summary {
  font-size: 140%;
  color: #141b37;
}
#main-content .category-page .introductory-message {
  /*p:first-of-type{
  	font-size: 140%;
  	color: darken($blue,9%);
  	width: 100%;
  }*/
}
#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%;
}
#main-content .category-page .introductory-message span a.call-to-action {
  display: inline-block;
}
#main-content .category-page nav#breadcrumb {
  display: none;
}
#main-content .category-page .category-items {
  position: relative;
}
#main-content .category-page .category-items section.generic-promo {
  position: relative;
  margin-top: 0;
}
#main-content .category-page .category-items section.generic-promo h2 {
  display: inline;
  border-bottom: 1px dotted white;
}
#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;
}
#main-content .category-page .category-items section.generic-promo a.wrapping-link {
  border: none;
  text-decoration: none;
  display: block;
  opacity: 1;
  position: relative;
}
#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;
}
#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;
}
#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;
}
#main-content .category-page .category-items section.generic-promo p {
  margin-top: 0.5rem;
}
#main-content .category-page .category-items section.generic-promo p a {
  display: inline;
}
#main-content .category-page .category-items section.generic-promo p a:hover {
  border-bottom: 1px solid #212b58 !important;
}
#main-content .category-page .category-items section.generic-promo li a {
  display: inline;
}
#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%);
}
#main-content .category-page .category-items section.generic-promo a.wrapping-link:hover + img {
  filter: brightness(75%);
}
#main-content .category-page .category-items section.generic-promo a.wrapping-link:hover + img::after {
  content: attr(alt);
}
#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;
}
#main-content .category-page .content.wide.full-width-module.promo.highlight {
  display: grid !important;
  grid-template-columns: 1fr 1.5fr;
  grid-gap: 30px;
}
#main-content .category-page .content.wide.full-width-module.promo.highlight a:first-of-type:hover + figure img {
  filter: brightness(75%);
}
#main-content .category-page .content.wide.full-width-module.promo.highlight figure {
  margin: 0;
}
#main-content .category-page .content.wide.full-width-module.promo.highlight div {
  padding: 1rem 0;
}
#main-content .category-page .content.wide.full-width-module div {
  margin-left: 0;
}
#main-content .category-page .content.wide.full-width-module a {
  border: none;
}
#main-content .category-page .content.wide.full-width-module a:hover + img {
  filter: brightness(75%);
}

/* MODULE WITH LARGE HEADINGS IN PLACE OF IMG */
#main-content .category-page.change-to-large-headings-Yes .category-items .generic-promo img {
  display: none;
}
#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;
}
#main-content .category-page.change-to-large-headings-Yes .category-items .generic-promo:hover > h2 {
  background: #05070e;
}

@media screen and (max-width: 1024px) {
  #main-content .category-page .content.wide.full-width-module.promo.highlight {
    display: block !important;
  }
  #main-content .category-page .content.wide.full-width-module.promo.highlight div {
    padding: 1rem 1rem 0;
  }
}
@media screen and (max-width: 640px) {
  #main-content .category-page .category-items section.generic-promo {
    margin-bottom: 1.5em;
  }
}
/* INTERNAL HOMEPAGE */
/* Scss Document */
:root {
  --unit:0.5rem;
}

#main-content .internal-homepage .introductory-message .research-content {
  display: none;
}

.internal-homepage .department-full-width-module.blog .video-gallery-promo {
  padding: 0;
}

/* STYLES FOR INTERNAL HOMEPAGE ALSO USED BY OLD DEPARTMENT HOMEPAGE LAYOUTS */
#department-right section.three-column-module, #department-central section.three-column-module {
  width: 100%;
}
#department-right section.three-column-module ul, #department-central section.three-column-module ul {
  margin-left: 0;
}
#department-right section.three-column-module ul li::before, #department-central section.three-column-module ul li::before {
  display: none;
}
#department-right section.three-column-module ul li, #department-central section.three-column-module ul li {
  float: left;
  width: 32%;
  margin-right: 2%;
}
#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;
}
#department-right section.three-column-module ul li a img, #department-central section.three-column-module ul li a img {
  width: 100% !important;
}

#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) {
  #department-right section.three-column-module ul li, #department-central section.three-column-module ul li {
    float: none;
    width: 100%;
  }
}
#main-content .internal-homepage {
  /* BANNER */
  /* INTRODUCTORY MESSAGE */
  /* BLOG */
  /* DEPARTMENT CENTRAL BLOCK */
  /* CONTACT STRIP */
  /* HIGHLIGHT */
  /* PARTNERS */
}
#main-content .internal-homepage h2.promotion-context-heading {
  margin: 0 auto 0.75rem;
  width: 95.6%;
}
#main-content .internal-homepage #section-banner-buffer {
  position: relative;
}
#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;
}
#main-content .internal-homepage #section-banner-buffer a span {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article {
  margin-bottom: 0;
  padding: 1.2em 2.77% 1.8em;
}
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article div#social {
  display: none;
}
#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;
}
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article div#funders a {
  display: none;
}
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article div#funders div {
  position: relative;
  z-index: 49;
  margin-bottom: 30px;
}
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article div#funders div a {
  display: block;
}
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article div#funders div:only-child {
  position: absolute;
  top: 30px;
}
#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;
}
#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;
}
#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;
}
#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%;
}
#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;
}
#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);
}
#main-content .internal-homepage #section-banner-buffer .department-hero-banner article ul.connect {
  display: none;
}
#main-content .internal-homepage .introductory-message {
  margin: clamp(1 * var(--unit), 2.5vw, 2.5 * var(--unit)) 0 clamp(2 * var(--unit), 5vw, 5 * var(--unit));
  padding: 0;
  /*h2{
  	margin-top: 0 !important;
  }*/
}
#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;
}
#main-content .internal-homepage .blog {
  margin: clamp(2 * var(--unit), 5vw, 5 * var(--unit)) 0 !important;
}
#main-content .internal-homepage .blog .video-gallery-promo .faculty-level-inner figure:first-of-type {
  /*padding-bottom: clamp(52%, 1vw, 52%);*/
}
#main-content .internal-homepage .blog .video-gallery-promo .faculty-level-inner figure:first-of-type img {
  width: 100%;
}
#main-content .internal-homepage .blog .card {
  margin-bottom: 30px;
}
#main-content .internal-homepage #department-right {
  margin: clamp(1 * var(--unit), 2.5vw, 2.5 * var(--unit)) 0;
}
#main-content .internal-homepage .highlight {
  /* USED ON FUNDERS */
  margin: clamp(2 * var(--unit), 5vw, 5 * var(--unit)) 0 clamp(1 * var(--unit), 2.5vw, 2.5 * var(--unit));
}
#main-content .internal-homepage div#partners section {
  display: grid;
  grid-gap: clamp(2 * var(--unit), 5vw, 5 * var(--unit));
  grid-row-gap: clamp(1 * var(--unit), 2.5vw, 2.5 * var(--unit));
  grid-template-columns: 1fr 1fr 1fr 1fr;
  /*margin-bottom: 30px;*/
  /*background: none;*/
  height: auto;
  float: none;
  width: 100%;
}
#main-content .internal-homepage div#partners section h2, #main-content .internal-homepage div#partners section h3 {
  grid-column: 1/-1;
}
#main-content .internal-homepage div#partners section a {
  display: none;
}
#main-content .internal-homepage div#partners section aside {
  position: relative;
  z-index: 200;
  margin: 0;
  width: 100%;
}
#main-content .internal-homepage div#partners section aside img {
  margin: 0;
}
#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) {
  #main-content .internal-homepage {
    /* BANNER */
    /* INTRODUCTORY MESSAGE */
    /* BANNER */
    /* CENTRAL BLOCK */
    /* PARTNERS */
  }
  #main-content .internal-homepage #section-banner-buffer {
    margin-bottom: 0;
  }
  #main-content .internal-homepage #section-banner-buffer .department-hero-banner article p {
    font-size: 175%;
  }
  #main-content .internal-homepage .introductory-message p {
    font-size: 100%;
  }
  #main-content .internal-homepage .video .faculty-level-inner {
    display: block;
  }
  #main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit h2 {
    float: none;
    width: auto;
  }
  #main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit figure {
    float: none;
    width: auto;
  }
  #main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit p#postinfo {
    float: none;
    width: auto;
  }
  #main-content .internal-homepage #department-right .three-column-module .blog .bloglistingbit p {
    float: none;
    width: auto;
  }
  #main-content .internal-homepage div#partners .faculty-level-inner {
    width: 100%;
  }
  #main-content .internal-homepage div#partners section {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 640px) {
  #main-content .internal-homepage {
    /* BANNER */
    /* PARTNERS */
    /* CONTACT STRIP */
  }
  #main-content .internal-homepage h2.promotion-context-heading {
    width: 90%;
  }
  #main-content .internal-homepage #section-banner-buffer .department-hero-banner article div#funders {
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
  }
  #main-content .internal-homepage div#partners {
    grid-template-columns: 1fr 1fr;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #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;
  }
  #main-content .internal-homepage div#partners section aside:nth-of-type(3n+3) {
    margin-right: 0;
  }
  #main-content .internal-homepage div#partners section aside:nth-of-type(3n+4) {
    clear: left;
  }
  #main-content .internal-homepage div#partners section aside:nth-of-type(3n+2) {
    margin-right: 0;
    clear: none;
  }
}
@supports not (display: grid) {
  #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;
  }
  #main-content .internal-homepage div#partners section aside:nth-of-type(3n+3) {
    margin-right: 0;
  }
  #main-content .internal-homepage div#partners section aside:nth-of-type(3n+4) {
    clear: left;
  }
  #main-content .internal-homepage div#partners section aside:nth-of-type(3n+2) {
    margin-right: 0;
    clear: none;
  }
}
/* Scss Document */
/* DETAILS */
/* Scss Document */
details[open] summary::before {
  transform: rotate(180deg);
}

details summary:focus {
  background: #a2acab;
}

details {
  border-radius: 7px;
  background: #dbdbd3;
  border: 1px solid #a2acab;
  margin-bottom: 1rem;
}
details summary::-webkit-details-marker {
  display: none;
}
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;
}
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;
}
details ul {
  padding: 0 1rem !important;
}
details p, details h2, details h3, details h4 {
  padding: 0 1rem !important;
}
details h2, details h3, details h4 {
  color: #333;
  margin-top: 0;
}
details p:last-of-type {
  margin-bottom: 0.77em !important;
}
details div:empty {
  display: none;
}
details a:link {
  color: #333 !important;
}
details a.call-to-action {
  color: white !important;
}

details > summary:hover {
  background: #bdc4c3;
}

details[open] > summary {
  margin-bottom: 1rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: #bdc4c3;
}

/* FIGURE > IMAGES AND FIGCATION */
figure img {
  margin-bottom: 0;
}

/* DIALOG */
.filter-select-box dialog button::before {
  display: none;
}

button#open_dialog {
  grid-column: 1/-1;
  background: rgba(255, 255, 255, 0.75);
  padding: 1.15rem;
  border-radius: 7px;
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 20px -6px rgba(0, 0, 0, 0.25);
  border: none;
  margin-bottom: 1rem;
}
button#open_dialog h2,
button#open_dialog h3 {
  color: #333 !important;
  margin-bottom: 0rem;
  margin-top: 0;
}
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;
}

button#open_dialog:empty {
  display: none;
}

button#open_dialog:focus,
button#open_dialog:hover {
  background: white;
}

dialog .inner {
  position: relative;
}

dialog {
  grid-column: 1/-1;
  border: none !important;
  border-radius: calc(2px * var(--ratio));
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 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;
  	}*/
}
dialog header {
  padding: 0;
  padding-top: 7px;
  margin-bottom: 0;
  position: relative;
  width: 85%;
}
dialog h2,
dialog h3,
dialog h4 {
  color: #333 !important;
  /*margin-bottom: clamp(0.15rem, 0.35vw, 0.35rem);*/
  margin-top: 0;
}
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;
}
dialog h4 {
  margin-bottom: 1rem;
}
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;
}
dialog #close_dialog span {
  visibility: hidden;
}
dialog #close_dialog:hover {
  background-color: pink;
  transition: background-color 0.75s ease;
}
dialog li,
dialog p {
  font-family: "poppins", sans-serif;
}
dialog li {
  font-size: clamp(1rem, 1vw, 1rem) !important;
  line-height: clamp(1.35rem, 1.65vw, 1.65rem) !important;
}
dialog ul {
  margin-bottom: 0.77em !important;
}
dialog button.close {
  float: right;
  margin: 0 !important;
}
dialog .inner {
  width: 100% !important;
  /*overflow: auto !important;*/
  /*overflow-y: auto !important;
  height: 45rem !important;*/
}
dialog aside p {
  width: 100%;
}
dialog footer {
  background-color: transparent;
}
dialog footer p {
  font-size: 85%;
}

dialog header:emptydialog,
#close_dialog + header:empty {
  display: none;
}

@media screen and (max-width: 1360px) {
  dialog {
    max-width: 70%;
  }
}
@media screen and (max-width: 1024px) {
  dialog {
    margin: 0;
    max-width: 100%;
  }
  dialog #close_dialog {
    background-image: none;
    background-color: pink;
    border-radius: 7px;
    width: auto;
  }
  dialog #close_dialog span {
    visibility: visible;
  }
}
dialog#reel-dialog {
  z-index: 1000;
  border-radius: 7px;
  overflow-y: auto !important;
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  aspect-ratio: 1/2;
  height: 800px;
  max-height: 90%;
}
dialog#reel-dialog:backdrop {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
}
dialog#reel-dialog.dialog-padding-top {
  padding: 0 !important;
}
dialog#reel-dialog div.reel-content {
  display: grid;
}
dialog#reel-dialog div.reel-content *:first-child {
  width: 100%;
}
dialog#reel-dialog header.fixed-on-mobile.top {
  position: -webkit-sticky !important;
  position: sticky !important;
  background-color: white !important;
  margin: 0 !important;
  padding: 0.75rem 1.5rem !important;
  border-bottom: 1px solid #ccc;
  height: fit-content;
  width: 100% !important;
  z-index: 100;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 700px) {
  dialog#reel-dialog header.fixed-on-mobile.top {
    position: fixed !important;
    border-bottom: 1px solid #ccc;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  dialog#reel-dialog header.fixed-on-mobile.top button.close {
    border-radius: 25px !important;
    padding: 0.5rem 1rem !important;
    position: relative !important;
    width: auto !important;
  }
  dialog#reel-dialog header.fixed-on-mobile.top .inner {
    overflow-y: hidden !important;
  }
}
dialog#reel-dialog header.fixed-on-mobile.top h2 {
  font-size: 1.25rem !important;
  margin: 0 !important;
}
dialog#reel-dialog header.fixed-on-mobile.top button.close {
  background: #333f48 !important;
  border-radius: 25px !important;
  border: none !important;
  color: white;
  padding: 0.75rem 1.5rem !important;
  position: relative !important;
  width: auto !important;
  font-family: "poppins", sans-serif;
  font-size: 0.75rem !important;
}
@media screen and (max-width: 700px) {
  dialog#reel-dialog {
    border-radius: 0 !important;
    height: 100vh;
    width: 100vw;
    aspect-ratio: 1/1;
    padding-top: 5rem !important;
    max-height: 100%;
    margin-top: 4rem;
  }
  dialog#reel-dialog div.reel-content {
    display: grid;
    height: 100%;
    width: 100vw;
  }
}

/* GENERIC CALL TO ACTION */
/* Scss Document */
/*$blue: #031F73;*/
/*$classic-black: #1e1e1e;
$proxima: "proxima-nova",arial,sans-serif;
*/
.call-to-action {
  margin-bottom: 1rem;
}

.call-to-action p {
  margin-bottom: 0;
}

.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;
}

.call-to-action a:hover, a.call-to-action:hover, .call-to-action a:focus, a.call-to-action:focus {
  background: #333f48;
}

.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 */
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);
}
body .mm-listitem #sign-in-search {
  padding: 0 0 20px;
}
body .mm-listitem #sign-in-search form#header-search-mobile {
  display: none;
}
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;
}
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;
}
body .mm-listitem #sign-in-search form#merged-search-mobile input[type=search]:focus {
  outline: none;
  background: #ffc;
}
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;
}
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);
}
body .mm-listitem #sign-in-search form#merged-search-mobile h2 {
  grid-column: 1/span 2;
  margin-top: 0;
}
body .mm-listitem #sign-in-search form#merged-search-mobile h2 label {
  color: white;
  margin-bottom: 0;
  line-height: inherit;
}
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;
}
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%;
}
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;
}
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;
}
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;
}
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;
}
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;
}
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;
}
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;
}
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;
}
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;
}
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;
}
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;
}
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 */
#footer-tests #department-address {
  display: none;
}

#department-address {
  display: none;
}

footer {
  background: #0e0e0e;
}

#corporate-footer #brand-statement {
  order: 1;
}
#corporate-footer #brand-statement span {
  display: none;
}
#corporate-footer #related-content-01 {
  order: 2;
}
#corporate-footer #related-content-02 {
  order: 3;
}
#corporate-footer hr:nth-of-type(1) {
  order: 4;
}
#corporate-footer #main-address {
  order: 5;
}
#corporate-footer #orientation {
  order: 6;
}
#corporate-footer #contacts {
  order: 7;
}
#corporate-footer hr:nth-of-type(2) {
  order: 8;
}
#corporate-footer #terms {
  order: 9;
}
#corporate-footer div.spacer {
  order: 10;
}
#corporate-footer #social {
  order: 11;
}

#global-navigation-development footer {
  background: #0e0e0e !important;
}

#global-navigation-development #department-address {
  display: none;
}

#global-navigation-development #corporate-footer {
  padding: 1.5rem 0 1rem;
}
#global-navigation-development #corporate-footer hr {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}
#global-navigation-development #corporate-footer div#related-content-02 div.department {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}
#global-navigation-development #corporate-footer #brand-statement img {
  display: none;
}
#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;
}
#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;
}

#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;
  }*/
}
#corporate-footer a {
  color: #fff;
  /*border-bottom: 1px dotted $white;*/
  /*font-weight: 600;*/
  /*text-decoration: none;*/
}
#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;
}
#corporate-footer h2 em {
  color: #fff;
  font-style: normal;
  display: block;
  min-height: 0;
}
#corporate-footer h2 span {
  display: block;
}
#corporate-footer ul {
  margin: 0;
  padding: 0;
}
#corporate-footer ul li {
  color: rgba(255, 255, 255, 0.75);
  list-style-type: none;
}
#corporate-footer p {
  color: rgba(255, 255, 255, 0.75);
}
#corporate-footer div div {
  padding: 0;
}
#corporate-footer div.spacer, #corporate-footer #related-content-01 {
  display: none;
}
#corporate-footer div#brand-statement {
  /*grid-column: span 2;*/
}
#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;
}
#corporate-footer div#main-address address {
  margin-left: 90px;
  padding: 0;
  padding-top: 7px;
  margin-bottom: 0;
}
#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;
}
#corporate-footer div#related-content-02 div.department {
  width: auto;
}
#corporate-footer div#related-content-02 div.department address {
  margin: 0 0 5px 90px;
  padding: 0;
}
#corporate-footer div#related-content-02 div.department div {
  margin-left: 90px;
}
#corporate-footer div#related-content-02 div.department div a {
  color: white;
}
#corporate-footer div#related-content-02 div.department div.email-address {
  margin: 5px 0 10px 90px;
}
#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;
}
#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;
}
#corporate-footer div#related-content-02 div.department div:last-of-type {
  display: none;
}
#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;
}
#corporate-footer div#orientation ul#map-and-directions {
  min-height: 70px;
}
#corporate-footer div#orientation ul#map-and-directions li {
  margin-left: 90px;
  margin-bottom: 0.25em;
}
#corporate-footer div#orientation ul#map-and-directions li:nth-of-type(1) {
  padding-top: 15px;
}
#corporate-footer div#orientation ul#map-and-directions li:last-of-type {
  display: none;
}
#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;
}
#corporate-footer div#contacts ul#call-and-contacts li {
  margin-left: 90px;
  margin-bottom: 0.25em;
}
#corporate-footer div#contacts ul#call-and-contacts li a {
  color: white;
}
#corporate-footer div#contacts ul#call-and-contacts li:nth-of-type(1) {
  padding-top: 15px;
}
#corporate-footer div#contacts ul#call-and-contacts li:last-of-type {
  display: none;
}
#corporate-footer div#terms {
  grid-column: span 2;
}
#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;
}
#corporate-footer div#terms ul li:nth-child(1) {
  padding-left: 32px;
}
#corporate-footer div#terms ul li {
  display: inline;
  margin-right: 20px;
  position: relative;
  top: 2px;
}
#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;
}
#corporate-footer div#social .connect {
  margin-left: 0;
  text-align: right;
}
#corporate-footer div#social .connect li::before {
  display: none;
}
#corporate-footer div#social .connect li {
  display: inline;
  margin-bottom: 0;
  margin-right: 5px;
  width: 22px;
}
#corporate-footer div#social .connect li a::before {
  display: none;
  width: 24px;
  height: 24px;
  display: inline-block;
  transition: transform 0.5s;
  color: #031F73;
}
#corporate-footer div#social .connect li a {
  border: none;
}
#corporate-footer div#social .connect li span {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#corporate-footer div#social .connect li:last-of-type {
  margin-right: 0;
}
#corporate-footer div#social .connect .facebook a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/social-media/facebook.svg);
}
#corporate-footer div#social .connect .twitter a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/social-media/twitter.svg);
}
#corporate-footer div#social .connect .linkedin a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/social-media/linkedin.svg);
}
#corporate-footer div#social .connect .instagram a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/social-media/instagram.svg);
}
#corporate-footer div#social .connect .youtube a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/footer/social-media/youtube.svg);
}

#corporate-footer #brand-statement.red-brick {
  grid-column: span 1;
}
#corporate-footer #brand-statement.red-brick img {
  width: 90%;
}
#corporate-footer #brand-statement.red-brick h2 span {
  display: none;
}
#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;
}
#corporate-footer #related-content-01 {
  display: block;
}

@media screen and (max-width: 1024px) {
  #footer-sprint footer .container, #staff-profile-dev footer .container, #colour-examples footer .container, #performance-space footer .container {
    width: 93.5%;
    margin: 0 auto;
  }
  #corporate-footer h2 span {
    display: inline;
  }
  #corporate-footer div#terms ul li {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  #global-navigation-development footer .inner {
    width: 95%;
  }
  #global-navigation-development #corporate-footer hr {
    border-bottom-color: rgba(255, 255, 255, 0.15);
  }
  #global-navigation-development #corporate-footer div#related-content-02 div.department {
    border-bottom-color: rgba(255, 255, 255, 0.15);
  }
  #global-navigation-development #corporate-footer #brand-statement span {
    font-size: 180%;
  }
  #corporate-footer {
    width: 95%;
    margin: 0 auto;
  }
  #corporate-footer #brand-statement.red-brick {
    padding-top: 10px;
    grid-column: span 2 !important;
  }
  #corporate-footer #brand-statement.red-brick h2::before {
    width: 100%;
  }
  #corporate-footer #brand-statement.red-brick h2 {
    width: 95%;
  }
  #corporate-footer #related-content-01 {
    display: none;
  }
  #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;
    }*/
  }
  #corporate-footer #related-content-02 {
    order: 1;
  }
  #corporate-footer #brand-statement {
    order: 2;
  }
  #corporate-footer #related-content-01 {
    order: 3;
  }
  #corporate-footer hr:nth-of-type(1) {
    order: 4;
  }
  #corporate-footer #main-address {
    order: 5;
  }
  #corporate-footer #orientation {
    order: 6;
  }
  #corporate-footer #contacts {
    order: 7;
  }
  #corporate-footer #social {
    order: 8;
  }
  #corporate-footer hr:nth-of-type(2) {
    order: 9;
  }
  #corporate-footer #terms {
    order: 10;
  }
  #corporate-footer div.spacer {
    order: 11;
  }
  #global-navigation-development #corporate-footer {
    width: 95%;
    margin: 0 auto;
  }
  #global-navigation-development #corporate-footer #brand-statement {
    /*order: 1;*/
    padding-top: 0;
  }
  #global-navigation-development #corporate-footer div#related-content-02:empty {
    display: none;
  }
  #global-navigation-development #corporate-footer div#related-content-02 div.department {
    padding-top: 0;
  }
  #global-navigation-development #corporate-footer hr {
    border-bottom-color: rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.15);
  }
  #corporate-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  #corporate-footer div {
    width: 100%;
    float: none;
  }
  #corporate-footer div#brand-statement {
    grid-column: span 2;
  }
  #corporate-footer div#related-content-02 {
    grid-column: span 2;
  }
  #corporate-footer div#related-content-02 div.department {
    border-bottom: 1px solid #fff;
    padding: 20px 0;
  }
  #corporate-footer div#related-content-02 div.department address {
    font-size: 120%;
    padding-bottom: 10px;
  }
  #corporate-footer div#related-content-02 div.department div {
    display: inline;
    font-size: 120%;
    position: relative;
    padding: 10px;
    min-height: 52px;
    background-color: #5C556F;
  }
  #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%;
  }
  #corporate-footer div#related-content-02 div.department div.email-address {
    background: none;
    padding: 0;
    line-height: 2em;
    position: relative;
    top: -15px;
  }
  #corporate-footer div#related-content-02 div.department div:first-of-type {
    display: none;
  }
  #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;
  }
  #corporate-footer div#related-content-02 div.department div:last-of-type {
    display: block;
    margin-left: 0;
    border-radius: 10px;
    padding: 10px;
  }
  #corporate-footer div#related-content-02 div.department div:last-of-type a {
    margin-left: 40px;
  }
  #corporate-footer div#main-address, #corporate-footer div#social {
    grid-column: span 2;
  }
  #corporate-footer div#main-address address {
    font-size: 120%;
    padding-top: 0;
  }
  #corporate-footer div#social ul.connect {
    text-align: left;
  }
  #corporate-footer div#orientation {
    /*grid-column: 1 / -1;
    border-radius: 10px;
    padding: 10px;
    min-height: 0;
    background-color: $deep-plum;*/
  }
  #corporate-footer div#orientation ul#map-and-directions::before {
    width: 30px;
    height: 30px;
  }
  #corporate-footer div#orientation ul#map-and-directions {
    min-height: 0;
    position: relative;
  }
  #corporate-footer div#orientation ul#map-and-directions li {
    margin-left: 45px;
    font-size: 120%;
  }
  #corporate-footer div#orientation ul#map-and-directions li:last-of-type {
    display: block;
    color: #fff;
    font-weight: 600;
    /*position: relative;
    top: 3px;*/
  }
  #corporate-footer div#orientation ul#map-and-directions li:nth-of-type(1) {
    display: none;
    /*padding-top: 0;*/
  }
  #corporate-footer div#contacts {
    /*grid-column: 1 / -1;
    border-radius: 10px;
    padding: 10px;
    min-height: 0;
    background-color: $deep-plum;*/
  }
  #corporate-footer div#contacts ul#call-and-contacts::before {
    width: 30px;
    height: 30px;
  }
  #corporate-footer div#contacts ul#call-and-contacts {
    min-height: 0;
    position: relative;
  }
  #corporate-footer div#contacts ul#call-and-contacts li {
    margin-left: 45px;
    font-size: 120%;
  }
  #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;
  }
  #corporate-footer div#contacts ul#call-and-contacts li:nth-of-type(1) {
    display: none;
  }
  #corporate-footer div#contacts ul#call-and-contacts li:nth-of-type(2) {
    display: none;
  }
  #corporate-footer div#terms {
    grid-column: span 2;
  }
  #corporate-footer div#terms ul li {
    display: block;
    margin-bottom: 10px;
  }
  #corporate-footer div.spacer {
    display: block;
  }
  #corporate-footer hr {
    grid-column: span 2;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #corporate-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #corporate-footer div.spacer, #corporate-footer #related-content-01 {
    display: block;
  }
  #corporate-footer div {
    min-width: 30%;
    width: calc(33.3333333333% - 30px);
    margin: 10px 10px 10px 0;
    padding: 20px 0;
    justify-content: space-evenly;
  }
  #corporate-footer div#social .connect {
    text-align: left;
  }
}
@supports not (display: grid) {
  #corporate-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #corporate-footer div {
    width: calc(33.3333333333% - 50px);
    margin: 0 10px 10px 0;
    padding: 20px 0;
  }
  #corporate-footer div.spacer, #corporate-footer #related-content-01 {
    display: block;
  }
  #corporate-footer div#social .connect {
    text-align: left;
  }
}
#department-address {
  padding: 0;
}
#department-address .department .phone-number, #department-address .department address {
  padding-bottom: 0;
  margin-bottom: 10px;
}
#department-address .department .phone-number:empty, #department-address .department address:empty {
  display: none;
}
#department-address #address {
  padding-top: 20px;
  color: white;
}
#department-address #address .department {
  color: white;
}
#department-address #address .department div:last-of-type {
  display: none;
}
#department-address #address .department:empty {
  display: none;
}
#department-address #address:empty {
  display: none;
}

/* HIDE SUB-FOOTER */
#knowledge-transfer-account #department-address {
  display: none;
}

#chemistry #department-address {
  display: none;
}

#management #department-address {
  display: none;
}

#music #department-address {
  display: none;
}

#medicine #department-address {
  display: none;
}

/* SECTION TITLE BELOW HEADER */
/* Scss Document */
#section-name {
  background: #212b58;
}
#section-name div.container div.universal-inner {
  padding: clamp(1rem, 1.25vw, 1.25rem) 0;
}
#section-name div.container div.universal-inner #key-links {
  display: none;
}
#section-name div.container div.universal-inner #icons {
  display: none;
}
#section-name div.container div.universal-inner #section-home-link {
  width: 100%;
}
#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;
}
#section-name div.container div.universal-inner #section-home-link h2 a {
  color: white;
}
#section-name div.container div.universal-inner #section-home-link h2 a:hover {
  /*border-bottom: 1px dotted lighten($classic-black,15%);*/
}

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 */
body.study#postgraduate section#course-discovery-feature {
  background-color: #006098 !important;
}
body.study#postgraduate section#course-discovery-feature form#course-search label ul.coursetype {
  background-color: #004974 !important;
}
body.study#postgraduate section#course-discovery-feature form#course-search label ul.coursetype li:not(.init) {
  background-color: #003351;
}
body.study#postgraduate section#course-discovery-feature form#course-search label ul.coursetype li:hover {
  background-color: #00263c;
}

body.study#undergraduate section#course-discovery-feature {
  background: #6452d1 !important;
}
body.study#undergraduate section#course-discovery-feature form#course-search label ul.coursetype {
  background-color: #4b36ca !important;
}
body.study#undergraduate section#course-discovery-feature form#course-search label ul.coursetype li:not(.init) {
  background-color: #402ead;
}
body.study#undergraduate section#course-discovery-feature form#course-search label ul.coursetype li:hover {
  background-color: #3a2a9d;
}

body.study section#course-discovery-feature form#course-search {
  grid-template-columns: 0.9fr 1.65fr 0.1fr 0.4fr !important;
}
body.study section#course-discovery-feature form#course-search h2 {
  font-size: 230%;
  margin-top: 4px;
  padding-right: 0.25em;
}
body.study section#course-discovery-feature form#course-search div:last-of-type {
  order: 5;
}
body.study section#course-discovery-feature form#course-search div:last-of-type ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
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;
}
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;
}
body.study section#course-discovery-feature form#course-search div:last-of-type ul li a:hover {
  border-bottom: 1px solid rgb(255, 255, 255);
}
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;
}
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;
}
body.study section#course-discovery-feature form#course-search div:last-of-type p a:hover {
  border-bottom: 1px solid rgb(255, 255, 255);
}

#auto-complete-dev #common-global-strip-no-social, #auto-complete-dev #course-search-strip:nth-of-type(2) {
  display: none;
}

section#course-discovery-feature {
  background: #008670 !important;
}
section#course-discovery-feature form#course-search::before, section#course-discovery-feature form#course-search::after {
  display: none;
}
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;
}
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;
}
section#course-discovery-feature form#course-search label {
  margin-bottom: 0;
  padding-left: 0;
  order: 2;
  min-width: 100%;
}
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;
}
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;
}
section#course-discovery-feature form#course-search label ul.coursetype li.init {
  cursor: pointer;
}
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;
}
section#course-discovery-feature form#course-search label ul.coursetype li:hover {
  background-color: #0c1020;
  border-radius: 7px;
}
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;
}
section#course-discovery-feature form#course-search label ul.coursetype li:not(.init):hover {
  background-color: #0c1020;
  border-radius: 0;
}
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;
}
section#course-discovery-feature form#course-search label ul.coursetype li::before {
  display: none;
}
section#course-discovery-feature form#course-search label select {
  background-color: #0c1020;
  border: 2px solid white;
  color: white;
}
section#course-discovery-feature form#course-search label select option {
  margin: 10px;
  line-height: 2em;
  border: 10px solid black;
}
section#course-discovery-feature form#course-search label select option:checked {
  background-color: #0c1020;
}
section#course-discovery-feature form#course-search label select option:hover {
  background-color: #0c1020;
}
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;
}
section#course-discovery-feature form#course-search input[type=search] {
  padding-right: 12px;
  order: 3;
  width: 96%;
  min-width: 96%;
}
section#course-discovery-feature form#course-search input[type=image] {
  order: 4;
}
section#course-discovery-feature form#course-search input[type=image]:focus {
  outline-color: #0c1020;
}
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;
}
section#course-discovery-feature .ui-widget input[type=image] {
  padding-left: 0;
}

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;
}
body .ui-widget-content li.nocourse::before {
  content: none;
}
body .ui-widget-content li.nocourse {
  color: white;
  font-weight: 800;
  letter-spacing: 0.02em;
  padding: 0;
  margin-left: -1em;
}
body .ui-widget-content li.nocourse a {
  display: inline;
  color: white;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-decoration: underline;
}
body .ui-widget-content .ui-menu-item {
  display: block;
  margin: 0;
  line-height: 1.3em;
  margin-bottom: 15px;
  transition: background-color 0.5s ease;
}
body .ui-widget-content .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  border: none;
  border-bottom: 1px solid white;
}
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;
}
body .ui-widget-content .ui-menu-item div:hover {
  border: none;
  border-bottom: 1px solid white;
  padding: 0;
  cursor: pointer;
  background: transparent;
}
body .ui-widget-content .ui-state-focus, body .ui-widget-content .ui-state-active {
  background: none;
  border: none;
}
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;
}
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) {
  body.study section#course-discovery-feature form#course-search {
    grid-template-columns: 0.9fr 1.65fr 0.1fr 0.4fr !important;
  }
  body.study section#course-discovery-feature form#course-search h2 {
    font-size: 230%;
  }
}
@media screen and (max-width: 1024px) {
  body.study#postgraduate section#course-discovery-feature {
    background-color: #004974 !important;
  }
  body.study#postgraduate section#course-discovery-feature form#course-search label ul.coursetype {
    background-color: #003351 !important;
  }
  body.study#postgraduate section#course-discovery-feature form#course-search label ul.coursetype li:not(.init) {
    background-color: #00263c;
  }
  body.study#postgraduate section#course-discovery-feature form#course-search label ul.coursetype li:hover {
    background-color: #001928;
  }
  body.study#undergraduate section#course-discovery-feature {
    background: #4b36ca !important;
  }
  body.study#undergraduate section#course-discovery-feature form#course-search label ul.coursetype {
    background-color: #402ead !important;
  }
  body.study#undergraduate section#course-discovery-feature form#course-search label ul.coursetype li:not(.init) {
    background-color: #34268d;
  }
  body.study#undergraduate section#course-discovery-feature form#course-search label ul.coursetype li:hover {
    background-color: #2b1f75;
  }
  body.study section#course-discovery-feature form#course-search {
    grid-template-columns: 1fr 0.115fr !important;
  }
  body.study section#course-discovery-feature form#course-search h2 {
    font-size: 120%;
  }
  body.study section#course-discovery-feature form#course-search div:last-of-type ul li {
    display: inline;
    margin-right: 20px;
  }
  body .ui-widget-content {
    padding: 20px 15px 20px 15px !important;
  }
  body .ui-widget-content .ui-menu-item::before {
    display: none !important;
  }
  body .ui-widget-content li.nocourse {
    padding-left: 15px !important;
  }
  section#course-discovery-feature .inner {
    width: 90%;
  }
  section#course-discovery-feature form#course-search {
    grid-template-columns: 1fr 0.05fr !important;
    grid-row-gap: 15px;
    width: 90%;
    padding-top: 0;
  }
  section#course-discovery-feature form#course-search label:nth-of-type(1) {
    order: 1;
    grid-column: span 2;
    position: relative;
  }
  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;
  }
  section#course-discovery-feature form#course-search label:nth-of-type(2) {
    grid-column: span 2;
    order: 4;
  }
  section#course-discovery-feature form#course-search input[type=search] {
    padding-right: 12px;
    order: 2;
  }
  section#course-discovery-feature form#course-search input[type=image] {
    order: 3;
  }
}
@media screen and (max-width: 600px) {
  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) {
  .ui-widget-content {
    padding: 20px 15px 20px 15px !important;
  }
  .ui-widget-content .ui-menu-item::before {
    display: none !important;
  }
  section#course-discovery-feature .inner {
    width: 80%;
  }
  section#course-discovery-feature form#course-search h2 {
    float: left;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  section#course-discovery-feature form#course-search label {
    float: left;
    width: 30%;
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: inherit;
  }
  section#course-discovery-feature form#course-search input[type=search] {
    float: left;
    width: 30%;
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: inherit;
  }
  body.study section#course-discovery-feature .inner {
    width: 95%;
  }
  body.study section#course-discovery-feature form#course-search div:last-of-type {
    float: left;
    width: 15%;
  }
  body.study section#course-discovery-feature form#course-search label {
    width: 28%;
  }
  body.study section#course-discovery-feature form#course-search input[type=image] {
    float: left;
    width: 40px;
    margin-right: 20px;
  }
  body.study section#course-discovery-feature form#course-search input[type=search] {
    width: 28%;
  }
}
@supports not (display: grid) {
  .ui-widget-content {
    padding: 20px 15px 20px 15px !important;
  }
  .ui-widget-content .ui-menu-item::before {
    display: none !important;
  }
  section#course-discovery-feature .inner {
    width: 80%;
  }
  section#course-discovery-feature form#course-search h2 {
    float: left;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  section#course-discovery-feature form#course-search label {
    float: left;
    width: 30%;
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: inherit;
  }
  section#course-discovery-feature form#course-search input[type=search] {
    float: left;
    width: 30%;
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: inherit;
  }
  body.study section#course-discovery-feature .inner {
    width: 95%;
  }
  body.study section#course-discovery-feature form#course-search div:last-of-type {
    float: left;
    width: 15%;
  }
  body.study section#course-discovery-feature form#course-search label {
    width: 28%;
  }
  body.study section#course-discovery-feature form#course-search input[type=image] {
    float: left;
    width: 40px;
    margin-right: 20px;
  }
  body.study section#course-discovery-feature form#course-search input[type=search] {
    width: 28%;
  }
}
@media screen and (max-width: 1024px) and (-ms-high-contrast: none), screen and (max-width: 1024px) and (-ms-high-contrast: active) {
  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;
  }
  body.study section#course-discovery-feature .inner {
    width: 90%;
  }
  body.study section#course-discovery-feature form#course-search div:last-of-type {
    float: none;
    width: auto;
  }
  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) {
    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;
    }
    body.study section#course-discovery-feature .inner {
      width: 90%;
    }
    body.study section#course-discovery-feature form#course-search div:last-of-type {
      float: none !important;
      width: auto !important;
    }
    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) {
  section#course-discovery-feature form#course-search h2 {
    float: left;
    display: inline-block;
    margin-right: 20px;
  }
  section#course-discovery-feature form#course-search label {
    float: left;
    width: 30%;
    margin-right: 20px;
  }
  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 */
#universal-header #primary-nav .inline-search #merged-search {
  display: none;
}

form#mobile-study-menu-course-search {
  display: none;
}

.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
  margin-top: -15px !important;
}

.mm-btn_prev:active {
  background: none;
}

.mm-btn_prev {
  border: none;
}
.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;
}
.mm-btn_prev .mm-sronly:active, .mm-btn_prev .mm-sronly:focus {
  outline: none;
  background-color: none;
}
.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);
}

#universal-header .container:first-child .universal-inner {
  border-bottom: none;
}
#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;
}
#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%);*/
}
#universal-header .universal-inner {
  height: 83px;
  transition: all 0.5s;
}
#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;
}
#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;
}
#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;
}
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns {
  padding: 1.25em 0;
  order: 2;
}
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .link-group:last-child {
  margin-right: 0;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .parent-group {
  display: block;
  margin-bottom: 1em;
}
#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;

  	}*/
}
#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;*/
}
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns .parent-group h2 a em {
  font-style: normal;
}
#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%;
}
#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;
}
#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;
}
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative {
  height: 100%;
  order: 1;
}
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative {
  position: relative;
  height: 100%;
}
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative img {
  margin-bottom: 0;
  display: none;
}
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h3 a {
  padding: 0 !important;
}
#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;
}
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h2 a {
  color: white;
}
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h2 a:hover {
  background-color: transparent !important;
}
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h2 strong {
  font-weight: 600;
}
#universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h2 em {
  display: block;
  font-style: normal;
  font-weight: 800;
}
#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;
}
#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;
}
#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;
}
#universal-header .universal-inner .nav-menu .nav-item > a.open {
  border-bottom: none;
  z-index: 1;
  color: #fff;
}
#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;
}
#universal-header .universal-inner .nav-menu .nav-item a:focus {
  outline: none;
}
#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;
}
#universal-header .universal-inner .nav-menu .nav-item a.open {
  color: #fff;
  background-color: #212b58;
}
#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);
}
#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);
}
#universal-header .universal-inner .nav-menu .nav-item > a:hover:after {
  color: #fff;
}
#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;
}
#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;
}
#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;
}
#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");
}
#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");
}
#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;
}
#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;
}
#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;
}
#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%;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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%;
}
#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%;
}
#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;
}
#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;
}
#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);
}
#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);
}
#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 rgb(225, 255, 255);
}
#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;
}
#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;
}
#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: rgb(255, 255, 255);
}
#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;
}
#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;
}
#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);
}
#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;
}
#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%;
}
#universal-header .universal-inner .nav-menu .inline-search.nav-item {
  padding-top: 0;
}
#universal-header .universal-inner .nav-menu .inline-search.nav-item form {
  border: none;
}
#universal-header .universal-inner .nav-menu #sign-in-directory.nav-item {
  padding-top: 0;
}
#universal-header .universal-inner .nav-menu .inline-search {
  transition: all 0.5s;
}

#universal-header .universal-inner .nav-menu .nav-item.staff-intranet-search {
  margin-left: 57% !important;
}

#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns .parent-group {
  margin-bottom: 0;
}

#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div:nth-of-type(2) {
  display: none;
}

#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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%;
}
#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;
}
#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%;
}

#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;
}
#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;
}
#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(1) .sub-nav .sub-nav-columns div {
  float: none !important;
  width: 100% !important;
}
#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;
}

.creative.study {
  background-size: 160%;
  background-color: #009cdd;
}
.creative.study h2::first-word {
  margin-right: 2em;
}
.creative.study h2 {
  background-color: transparent;
  height: 100%;
}
.creative.study h2 strong {
  margin-right: 0.058em;
}
.creative.study .employability {
  position: relative;
  height: 100%;
}
.creative.study .employability h2 {
  /*font-size: 180% !important;*/
  line-height: 0.975em !important;
  background: none;
}
.creative.study .employability h2 span, .creative.study .employability h2 strong {
  font-family: "poppins", sans-serif;
  font-size: 220%;
  display: block;
  padding: 22px 0;
}
.creative.study .employability h2 strong {
  font-size: inherit;
  padding: 0;
}

.creative.research {
  background-size: 140%;
  background-color: #00ab8e;
}
.creative.research h2 {
  background-color: transparent;
  height: 100%;
  color: #212b58 !important;
}
.creative.research h2 a {
  color: #212b58 !important;
}

.creative.about-us {
  background-size: 120%;
  background-color: #f87c56;
}
.creative.about-us h2 {
  background-color: transparent;
  height: 100%;
  color: #212b58 !important;
}
.creative.about-us h2 a {
  color: #212b58 !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-columns {
    padding: 1em 2.5% 0;
    width: inherit;
  }
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h2 {
    padding: 0.65em 2.5%;
  }
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h3 {
    padding: 0 2.5% 0.65em;
  }
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative h3 span {
    display: inline;
  }
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative.research h2 {
    padding-bottom: 0;
  }
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative.research h3 {
    padding: 0 2.5% 1.65em;
  }
  #universal-header .universal-inner .nav-menu .sub-nav .sub-nav-creative .creative.research h3 span {
    display: inline;
  }
}
@media all and (max-width: 1366px) {
  #universal-header .nav-menu .universal-inner .nav-item .sub-nav .link-group ul.sub-nav-group li {
    font-size: 90%;
  }
  #universal-header .nav-menu .universal-inner .nav-item:last-of-type {
    margin-left: 18%;
  }
  #universal-header .nav-menu .universal-inner .nav-item:last-of-type .sub-nav .sub-nav-columns {
    padding: 1.25em 0;
  }
  #universal-header #primary-nav .inline-search input[type=text] {
    width: 80%;
  }
  #universal-header #logo {
    top: 12px;
    width: 195px;
  }
}
@media screen and (max-width: 1360px) {
  #universal-header .universal-inner {
    height: 82px;
  }
  #universal-header .universal-inner .nav-menu .sub-nav.open {
    top: 56px;
  }
}
@media screen and (max-width: 1300px) {
  #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) {
  #primary-nav .inline-search {
    right: 6%;
    width: 16.76%;
  }
  #primary-nav .inline-search input[type=text] {
    width: 75%;
  }
  .nav-menu {
    padding-left: 24%;
  }
  .nav-menu .nav-item {
    font-size: 130%;
  }
  .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;
  }
  .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) {
  .megamenu {
    top: 2px;
  }
  .megamenu .accessible-megamenu {
    padding-left: 26%;
  }
  .megamenu .accessible-megamenu .accessible-megamenu-panel.open {
    top: 60px;
  }
  .megamenu .accessible-megamenu h2 {
    font-size: 120%;
  }
  #universal-header.adobe-alt .universal-inner #a-z-position {
    right: 4.5%;
  }
  #universal-header.adobe-alt .universal-inner .inline-search {
    width: 20%;
    right: 9.5%;
  }
}
@media all and (max-width: 1100px) {
  #universal-header .universal-inner .nav-menu {
    padding-left: 20%;
  }
  #universal-header .universal-inner .nav-menu .nav-item {
    font-size: 115% !important;
  }
  #universal-header .universal-inner .nav-menu .nav-item a {
    padding: 0.93em 12px 26px 10px;
  }
  #universal-header .universal-inner .nav-menu .nav-item .sub-nav .grid-parent {
    grid-template-columns: auto;
  }
  #universal-header .universal-inner .nav-menu .nav-item .sub-nav .grid-parent .sub-nav-creative {
    order: 2;
  }
  #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%;
  }
  #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;
  }
  #universal-header .universal-inner .nav-menu .nav-item .sub-nav .grid-parent .sub-nav-creative .creative h3 {
    padding: 0 2.5% 0.35em;
  }
  #universal-header .universal-inner .nav-menu .nav-item .sub-nav .grid-parent .sub-nav-columns {
    order: 1;
    padding: 1em 2.5% 0;
  }
  #universal-header .universal-inner #logo {
    width: 18%;
    top: 18px;
  }
  #universal-header .universal-inner #primary-nav .inline-search {
    width: 21%;
    top: 19px;
    right: 5%;
  }
}
@media all and (max-width: 1024px) {
  #responsive-container {
    padding-top: 0.5em;
  }
  #universal-header .universal-inner {
    width: 90%;
    height: 9.35em;
  }
  #universal-header .universal-inner .nav-menu {
    top: 5em;
    padding-left: 0;
  }
  #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;
  }
  #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;
  }
  #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;
  }
  #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;
  }
  #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%;
  }
  #universal-header .universal-inner .nav-menu .nav-item:last-of-type.linear {
    /*position: relative;
    			top: 0.5rem;*/
  }
  #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;
  }
  #universal-header .universal-inner .sign-in-container .universal-inner {
    height: auto;
  }
  #universal-header .universal-inner .universal-inner:first-child {
    width: 90%;
  }
  #universal-header .universal-inner .nav-menu {
    top: 5em;
    padding-left: 0;
  }
  #universal-header .universal-inner .nav-menu .nav-item {
    font-size: 125%;
  }
  #universal-header .universal-inner .nav-menu .nav-item a {
    padding: 0.43em 12px 15px 10px;
  }
  #universal-header .universal-inner .nav-menu .nav-item a.open {
    padding: 0.55em 14px 19px 9px;
  }
  #universal-header .universal-inner .nav-menu .nav-item a:active {
    background: none;
    color: #1E1E1E;
  }
  #universal-header .universal-inner .nav-menu .sub-nav.open {
    top: 44px;
  }
  #universal-header .universal-inner .nav-menu .sub-nav {
    top: 113px;
  }
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent {
    grid-template-columns: auto;
  }
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent .sub-nav-creative {
    order: 2;
  }
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent .sub-nav-columns {
    order: 1;
    padding: 1em 2.5% 0;
  }
  #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%;
  }
  #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%;
  }
  #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%;
  }
  #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%;
  }
  #universal-header .universal-inner {
    height: 8em;
  }
  #universal-header .universal-inner #logo {
    width: 21%;
  }
  #universal-header .universal-inner #sign-in-directory #sign-position a img {
    width: 12% !important;
  }
  #universal-header .universal-inner .inline-search {
    width: 64% !important;
    right: 8% !important;
  }
  #universal-header .universal-inner .inline-search input[type=text] {
    padding: 0.8em 2.5%;
    width: 85%;
  }
  #universal-header .universal-inner .inline-search input[type=image] {
    margin: 1% !important;
  }
}
@media all and (max-width: 640px) {
  #universal-header .universal-inner {
    height: 4.75em !important;
  }
}
@supports not (display: grid) {
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent {
    display: block;
    overflow: auto;
  }
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent .sub-nav-creative {
    float: left;
    width: 25.13%;
    background: none;
    height: 100%;
  }
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent .sub-nav-columns {
    float: right;
    width: 70.45%;
  }
  #universal-header .universal-inner .nav-menu .sub-nav .grid-parent::after {
    content: "";
    clear: both;
    display: table;
  }
  #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;
  }
  #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;
  }
  #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%;
  }
  #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) {
  #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;
  }
  #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;
  }
  #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%;
  }
  #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 */
#mobile-sticky-header, #common-mobile-header, #elevator-navigation {
  display: none;
}

#beta-message {
  background: #960101;
}
#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%;
}
#beta-message p a {
  color: #fff;
}

#partners div div section#partners-heading {
  width: 100%;
  display: block;
  float: none;
  height: auto;
}
#partners div div section#partners-heading h2 {
  color: #fff;
  font-weight: normal;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 95%;
  margin: 0;
}
#partners div div section:last-child {
  margin-right: 0;
}
#partners div div section {
  float: left;
  width: 31.5%;
  margin-right: 5.5%;
  height: 4.5em;
}
#partners div div section a:hover {
  border: none;
}
#partners div div section a {
  height: 4.5em;
  display: block;
  position: relative;
  border: none !important;
}
#partners div div section a img {
  margin: auto;
  position: absolute;
  top: 20%;
}

#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;
}
#universal-header #logo {
  width: 220px;
  top: 13px;
  transition: all 0.4s;
  margin-top: 0;
  position: absolute;
  height: 58px;
}
#universal-header #logo img {
  margin-bottom: 0;
  width: 100%;
}
#universal-header #logo a#uni-home-link:focus {
  outline: none;
}
#universal-header #logo a#uni-home-link:focus img {
  border: 1px dotted #333f48;
}
#universal-header #primary-nav #sign-in-directory {
  top: 19px;
  z-index: 0;
  position: absolute;
  text-align: right;
  right: 0;
  width: 4%;
}
#universal-header #primary-nav #sign-in-directory #a-z-position {
  font-size: 95%;
  color: #333f48;
  font-family: "proxima-nova", arial, sans-serif;
  display: inline;
}
#universal-header #primary-nav #sign-in-directory #a-z-position a {
  color: #212b58;
  border-bottom: 1px dotted #212b58;
  font-weight: bold;
  text-decoration: none;
}
#universal-header #primary-nav #sign-in-directory #a-z-position a:hover {
  border-bottom: 1px solid #212b58;
}
#universal-header #primary-nav #sign-in-directory #a-z-position a:visited {
  color: #212b58;
}
#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;
}
#universal-header #primary-nav #sign-in-directory #sign-position a {
  color: #212b58;
  border-bottom: 1px dotted #212b58;
  font-weight: bold;
  text-decoration: none;
}
#universal-header #primary-nav #sign-in-directory #sign-position a:hover {
  border-bottom: 1px solid #212b58;
}
#universal-header #primary-nav #sign-in-directory .mobile-side-sign-in {
  display: none;
}
#universal-header #primary-nav .inline-search:after {
  content: none;
}
#universal-header #primary-nav .inline-search {
  top: 16px;
  right: 4%;
  border: 2px solid #1E1E1E;
  overflow: hidden;
  border-radius: 7px;
  width: 18.76%;
  position: absolute;
}
#universal-header #primary-nav .inline-search #merged-search {
  display: none;
}
#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;
}
#universal-header #primary-nav .inline-search input[type=text]:focus {
  background: #fff4d4;
}
#universal-header #primary-nav .inline-search input[type=image] {
  width: 24px;
  height: 24px;
  margin: 3%;
  transition: all 0.2s ease-in-out;
  border: none;
  padding: 0;
  float: right;
}
#universal-header #primary-nav .inline-search input[type=image]:focus {
  width: 22px;
  height: 22px;
  border: none;
  transform: scale(1.1);
}
#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);
}

#global-navigation {
  text-align: right;
  padding: 1em 0;
}

#brand-header .universal-inner {
  border-bottom: 2px solid #fff;
  padding: 1.22em 0 1.33em;
  position: relative;
}

.common-menu-module:nth-of-type(3n+3) {
  margin-right: 0;
}

.megamenu #course-search-strip {
  background: none;
}
.megamenu #course-search-strip .inner {
  width: 100%;
}
.megamenu #course-search-strip .inner .global-position {
  display: none;
}
.megamenu #course-search-strip .inner form {
  float: none;
  width: 100%;
}
.megamenu #course-search-strip .inner form fieldset h2 {
  color: #fff;
  font-weight: 600;
}
.megamenu #course-search-strip .inner form .course-type {
  margin-bottom: 1em;
}
.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;
}
.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;
}
.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%;
}
.megamenu .common-menu-module {
  width: 30.89%;
  margin-right: 3.55%;
  float: left;
  z-index: 100;
}
.megamenu .common-menu-module form {
  margin-bottom: 0.77em;
  padding: 0;
  background: none;
  color: #fff;
}
.megamenu .common-menu-module fieldset {
  margin-bottom: 0.77em;
  padding: 0;
  background: none;
  color: #fff;
}
.megamenu .common-menu-module fieldset h3 {
  text-align: left;
}
.megamenu .common-menu-module #course-search {
  padding-left: 2.492%;
}
.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;
}
.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;
}
.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;
}

.common-menu-module h2 {
  font-size: 90%;
  color: #fff;
  margin-top: 0;
}
.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;
}

.inline-search fieldset {
  background: #fff;
  padding: 0;
  margin-bottom: 0;
}
.inline-search #header-search {
  display: inline;
  position: relative;
  padding: 0;
  height: auto;
  top: 0;
}

.common-sign-nav {
  padding-bottom: 1em;
  display: none;
}
.common-sign-nav #course-search ul, .common-sign-nav #desktop-user-sign-in ul {
  text-align: right;
}
.common-sign-nav li {
  color: #1E1E1E;
  display: inline;
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 100%;
}
.common-sign-nav li a {
  padding: 0;
  display: inline;
  color: #171e3e;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px dotted #171e3e;
}
.common-sign-nav li a:hover {
  text-decoration: none;
  border-bottom: 1px solid #171e3e;
}
.common-sign-nav .staff-login {
  margin-left: 0.25%;
}
.common-sign-nav .staff-login a {
  margin-right: 5px;
}
.common-sign-nav .staff-login span {
  margin-left: 0.44em;
  margin-right: 0.22em;
}
.common-sign-nav .common-menu-module {
  width: 100%;
  text-align: right;
  float: right;
  margin-right: 0;
}

.common-menu-module:last-child {
  margin-right: 0;
}

#section-header {
  background: #212b58;
  width: auto;
  margin: 0 auto;
  padding: 0;
}
#section-header h2 {
  margin-top: 0;
  color: #fff;
  margin-left: 29.8%;
  font-size: 170%;
  padding: 0.89em 0;
}
#section-header h2 a {
  color: #fff;
  text-decoration: none;
}

.study.graduate-document-portal #section-name div.container div.universal-inner {
  grid-template-columns: 1fr 1fr;
}
.study.graduate-document-portal #section-name div.container div.universal-inner ul.inline-list-second-tier {
  text-align: right;
}
.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%;
}
.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);
}
.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) {
  #section-name div.container div.universal-inner h2 {
    font-size: 135%;
  }
  #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) {
  #partners div div {
    width: 90%;
  }
  #partners div div section#partners-heading {
    width: 100%;
    display: block;
  }
  #partners div div section {
    width: 46%;
    margin-right: 5%;
    height: auto;
  }
  #partners div div section:nth-of-type(odd) {
    margin-right: 0;
  }
  #universal-header #logo {
    width: 150px;
    top: 13px;
  }
  #universal-header .inline-search input[type=text] {
    padding: 0.77em 5%;
  }
  #universal-header #global-navigation {
    padding: 0.44em 0;
  }
  #universal-header #primary-nav #sign-in-directory {
    width: 8%;
  }
}
@media (max-width: 1023px) {
  #section-name {
    display: none;
  }
  #common-mobile-header {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background: #212b58;
  }
  #common-mobile-header img {
    margin-bottom: 0;
  }
  #common-mobile-header #common-mobile-brand img {
    width: 30%;
  }
  #common-mobile-header #common-mobile-toggle {
    position: absolute;
    top: 24px;
    right: 0;
    text-align: right;
  }
  #common-mobile-header #common-mobile-toggle a img {
    width: 48px;
  }
  #common-mobile-header .universal-inner {
    background: none;
    padding: 21px 0px 14px;
    position: relative;
    width: 90%;
  }
  #common-mobile-header.stuck {
    border-bottom: 2px solid rgba(255, 255, 255, 0.35);
  }
  #common-mobile-header.stuck .universal-inner {
    border-bottom: none;
  }
}
@media screen and (max-width: 800px) {
  #common-mobile-header #common-mobile-toggle {
    top: 18px;
  }
  #common-mobile-header #common-mobile-toggle a img {
    width: 38px;
  }
}
@media screen and (max-width: 603px) {
  #common-mobile-header .universal-inner {
    padding: 17px 0 12px;
  }
  #common-mobile-header #common-mobile-brand img {
    width: 50%;
  }
  #common-mobile-header #common-mobile-toggle {
    position: absolute;
    top: 16px;
    right: 0;
    text-align: right;
  }
  #common-mobile-header #common-mobile-toggle a {
    height: 40px;
    width: 40px;
  }
  #common-mobile-header #common-mobile-toggle a img {
    height: 40px;
    width: 40px;
  }
}
@media all and (max-width: 640px) {
  #universal-header {
    display: block;
    min-height: 4.75em;
  }
  #universal-header .universal-inner #logo {
    top: 13px !important;
    width: 165px !important;
  }
  .sign-in-container {
    display: none;
  }
  #responsive-container {
    padding-top: 0.5em;
  }
  #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;
  }
  #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;
  }
  #nav-toggle:hover, #nav-toggle:focus {
    border-color: #fff;
  }
  #nav-toggle.is-active + .logo {
    display: none;
  }
}
html.mm-wrapper_opening #universal-header .universal-inner #logo {
  display: none;
}

#universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) {
  margin-left: 10% !important;
}

#universal-header #primary-nav #sign-in-directory {
  width: 13% !important;
  top: 23px;
}

#universal-header #primary-nav #sign-in-directory #sign-position p span {
  margin: 0 0.25rem !important;
}

#universal-header #primary-nav #sign-in-directory #sign-position p a:nth-of-type(1) {
  margin-left: 0.25rem !important;
}

#universal-header #primary-nav #sign-in-directory #sign-position {
  position: relative;
  top: 4px;
}

@media screen and (max-width: 1366px) {
  #universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) {
    margin-left: 2% !important;
  }
  #universal-header #primary-nav #sign-in-directory {
    width: 14% !important;
  }
}
@media screen and (max-width: 1270px) {
  #universal-header .universal-inner .nav-menu .nav-item:nth-of-type(4) {
    margin-left: 2.5% !important;
  }
}
@media (max-width: 1024px) {
  #universal-header #primary-nav #sign-in-directory {
    width: 40% !important;
  }
}
/* COOKIE NOTICE AND CONTROLS */
/* Scss Document */
footer#cookie-banner {
  max-width: 100%;
  background: #333f48;
  min-height: 76px;
  z-index: 9999999999;
}
footer#cookie-banner .universal-inner {
  height: auto !important;
}

#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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: 0.75em 0.5em 0.75em 0.75em;
  vertical-align: top;
  font-size: 1em;
  font-weight: 700;
  line-height: 0.75;
  color: #666;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
#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: 0.75em;
  padding-left: 0;
}
#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 0.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;
}
#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;
}
#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;
}
#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 0.2s ease-in-out;
}
#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;
}
#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: 0.5em;
  bottom: 0.5em;
  left: 0.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 0.2s ease-in-out, background 0.2s ease-in-out;
}
#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;
}
#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;
}
#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;
}
#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;
}

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;
  }*/
}
div#cookie-control-notice h2 {
  color: #fff;
  margin: 0;
}
div#cookie-control-notice p {
  color: white;
  font-size: 125%;
}
div#cookie-control-notice ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#cookie-control-notice ul li {
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 95%;
  display: inline;
  position: relative;
}
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%;
}
div#cookie-control-notice ul li a:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
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;
}
div#cookie-control-notice ul li #continue-button h3 {
  display: inline-block;
  color: #333f48;
  font-size: 130%;
  position: relative;
  top: -4px;
  margin: 0;
}
div#cookie-control-notice ul li #continue-button:hover, div#cookie-control-notice ul li #continue-button:active {
  background-color: #ffe088;
}

div#cookie-control-notice {
  padding: 1rem 0;
  display: grid;
  grid-template-columns: 1.89fr 3fr 1.5fr;
  grid-gap: 1rem;
}

.panel {
  flex: 2 2 200px;
  height: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  div#cookie-control-notice {
    margin-bottom: 1.75em;
  }
}
@media all and (max-width: 640px) {
  #main-content .strict-cookie::before {
    width: 20%;
    margin-right: 6%;
    margin-bottom: 1em;
    position: relative;
    top: 6px;
  }
  #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;
  }
  #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;
  }
  #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;
  }
  #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;
  }
  footer#cookie-banner .container {
    display: block !important;
  }
}
@media all and (max-width: 640px) {
  footer#cookie-banner .universal-inner {
    width: 90%;
    height: auto !important;
  }
  div#cookie-control-notice {
    display: block;
    margin: 1.25em auto;
    padding: 1rem 0 2rem;
  }
  div#cookie-control-notice p, div#cookie-control-notice h2 {
    width: inherit;
    margin: 0;
  }
  div#cookie-control-notice h2 {
    /*font-size: 150%;*/
  }
  div#cookie-control-notice ul li button#continue-button {
    padding: 0.5em 3% 0;
    font-size: 100%;
    width: 90%;
  }
  div#cookie-control-notice ul li button#continue-button h3 {
    top: -5px;
  }
  div#cookie-control-notice ul li button#continue-button:before {
    width: 20px;
    height: 20px;
    top: 0;
  }
  .panel {
    margin: 0 0 1.35em;
  }
  .panel:first-child {
    margin-bottom: 0.75em;
  }
  .panel:last-child {
    margin-bottom: 2em;
  }
}
.cookie-strip-2 footer#cookie-banner {
  background: #ffe088;
}
.cookie-strip-2 div#cookie-control-notice h2 {
  color: #333f48;
  font-weight: 800;
  line-height: 1.2em;
  font-size: 210%;
}
.cookie-strip-2 div#cookie-control-notice p {
  color: #333f48;
  font-size: 110%;
}
.cookie-strip-2 div#cookie-control-notice ul li a {
  color: #6e5100;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}
.cookie-strip-2 div#cookie-control-notice ul li a:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button {
  border: none;
  background: #6e5100;
}
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button h3 {
  color: #ffc522;
}
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button:hover {
  background: #9c7300;
}
.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 */
footer#cookie-banner {
  max-width: 100%;
  background: #333f48;
  min-height: 76px;
  z-index: 9999999999;
}
footer#cookie-banner .universal-inner {
  height: auto !important;
}

#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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: 0.75em 0.5em 0.75em 0.75em;
  vertical-align: top;
  font-size: 1em;
  font-weight: 700;
  line-height: 0.75;
  color: #666;
  cursor: pointer;
  transition: color 0.2s ease-in-out;
}
#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: 0.75em;
  padding-left: 0;
}
#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 0.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;
}
#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;
}
#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;
}
#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 0.2s ease-in-out;
}
#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;
}
#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: 0.5em;
  bottom: 0.5em;
  left: 0.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 0.2s ease-in-out, background 0.2s ease-in-out;
}
#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;
}
#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;
}
#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;
}
#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;
}

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;
  }*/
}
div#cookie-control-notice h2 {
  color: #fff;
  margin: 0;
}
div#cookie-control-notice p {
  color: white;
  font-size: 125%;
}
div#cookie-control-notice ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div#cookie-control-notice ul li {
  font-family: "proxima-nova", arial, sans-serif;
  font-size: 95%;
  display: inline;
  position: relative;
}
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%;
}
div#cookie-control-notice ul li a:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
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;
}
div#cookie-control-notice ul li #continue-button h3 {
  display: inline-block;
  color: #333f48;
  font-size: 130%;
  position: relative;
  top: -4px;
  margin: 0;
}
div#cookie-control-notice ul li #continue-button:hover, div#cookie-control-notice ul li #continue-button:active {
  background-color: #ffe088;
}

div#cookie-control-notice {
  padding: 1rem 0;
  display: grid;
  grid-template-columns: 1.89fr 3fr 1.5fr;
  grid-gap: 1rem;
}

.panel {
  flex: 2 2 200px;
  height: auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  div#cookie-control-notice {
    margin-bottom: 1.75em;
  }
}
@media all and (max-width: 640px) {
  #main-content .strict-cookie::before {
    width: 20%;
    margin-right: 6%;
    margin-bottom: 1em;
    position: relative;
    top: 6px;
  }
  #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;
  }
  #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;
  }
  #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;
  }
  #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;
  }
  footer#cookie-banner .container {
    display: block !important;
  }
}
@media all and (max-width: 640px) {
  footer#cookie-banner .universal-inner {
    width: 90%;
    height: auto !important;
  }
  div#cookie-control-notice {
    display: block;
    margin: 1.25em auto;
    padding: 1rem 0 2rem;
  }
  div#cookie-control-notice p, div#cookie-control-notice h2 {
    width: inherit;
    margin: 0;
  }
  div#cookie-control-notice h2 {
    /*font-size: 150%;*/
  }
  div#cookie-control-notice ul li button#continue-button {
    padding: 0.5em 3% 0;
    font-size: 100%;
    width: 90%;
  }
  div#cookie-control-notice ul li button#continue-button h3 {
    top: -5px;
  }
  div#cookie-control-notice ul li button#continue-button:before {
    width: 20px;
    height: 20px;
    top: 0;
  }
  .panel {
    margin: 0 0 1.35em;
  }
  .panel:first-child {
    margin-bottom: 0.75em;
  }
  .panel:last-child {
    margin-bottom: 2em;
  }
}
.cookie-strip-2 footer#cookie-banner {
  background: #ffe088;
}
.cookie-strip-2 div#cookie-control-notice h2 {
  color: #333f48;
  font-weight: 800;
  line-height: 1.2em;
  font-size: 210%;
}
.cookie-strip-2 div#cookie-control-notice p {
  color: #333f48;
  font-size: 110%;
}
.cookie-strip-2 div#cookie-control-notice ul li a {
  color: #6e5100;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}
.cookie-strip-2 div#cookie-control-notice ul li a:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button {
  border: none;
  background: #6e5100;
}
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button h3 {
  color: #ffc522;
}
.cookie-strip-2 div#cookie-control-notice ul li button#continue-button:hover {
  background: #9c7300;
}
.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 */
#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 */
ul#newsload {
  clear: both;
}

ul#newnewslist {
  clear: both;
  display: block;
  margin-left: 0 !important;
}
ul#newnewslist li::before {
  display: none;
}
ul#newnewslist li {
  width: 32%;
  float: left;
  margin-right: 2%;
  background: none;
  padding-left: 0;
  margin-bottom: 1em;
}
ul#newnewslist li a > h2 {
  font-weight: 800;
  border-bottom: 1px dotted #212b58;
  display: contents;
}
ul#newnewslist li a:hover > h2 {
  border-bottom-style: solid;
}
ul#newnewslist li a > img {
  margin-bottom: 0.5rem;
}
ul#newnewslist li a:hover > img {
  filter: brightness(75%);
}
ul#newnewslist li h2 {
  font-weight: 200;
  font-size: 120%;
  padding-top: 0.55em;
  margin-top: 0;
  line-height: 1.33em;
}
ul#newnewslist li p {
  font-size: 80%;
  margin-top: 0.5rem;
}
ul#newnewslist li img {
  max-height: 198px;
  margin-bottom: 0;
  top: 0;
  margin-right: 0;
  width: 100%;
}
ul#newnewslist li:nth-of-type(3n+3) {
  margin-right: 0;
}
ul#newnewslist li:nth-of-type(3n+4) {
  clear: left;
}
ul#newnewslist div#firststory {
  display: block;
  float: none;
  width: 100%;
  margin-bottom: 1em;
}
ul#newnewslist div#firststory a {
  display: block;
  border: none;
}
ul#newnewslist div#firststory h1 {
  line-height: 1.22em;
}
ul#newnewslist div#firststory a > h2 {
  font-weight: 800;
  border-bottom: 1px dotted #212b58;
  display: initial;
  font-size: 180%;
}
ul#newnewslist div#firststory a:hover > h2 {
  border-bottom-style: solid;
}
ul#newnewslist div#firststory a > img {
  margin-bottom: 0.5rem;
}
ul#newnewslist div#firststory a:hover > img {
  filter: brightness(75%);
}
ul#newnewslist div#firststory p {
  margin-top: 0.5rem;
}
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) {
  ul#newnewslist li {
    width: auto;
    float: none;
    margin-right: 0;
  }
  ul#newnewslist li img {
    max-height: none;
  }
  ul#newnewslist div#firststory h1 {
    font-size: 180%;
  }
  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 */
.search-results #main-content article #header-search fieldset input[type=text] {
  border: 2px #212b58 solid;
  border-radius: 7px;
  float: left;
  width: 93%;
  padding: 10px;
}
.search-results #main-content article #header-search fieldset input[type=image] {
  width: 46px;
  height: 46px;
  margin: 0;
}
.search-results #main-content, .search-results #level-3-tabbed-nav, .search-results #breadcrumb {
  width: 100%;
  float: none;
}
.search-results #site-navigation {
  display: none;
}
.search-results span#all {
  border: 0.22em solid #0e1130 !important;
  background: #fff !important;
}
.search-results span#all a {
  color: #020309 !important;
}
.search-results span#all:hover {
  background: #1a1f57 !important;
}
.search-results span#all:hover a {
  color: #fff !important;
}
.search-results span#all.active {
  border: 0.22em solid #0e1130 !important;
  background: #0e1130 !important;
}
.search-results span#all.active a {
  color: #fff !important;
}
.search-results span#courses {
  border: 0.22em solid #21a6e1 !important;
  background: #fff !important;
}
.search-results span#courses a {
  color: #136589 !important;
}
.search-results span#courses:hover {
  background: #4eb8e7 !important;
}
.search-results span#courses:hover a {
  color: #fff !important;
}
.search-results span#courses.active {
  border: 0.22em solid #21a6e1 !important;
  background: #21a6e1 !important;
}
.search-results span#courses.active a {
  color: #fff !important;
}
.search-results span#news {
  border: 0.22em solid #e8200b !important;
  background: #fff !important;
}
.search-results span#news a {
  color: #871306 !important;
}
.search-results span#news:hover {
  background: #f54331 !important;
}
.search-results span#news:hover a {
  color: #fff !important;
}
.search-results span#news.active {
  border: 0.22em solid #e8200b !important;
  background: #e8200b !important;
}
.search-results span#news.active a {
  color: #fff !important;
}
.search-results span#academicstaff {
  border: 0.22em solid #fdac0f !important;
  background: #fff !important;
}
.search-results span#academicstaff a {
  color: #a56d01 !important;
}
.search-results span#academicstaff:hover {
  background: #fdbd42 !important;
}
.search-results span#academicstaff:hover a {
  color: #fff !important;
}
.search-results span#academicstaff.active {
  border: 0.22em solid #fdac0f !important;
  background: #fdac0f !important;
}
.search-results span#academicstaff.active a {
  color: #fff !important;
}
.search-results span#events {
  border: 0.22em solid #a3c51a !important;
  background: #fff !important;
}
.search-results span#events a {
  color: #586b0e !important;
}
.search-results span#events:hover {
  background: #c0e32f !important;
}
.search-results span#events:hover a {
  color: #fff !important;
}
.search-results span#events.active {
  border: 0.22em solid #a3c51a !important;
  background: #a3c51a !important;
}
.search-results span#events.active a {
  color: #fff !important;
}
.search-results span#library {
  border: 0.22em solid #7733cc !important;
  background: #fff !important;
}
.search-results span#library a {
  color: #7733cc !important;
}
.search-results span#library:hover {
  background: #925cd6 !important;
}
.search-results span#library:hover a {
  color: #fff !important;
}
.search-results span#library.active {
  border: 0.22em solid #7733cc !important;
  background: #7733cc !important;
}
.search-results span#library.active a {
  color: #fff !important;
}
@media screen and (max-width: 768px) {
  .search-results #main-content article #header-search fieldset input[type=text] {
    width: 90%;
  }
}
@media screen and (max-width: 640px) {
  .search-results #main-content article #header-search fieldset input[type=text] {
    width: 85%;
  }
}
/* COURSE SEARCH BODY - INTEGRATE INTO SEARCH STACK */
/* Scss Document */
#common.search-results #section-name .universal-inner #key-links {
  display: none;
}
#common.search-results #section-name .universal-inner #icons {
  width: 30%;
  padding-top: 0.22em;
}
#common.search-results #section-name .universal-inner #icons ul li {
  margin-left: 3%;
}
#common.search-results #section-name .universal-inner #icons ul li a {
  color: #fff;
}
#common.search-results #breadcrumb {
  display: none;
}
#common.search-results #level-3-tabbed-nav {
  display: none;
}
#common.search-results #main-content header {
  padding: 0 0 1.77%;
  text-align: right;
  font-size: 80%;
}
#common.search-results #main-content header h2 {
  text-align: left;
  position: relative;
  top: 10px;
  font-weight: 400;
  font-size: 120%;
}
#common.search-results #main-content header p {
  text-align: left;
  font-size: 130%;
}
#common.search-results #main-content header p:first-child {
  margin-top: 2em;
}
#common.search-results #main-content header p.search-support span {
  margin: 0 0.77%;
}
#common.search-results #main-content header hr {
  border-top: 1px solid #ccc;
}
#common.search-results #main-content header h3 {
  font-size: 135%;
  margin-bottom: 0.77em;
  float: left;
  width: 70%;
  text-align: left;
}
#common.search-results #main-content header ul {
  list-style-type: none;
  padding-left: 0;
  text-align: right;
  margin-bottom: 0.77em;
}
#common.search-results #main-content header ul li {
  display: inline;
  margin-left: 0.77%;
  position: relative;
  font-size: 80%;
  top: -3px;
  background: none;
}
#common.search-results #main-content header ul li span {
  margin-left: 0.33%;
}
#common.search-results #main-content header ul li a:visited {
  color: #808ecf;
}
#common.search-results #main-content header div#tabs {
  text-align: left;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 135%;
}
#common.search-results #main-content header div#tabs span {
  padding: 0.53em 0.88%;
  margin: 0.55em 0.55% 0.55em 0;
  color: #fff;
}
#common.search-results #main-content header div#tabs span a {
  color: #fff;
  text-decoration: none;
  border: none;
}
#common.search-results #main-content article {
  padding: 0;
  width: 70%;
}
#common.search-results #main-content article .desktop {
  display: block;
}
#common.search-results #main-content article .mobile {
  display: none;
}
#common.search-results #main-content article .previous, #common.search-results #main-content article .next {
  float: right;
  margin-left: 1.33%;
}
#common.search-results #main-content article .previous a, #common.search-results #main-content article .next a {
  text-decoration: none;
}
#common.search-results #main-content article ul.pagination {
  list-style-type: none;
  padding-left: 0;
  float: left;
  width: 80%;
}
#common.search-results #main-content article ul.pagination li::before {
  display: none;
}
#common.search-results #main-content article ul.pagination li {
  display: inline;
  margin-right: 0.77%;
  color: #A17700;
  background: none;
  padding-left: 0;
}
#common.search-results #main-content article ul.pagination li a {
  text-decoration: none;
  color: #141b37;
}
#common.search-results #main-content article ul.pagination li a:visited {
  color: #5b6dc1;
}
#common.search-results #main-content article ul.results-list-new {
  padding: 0;
  margin: 0;
  margin-bottom: 2em;
}
#common.search-results #main-content article ul.results-list-new li::before {
  display: none;
}
#common.search-results #main-content article ul.results-list-new li:first-child {
  padding-top: 0;
}
#common.search-results #main-content article ul.results-list-new li.Course {
  border-left: 0.33em solid #21a6e1;
}
#common.search-results #main-content article ul.results-list-new li.News {
  border-left: 0.33em solid #e8200b;
}
#common.search-results #main-content article ul.results-list-new li.Events {
  border-left: 0.33em solid #a3c51a;
}
#common.search-results #main-content article ul.results-list-new li.Staff {
  border-left: 0.33em solid Sstaff-orange;
}
#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;
}
#common.search-results #main-content article ul.results-list-new li h2 {
  margin-top: 0;
  font-size: 110%;
  line-height: 1.33em;
}
#common.search-results #main-content article ul.results-list-new li h2 a {
  text-decoration: none;
}
#common.search-results #main-content article ul.results-list-new li p.result-new {
  margin-bottom: 0.33em;
}
#common.search-results #main-content article ul.results-list-new li p.result-new a {
  display: inline-flex;
  float: left;
}
#common.search-results #main-content article ul.results-list-new li p.result-url-new {
  font-family: arial, sans-serif;
  font-size: 85%;
}
#common.search-results #main-content article ul.results-list-new li a:visited {
  color: #324185;
}
#common.search-results #main-content aside {
  width: 26.66%;
}
#common.search-results #main-content aside:nth-of-type(1) {
  padding-top: 1.33em !important;
}
#common.search-results #main-content aside.narrowby {
  background: #d1d7ee;
  padding: 0 1.55%;
  color: #333f48;
}
#common.search-results #main-content aside.narrowby h2 {
  color: #333f48;
  font-size: 130%;
}
#common.search-results #main-content aside.narrowby h4 {
  color: #333f48;
  margin-bottom: 0.55em;
}
#common.search-results #main-content aside.narrowby ul {
  margin: 0 0 1em;
  list-style-type: none;
}
#common.search-results #main-content aside.narrowby ul li::before {
  display: none;
}
#common.search-results #main-content aside.narrowby ul li.remove-filter:hover {
  opacity: 1;
}
#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;
}
#common.search-results #main-content aside.narrowby ul li.remove-filter a {
  color: #fff;
}
#common.search-results #main-content aside.narrowby ul li.remove-filter a img {
  opacity: 1;
  width: 3.5%;
}
#common.search-results #main-content aside.narrowby ul li {
  color: #333f48;
  font-size: 75%;
  background: none;
  padding-left: 0;
  display: block;
  clear: both;
}
#common.search-results #main-content aside.narrowby ul li a {
  color: #333f48;
}
#common.search-results #main-content aside.narrowby ul li a img {
  width: 3%;
  top: 5px;
  opacity: 0.5;
  margin-right: 2%;
}
#common.search-results #main-content aside.narrowby ul li a:hover img {
  opacity: 1;
}

@media (max-width: 1023px) {
  #common.search-results #breadcrumb {
    padding-bottom: 0;
    margin-bottom: 0.77em;
  }
  #common.search-results #main-content header {
    text-align: left;
  }
  #common.search-results #main-content header hr {
    display: none;
  }
  #common.search-results #main-content header h2 {
    top: -7px;
    font-size: 100%;
  }
  #common.search-results #main-content header h3 {
    float: none;
    width: 100%;
    font-size: 120%;
  }
  #common.search-results #main-content header ul {
    text-align: left;
  }
  #common.search-results #main-content header div#tabs {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  #common.search-results #main-content header div#tabs span#all.active {
    border-bottom: none;
  }
  #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;
  }
  #common.search-results #main-content header div#tabs span a {
    color: #fff;
    text-decoration: none;
    line-height: 1.77em;
  }
  #common.search-results #main-content article {
    width: 100%;
    display: block;
  }
  #common.search-results #main-content article .desktop {
    display: none;
  }
  #common.search-results #main-content article .mobile {
    display: block;
  }
  #common.search-results #main-content article ul.results-list-new {
    margin-left: 0;
  }
  #common.search-results #main-content article ul.results-list-new li::before {
    display: none;
  }
  #common.search-results #main-content article ul.results-list-new li {
    padding: 1.33em 1% 0.55em 8%;
  }
  #common.search-results #main-content article ul.results-list-new li h2 {
    font-size: 110%;
    line-height: 1.22em;
  }
  #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;
  }
  #common.search-results #main-content article .next {
    float: none;
  }
  #common.search-results #main-content aside {
    width: 100%;
  }
  #common.search-results #main-content aside.narrowby {
    padding: 5%;
    display: block;
  }
  #common.search-results #main-content aside.narrowby ul {
    width: 100%;
    margin: 0;
  }
  #common.search-results #main-content aside.narrowby ul li {
    display: block;
  }
  #common.search-results #main-content aside.narrowby ul li a img {
    width: 10px;
    float: left;
  }
}
@media (max-width: 500px) {
  #common.search-results #main-content header div#tabs {
    font-size: 100%;
  }
  #common.search-results #main-content header div#tabs span {
    padding: 0.1em 3%;
    text-transform: none;
  }
}
/* SUB BRAND KEY LINKS */
/* Scss Document */
.study #section-name div.container div.universal-inner:before {
  display: none;
}
.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;
  }*/
}
.study #section-name div.container div.universal-inner #key-links:empty, .study #section-name div.container div.universal-inner #icons:empty {
  display: none;
}
.study #section-name div.container div.universal-inner #key-links:empty ~ #section-home-link {
  grid-column: 1/-1;
}
.study #section-name div.container div.universal-inner #section-home-link {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.study #section-name div.container div.universal-inner #key-links {
  display: block;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.study #section-name div.container div.universal-inner #key-links ul {
  margin: 0;
  padding: 0;
}
.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%;
}
.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);
}
.study #section-name div.container div.universal-inner #key-links ul li a:hover {
  border-bottom-color: #fff;
}
.study #section-name div.container div.universal-inner #icons {
  display: block;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.study #section-name div.container div.universal-inner #icons ul {
  margin: 0;
}
.study #section-name div.container div.universal-inner #icons ul li {
  color: #fff;
}
.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;
}
.main::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: rgba(0, 0, 0, 0.15);
  width: 8px;
  height: 8px;
}

.main::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

/* T4 SIDE NAVIGATION */
nav#site-navigation {
  float: left;
  margin-bottom: 0;
  width: 29.6%;
}

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;
}
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;
}
nav#site-navigation #faculty-link:hover {
  background-color: #333f48;
}
nav#site-navigation #current-tier-left {
  background-color: #212b58;
  width: 85%;
  margin-bottom: 2.66em;
}
nav#site-navigation #current-tier-left ul {
  width: auto;
  padding-bottom: 4%;
}
nav#site-navigation #current-tier-left ul li.lead {
  position: relative;
  top: 5px;
}
nav#site-navigation #current-tier-left ul li {
  color: white;
  margin-bottom: 0;
  font-size: 140%;
  padding: 0.33em 5%;
}
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;
}
nav#site-navigation #current-tier-left ul li a {
  display: block;
  color: #fff;
  padding-right: 20%;
  position: relative;
}
nav#site-navigation h2 {
  font-size: 100%;
  margin-top: -3px;
  margin-bottom: 1em;
  line-height: 1.5em;
}

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;
}
nav#site-navigation.overhang-nav h2 a {
  color: #A17700;
  text-decoration: none;
}
nav#site-navigation.overhang-nav h2 a:hover {
  color: #644a00;
}
nav#site-navigation.overhang-nav #navigation li .currentbranch0 a {
  background-color: #ffe6a1;
}
nav#site-navigation.overhang-nav #navigation li a {
  border-bottom: 1px solid #1E1E1E;
}
nav#site-navigation.overhang-nav #navigation .multilevel-linkul-0 li:first-child {
  margin-top: 0;
}
nav#site-navigation.overhang-nav #navigation .multilevel-linkul-0 li:first-child a {
  border: none;
}

#navigation, .mobile-nav, #mobile-navigation {
  margin-bottom: 2em;
}
#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%;*/
}
#navigation li:first-child a, .mobile-nav li:first-child a, #mobile-navigation li:first-child a {
  border-top: 1px solid #1E1E1E;
}
#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);
}
#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%;
}
#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%;
}
#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;
}
#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;
}
#navigation .multilevel-linkul-0 li, .mobile-nav .multilevel-linkul-0 li, #mobile-navigation .multilevel-linkul-0 li {
  line-height: 0.77em;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#navigation .multilevel-linkul-0 .currentbranch1, .mobile-nav .multilevel-linkul-0 .currentbranch1, #mobile-navigation .multilevel-linkul-0 .currentbranch1 {
  position: relative;
  left: 0;
}
#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%;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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 */
#level-3-tabbed-nav.mobile {
  display: none;
}

#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;
  	}
  }*/
}
#level-3-tabbed-nav #tabbed-navigation li#section-active a {
  color: #fff !important;
  background-color: #212b58 !important;
}
#level-3-tabbed-nav #tabbed-navigation li#section-active.detected a {
  color: #333f48 !important;
  background-color: #dbdbd3 !important;
}
#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;
  	}*/
}
#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;
}
#level-3-tabbed-nav #tabbed-navigation li .currentbranch0 a {
  background-color: #212b58;
  color: #fff;
}
#level-3-tabbed-nav #tabbed-navigation li .currentbranch0 a:focus {
  text-decoration-style: solid;
}

.mobile-nav {
  width: 90%;
  margin: 0 auto;
}
.mobile-nav ul {
  padding-bottom: 2.33em;
}
.mobile-nav ul li:last-child a {
  border-bottom: none;
}
.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);
}
.mobile-nav a:hover {
  color: #333f48;
  background-color: rgba(255, 255, 255, 0.25);
}
.mobile-nav a:active {
  background-color: rgba(255, 255, 255, 0.5);
}
.mobile-nav .currentbranch0 a {
  color: #333f48;
  background-color: rgba(255, 255, 255, 0.25);
}
.mobile-nav .currentbranch0 a:active {
  background-color: rgba(255, 255, 255, 0.5);
}
.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;
}
.mobile-nav .multilevel-linkul-0 li a {
  background-color: transparent;
  color: #333f48;
}
.mobile-nav .multilevel-linkul-0 li a:active {
  background-color: rgba(255, 255, 255, 0.25);
}
.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;
}
.mobile-nav .multilevel-linkul-0 li .currentbranch1 a:active {
  background-color: rgba(255, 255, 255, 0.5);
}
.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;
}
.mobile-nav .multilevel-linkul-0 .multilevel-linkul-1 .currentbranch2 a {
  background-color: rgba(0, 0, 0, 0.4);
  margin-top: 0;
}
.mobile-nav .multilevel-linkul-0 .multilevel-linkul-1 a {
  background: none;
}
.mobile-nav .currentbranch0 a {
  padding-right: 0;
  width: 100%;
}

#mobile-navigation {
  border-top: 4px solid #141b37;
  display: none;
  padding-top: 0;
  width: 90%;
  margin: 0 auto 3em;
}
#mobile-navigation ul {
  margin-bottom: 1.55em;
}
#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;
}
#mobile-navigation #current-tier-left {
  background-color: #212b58;
  margin-bottom: 1.33em;
}
#mobile-navigation #current-tier-left ul {
  width: auto;
  padding: 3% 0;
}
#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;
}
#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;
}
#mobile-navigation #current-tier-left ul li a:hover {
  padding-left: 0;
}
#mobile-navigation .multilevel-linkul-0 {
  width: 100%;
  padding-bottom: 0;
}
#mobile-navigation .multilevel-linkul-0 .multilevel-linkul-1 {
  width: 100%;
  padding-bottom: 1em;
  margin-bottom: 0;
}
#mobile-navigation a {
  padding-right: 0;
  width: 100%;
}
#mobile-navigation .inner {
  width: 100%;
  margin: 0;
}
#mobile-navigation .inner h2 {
  margin: 0;
}

/* MOBILE NAVIGATION UNDER CONTENT */
@media screen and (max-width: 1024px) {
  #mobile-navigation {
    display: block;
  }
  #mobile-navigation #mobile-navigation #current-tier-left ul {
    margin-bottom: 0;
  }
  #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;
  }
  #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;
  }
  #masthead #mobile-sticky-header #toggle.active {
    transform: rotate(180deg);
    text-indent: 9999px;
  }
  #masthead #mobile-sticky-header .sticky-name-nav {
    /*margin:0 auto;
    width: 100%;
    border-bottom: 1px solid $classic-black;*/
  }
  #masthead #mobile-sticky-header .sticky-name-nav ul li a {
    background-color: #131933;
  }
  #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);
  }
  #masthead #mobile-sticky-header .sticky-name-nav .sticky-dept-link a {
    color: #212b58;
    text-decoration: none;
    line-height: 1em;
  }
  #masthead .mobile-nav {
    width: 100%;
    background-color: #131933;
    margin-top: 0.2em;
  }
  #masthead .mobile-nav ul {
    padding: 0;
  }
  #masthead .mobile-nav ul li a {
    border-bottom: 1px dotted #fff;
    color: #fff;
  }
  #masthead .mobile-nav ul li:last-of-type a {
    border-bottom: none;
  }
  /* T4 TABS ON MOBILE */
  #main-content #level-3-tabbed-nav.mobile {
    float: none;
    width: 100%;
    display: block;
    font-family: arial, sans-serif;
    color: #fff;
    font-size: 12px;
  }
  #main-content #level-3-tabbed-nav.mobile li {
    padding-left: 0;
    background: none;
  }
  #main-content #level-3-tabbed-nav.mobile li a {
    color: #fff;
    font-family: arial, sans-serif;
  }
}
@media all and (max-width: 640px) {
  #masthead #mobile-sticky-header {
    /*border-top: 2px solid $classic-black;*/
    border-top: 2px solid white;
  }
  #masthead #mobile-sticky-header #toggle {
    width: 44px;
    height: 44px;
    position: relative;
    top: -9px;
  }
  #section-name.stuck {
    display: none;
  }
  #universal-header.stuck {
    border-bottom: 2px solid #212b58;
  }
  #primary-nav #primary-nav #sign-in-directory .mobile-side-sign-in {
    color: #1E1E1E !important;
  }
  #primary-nav #primary-nav #sign-in-directory .mobile-side-sign-in a {
    color: #1E1E1E !important;
  }
}
/* LOCAL MOBILE SITE NAVIGATION ON ALL SITES */
/* Scss Document */
.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  /*display: block;*/
  overflow: hidden;
}

.nav-collapse {
  top: 0;
  position: relative;
  display: none;
}
.nav-collapse .opened {
  max-height: 9999px;
}
.nav-collapse .nav-collapse a:hover {
  background: transparent;
}
.nav-collapse .active a:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
}

.nav-collapse.opened {
  display: block;
}

.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;
}

.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: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 65px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active:before {
  font-size: 24px;
  content: "x";
}

@media screen and (max-width: 1024px) {
  .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) {
  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 */
.filter-select-box {
  margin: 2rem 0;
  background-color: #007b8a;
  padding: 1rem 1.25rem 1.25rem;
  border-radius: 7px;
}
.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;
}
.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;
}
.filter-select-box button[aria-selected=true] {
  background-color: #002024;
}
.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;
}
.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);
}
.filter-select-box button:hover, .filter-select-box button:focus, .filter-select-box button.sort.current {
  background-color: #004d57;
}
.filter-select-box div:empty {
  display: none;
}

.filter-select-box.interface details {
  background: none;
  border: 2px solid white;
}
.filter-select-box.interface details summary {
  background: white;
}
.filter-select-box.interface details div {
  padding: 1rem 1.25rem 1.25rem;
}

.filter-select-box h2, .filter-select-box label {
  color: white;
}

.filter-select-box h2 {
  margin-top: 0;
}

.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;*/
}

.filter-select-box div {
  margin-top: 0.25rem;
}

.filter-select-box select {
  margin-bottom: 1rem;
}

.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;
}

.filter-select-box button {
  background-color: #004d57;
  color: white;
  text-align: left;
  padding: 0.75rem;
}

.filter-select-box button:hover {
  background-color: #002024;
}

.filter-select-box ul.list {
  margin: 1rem 0 0 !important;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.5rem;
}

.filter-select-box ul.list li {
  margin-bottom: 0 !important;
  padding: 0 !important;
  position: relative;
  line-height: 1.25rem !important;
}
.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%;
}
.filter-select-box ul.list li a:hover, .filter-select-box ul.list li a:focus {
  background: #ffd100;
  /*background: #ff8;*/
}

.filter-select-box ul.list li:last-of-type {
  margin-bottom: 0 !important;
}

.filter-select-box ul.list li:before {
  display: none !important;
}

.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) {
  .filter-select-box ul.list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .filter-select-box ul.list {
    grid-template-columns: 1fr;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .filter-select-box ul.list li {
    margin-bottom: 1rem !important;
  }
}
@supports not (display: grid) {
  .filter-select-box ul.list li {
    margin-bottom: 1rem !important;
  }
}
/* INFO BOX */
/* Scss Document */
.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;
}
.info-box div {
  margin: 0 0 1rem !important;
}
.info-box .video-gallery-promo {
  padding-bottom: clamp(1.5rem, 1.75vw, 1.75rem);
}
.info-box .video-gallery-promo:last-of-type {
  padding-bottom: 0;
}

.info-box h2, .info-box h3, .info-box a, .info-box h4 {
  color: #333 !important;
  /*border-bottom-color: #333 !important;*/
}

.info-box a, .info-box a:hover {
  text-decoration-color: #333 !important;
}

.info-box a.function-button, .info-box .filter-select-box button.function-button {
  color: white !important;
}

.info-box p.summary, #main-content article .info-box p.summary {
  color: #333;
  margin-bottom: 0.5em;
}

.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;
}

.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);
}

.info-box p:empty {
  display: none;
}

.info-box p.summary {
  color: #333 !important;
  margin-bottom: clamp(1.1rem, 1.25vw, 1.25rem) !important;
}

.info-box aside {
  float: none;
  width: auto;
  border: 1px solid #92adfc;
  background: #abc0fd;
  padding: 1rem !important;
  border-radius: 7px;
  margin-bottom: 1rem;
}
.info-box aside p:only-of-type {
  margin-bottom: 0;
}

.info-box aside.two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}

/* EVENT CALL TO ACTION SNIPPET */
/* Scss Document */
.event-snippet.call-to-action {
  float: none !important;
  width: 100% !important;
  margin-bottom: 0;
  background: #fcffb3 !important;
  border-radius: 0;
}
.event-snippet.call-to-action h3, .event-snippet.call-to-action h2, .event-snippet.call-to-action p {
  color: #333;
  width: 90%;
}
.event-snippet.call-to-action h2 {
  font-size: 150%;
  line-height: 2.25rem;
  margin-bottom: 0.5em !important;
}
.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%;
}
.event-snippet.call-to-action p {
  font-size: 80%;
  font-weight: normal !important;
  width: 80%;
}
.event-snippet.call-to-action p span {
  font-size: 100%;
}
.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;
}
.event-snippet.call-to-action a figure {
  grid-column: 1/span 2;
}
.event-snippet.call-to-action a figure img {
  width: 100% !important;
}
.event-snippet.call-to-action a div {
  grid-column: 3/span 4;
  padding-top: 0;
}
.event-snippet.call-to-action a:hover {
  filter: brightness(115%);
}

.event-snippet.call-to-action a:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-down.svg);
}

.event-snippet.call-to-action img, .event-snippet.call-to-action figure {
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.event-snippet.call-to-action figure:empty {
  display: none;
}

.event-snippet.call-to-action figure:empty + #event-snippet-content {
  grid-column: 1/-1;
  margin-left: 110px;
  padding: 2rem;
}
.event-snippet.call-to-action figure:empty + #event-snippet-content h2 {
  font-size: 140%;
  margin-top: 0;
}

.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;
}

.event-snippet.call-to-action button:hover {
  background: #1E1E1E;
}

.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;
}

.event-snippet.call-to-action a::before, .event-snippet.call-to-action button:before {
  bottom: 2rem;
  right: 2rem;
  width: 34px;
  height: 34px;
}

.event-snippet.call-to-action.sticky-cta:empty {
  display: none;
}

.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;
}
.event-snippet.call-to-action.sticky-cta a {
  max-width: 1400px;
  margin: 0 auto;
  display: block;
  background: none;
}
.event-snippet.call-to-action.sticky-cta a div {
  margin: 0 auto;
  padding: 1rem 0 1rem 5.5rem;
}
.event-snippet.call-to-action.sticky-cta a div h2 {
  font-size: 120%;
  margin: 0;
}
.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);
}

.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;
}

.event-snippet.call-to-action.sticky-cta:hover {
  background: #c92763;
}

@media screen and (max-width: 1024px) {
  #unibuddy-popcard-iframe {
    margin-bottom: 0 !important;
  }
  .event-snippet.call-to-action.sticky-cta a div {
    padding: 0.75rem 0 2.5rem 3.8rem;
  }
  .event-snippet.call-to-action.sticky-cta a div h2 {
    font-size: 80%;
    width: 90%;
  }
  .event-snippet.call-to-action.sticky-cta a:before {
    width: 34px !important;
    height: 34px !important;
    left: 1rem;
  }
  .event-snippet.call-to-action a figure {
    grid-column: 1/span 3;
  }
  .event-snippet.call-to-action a div {
    grid-column: 4/span 3;
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .event-snippet.call-to-action figure:empty + #event-snippet-content {
    margin-left: 90px;
  }
  .event-snippet.call-to-action figure:empty + #event-snippet-content h2 {
    font-size: 120%;
  }
  .event-snippet.call-to-action .sign-up::before {
    width: 70px;
    height: 70px;
  }
  .event-snippet.call-to-action a {
    grid-gap: 2rem;
  }
  .event-snippet.call-to-action a figure {
    grid-column: 1/span 3;
  }
  .event-snippet.call-to-action a div {
    grid-column: 4/span 3;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 540px) {
  .event-snippet.call-to-action figure:empty + #event-snippet-content {
    margin-left: 0;
    text-align: center;
  }
  .event-snippet.call-to-action .sign-up::before {
    position: relative;
    width: 50%;
    top: -10px;
    left: 0;
  }
  .event-snippet.call-to-action a, .event-snippet.call-to-action button {
    display: block;
  }
  .event-snippet.call-to-action div {
    padding: 1.5rem 1rem !important;
  }
  .event-snippet.call-to-action div {
    padding: 0.5rem 1.5rem 2rem !important;
  }
  .event-snippet.call-to-action a h2 {
    font-size: 120%;
    line-height: 2rem;
    width: 100%;
    margin-bottom: 3rem !important;
  }
}
/* ORB MODULES */
/* Scss Document */
.orb-lock-up-background {
  max-width: 100%;
}
.orb-lock-up-background .faculty-level-inner {
  max-width: 1400px;
  width: 100%;
}
.orb-lock-up-background .faculty-level-inner .orb-brand {
  width: 95.7142% !important;
  margin: 0 auto;
  padding: 4rem 0 3rem !important;
}

.orb-brand {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-gap: 3rem;
  padding: 4em 0;
  color: white;
}

.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;
}

.orb-brand .orb span {
  text-align: center;
  border: 6px solid white;
  padding: 2px;
  line-height: 60px;
}

.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%;
}

.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;
}

.orb-brand .orb span:nth-of-type(3) {
  grid-column: 2/span 2;
  grid-row: 3/span 1;
  border-top: 0;
  border-right: 0;
}

.orb-brand .orb span:nth-of-type(4) {
  grid-column: 4/span 2;
  grid-row: 3/span 1;
  border-top: 0;
}

.orb-brand .brand-support-text {
  padding: 2rem 0;
}
.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) {
  .orb-brand {
    grid-template-columns: 2.25fr 0.75fr;
  }
}
@media screen and (max-width: 1024px) {
  .orb-brand {
    display: block;
  }
  .orb-brand .brand-support-text {
    padding: 1rem 20% 0 29%;
  }
}
@media screen and (max-width: 740px) {
  .orb-brand .orb span:nth-of-type(2) {
    padding-top: 6%;
  }
}
@media screen and (max-width: 640px) {
  .orb-brand .orb span:nth-of-type(2) {
    padding-top: 7%;
  }
  .orb-brand .brand-support-text {
    padding: 1rem 10% 0 29%;
  }
}
@media screen and (max-width: 500px) {
  .orb-brand .orb {
    font-size: 100%;
  }
  .orb-brand .orb span:nth-of-type(2) {
    font-size: 100%;
    padding-top: 10%;
  }
}
@media screen and (max-width: 480px) {
  .orb-brand .orb span {
    text-align: center;
    border: 6px solid white;
    padding: 2px;
    line-height: 30px;
  }
  .orb-brand .orb span:nth-of-type(2) {
    padding-top: 5.5%;
    font-size: 130%;
  }
  .orb-brand .orb span:nth-of-type(4), .orb-brand .orb span:nth-of-type(3) {
    padding-top: 4px;
  }
  .orb-brand .brand-support-text {
    padding: 1rem 10% 0 14%;
  }
}
/* INTRANET SIGN-IN */
/* Scss Document */
.intranet-sign-in.departments {
  background: #212b58;
}
.intranet-sign-in.departments .faculty-level-container {
  max-width: 1425px;
  margin: 0 auto;
}
.intranet-sign-in.departments .faculty-level-container .faculty-level-inner {
  margin: 0 auto !important;
  width: 96%;
}
.intranet-sign-in.departments .faculty-level-container .faculty-level-inner ul {
  margin: 0 !important;
  padding-left: 10px !important;
}
.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%;
}
.intranet-sign-in.departments .faculty-level-container .faculty-level-inner ul li a {
  color: white;
  padding: 15px;
  display: inline-block;
  padding-left: 52px;
}
.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) {
  .intranet-sign-in.departments .faculty-level-container .faculty-level-inner ul {
    padding-top: 15px;
  }
  .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 */
.video-gallery-promo {
  padding: 3em 0 0;
}

.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;
}

.video-gallery-promo .faculty-level-inner figure:first-of-type {
  overflow: hidden;
  width: 100%;
  position: relative;
  grid-column: 1/span 3;
  margin: 0;
}
.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;*/
}
.video-gallery-promo .faculty-level-inner figure:first-of-type iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  margin: 0;
}
.video-gallery-promo .faculty-level-inner figure:first-of-type iframe div {
  grid-column: 1/span 3;
}

.video-gallery-promo .faculty-level-inner figure a {
  transition: transform 0.5s;
  background: #333f48;
}

.video-gallery-promo .faculty-level-inner a:hover + figure img, .video-gallery-promo .faculty-level-inner a:focus + figure img {
  filter: brightness(75%);
}

.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%;
}

.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;
}
.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;
}

.video-gallery-promo .faculty-level-inner > a {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
  z-index: 200;
}

.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;
}

.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%);
}

.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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%;
}
.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;
}
.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;
}

.video-gallery-promo.vertical .faculty-level-inner figure:first-of-type, .video-gallery-promo.vertical .faculty-level-inner div {
  grid-column: 1/-1;
}

.video-gallery-promo.vertical .faculty-level-inner div {
  padding: 1.5rem;
}

.video-gallery-promo.vertical .faculty-level-inner {
  display: block;
}

.video-gallery-promo .faculty-level-inner div p a.function-button {
  color: white !important;
}

@media screen and (max-width: 1024px) {
  .video-gallery-promo .faculty-level-inner {
    grid-template-columns: 1fr;
  }
  .video-gallery-promo .faculty-level-inner figure:first-of-type {
    grid-column: 1/-1;
  }
  .video-gallery-promo .faculty-level-inner figure:first-of-type div {
    padding: 0;
  }
  .video-gallery-promo .faculty-level-inner div {
    grid-column: 1/-1;
    padding: 1.5rem;
  }
  .video-gallery-promo .faculty-level-inner div h2 {
    margin-top: 2.5% !important;
  }
  #academic-subjects.course .video-gallery-promo .faculty-level-inner div:last-of-type {
    grid-column: 1/-1;
  }
}
@media screen and (max-width: 798px) {
  .video-gallery-promo .faculty-level-inner figure.video-icon-overlay::before {
    width: 60px;
    height: 100px;
  }
  .video-gallery-promo .faculty-level-inner div p {
    width: 100%;
  }
}
/* PROMO STRIP */
/* Scss Document */
.promo-strip {
  background: #121b21;
  overflow: hidden;
  position: relative !important;
}
.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;
}
.promo-strip header article, .promo-strip header aside {
  float: none;
  width: 100%;
  z-index: 1;
}
.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;
}
.promo-strip header aside.call-to-action a {
  background: #db487e;
}
.promo-strip header aside.call-to-action a:hover {
  background: #c92763;
}
.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;
}
.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;
}
.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) {
  .promo-strip header h2 {
    font-size: 200% !important;
    margin-bottom: 0.75rem;
    padding-left: 64px;
  }
  .promo-strip header h2::before {
    width: 44px;
    height: 44px;
  }
  .promo-strip header article {
    margin-bottom: 0 !important;
  }
  .promo-strip header {
    grid-template-columns: 1fr;
  }
  .promo-strip header article p {
    font-size: 130% !important;
    line-height: 2rem;
    width: 100%;
  }
  .promo-strip header img {
    display: none;
  }
}
/* BOOTH HEADER */
/* Scss Document */
.booth-header {
  background: #5C556F;
  overflow: hidden;
  position: relative !important;
}

.booth-header header {
  padding: 4rem 0 1rem !important;
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 1.5rem 3rem;
  z-index: 1;
}
.booth-header header article {
  float: none;
  width: 100%;
  z-index: 1;
  grid-column: 1/-1;
}
.booth-header header aside.call-to-action {
  float: none;
  width: 100%;
}
.booth-header header aside.call-to-action a {
  background: #db487e;
}
.booth-header header aside.call-to-action a:hover {
  background: #c92763;
}

.booth-header img {
  position: absolute !important;
  top: -25% !important;
  width: 100% !important;
  filter: brightness(75%);
  mix-blend-mode: multiply !important;
}

.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;
}

.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;
}
.booth-header header h2:nth-of-type(1) a {
  color: white !important;
  border-bottom-color: white !important;
}

.booth-header header ul {
  margin: 0 0 1rem !important;
  grid-column: 1/-1;
  z-index: 1;
}

.booth-header header ul li {
  color: white;
  display: inline;
  font-size: 100%;
  padding-right: 0.25rem;
  z-index: 1;
}
.booth-header header ul li a {
  color: white !important;
  border-bottom-color: white !important;
  padding-bottom: 1px;
  margin-right: 0.25rem;
  font-weight: 600;
}

.booth-header header ul li::before {
  display: none !important;
}

.booth-header header article {
  z-index: 1;
  grid-column: 1/-1;
}

.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) {
  .booth-header img {
    top: -50% !important;
  }
}
@media screen and (max-width: 1266px) {
  .booth-header img {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .booth-header img {
    display: none;
  }
  .booth-header header h1 {
    font-size: 300%;
  }
  .booth-header header h2:nth-of-type(1) {
    font-size: 130%;
  }
  .booth-header header {
    grid-template-columns: 1fr;
  }
  .booth-header header article p {
    font-size: 130% !important;
    line-height: 2rem;
    width: 100%;
  }
}
/* TESTIMONIAL */
/* Scss Document */
#testimonial {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: 30px;
  margin-bottom: 30px;
}
#testimonial figure {
  margin-bottom: 0;
}
#testimonial figure img {
  border-radius: 50%;
}
#testimonial figure:empty {
  display: none;
}
#testimonial figure:empty + blockquote, #testimonial figure:empty + div.plain-text-testimonial {
  grid-column: 1/-1;
}
#testimonial blockquote {
  /*margin: 1em 0;*/
}
#testimonial blockquote p {
  margin-bottom: 0.5em;
  margin-left: 0;
}
#testimonial blockquote footer {
  background: none;
}
#testimonial blockquote h2 {
  margin-top: 0;
  font-weight: 100;
}
#testimonial div.plain-text-testimonial {
  margin: 1em 0;
}
#testimonial div.plain-text-testimonial h2 {
  font-size: 180%;
}
#testimonial div.plain-text-testimonial p {
  color: #031F73;
  font-size: 160%;
  line-height: 1.35em;
}

@media screen and (max-width: 768px) {
  #testimonial {
    display: block;
    margin: 0 10% 30px;
  }
  #testimonial blockquote {
    width: auto;
  }
  #testimonial blockquote p::before {
    top: 30px;
    left: -8px;
  }
  #testimonial blockquote p::after {
    top: 34px;
  }
  #testimonial blockquote p {
    font-size: 140% !important;
  }
}
/* PROMO BOX */
/* Scss Document */
#main-content .content.wide.full-width-module.promo {
  background: #c4d2fd;
  padding: 0 !important;
  position: relative;
  width: 100%;
}
#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;
}
#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;
}
#main-content .content.wide.full-width-module.promo a:link.wrappering-link figure {
  width: 100%;
  float: none;
  margin: 0;
}
#main-content .content.wide.full-width-module.promo a:link.wrappering-link figure img {
  transition: filter 0.5s ease;
}
#main-content .content.wide.full-width-module.promo a:link.wrappering-link div {
  margin-left: 0;
}
#main-content .content.wide.full-width-module.promo a:link.wrappering-link div h2 {
  color: #333;
  font-size: 180%;
}
#main-content .content.wide.full-width-module.promo a:hover + figure img {
  filter: brightness(75%);
}
#main-content .content.wide.full-width-module.promo figure {
  width: 100%;
  float: none;
  margin: 0;
}
#main-content .content.wide.full-width-module.promo figure img {
  top: 0;
  margin: 0;
  transition: filter 0.5s ease;
  width: 100% !important;
}
#main-content .content.wide.full-width-module.promo div {
  width: 100%;
  float: none;
  margin: 0;
  padding: 1rem 4rem 0 2rem;
}
#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;
}
#main-content .content.wide.full-width-module.promo div p {
  color: #333f48;
  font-weight: 600;
  font-size: 180%;
  padding: 0 0 0.33em;
}
#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;
}
#main-content .content.wide.full-width-module.promo div p:last-child a {
  color: #031F73;
}
#main-content .content.wide.full-width-module.promo hr {
  display: none;
}

#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) {
  #main-content .content.wide.full-width-module.promo {
    /*padding: 2rem !important;*/
  }
  #main-content .content.wide.full-width-module.promo a:link.wrappering-link {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
/* FILE UPLOAD BUTTON */
/* Scss Document */
.js .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  /* 10px 20px */
}

.no-js .inputfile + label {
  display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}

.inputfile + label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  /* 4px */
  margin-right: 0.25em;
  /* 4px */
}

/* style 4 */
#classifieds #main-content article#sell-an-item form section#image-interface div .inputfile-4 + label {
  color: #333f48;
}
#classifieds #main-content article#sell-an-item form section#image-interface div .inputfile-4 + label svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}
#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;
}
#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;
}
#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 */
#main-content .internal-homepage .video, #main-content .research-theme .video, #main-content .category-page .video, #main-content .research-description .video {
  background: #dbdbd3;
  /*padding-top:$banner-margin-bottom;*/
  margin: clamp(1 * var(--unit), 2.5vw, 2.5 * var(--unit)) 0;
  padding: 0;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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-bottom: clamp(1 * var(--unit), 2.5vw, 2.5 * var(--unit)) !important;
  padding: 0 2rem;
}
#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;
}
#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;
}

#main-content .video.plum, .video-gallery-promo .faculty-level-inner.plum {
  background: #4a3041 !important;
}

#main-content .video.pepper-green, .video-gallery-promo .faculty-level-inner.pepper-green {
  background: #285c4d !important;
}

#main-content .video.plum, .video-gallery-promo .faculty-level-inner.plum {
  background: #4a3041 !important;
}

#main-content .video.peach, .video-gallery-promo .faculty-level-inner.peach {
  background: #f87c56 !important;
}

#main-content .video.yellow, .video-gallery-promo .faculty-level-inner.yellow {
  background: #ffd100 !important;
}

#main-content .video.light-grey, .video-gallery-promo .faculty-level-inner.light-grey {
  background: #dbdbd3 !important;
}

#main-content .video.mid-grey, .video-gallery-promo .faculty-level-inner.mid-grey {
  background: #a2acab !important;
}

#main-content .video.rose, .video-gallery-promo .faculty-level-inner.rose {
  background: #ef426f !important;
}

#main-content .video.cyan, .video-gallery-promo .faculty-level-inner.cyan {
  background: #00a1e5 !important;
}

#main-content .video.sea-green, .video-gallery-promo .faculty-level-inner.sea-green {
  background: #00ab8e !important;
}

#main-content .video.green, .video-gallery-promo .faculty-level-inner.green {
  background: #53af3b !important;
}

/*@media screen and (max-width: 1366px){
	#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) {
  #main-content .internal-homepage .video, #main-content .research-theme .video, #main-content .category-page .video, #main-content .research-description .video {
    padding: 0 !important;
  }
  #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 */
#main-content section-banner-buffer {
  width: 100%;
  padding-bottom: 0;
  padding: 0;
  margin-top: 0;
}

#main-content #section-banner-buffer .department-hero-banner {
  background: #1e1e1e;
  background-position-y: -50px;
}

#main-content #section-banner-buffer .department-hero-banner article {
  float: none;
  width: 100%;
  padding: 2.77%;
  margin-bottom: 1em;
}
#main-content #section-banner-buffer .department-hero-banner article h1 {
  font-size: 210%;
  color: #fff;
  margin-bottom: 0.11em;
}
#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;
}
#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;
}
#main-content #section-banner-buffer .department-hero-banner article p a {
  color: #fff;
  text-decoration: none;
}
#main-content #section-banner-buffer .department-hero-banner article p a:hover {
  text-decoration: underline;
}

#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) {
  #main-content section-banner-buffer {
    margin-bottom: 0.55em;
  }
  #main-content section-banner-buffer .department-hero-banner {
    background-position-y: top;
    width: 100%;
  }
  #main-content section-banner-buffer .department-hero-banner article {
    padding: 6%;
  }
  #main-content section-banner-buffer .department-hero-banner article h1 {
    font-size: 140%;
  }
  #main-content section-banner-buffer .department-hero-banner article h2 {
    font-size: 150%;
  }
  #main-content section-banner-buffer .department-hero-banner article p {
    font-size: 90%;
  }
  #main-content section-banner-buffer .department-hero-banner .hero-wrapper .universal-inner {
    height: auto;
  }
  #main-content section-banner-buffer .department-hero-banner .hero-wrapper .universal-inner .format {
    width: auto;
    text-align: left;
  }
  #main-content section-banner-buffer .department-hero-banner .hero-wrapper .universal-inner .format h1 {
    font-size: 250%;
    margin-bottom: 0;
  }
  #main-content section-banner-buffer .department-hero-banner .hero-wrapper .universal-inner .format.left {
    width: auto;
    float: none;
  }
}
/* TAGS */
.tags {
  margin-left: 0;
}

.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;
}
.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;
}
.tags li a:hover, .tags li a:focus {
  background: #212b58;
  color: white !important;
}

.tags li::before, #main-content .tags li::before {
  display: none;
}

/* MEDIUM SIZED BUTTON FOR INTERFACE ACTIONS */
.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;
}

.contact .grid .function-button {
  display: block;
  margin: 0 !important;
}

.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;
}

.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;
}

.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;
}

.function-button.transparent, .function-button.transparent:visited, .filter-select-box button.function-button.transparent {
  background-color: transparent;
  border: 2px solid #212b58 !important;
  color: #212b58 !important;
}

.function-button:hover, .function-button.transparent:visited: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;
}

.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;
}

.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;
  bottom: 0.75vh;
  top: 0.5vh;
  left: 1vh;
}

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;
}

a.function-button span {
  font-weight: 400;
}

a.function-button::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-right-white.svg) !important;
}

a.function-button.previous::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-left-white.svg) !important;
}

a.function-button.previous {
  float: none !important;
  margin-left: 0 !important;
  text-align: left !important;
}

a.function-button.next::before {
  right: 0.5rem !important;
  left: auto !important;
}

a.function-button.next {
  padding: 0.85rem 3.25rem 0.85rem 1.5rem !important;
  float: none !important;
}

.function-button.filter::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/filter.svg) !important;
}

.function-button.reset::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/reset.svg) !important;
}

.function-button.images::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/more-images.svg) !important;
}

.function-button.open::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-right-white.svg) !important;
}

.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: 1.75rem !important;
  top: 17%;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.function-button.transparent.chat::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/chat.svg) !important;
}

.function-button.transparent.apply::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/fly-blue.svg) !important;
}

.function-button.transparent.subject::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/study.svg) !important;
}

.function-button.transparent.combine::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/combine.svg) !important;
}

.function-button.transparent.download::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/download.svg) !important;
}

.function-button.transparent.email::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/email.svg) !important;
}

.function-button.transparent.contact::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/contact.svg) !important;
}

.function-button.transparent.cross::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/cross.svg) !important;
}

.function-button.transparent.form::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/form.svg) !important;
}

.function-button.previouslink::before {
  transform: rotate(180deg) !important;
}

.filter-select-box .function-button.clipboard {
  width: auto !important;
}

/* MICRO BUTTON */
.function-button.micro, button.function-button.micro {
  padding: 0.6rem 1.25rem 0.6rem 2.75rem !important;
  margin: 0 0 0.5rem !important;
}

.function-button.micro.no-icon {
  padding-left: 1.25rem !important;
}

.function-button.micro.no-icon::before {
  display: none !important;
}

.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;
}

.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;
}

.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 */
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;
}
ul.module-tabs li:before, div.module-tabs li:before, #main-content ul.module-tabs li:before {
  display: none;
}
ul.module-tabs li, div.module-tabs li, #main-content ul.module-tabs li {
  margin-bottom: 0;
}
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) {
  .function-button.micro::before, button.function-button.micro::before {
    top: 22.5%;
  }
}
@media screen and (max-width: 768px) {
  .function-button.micro::before, button.function-button.micro::before {
    display: none !important;
  }
  .function-button.micro, button.function-button.micro {
    padding: 0.6rem 1.25rem !important;
  }
  .function-button {
    display: block !important;
  }
}
/* MULTIPLE ICONS ON MULTITRACK LIST */
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;
}
ul.includes-list li {
  position: relative !important;
  /*padding-left: clamp(0.25rem, 0.75rem, 0.75rem) !important;*/
  padding-left: 1rem !important;
}
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;
}
ul.includes-list li.deadline:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/deadline.svg) !important;
}
ul.includes-list li.length:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/time-scale.svg) !important;
}
ul.includes-list li.full-time:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/full-time.svg) !important;
}
ul.includes-list li.part-time:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/part-time.svg) !important;
}
ul.includes-list li.starts:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/starts.svg) !important;
}
ul.includes-list li.ticked:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/tick-modal.svg) !important;
}

ul.includes-list.white-icons li:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/included.svg) !important;
}
ul.includes-list.white-icons li.deadline:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/deadline.svg) !important;
}
ul.includes-list.white-icons li.length:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/time-scale.svg) !important;
}
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;
}
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;
}
ul.includes-list.white-icons li.starts:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/course/white-icons/starts.svg) !important;
}
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) {
  ul.includes-list {
    grid-template-columns: 1fr;
  }
  ul.includes-list li:before {
    top: -3px !important;
  }
}
/* COLUMN COUNT */
.column-count-2, .column-count-3, .column-count-4 {
  column-gap: 2rem;
}

.column-count-2 {
  column-count: 2;
}

.column-count-3 {
  column-count: 3;
}

.column-count-4 {
  column-count: 4;
}

@media screen and (max-width: 798px) {
  .column-count-2, .column-count-3, .column-count-4 {
    column-count: 1;
  }
}
/* GRID COUNT */
.grid {
  display: grid;
  grid-gap: 1rem;
  margin: clamp(1 * var(--unit), 2.5vw, 2.5 * var(--unit)) 0;
}

.grid.larger-gap {
  grid-gap: 1rem;
}

.grid::before {
  display: none !important;
}

.grid-column-1 {
  grid-template-columns: 1fr;
}

.grid-column-2 {
  grid-template-columns: 1fr 1fr;
}

.grid-column-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-column-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-column-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-column-6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-column-2-1 {
  grid-template-columns: 2fr 1fr;
}

.grid-column-1-2 {
  grid-template-columns: 1fr 2fr;
}

.grid-column-3-1 {
  grid-template-columns: 3fr 1fr;
}

.grid-column-4-1 {
  grid-template-columns: 3fr 1fr;
}

.grid-column-1-3 {
  grid-template-columns: 1fr 3fr;
}

.grid-column-2-3 {
  grid-template-columns: 2fr 3fr;
}

.grid-column-3-2 {
  grid-template-columns: 3fr 2fr;
}

.grid-column-3-4 {
  grid-template-columns: 3fr 4fr;
}

.grid-column-4-3 {
  grid-template-columns: 4fr 3fr;
}

#main-content ul.grid {
  margin-left: 0;
}
#main-content ul.grid li::before {
  display: none;
}

/* MAKE OLD MODULE LAYOUTS WORK WITH GRID WRAPPER DIVS */
.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;
  margin-right: 0 !important;
}

@media screen and (max-width: 1024px) {
  .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) {
  .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;
  }
}
/* SUMMARY PARAGRAPH */
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;
}

p.summary.no-span {
  grid-column: 1/1;
}

p.summary.no-margin {
  margin-bottom: 0;
}

/* ASIDE */
#main-content .topic-page aside h2 {
  font-size: 1.5rem;
  line-height: clamp(1.5rem, 1.75vw, 1.75rem);
  width: 95%;
}
#main-content .topic-page aside h3 {
  font-size: 100%;
}

/* TABLE */
table {
  border-radius: 7px;
  border: none;
  background: #dbdbd3;
  border: 1px solid #a2acab;
  margin: 0 0 1rem;
  overflow: hidden;
  border-collapse: inherit !important;
  width: 100%;
}
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;
}
table thead,
table tbody,
table tfoot {
  border: none;
  background-color: transparent;
}
table thead tr,
table tbody tr,
table tfoot tr {
  border: none;
  background-color: transparent;
}
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;
}
table thead tr th,
table tbody tr th,
table tfoot tr th {
  font-weight: 700;
}
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;
}
table thead tr:last-of-type td,
table tbody tr:last-of-type td,
table tfoot tr:last-of-type td {
  border-bottom: none;
}
table thead {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background: #bdc4c3;
}
table thead label {
  margin-right: clamp(0.85rem, 1vw, 1rem);
  font-weight: 800;
  text-align: right;
  padding-top: 0.5rem;
  margin: 0;
}
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;
}
table tfoot {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  background: #bdc4c3;
  border-top: 1px solid #a2acab;
}

table.clearing-table tr td:nth-of-type(1),
table.clearing-table tr th:nth-of-type(1) {
  padding-left: 0;
}
table.clearing-table tr td:nth-child(n+2),
table.clearing-table tr th:nth-child(n+2) {
  text-align: center;
}
table.clearing-table tr td:nth-child(n+2) .function-button.micro.no-icon,
table.clearing-table tr th:nth-child(n+2) .function-button.micro.no-icon {
  margin: auto auto !important;
  display: inline-block !important;
}
table.clearing-table tr td:last-of-type,
table.clearing-table tr th:last-of-type {
  padding-right: 0;
}
table.clearing-table tr td,
table.clearing-table tr th {
  vertical-align: baseline;
  padding: clamp(0.5rem, 0.75vw, 0.75rem) clamp(0.5rem, 1vw, 1rem);
  /*span{
  	display: none;
  }*/
}
table.clearing-table tr td a.name,
table.clearing-table tr th a.name {
  color: #212b58;
}
table.clearing-table tr td details.tooltip summary::after,
table.clearing-table tr th details.tooltip summary::after {
  content: url("https://www.liverpool.ac.uk/files/images/icons/course/info-icon.svg") !important;
  position: relative;
  top: 0.75vh;
}
table.clearing-table tr td details.tooltip summary,
table.clearing-table tr th details.tooltip summary {
  position: relative;
  right: 7px;
  top: -2px;
}
table.clearing-table tr td details.tooltip summary:hover,
table.clearing-table tr th details.tooltip summary:hover {
  background: none;
}
table.clearing-table tr td details.tooltip div:before,
table.clearing-table tr th details.tooltip div:before {
  right: 25px;
}

@media screen and (max-width: 540px) {
  table.clearing-table tr.head {
    display: none;
    padding: 1rem;
    padding: clamp(0.75rem, 1vw, 1rem);
    background: #dbdbd3;
  }
  table.clearing-table tr.head th {
    text-align: left;
    padding: 0.25rem 0;
    background-color: transparent;
  }
  table.clearing-table tr.uk-clearing,
  table.clearing-table tr.international-clearing {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(auto-fill, minmax(75px, 1fr));
    grid-gap: 0.25rem;
    border-bottom: 1px solid #a2acab;
  }
  table.clearing-table tr.uk-clearing td,
  table.clearing-table tr.international-clearing td {
    padding-left: 0;
    text-align: left;
    /*span{
    	display: block;
    }*/
  }
  table.clearing-table tr.uk-clearing td:nth-of-type(1),
  table.clearing-table tr.international-clearing td:nth-of-type(1) {
    grid-column: 1/-1;
  }
  table.clearing-table tr.uk-clearing td:last-of-type,
  table.clearing-table tr.international-clearing td:last-of-type {
    position: relative;
    grid-column: 1/-1;
  }
  table.clearing-table tr.uk-clearing td:last-of-type .tooltip,
  table.clearing-table tr.international-clearing td:last-of-type .tooltip {
    right: 0;
    text-align: left;
  }
  table.clearing-table tr.uk-clearing td:last-of-type .tooltip dl,
  table.clearing-table tr.international-clearing td:last-of-type .tooltip dl {
    padding: 0.5rem 1rem 0.5rem 2rem;
  }
  table.clearing-table tr td details.tooltip summary,
  table.clearing-table tr th details.tooltip summary {
    right: 0;
    top: -12px;
  }
}
/* CARD */
/*.topic-page .card{
	margin: 2rem 0;	
}*/
#firststory.card {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: 0.75fr 1.25fr;
  grid-gap: 4rem;
}
#firststory.card img {
  margin: 0;
}
#firststory.card .card-body {
  margin: auto 0 !important;
}

#firststory.card > a.wrapping-link {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: 0.75fr 1.25fr;
  grid-gap: 4rem;
}

.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;

  }*/
}
.card .call-to-action {
  margin-bottom: 1.5rem;
}
.card .function-button {
  display: block;
  border-color: transparent !important;
}
.card .wrapping-link {
  text-decoration: none;
}
.card img {
  width: 100% !important;
  /*object-fit: cover;
  width: 100% !important;
  height: 25vh !important;*/
}
.card figure {
  margin: 0;
  margin-bottom: 0.77em;
  position: relative;
}
.card aside {
  float: none;
  width: 100%;
  margin: auto 0 !important;
}
.card .list-group.tags {
  margin-bottom: 0.5rem;
}
.card .list-group.tags li {
  font-size: 85%;
}
.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;
}
.card address {
  margin: 0;
}
.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);
  word-break: break-word;
}
.card .card-body h2 span.honorific-suffix,
.card .card-body h2 [typeof=Course] [property=educationalCredentialAwarded],
.card .card-body h3 span.honorific-suffix,
.card .card-body h3 [typeof=Course] [property=educationalCredentialAwarded],
.card .card-body h4 span.honorific-suffix,
.card .card-body h4 [typeof=Course] [property=educationalCredentialAwarded],
.card .card-body label span.honorific-suffix,
.card .card-body label [typeof=Course] [property=educationalCredentialAwarded] {
  font-weight: normal;
  font-size: smaller;
}
.card .card-body h2 > a,
.card .card-body h3 > a,
.card .card-body h4 > a {
  text-decoration: none;
}
.card .card-body p {
  font-weight: normal;
}
.card .card-body p a {
  z-index: 2;
  position: relative;
}
.card .card-body p:empty {
  display: none;
}
.card .card-body p.publication-date {
  font-size: 85%;
  color: #212b58;
}
.card .card-body p.publication-date a {
  position: relative;
  z-index: 2;
}
.card .card-body.small-text h2,
.card .card-body.small-text h3,
.card .card-body.small-text h4 {
  font-size: 100%;
  line-height: inherit;
}
.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;
}
.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%);
}
.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;
}
.card .duration {
  background: #212b58;
  color: white !important;
  padding: 0.75rem;
  font-family: "poppins", sans-serif;
  font-size: 85%;
}
.card .uppercase,
.card .event-types,
.card .subjects {
  text-transform: uppercase;
}
.card ul {
  margin-left: 0;
}
.card ul li::before {
  display: none !important;
}
.card ul.list-group {
  margin-bottom: 0.5rem;
}
.card ul.list-group.where-and-when {
  margin-top: 1rem;
}
.card ul.list-group.where-and-when,
.card ul.list-group.pricing {
  margin-bottom: 1rem;
}
.card ul.list-group.where-and-when li {
  line-height: 1rem;
  margin-bottom: 0.25rem;
}
.card li.list-group-item,
.card .event-types span,
.card .subjects span {
  font-size: 85%;
  color: #212b58;
}
.card li.list-group-item a,
.card .event-types span a,
.card .subjects span a {
  z-index: 2;
}
.card .description {
  column-count: auto !important;
  color: #212b58;
}
.card .description.brand {
  margin-top: -1.25rem !important;
  font-weight: 800 !important;
}
.card .call-to-action {
  display: inline-block;
  z-index: 2;
}
.card .inline li {
  display: inline;
}
.card .inline li a {
  position: relative;
}
.card .inline li:nth-child(n+2) {
  margin-left: 1rem;
}
.card .categories.inline {
  /*position: relative;*/
}
.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;
}
.card .connect li:nth-child(n+2) {
  margin-left: 0;
}
.card .connect li span:not(.share) {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.card .connect li a {
  outline: none;
}
.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%;
}
.card .connect li a:hover::before,
.card .connect li a:focus::before {
  background: #212b58;
  border: 2px solid #212b58;
}
.card .connect li a:active::before {
  background: #f87c56;
  border: 2px solid #f87c56;
}
.card .connect li .share {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/share.svg);
}
.card .connect li .share:hover {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/share.svg);
}
.card .connect li.email a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/email.svg);
}
.card .connect li.email a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/email.svg);
}
.card .connect li.add-to-calendar a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/add-to-calendar.svg);
}
.card .connect li.add-to-calendar a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/add-to-calendar.svg);
}
.card .connect li.like a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/like.svg);
}
.card .connect li.like a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/like.svg);
}
.card .connect li.comment a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/comment.svg);
}
.card .connect li.comment a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/comment.svg);
}
.card .connect li.contact a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/contact.svg);
}
.card .connect li.contact a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/contact.svg);
}

.card.locked-cta-card {
  display: flex;
  flex-direction: column;
}
.card.locked-cta-card .card-body.locked-cta {
  margin-top: auto;
}
.card.locked-cta-card .card-body.locked-cta .call-to-action {
  display: block;
  margin: 0;
}

.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);
}

.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);
}

.card.blue {
  border: 1px solid #212b58;
  background: #212b58;
  -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);
}

.card.slate-grey {
  border: 1px solid #333f48;
  background: #333f48;
  -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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.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);
}

.card.pepper-green {
  border: 1px solid #285c4d;
  background: #285c4d;
  -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);
}

.card.cyan {
  border: 1px solid #009cdd;
  background: #009cdd;
  -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);
}

.card.plum {
  border: 1px solid #4a3041;
  background: #4a3041;
  -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);
}

.card.rose {
  border: 1px solid #ef426f;
  background: #ef426f;
  -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);
}

.card.flip {
  background: #333f48;
  border: 1px solid #333f48;
}
.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;
}
.card.flip .categories.inline li:nth-child(n+2)::before {
  color: white !important;
}
.card.flip .duration,
.card.flip a.call-to-action,
.card.flip a.function-button {
  background: white;
  color: #333f48 !important;
}
.card.flip a.call-to-action:hover,
.card.flip a.function-button:hover {
  background: #dbdbd3 !important;
}
.card.flip a.function-button.transparent {
  background: transparent !important;
}
.card.flip a.function-button.transparent:hover {
  background: #333f48 !important;
}
.card.flip .connect li a:hover::before,
.card.flip .connect li a:focus::before {
  background: #ffd100;
  border: 2px solid #ffd100;
}
.card.flip .connect li a:active::before {
  background: #f87c56;
  border: 2px solid #f87c56;
}
.card.flip .connect li .share-button span.share {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/share.svg);
}
.card.flip .connect li .share-button span.share:hover {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/share.svg);
}
.card.flip .connect li.add-to-calendar a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/add-to-calendar.svg);
}
.card.flip .connect li.add-to-calendar a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/add-to-calendar.svg);
}
.card.flip .connect li.like a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/like.svg);
}
.card.flip .connect li.like a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/like.svg);
}
.card.flip .connect li.comment a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/comment.svg);
}
.card.flip .connect li.comment a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/comment.svg);
}
.card.flip .connect li.contact a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/contact.svg);
}
.card.flip .connect li.contact a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/contact.svg);
}
.card.flip .connect li.email a::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/white/email.svg);
}
.card.flip .connect li.email a:hover::before {
  content: url(//www.liverpool.ac.uk/files/images/icons/card/email.svg);
}
.card.flip .call-to-action a:before,
.card.flip a.call-to-action:before,
.card.flip .call-to-action button:before,
.card.flip a.function-button:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/arrow-right-grey.svg) !important;
}
.card.flip .tags li a {
  color: white !important;
  background: transparent;
  border-color: white;
}
.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);
}

.card.flip.pepper-green {
  background: #285c4d;
  border: 1px solid #285c4d;
}

.card.flip.plum {
  background: #4a3041;
  border: 1px solid #4a3041;
}

.card.flip.rose {
  background: #ef426f;
  border: 1px solid #ef426f;
}

.card.flip.blue {
  background: #212b58;
  border: 1px solid #212b58;
}

.card.flip.cyan {
  background: #009cdd;
  border: 1px solid #009cdd;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.offset.flip .card {
  box-shadow: 0 0;
  border: 2px solid white;
}

li.card {
  margin: 0;
}

.card.landscape.alert.less-padding,
.topic-page .card.landscape.alert.less-padding {
  padding: clamp(0.75rem, 1.25vw, 1.25rem);
}

.card.landscape {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
  grid-column: 1/-1;
  padding: 0;
  /*.card-body{
  	margin: auto 0 !important;
  }*/
}
.card.landscape img,
.card.landscape figure {
  margin: 0;
  width: 100%;
}
.card.landscape aside hh2,
.card.landscape aside h3 {
  font-size: clamp(1.75rem, 2vw, 2rem);
  line-height: clamp(2rem, 2.25vw, 2.25rem);
}
.card.landscape img {
  order: 1;
  /*height: 35vh !important;*/
}
.card.landscape aside {
  order: 2;
}
.card.landscape a.wrapping-link {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
}
.card.landscape a.wrapping-link img {
  order: 1;
}
.card.landscape a.wrapping-link aside {
  order: 2;
}

.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);
}

.card.landscape.image-position-right img,
.card.landscape.image-position-right figure {
  order: 2;
  margin: 0;
}
.card.landscape.image-position-right aside {
  order: 1;
  padding-left: clamp(1.5rem, 2vw, 2rem);
}
.card.landscape.image-position-right a.wrapping-link img,
.card.landscape.image-position-right a.wrapping-link figure {
  order: 2;
  margin: 0;
}
.card.landscape.image-position-right a.wrapping-link aside {
  order: 1;
}

.card.landscape.image-position-right a.wrapping-link figure.order-one {
  order: 1;
}

.card.landscape.flip {
  border: 0;
}

.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;
}
.card.landscape.alert article,
.topic-page .card.landscape.alert article {
  margin: auto 0 !important;
  width: 100% !important;
  float: 0 !important;
  padding: 0 !important;
}
.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;
}
.card.landscape.alert article p,
.topic-page .card.landscape.alert article p {
  margin-bottom: 0;
}
.card.landscape.alert aside .second-cta,
.topic-page .card.landscape.alert aside .second-cta {
  margin-top: 0.75rem;
}
.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;
}
.card.landscape.alert aside .function-button,
.topic-page .card.landscape.alert aside .function-button {
  border-color: #212b58 !important;
}

.card.landscape.alert.icon,
.topic-page .card.landscape.alert.icon {
  grid-template-columns: 1fr 4fr;
}
.card.landscape.alert.icon aside,
.topic-page .card.landscape.alert.icon aside {
  order: 1;
  margin: 0 !important;
}
.card.landscape.alert.icon aside svg,
.topic-page .card.landscape.alert.icon aside svg {
  color: #ef426f;
}
.card.landscape.alert.icon article,
.topic-page .card.landscape.alert.icon article {
  order: 2;
}
.card.landscape.alert.icon a.wrapping-link,
.topic-page .card.landscape.alert.icon a.wrapping-link {
  display: block;
}

.card.flip.plum.landscape.alert.icon aside svg,
.topic-page .card.flip.plum.landscape.alert.icon aside svg {
  color: #ffd100;
}

/*.card.course{
	margin: 0;
	.card-body {
		h2 > a,
		h3 > a,
		h4 > a {
			text-underline-offset: 0.25rem;
			text-decoration: underline dotted;
			text-decoration-thickness: 0;
		}
		h2 > a:hover,
		h3 > a:hover,
		h4 > a:hover{
			text-decoration: underline solid;
			text-decoration-thickness: 0;
		}
	}
}*/
.card.flip.landscape.alert aside .function-button,
.topic-page .card.flip.landscape.alert aside .function-button {
  border-color: white !important;
}
.card.flip.landscape.alert aside .function-button.transparent,
.topic-page .card.flip.landscape.alert aside .function-button.transparent {
  color: white !important;
}

#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);
}

.card.list-item,
.card.list-item.alert {
  margin: 0 0 0.75rem !important;
}
.card.list-item .card-body h2,
.card.list-item .card-body h3,
.card.list-item .card-body h4,
.card.list-item .card-body p,
.card.list-item ul.list-group,
.card.list-item ul.list-group li,
.card.list-item.alert .card-body h2,
.card.list-item.alert .card-body h3,
.card.list-item.alert .card-body h4,
.card.list-item.alert .card-body p,
.card.list-item.alert ul.list-group,
.card.list-item.alert ul.list-group li {
  margin: auto 0;
}
.card.list-item a.wrapping-link,
.card.list-item a.wrapping-link:hover,
.card.list-item.alert a.wrapping-link,
.card.list-item.alert a.wrapping-link:hover {
  text-underline-offset: 0.25rem;
  text-decoration: underline dotted;
  text-decoration-thickness: 0;
  display: block;
}
.card.list-item a.wrapping-link:hover,
.card.list-item.alert a.wrapping-link:hover {
  text-decoration: underline solid;
}

.card.list-item.alert,
.topic-page .card.list-item.alert {
  padding: clamp(0.75rem, 1vw, 1rem);
  grid-template-columns: 5fr 1fr 1fr;
}

/*.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) {
  .project-shape .content-mask #container #responsive-container #main-content .topic-page .card.landscape aside {
    width: 100%;
  }
  .card.landscape img,
  .card.landscape.image-position-right img {
    /*height: 55vh !important;*/
  }
}
@media all and (max-width: 1024px) {
  .card.landscape,
  .card.landscape.image-position-right {
    grid-template-columns: 1fr;
    padding: clamp(0.75rem, 1vw, 1rem);
    grid-gap: 1rem;
  }
  .card.landscape a.wrapping-link,
  .card.landscape.image-position-right a.wrapping-link {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
  .card.landscape a.wrapping-link img,
  .card.landscape.image-position-right a.wrapping-link img {
    order: 1;
  }
  .card.landscape a.wrapping-link aside,
  .card.landscape.image-position-right a.wrapping-link aside {
    order: 2;
  }
  .card.landscape img,
  .card.landscape.image-position-right img {
    order: 1;
    /*height: 35vh !important;*/
  }
  .card.landscape aside,
  .card.landscape.image-position-right aside {
    order: 2;
  }
  .card.landscape.alert,
  .topic-page .card.landscape.alert,
  .card.landscape.alert.icon,
  .topic-page .card.landscape.alert.icon {
    grid-template-columns: 1fr;
  }
}
.card.landscape.image-position-right.landscapeCardMobile a.wrapping-link {
  grid-gap: 0 !important;
}

.card.landscape.image-position-right.landscapeCardMobile a.wrapping-link aside {
  padding: 2rem !important;
}

@media all and (max-width: 769px) {
  #firststory.card,
  #firststory.card > a.wrapping-link {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
  .card.card.landscape.image-position-right.landscapeCardMobile {
    padding: 0px !important;
  }
  .card.landscape.image-position-right.landscapeCardMobile a.wrapping-link {
    grid-template-columns: 1fr;
    grid-gap: 0 !important;
  }
  .card.landscape.image-position-right.landscapeCardMobile a.wrapping-link figure {
    order: 1 !important;
  }
  .card.landscape.image-position-right.landscapeCardMobile a.wrapping-link aside {
    padding: 1rem !important;
  }
  .card.landscape.image-position-right.landscapeCardMobile a.wrapping-link aside p {
    margin-bottom: 0 !important;
  }
}
.card.landscape.testimonial.alert.alert {
  padding: 0 !important;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 800px) {
  .card.landscape.testimonial.alert.alert {
    grid-template-columns: 1.5fr 4fr !important;
    grid-gap: 0;
  }
  .card.landscape.testimonial.alert.alert .dialog-content-fill {
    padding: 5rem 0 0 0 !important;
  }
}
.card.landscape.testimonial.alert.alert article {
  padding: 1rem 2rem !important;
}
.card.landscape.testimonial.alert.alert article aside {
  margin-top: 12px !important;
}
.card.landscape.testimonial.alert.alert img.card-image {
  display: block !important;
  margin: 0 auto !important;
  width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: 100% 0%;
}
.card.landscape.testimonial.alert.alert ul.button-list {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0 !important;
}
.card.landscape.testimonial.alert.alert ul.button-list li.list-button {
  margin-bottom: 12px !important;
  margin-right: 12px !important;
  min-width: fit-content;
}
.card.landscape.testimonial.alert.alert.flip a.function-button.no-icon {
  margin-bottom: 0 !important;
  width: fit-content;
  padding: 0.75rem 1.5rem !important;
  cursor: pointer;
}
.card.landscape.testimonial.alert.alert.flip a.function-button.no-icon::before {
  display: none !important;
}

/* YELLOW STRIP */
.course.project-shape .content-mask #container #responsive-container .info-banner article.module-layer h2.module-heading::before {
  top: -0.75rem !important;
  width: clamp(2.75rem, 3.5vw, 3.5rem) !important;
}

.info-banner {
  background: #dbdbd3 !important;
  /*margin-top: 85px;
  margin-bottom: clamp(-4.5rem, -7.5vw, -10rem);*/
}
.info-banner .faculty-level-container {
  max-width: 1400px;
  margin: 0 auto;
}
.info-banner .faculty-level-inner {
  margin: 0 auto;
  width: 95.6%;
}

.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;
}
.info-banner .module-layer div:nth-of-type(1) {
  margin: auto 0;
  padding-left: 0;
}
.info-banner .module-layer p.module-heading {
  padding-left: clamp(4rem, 5vw, 5.5rem);
  position: relative;
  vertical-align: text-bottom;
}
.info-banner .module-layer p {
  color: #212b58 !important;
  margin-bottom: 0;
}
.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;
}
.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;
}
.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;
}
.info-banner .module-layer .function-button {
  grid-auto-rows: max-content;
  margin-bottom: 0 !important;
  border: 2px solid #212b58 !important;
  background: #212b58;
  display: block;
}
.info-banner .module-layer .function-button:hover, .info-banner .module-layer .function-button:focus {
  background-color: #0c1020 !important;
}
.info-banner .module-layer .function-button.transparent {
  background: #ffd100 !important;
  color: #212b58 !important;
}
.info-banner .module-layer .function-button.transparent:hover {
  background: #e6bc00 !important;
}

.info-banner:nth-of-type(2) {
  /*margin-top: 0;*/
  background: #f87c56 !important;
  position: relative !important;
  top: -13px !important;
}

@media screen and (max-width: 1360px) {
  .info-banner .module-layer {
    grid-template-columns: 3fr 1.5fr 1.5fr;
  }
}
@media screen and (max-width: 1024px) {
  .info-banner .module-layer {
    grid-template-columns: 1fr 1fr;
  }
  .info-banner .module-layer h2.module-heading {
    grid-column: 1/-1;
  }
}
@media screen and (max-width: 769px) {
  .info-banner .module-layer {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
}
/* BANNERS */
.project-shape #banner-layout article .img img,
.project-shape .banner-layout article .img img {
  /*height: 55vh !important;*/
}

#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%);
  }*/
}
#banner-layout a.overlay,
.banner-layout a.overlay {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
}
#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;
}
#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;
  }*/
}
#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;
}
#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;
}
#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: #dbdbd3;
}
#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;
  }*/
}
#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;
}
#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;
}
#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;
}
#banner-layout article .card ul.list-group,
.banner-layout article .card ul.list-group {
  margin-bottom: 1.5rem;
}
#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;
}
#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;
}
#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: 700;
  margin-bottom: 1.75rem !important;
  display: inline-block;
}
#banner-layout article .img,
.banner-layout article .img {
  order: 2;
  position: relative;
}
#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;
}
#banner-layout article .img img,
.banner-layout article .img img {
  margin: 0;
  /*object-fit: cover;
  width: 100% !important;
  height: 35vh !important;*/
}

#banner-layout.pepper-green,
.banner-layout.pepper-green {
  background: #285c4d;
}
#banner-layout.pepper-green .card.flip a.call-to-action,
.banner-layout.pepper-green .card.flip a.call-to-action {
  color: #285c4d !important;
}

#banner-layout.plum,
.banner-layout.plum {
  background: #4a3041;
}
#banner-layout.plum .card.flip a.call-to-action,
.banner-layout.plum .card.flip a.call-to-action {
  color: #4a3041 !important;
}

#banner-layout.peach,
.banner-layout.peach {
  background: #f87c56;
  /*.card a.call-to-action{
  	color: $new-brand-peach !important;
  }*/
}

#banner-layout.yellow,
.banner-layout.yellow {
  background: #ffd100;
  /*.card a.call-to-action{
  	color: $new-brand-peach !important;
  }*/
}

#banner-layout.light-grey,
.banner-layout.light-grey {
  background: #dbdbd3;
  /*.card a.call-to-action{
  	color: $new-brand-peach !important;
  }*/
}

#banner-layout.mid-grey,
.banner-layout.mid-grey {
  background: #a2acab;
  /*.card a.call-to-action{
  	color: $new-brand-peach !important;
  }*/
}

#banner-layout.rose,
.banner-layout.rose {
  background: #ef426f;
}
#banner-layout.rose .card.flip a.call-to-action,
.banner-layout.rose .card.flip a.call-to-action {
  color: #161b37 !important;
}

#banner-layout.cyan,
.banner-layout.cyan {
  background: #00a1e5;
  /*.card a.call-to-action{
  	color: $new-brand-peach !important;
  }*/
}

#banner-layout.sea-green,
.banner-layout.sea-green {
  background: #00ab8e;
  /*.card a.call-to-action{
  	color: $new-brand-peach !important;
  }*/
}

#banner-layout.green,
.banner-layout.green {
  background: #53af3b;
  /*.card a.call-to-action{
  	color: $new-brand-peach !important;
  }*/
}

#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;
	}
}*/
#banner-layout.brand-level-01 article .card,
.banner-layout.brand-level-01 article .card {
  /*p.card-text.description{
  	margin-top: 1.5rem;
  }*/
}
#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: block !important;
  padding: 10px 13px 8px 12px;
  color: #212b58 !important;
  width: auto;
  max-width: fit-content;
  text-transform: uppercase;
}
#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;
}
#banner-layout.brand-level-01 article .card h2.heading.offset-lock-up-right,
.banner-layout.brand-level-01 article .card h2.heading.offset-lock-up-right {
  float: right;
  /*width: fit-content;*/
  border-top: 3px solid white;
  position: relative;
  top: -3px;
}
#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;
}

#banner-layout.indented article,
.banner-layout.indented article {
  padding-left: 4rem;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 1360px) {
  #banner-layout .faculty-level-inner,
  .banner-layout .faculty-level-inner {
    width: 100%;
  }
  #banner-layout article,
  .banner-layout article {
    grid-template-columns: 1fr 1.58fr;
    padding-left: 4rem;
  }
  #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;
  }
  #banner-layout article .img img,
  .banner-layout article .img img {
    /*height: 55vh !important;*/
  }
  #banner-layout.indented article,
  .banner-layout.indented article {
    padding-left: 4rem !important;
    grid-template-columns: 1fr 1.58fr;
  }
  .project-shape #banner-layout article .img img,
  .project-shape .banner-layout article .img img {
    /*height: 75vh !important;*/
  }
}
@media screen and (max-width: 1024px) {
  #banner-layout .faculty-level-inner,
  .banner-layout .faculty-level-inner {
    width: 100% !important;
  }
  #banner-layout article,
  .banner-layout article {
    grid-template-columns: 1fr;
    padding-left: 0 !important;
    grid-gap: 2rem;
  }
  #banner-layout article .card,
  .banner-layout article .card {
    order: 2;
    /*padding: 50px 70px;*/
    margin: 0 2rem 1rem !important;
  }
  #banner-layout article .img,
  .banner-layout article .img {
    order: 1;
  }
  #banner-layout article .img img,
  .banner-layout article .img img {
    /*height: 20vh !important;*/
  }
  #banner-layout.indented article,
  .banner-layout.indented article {
    padding-left: 0 !important;
    grid-template-columns: 1fr;
  }
  .project-shape #banner-layout article .img img,
  .project-shape .banner-layout article .img img {
    /*height: 35vh !important;*/
  }
}
/* CONTACT US STRIP BELOW BANNERS */
#main-content .internal-homepage #contact-strip {
  padding: 0 2rem;
}
#main-content .internal-homepage #contact-strip .faculty-level-inner {
  display: grid;
  grid-template-columns: 1fr 2.5fr;
}
#main-content .internal-homepage #contact-strip .faculty-level-inner::before {
  display: none;
}
#main-content .internal-homepage #contact-strip #contact {
  text-align: right;
  grid-column: 2;
}
#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;
}
#main-content .internal-homepage #contact-strip #contact span a {
  color: #212b58;
  border-bottom-color: white;
}
#main-content .internal-homepage #contact-strip #contact span:nth-of-type(1) {
  margin-right: 1rem;
}
#main-content .internal-homepage #contact-strip #social p, #main-content .internal-homepage #contact-strip #department-social-media p {
  position: relative;
  /*top: -1px;*/
  /*margin: 0;*/
}
#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;
}
#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;
}
#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;
}

#main-content .internal-homepage.new-layout #contact-strip {
  background: #a2acab;
}

#main-content .internal-homepage #contact-strip #department-social-media p:empty {
  display: none;
}

@media screen and (max-width: 769px) {
  #main-content .internal-homepage #contact-strip .faculty-level-inner {
    grid-template-columns: 1fr;
    width: 100% !important;
  }
  #main-content .internal-homepage #contact-strip .faculty-level-inner #contact {
    text-align: left;
    grid-column: 1/-1;
    /*span{
    	padding: 0 0 1.25rem;
    }*/
  }
  #main-content .internal-homepage #contact-strip .faculty-level-inner #contact span.tel, #main-content .internal-homepage #contact-strip .faculty-level-inner #contact span.email {
    padding-top: 0;
  }
  #main-content .internal-homepage #contact-strip ul.connect:empty + #contact span.tel {
    padding-top: 1.5rem;
  }
  #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 */
#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) {
  #pagination {
    width: 100%;
  }
}
/* ICON OVERLAY */
.icon-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.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%;
}

a.icon:hover img, a.icon:focus img, a.icon:active img {
  filter: brightness(75%);
}

/* ICON OVERLAY */
.topic-page aside ul.connect:empty, .internal-homepage #contact-strip ul.connect:empty {
  display: none !important;
}

.topic-page aside ul.connect, .internal-homepage #contact-strip ul.connect {
  display: block;
  padding-top: 0;
  z-index: 1000;
  margin: 0;
}
.topic-page aside ul.connect li, .internal-homepage #contact-strip ul.connect li {
  display: inline;
  margin-bottom: 0;
  margin-right: 5px;
  width: 28px;
}
.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;
}
.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;
}
.topic-page aside ul.connect li::before, .internal-homepage #contact-strip ul.connect li::before {
  display: none !important;
}
.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;
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}

.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 */
:root {
  --unit:0.5rem;
}

.module-layer.staff .module-layer-inner {
  padding: 2rem 0;
}
.module-layer.staff .inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: clamp(2 * var(--unit), 5vw, 5 * var(--unit));
  width: 100%;
}
.module-layer.staff .inner h2 {
  grid-column: 1/-1;
}

.project-shape .module-layer.staff .inner {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.module-layer.staff .staff-id {
  text-align: center;
}
.module-layer.staff .staff-id img {
  border-radius: 50%;
  width: 90% !important;
}
.module-layer.staff .staff-id figure {
  margin-bottom: 1rem;
}
.module-layer.staff .staff-id p {
  color: #212b58;
}

@media screen and (max-width: 1024px) {
  .project-shape .module-layer.staff .inner, .module-layer.staff .inner {
    grid-template-columns: 1fr 1fr;
  }
}
/* ICON GRID */
.icon-grid .faculty-level-inner, #main-content .icon-grid .faculty-level-inner {
  width: 75.7142%;
}
.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;
}
.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: 45%;
}
.icon-grid .faculty-level-inner ul li::before, #main-content .icon-grid .faculty-level-inner ul li::before {
  display: none;
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.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);
}
.icon-grid .faculty-level-inner ul li.social-media-icon, #main-content .icon-grid .faculty-level-inner ul li.social-media-icon {
  background-image: url(//www.liverpool.ac.uk/files/images/icons/icon-grid/social-media.svg);
}
.icon-grid .faculty-level-inner ul li.student-group-icon, #main-content .icon-grid .faculty-level-inner ul li.student-group-icon {
  background-image: url(//www.liverpool.ac.uk/files/images/icons/icon-grid/student-group.svg);
}
.icon-grid .faculty-level-inner ul li.sport-icon, #main-content .icon-grid .faculty-level-inner ul li.sport-icon {
  background-image: url(//www.liverpool.ac.uk/files/images/icons/icon-grid/sport.svg);
}

@media screen and (max-width: 769px) {
  .icon-grid .faculty-level-inner, #main-content .icon-grid .faculty-level-inner {
    width: 75.7142%;
  }
  .icon-grid .faculty-level-inner ul, #main-content .icon-grid .faculty-level-inner ul {
    grid-template-columns: 1fr;
  }
  .icon-grid .faculty-level-inner ul li, #main-content .icon-grid .faculty-level-inner ul li {
    padding-top: 50%;
  }
}
/* STAFF LIST TABLE */
/* CSS Document */
table.entries tr td:nth-child(1) {
  width: 20%;
}
table.entries tr td:nth-child(2) {
  width: 35%;
}
table.entries tr td:nth-child(3) {
  width: 30%;
}
table.entries tr td:nth-child(4) {
  width: 15%;
}

@media screen and (max-width: 700px) {
  table.entries {
    background: none;
    border: none;
  }
  table.entries thead {
    display: none;
  }
  table.entries tr {
    grid-template-columns: 1fr;
    padding: 1em 0 0;
    display: grid;
  }
  table.entries tr td {
    border: none !important;
  }
  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%;
  }
  table.entries tr:last-of-type {
    padding-bottom: 1rem;
  }
  table.entries tr.vcard {
    border-radius: 7px;
    background: #dbdbd3;
    border: 1px solid #a2acab;
    margin-bottom: 1rem;
    padding: 0.75rem;
  }
  table.entries tr.vcard td {
    padding: 0.25rem;
    padding: clamp(0.25rem, 0.25vw, 0.25rem);
  }
  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;
  }
  table.entries tr.vcard td:empty {
    display: none;
  }
}
/* Scss Document */
/* DETAILS */
.internal-homepage.new-layout #banner-layout article {
  grid-template-columns: 1fr;
  grid-gap: 0;
}
.internal-homepage.new-layout #banner-layout article .card {
  order: 2;
  padding: 2rem 2rem 1rem;
}
.internal-homepage.new-layout #banner-layout article .img {
  order: 1;
}

#banner-layout.brand-level-01.brand-layer-2 .card-body h1 {
  margin-bottom: 0;
  /*width: 85%;*/
}
#banner-layout.brand-level-01.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: 16rem;
  border-top: none;
  /*margin-left: -10%;*/
  /*margin-top: -2px;*/
  margin-bottom: 1.5rem;
  padding: 11px 14px 9px 13px;
}

@media screen and (max-width: 1360px) {
  .internal-homepage.new-layout #banner-layout article {
    padding-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .internal-homepage.new-layout #banner-layout article {
    grid-template-columns: 1fr;
    grid-gap: 2rem;
  }
  .internal-homepage.new-layout #banner-layout article .card {
    padding: 0;
  }
}
@media screen and (max-width: 769px) {
  #banner-layout.brand-level-01.brand-layer-2 .card-body h2.heading {
    width: 70%;
  }
}
/* LIGHTER BUTTON */
.call-to-action.lighter a, a.call-to-action.lighter {
  background: white;
  border: 2px solid #021241 !important;
  color: #021241 !important;
}
.call-to-action.lighter a a, a.call-to-action.lighter a {
  color: #021241 !important;
}

.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 */
.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;
}

.call-to-action.back a {
  padding-left: 10% !important;
}

.back a.call-to-action {
  padding-left: 5% !important;
  padding-right: 5% !important;
}

.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 */
.call-to-action.half, .half a.call-to-action {
  width: 45%;
}

/* QUARTER WIDTH */
.call-to-action.quarter a, .quarter a.call-to-action {
  width: 25%;
}

@media screen and (max-width: 768px) {
  .call-to-action.half, .half a.call-to-action {
    width: 100%;
  }
}
.filter-select-box.on-demand {
  margin: 0;
  margin-top: -1.25rem;
  /*margin: -2rem 0 2rem;*/
}
.filter-select-box.on-demand div:nth-last-of-type(2) {
  display: grid;
  grid-template-columns: 2.11fr 1fr;
  grid-column-gap: 1.5rem;
}
.filter-select-box.on-demand div:nth-last-of-type(2) input.search {
  width: 96%;
}
.filter-select-box.on-demand div:nth-last-of-type(2) select {
  margin: 0 !important;
}
.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;
}
.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;
}
.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;
}
.filter-select-box.on-demand .list article a:nth-of-type(1) span {
  display: none;
}
.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%;
}
.filter-select-box.on-demand .list article h3 {
  margin-top: 0;
  font-size: 110%;
  width: 93%;
  min-height: 3.5rem;
}
.filter-select-box.on-demand .list article img {
  top: 0 !important;
}
.filter-select-box.on-demand .list article div {
  margin-bottom: 0.5rem;
  display: block !important;
}
.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;
}
.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;
}
.filter-select-box.on-demand .list article .stream-link a {
  border-bottom-color: white;
  z-index: 100;
  position: relative;
  opacity: 1;
}
.filter-select-box.on-demand .list article:hover img, .filter-select-box.on-demand .list article:hover {
  filter: brightness(75%);
}
.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) {
  .filter-select-box.on-demand div:nth-last-of-type(2) {
    grid-template-columns: 1fr;
    grid-gap: 1.5rem;
  }
  .filter-select-box.on-demand div:nth-last-of-type(2) input.search {
    width: auto;
  }
  .filter-select-box.on-demand .list {
    grid-template-columns: 1fr;
  }
  .filter-select-box.on-demand .list article {
    margin-bottom: 0 !important;
  }
}
.filter-select-box.welcome-filter-box .filters {
  display: grid;
  grid-template-columns: 0.5fr 2fr 2fr;
  grid-gap: 1rem;
  margin-bottom: 1rem;
}
.filter-select-box.welcome-filter-box .filters div h4 {
  margin-top: 0 !important;
}
.filter-select-box.welcome-filter-box .filters div select {
  margin: 0;
}
.filter-select-box.welcome-filter-box .filters div:nth-of-type(1) {
  grid-column: 1/-1;
}
.filter-select-box.welcome-filter-box .filters input.search {
  grid-column: 1/-1;
  width: 98%;
}
.filter-select-box.welcome-filter-box .filters .tags {
  display: block;
  grid-column: 1/-1;
}
.filter-select-box.welcome-filter-box .filters .types {
  /*grid-column: 1 / -1;*/
}

.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;
}

.filter-select-box.welcome-filter-box h3 {
  margin-bottom: 0 !important;
}

.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;
}

.filter-select-box.welcome-filter-box button::before {
  top: 25%;
  left: 0.725rem;
}

.filter-select-box.welcome-filter-box button.current, .filter-select-box.welcome-filter-box button:focus {
  background: #002024;
}

@media (max-width: 768px) {
  .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);
}*/
#main-content article.info-box.full-width {
  padding: 1rem 1rem 0 !important;
  float: none !important;
}

.info-box.welcome-info-box ul.tags {
  margin: 0 0 1rem -5px;
}
.info-box.welcome-info-box ul.tags li::before {
  display: none !important;
}
.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 */
#reciteme-buttons .universal-inner {
  height: auto !important;
}

#reciteme-buttons {
  z-index: 1000;
  margin: 0;
  border-radius: 0;
  padding: 0;
  background: #6C63A5;
  position: fixed;
  width: 100%;
  bottom: 0;
}

#reciteme-buttons aside.sidebar.call-to-action {
  float: none;
  width: 100%;
  margin-bottom: 0;
}

#reciteme-buttons p {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  margin: auto;
  max-width: 40%;
  padding: 10px 0;
}
#reciteme-buttons p span:nth-of-type(2) a:before {
  content: url(//www.liverpool.ac.uk/files/images/icons/close-white.svg);
}

#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;
}

#reciteme-buttons p a:hover {
  background: rgba(0, 0, 0, 0.75) !important;
}

#reciteme-buttons .call-to-action a:before {
  right: 3%;
  top: 6px;
}

@media screen and (max-width: 1024px) {
  #reciteme-buttons p {
    max-width: 80% !important;
  }
}
@media screen and (max-width: 480px) {
  #reciteme-buttons p {
    max-width: 100% !important;
    grid-gap: 10px !important;
    grid-template-columns: 1fr !important;
  }
  #reciteme-buttons p a:link {
    padding: 0.5em 15% 0.5em 7% !important;
  }
  #reciteme-buttons .call-to-action a:before {
    /*top: 25% !important;*/
  }
}
/* CAN THIS BE MOVED TO THE NEWS STACK */
/* Scss Document */
#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%;
  			}
  	}
  }*/
}
#main-content #filterboxform {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1.3fr 2fr 0.75fr 0.75fr;
  float: left;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 2px dotted #1e1e1e;
}
#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;
}
#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;
}
#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;
}
#main-content #filterboxform input[type=submit]:hover, #main-content #filterboxform input[type=reset]:hover {
  background-color: #021241;
}
#main-content table.datatable tr th {
  font-size: 100%;
  padding: 1em !important;
}
#main-content table.datatable tr td {
  font-size: 100%;
  padding: 1em !important;
}
#main-content table.articulation-routes tr td strong {
  display: none;
}
#main-content table.articulation-routes tr td:nth-of-type(1) {
  width: 40%;
}
#main-content table.articulation-routes tr td:nth-of-type(2) {
  width: 40%;
}
#main-content table.articulation-routes tr td:nth-of-type(3) {
  width: 20%;
}
#main-content ul.pagination {
  margin-left: 0;
  float: left;
  width: 70%;
}
#main-content ul.pagination li::before {
  display: none;
}
#main-content ul.pagination li {
  display: inline;
  margin-right: 10px;
}
#main-content .next, #main-content .previous {
  text-align: right;
  float: right;
}
#main-content .previous {
  margin-left: 15px;
}
#main-content .kis-widget .widget-lead p.title {
  font-size: calc(20px + 36 * (100vw - 300px) / 1620);
  font-weight: normal;
  line-height: calc(21px + 36 * (100vw - 300px) / 1620);
  margin: 0;
}
#main-content .kis-widget .widget-lead p.intro {
  font-size: calc(10px + 8 * (100vw - 300px) / 1620);
  line-height: calc(11px + 8 * (100vw - 300px) / 1620);
  margin: 0px;
}
#main-content .kis-widget .widget-lead p.course {
  font-size: calc(8px + 6 * (100vw - 300px) / 1620);
  line-height: calc(9px + 6 * (100vw - 300px) / 1620);
  margin: 0px;
}
#main-content ul.gecko-events-embed-events-list {
  margin-left: 0;
}
#main-content ul.gecko-events-embed-events-list li::before {
  display: none;
}
#main-content a + img {
  border: none;
}
#main-content .hide-section {
  display: block !important;
}
#main-content #sponsors {
  float: none;
  display: inline-block;
  width: 100%;
}
#main-content #sponsors div {
  display: inline;
  float: left;
  margin-right: 5%;
}
#main-content .workshop-circle-key {
  list-style-type: none;
}
#main-content .workshop-circle-key li {
  background: none;
  padding-left: 0;
  margin-right: 2%;
}
#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;
}
#main-content .workshop-circle.new-researchers {
  background: #06b4b5;
}
#main-content .workshop-circle.research-related-development {
  background: #042ca5;
}
#main-content .workshop-circle.public-communications-and-engagement {
  background: #e21800;
}
#main-content .workshop-circle.career-preparations {
  background: #357856;
}
#main-content #socialbuttons {
  position: relative;
}
#main-content #socialbuttons a {
  display: inline;
}
#main-content #socialbuttons br {
  display: none;
}
#main-content #socialbuttons .ss-icon {
  font-size: 170%;
}
#main-content #socialbuttons ul#socialbuttonslist {
  position: absolute;
  top: -10px;
  left: 2.55em;
  padding-top: 0;
  width: 250px;
}
#main-content #socialbuttons ul#socialbuttonslist li {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-bottom: 0.55em;
}
#main-content .full-width {
  width: 100%;
}
#main-content #tabs ul, #main-content #course-tabs ul, #main-content div nav ul {
  /*margin-left: 0;*/
  /*border-bottom: 4px solid darken($blue,10%);*/
}
#main-content #tabs ul li::before, #main-content #course-tabs ul li::before, #main-content div nav ul li::before {
  display: none;
}
#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:$white;*/
  /*margin-right:0.5%;*/
  font-size: 85%;
}
#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;
}
#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;
}
#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;
}
#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;
}
#main-content #study-abroad-tabs ul.nav {
  margin-left: 0;
}
#main-content #study-abroad-tabs ul.nav li::before {
  display: none;
}
#main-content .postgraduate-testimony {
  margin-bottom: 0.77em;
  /*article{
  	h2{
  		margin-top:0;
  		}
  	}*/
}
#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) {
  .department.landing-page #main-content .generic-promo {
    width: 100% !important;
  }
  .department.landing-page #main-content #department-full-width aside.generic-promo.half {
    width: 100% !important;
  }
  #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;
    	}*/
  }
  #main-content #filterboxform {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
  #main-content #filterboxform label {
    text-align: left;
    grid-column: 1/span 2;
  }
  #main-content #filterboxform input[type=search] {
    grid-column: 1/span 2;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 798px) {
  #main-content table.articulation-routes {
    border: none;
    margin-bottom: 0;
  }
  #main-content table.articulation-routes thead {
    display: none;
  }
  #main-content table.articulation-routes tbody {
    border: none;
  }
  #main-content table.articulation-routes tr {
    display: grid;
    grid-template-columns: 1fr;
    border-bottom: none;
    margin-bottom: 15px;
  }
  #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;
  }
  #main-content table.articulation-routes tr td strong {
    display: inline;
  }
  #main-content table.articulation-routes tr td a {
    display: inline;
    border: none;
  }
  #main-content table.articulation-routes tr td:nth-of-type(1) {
    width: 100%;
  }
  #main-content table.articulation-routes tr td:nth-of-type(2) {
    width: 100%;
  }
  #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 {
  from {
    opacity: 0;
  }
  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) {
  #filterboxform label {
    text-align: left;
    float: left;
    margin-right: 20px;
  }
  #filterboxform input[type=search] {
    float: left;
    width: 30%;
    margin-right: 20px;
  }
  #filterboxform input[type=submit], #filterboxform input[type=reset] {
    float: left;
    margin-right: 20px;
    padding: 10px;
  }
}
@supports not (display: grid) {
  #filterboxform label {
    text-align: left;
    float: left;
    margin-right: 20px;
  }
  #filterboxform input[type=search] {
    float: left;
    width: 30%;
    margin-right: 20px;
  }
  #filterboxform input[type=submit], #filterboxform input[type=reset] {
    float: left;
    margin-right: 20px;
    padding: 10px;
  }
}
/* OLD CUSTOM CSS - REDUCE WHERE POSSIBLE */
/* Scss Document */
#main-content #module-group article.content.full {
  margin-bottom: 0;
}
#main-content #module-group .universal-inner {
  margin: 0;
  padding-right: 0;
  width: 100%;
  position: initial;
}
#main-content #module-group .generic-promo p {
  font-size: 100%;
}
#main-content #module-group .generic-promo ul.social-media li .ss-icon {
  font-size: 150%;
}

#main-content .content.wide.full-width-module {
  margin-bottom: 0.77em;
  padding-right: 0;
}
#main-content .content.wide.full-width-module div {
  margin-bottom: 0.77em;
  margin-left: 35%;
}
#main-content .content.wide.full-width-module figure {
  float: left;
  margin: 0 5% 1.33em 0;
  width: 30%;
}
#main-content .content.wide.full-width-module.right {
  margin-bottom: 0.77em;
  padding-left: 0;
}
#main-content .content.wide.full-width-module.right div {
  margin-bottom: 0.77em;
  margin-right: 35%;
  margin-left: 0;
}
#main-content .content.wide.full-width-module.right figure {
  float: right;
  margin: 0 0 1.33em 5%;
}
#main-content .content.wide.full-width-module.right figure img {
  margin: 0;
}
#main-content .research-staff {
  display: block;
  float: none;
  width: 100%;
  clear: both;
}
#main-content .research-staff article {
  display: block;
  float: none;
  width: 100%;
}
#main-content .research-staff .generic-promo {
  width: 23.5%;
  margin-right: 2%;
}
#main-content .research-staff .generic-promo:nth-of-type(3n+3) {
  margin-right: 2%;
  clear: none;
}
#main-content .research-staff .generic-promo:nth-of-type(3n+4) {
  margin-right: 2%;
  clear: none;
}
#main-content .research-staff .generic-promo:nth-of-type(4n+3) {
  margin-right: 2%;
  clear: none;
}
#main-content .research-staff .generic-promo:nth-of-type(4n+4) {
  margin-right: 0;
  clear: none;
}
#main-content .research-staff .generic-promo:nth-of-type(4n+5) {
  clear: left;
}

#main-content .generic-promo.half, #module-group .generic-promo.half {
  width: 49%;
}
#main-content .generic-promo.half:nth-of-type(3n+3), #module-group .generic-promo.half:nth-of-type(3n+3) {
  margin-right: 2%;
}
#main-content .generic-promo.half:nth-of-type(2n+2), #module-group .generic-promo.half:nth-of-type(2n+2) {
  margin-right: 0;
}
#main-content .generic-promo.half:nth-of-type(2n+3), #module-group .generic-promo.half:nth-of-type(2n+3) {
  clear: left;
}
#main-content .generic-promo.half:nth-of-type(3n+4), #module-group .generic-promo.half:nth-of-type(3n+4) {
  clear: inherit;
}
#main-content .generic-promo, #module-group .generic-promo {
  width: 32%;
  float: left;
  margin-right: 2%;
}
#main-content .generic-promo a.wrapping-link p, #module-group .generic-promo a.wrapping-link p {
  font-weight: normal !important;
}
#main-content .generic-promo:nth-of-type(3n+3), #module-group .generic-promo:nth-of-type(3n+3) {
  margin-right: 0;
}
#main-content .generic-promo:nth-of-type(3n+4), #module-group .generic-promo:nth-of-type(3n+4) {
  clear: left;
}
#main-content .generic-promo.extra-emphasis, #module-group .generic-promo.extra-emphasis {
  background: #031F73;
  padding: 0.5em 2%;
}
#main-content .generic-promo.extra-emphasis img, #module-group .generic-promo.extra-emphasis img {
  top: 0;
}
#main-content .generic-promo.extra-emphasis h2, #module-group .generic-promo.extra-emphasis h2 {
  color: white;
}
#main-content .generic-promo.extra-emphasis h2 a, #module-group .generic-promo.extra-emphasis h2 a {
  color: white;
}
#main-content .generic-promo.extra-emphasis p, #module-group .generic-promo.extra-emphasis p {
  color: white;
}
#main-content .generic-promo.extra-emphasis p a, #module-group .generic-promo.extra-emphasis p a {
  color: white;
}
#main-content .generic-promo.extra-emphasis ul, #module-group .generic-promo.extra-emphasis ul {
  color: white;
}
#main-content .generic-promo.extra-emphasis ul li::before, #module-group .generic-promo.extra-emphasis ul li::before {
  color: white;
}
#main-content .generic-promo.extra-emphasis ul li, #module-group .generic-promo.extra-emphasis ul li {
  color: white;
}
#main-content .generic-promo.extra-emphasis ul li a, #module-group .generic-promo.extra-emphasis ul li a {
  color: white;
}

@media screen and (max-width: 1023px) {
  #main-content .research-staff .generic-promo, #module-group .research-staff .generic-promo {
    width: 48% !important;
    margin-right: 4% !important;
    float: left !important;
  }
  #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;
  }
  #main-content .services-modules div, #module-group .services-modules div {
    width: 100% !important;
    float: none;
  }
}
@media screen and (max-width: 900px) {
  #main-content .generic-promo.extra-emphasis, #main-content #module-group .generic-promo.extra-emphasis {
    padding-bottom: 0.33em;
  }
  #main-content .generic-promo.extra-emphasis img, #main-content #module-group .generic-promo.extra-emphasis img {
    width: 100%;
    float: none;
  }
  #main-content .content.wide.full-width-module.promo figure, #main-content .content.wide.full-width-module figure {
    margin-bottom: 1.33em;
  }
  #main-content .content.wide.full-width-module.promo div, #main-content .content.wide.full-width-module div {
    margin-left: 0;
  }
}
/* EVENTUALLY DEPRECATED BY CARDS */
/*@import 'module-resizing';*/
/*@import 'file-upload-button';*/
/* Scss Document */
.hss #masthead .mobile-nav, .hls #masthead .mobile-nav, .se #masthead .mobile-nav, .research-centre #masthead .mobile-nav {
  border-top-color: white !important;
}
.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;
}

.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) {
  .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;
  }
  .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;
  }
  .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 */
.hss #main-content .department-hero-banner article h2 {
  color: #575862;
}
.hss #section-name {
  background: #575862;
}
.hss .extra-tier {
  background: #575862;
}
.hss #department-address {
  background: #222327;
}

@media screen and (max-width: 1023px) {
  .hss #masthead {
    background: #575862;
  }
}
/*@import 'faculty-colors/hss/management'; */
/*@import 'faculty-colors/hss/humanities';*/
/*@import 'faculty-colors/hss/law'; */
/* Scss Document */
.hls #main-content .department-hero-banner article h2 {
  color: #357856;
}
.hls #section-name {
  background: #357856;
}
.hls .extra-tier {
  background: #357856;
}
.hls #department-address {
  background: #132a1e;
}

@media screen and (max-width: 1023px) {
  .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 */
.se #main-content .department-hero-banner article h2 {
  color: #5e6bc4;
}
.se #section-name {
  background: #5e6bc4;
}
.se .extra-tier {
  background: #5e6bc4;
}
.se #department-address {
  background: #303a82;
}

@media screen and (max-width: 1023px) {
  .se #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 */
#chemistry.se #main-content .department-hero-banner article h2 {
  color: #6da9da;
}
#chemistry.se #section-name {
  background: #6da9da;
}
#chemistry.se .extra-tier {
  background: #6da9da;
}
#chemistry.se #department-address {
  background: #2b72ab;
}

@media all and (max-width: 1023px) {
  #chemistry.se #masthead {
    background: #6da9da;
  }
}
/* Scss Document */
.se#environmental-sciences #main-content .department-hero-banner article h2, .research-centre#csis #main-content .department-hero-banner article h2 {
  color: #a6bb12;
}
.se#environmental-sciences #section-name, .research-centre#csis #section-name {
  background: #a6bb12;
}
.se#environmental-sciences .extra-tier, .research-centre#csis .extra-tier {
  background: #a6bb12;
}
.se#environmental-sciences #department-address, .research-centre#csis #department-address {
  background: #4b5508;
}

@media all and (max-width: 1023px) {
  .se#environmental-sciences #masthead, .research-centre#csis #masthead {
    background: #a6bb12;
  }
}
/* Scss Document */
.se#mathematical-sciences #main-content .department-hero-banner article h2 {
  color: #5b3b3b;
}
.se#mathematical-sciences #section-name {
  background: #5b3b3b;
}
.se#mathematical-sciences .extra-tier {
  background: #5b3b3b;
}
.se#mathematical-sciences #department-address {
  background: #170f0f;
}

@media all and (max-width: 1023px) {
  .se#mathematical-sciences #masthead {
    background: #5b3b3b;
  }
}
/* Scss Document */
.se#earth-ocean-and-ecological-science #main-content .department-hero-banner article h2 {
  color: #275e88;
}
.se#earth-ocean-and-ecological-science #section-name {
  background: #275e88;
}
.se#earth-ocean-and-ecological-science .extra-tier {
  background: #275e88;
}
.se#earth-ocean-and-ecological-science #department-address {
  background: #0e2231;
}

@media all and (max-width: 1023px) {
  .se#earth-ocean-and-ecological-science #masthead {
    background: #275e88;
  }
}
/* Scss Document */
.se#geography-and-planning #main-content .department-hero-banner article h2 {
  color: #3593aa;
}
.se#geography-and-planning #section-name {
  background: #3593aa;
}
.se#geography-and-planning .extra-tier {
  background: #3593aa;
}
.se#geography-and-planning #department-address {
  background: #1a4954;
}

@media all and (max-width: 1023px) {
  .se#geography-and-planning #masthead {
    background: #3593aa;
  }
}
/* Scss Document */
.se#engineering #main-content .department-hero-banner article h2 {
  color: #b42828;
}
.se#engineering #section-name {
  background: #b42828;
}
.se#engineering .extra-tier {
  background: #b42828;
}
.se#engineering #department-address {
  background: #581414;
}

@media all and (max-width: 1023px) {
  .se#engineering #masthead {
    background: #b42828;
  }
}
/*@import 'faculty-colors/se/school-of-electrical'; 
@import 'faculty-colors/se/electrical'; */
/*@import 'study-colors/international';*/
.department#materials-innovation-factory #main-content .department-hero-banner article h2 {
  color: #db5637;
}
.department#materials-innovation-factory #section-name {
  background: #db5637;
}
.department#materials-innovation-factory .extra-tier {
  background: #db5637;
}
.department#materials-innovation-factory #department-address {
  background: #892e19;
}

@media all and (max-width: 1023px) {
  .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 */
.department#vgm #main-content .department-hero-banner article h2 {
  color: #c21c0c;
}
.department#vgm #section-name {
  background: #c21c0c;
}
.department#vgm .extra-tier {
  background: #c21c0c;
}
.department#vgm #department-address {
  background: #580d05;
}

@media all and (max-width: 1023px) {
  .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 */
#ava.research-centre #main-content .department-hero-banner article h2 {
  color: #FF652D;
}
#ava.research-centre #section-name {
  background: #FF652D;
}
#ava.research-centre .extra-tier {
  background: #FF652D;
}
#ava.research-centre #department-address {
  background: #bc3200;
}

@media screen and (max-width: 1023px) {
  #ava.research-centre #masthead {
    background: #FF652D;
  }
}
/*@import 'research-colors/dema'; */
/* Scss Document */
.research-centre#black-atlantic #main-content .department-hero-banner article h2 {
  color: #df5c28;
}
.research-centre#black-atlantic #section-name {
  background: #df5c28;
}
.research-centre#black-atlantic .extra-tier {
  background: #df5c28;
}
.research-centre#black-atlantic #department-address {
  background: #833314;
}

@media all and (max-width: 1023px) {
  .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) {
  #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;
  }
  #study-websites.study #masthead #mobile-sticky-header, #neuroid.university-blue #masthead #mobile-sticky-header {
    border-bottom-color: transparent;
    border-top-color: transparent;
    background: none;
  }
  #study-websites.study #masthead, #neuroid.university-blue #masthead {
    background: #031F73;
  }
  #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;
  }
  #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;
  }
  #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 */
form fieldset {
  padding: 0;
  display: block;
  margin-bottom: 0.77em;
}
form input {
  padding: 1.1379%;
  display: block;
  margin-bottom: 0.77em;
  border-color: #031F73;
}
form label {
  line-height: 1.77em;
  font-family: "proxima-nova", arial, sans-serif;
  color: #333f48;
  font-weight: 800;
  display: block;
  margin-bottom: 0.77em;
}
form input[type=text] {
  background: #fff;
  width: 100%;
}
form input[type=radio] {
  display: inline;
  width: auto;
  margin: 0 2.1379%;
}
form input[type=radio]:first-child {
  margin-left: 0;
}
form input[type=text]:required {
  border: #F66 solid 1px;
  background: #fff;
}
form select {
  border: 1px solid #ccc;
  font-size: 100%;
  padding: 12px 1.1379%;
  display: block;
  font-family: "proxima-nova", arial, sans-serif;
  color: #333f48;
}
form textarea {
  display: block;
  width: 100%;
  border-color: #ccc;
  padding: 12px 1.1379% 0;
  font-family: "proxima-nova", arial, sans-serif;
  color: #333f48;
}
form button {
  background: #021346;
  border: none;
  color: #fff;
  padding: 12px 2.1379%;
  font-size: 100%;
  display: block;
  font-family: "proxima-nova", arial, sans-serif;
}

#mongo-form {
  font-size: 100% !important;
}
#mongo-form ul {
  padding: 1rem;
  margin: 0 0 1rem 0;
}
#mongo-form ul li::before {
  display: none;
}
#mongo-form ul li {
  display: grid;
  grid-template-columns: 0.05fr 1fr;
  margin-left: 0 !important;
}
#mongo-form div {
  font-size: 100% !important;
}

/* MOVE TO COMPONENTS */
/*@import 'toggle';*/ /* POSSIBLY DEPRECATED USING DETAILS IN MOST PLACES */
/*@import 'staff';*/ /* STAFF TABLE JUST A FEW LINES TO DEFINE COLUMNS */
/* Scss Document */
/* Add " (PDF)" text after links that go to PDFs */
#a-z a[href$=".pdf"]:after {
  content: " (PDF)";
}

/* If file size specified as data attribute, use that too */
#a-z a[href$=".pdf"][data-size]:after {
  content: " (PDF, " attr(data-size) ")";
}

#safety #azlist ul#index {
  text-indent: 0;
  margin: 0;
  padding: 0;
  margin-bottom: 1.55em;
}
#safety #azlist ul#index li {
  display: inline-block;
  font-size: 200%;
  color: #a17700;
  margin-right: 0.8%;
  margin-bottom: 0;
  padding-left: 0;
  background: none;
}
#safety #azlist ul#index li::before {
  display: none;
}

ul#AZselector {
  text-indent: 0;
  margin: 0;
  padding: 0;
  margin-bottom: 1.55em;
}
ul#AZselector li {
  display: inline-block;
  font-size: 200%;
  color: #a17700;
  margin-right: 0.8%;
  margin-bottom: 0;
  padding-left: 0;
  background: none;
}
ul#AZselector li::before {
  display: none;
}

#a-z #navigation li ul.multilevel-linkul-0 {
  display: none;
}
#a-z #main-content {
  margin-bottom: 0.55em;
}
#a-z #main-content h3 {
  font-size: 167%;
}
#a-z #main-content article.content.full {
  margin-bottom: 1.33em;
}

@media screen and (max-width: 1023px) {
  #a-z #mobile-sticky-header ul li ul.multilevel-linkul-0 {
    display: none;
  }
  #a-z #mobile-site-navigation ul li ul.multilevel-linkul-0 {
    display: none;
  }
}
/* LINEAR A-Z LIST - MOVE TO COMPONENT */
/* Scss Document */
.professional-services #section-footer {
  display: none;
}

/* Scss Document */
.v-center {
  height: 100vh;
  width: 100%;
  display: table;
  position: relative;
  text-align: center;
}

.v-center > div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: -10%;
}

.btn-small {
  padding: 0.75em 1em;
  font-size: 0.8em;
}

.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;
}
.modal-box h2 {
  margin: 1em 1em 0.55em;
}
.modal-box h2 img {
  width: 30px;
  top: -3px !important;
  margin-right: 0.55% !important;
}

@media (min-width: 32em) {
  .modal-box header,
  .modal-box .modal-header {
    padding: 1.25em 1.5em;
    border-bottom: 1px solid #ddd;
  }
  .modal-box header h3,
  .modal-box header h4,
  .modal-box .modal-header h3,
  .modal-box .modal-header h4 {
    margin: 0;
  }
  .modal-box .modal-body {
    padding: 2em 1.5em;
  }
  .modal-box footer,
  .modal-box .modal-footer {
    padding: 1em;
    border-top: 1px solid #ddd;
    background: rgba(0, 0, 0, 0.02);
    text-align: right;
  }
  .modal-overlay {
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .modal-box {
    width: 70%;
    top: 1% !important;
    z-index: 1000;
  }
}
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;
}

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 */
#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;
}
#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%;
}
#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;
}
#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;
}
#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%;
}
#section-banner-buffer #video-container video, #main-content #video-container video {
  width: 100%;
  height: auto;
}
#section-banner-buffer #video-container #video-overlay, #main-content #video-container #video-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}
#section-banner-buffer #video-container #video-overlay #section-name, #main-content #video-container #video-overlay #section-name {
  background: rgba(0, 0, 0, 0.25);
}
#section-banner-buffer #video-container #video-overlay #section-name section, #main-content #video-container #video-overlay #section-name section {
  background: transparent;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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%;
}
#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) {
  #main-content .department-hero-banner#video-container {
    height: 310px;
  }
  #main-content .department-hero-banner#video-container video {
    height: 310px !important;
  }
}
@media screen and (max-width: 600px) {
  #main-content .department-hero-banner#video-container {
    height: 280px;
  }
  #main-content .department-hero-banner#video-container video {
    height: 280px !important;
  }
}
@media screen and (max-width: 500px) {
  #main-content .department-hero-banner#video-container {
    height: 370px;
  }
  #main-content .department-hero-banner#video-container video {
    height: 370px !important;
    width: auto;
    max-width: inherit;
  }
  #main-content .department-hero-banner#video-container img {
    width: 100%;
    height: 272px;
    max-width: inherit;
  }
}
/* MOVE TO SPECIFIC COMPONENTS OR DELETE */
/* Scss Document */
.department.landing-page#materials-chemistry #main-content #section-banner-buffer .department-hero-banner article {
  background: none;
  text-align: left;
  padding-left: 0;
}
.department.landing-page#materials-chemistry #main-content #section-banner-buffer .department-hero-banner article h1 {
  color: #333f48;
}
.department.landing-page#materials-chemistry #main-content #section-banner-buffer .department-hero-banner article h2 {
  color: #23c3ff;
}
.department.landing-page#materials-chemistry #main-content #section-banner-buffer .department-hero-banner article p {
  text-align: left;
  color: #333f48;
  width: 30%;
}
.department.landing-page#materials-chemistry #section-name {
  background: #00aeef;
}
.department.landing-page#materials-chemistry #section-name {
  background: #00aeef;
}
.department.landing-page#materials-chemistry #section-name div.container div.universal-inner {
  border-bottom-color: rgba(0, 0, 0, 0);
}
.department.landing-page#materials-chemistry #section-name div.container div.universal-inner #section-home-link {
  border-bottom-color: rgba(0, 0, 0, 0);
}
.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;
}
.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;
}
.department.landing-page#materials-chemistry #universal-header .universal-inner:first-child {
  border-bottom: none;
}
.department.landing-page#materials-chemistry #universal-header .sign-in-container .universal-inner {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}

.department.landing-page#liverpool-voices #main-content #section-banner-buffer .department-hero-banner article {
  background: rgba(3, 31, 115, 0.25);
}
.department.landing-page#liverpool-voices #universal-header .universal-inner:first-child {
  border-bottom: none;
}
.department.landing-page#liverpool-voices #universal-header .sign-in-container .universal-inner {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.department.landing-page#liverpool-voices #section-name {
  background: #d72748;
}
.department.landing-page#liverpool-voices #section-name div.container div.universal-inner {
  border-bottom-color: rgba(0, 0, 0, 0);
}
.department.landing-page#liverpool-voices #section-name div.container div.universal-inner #section-home-link {
  border-bottom-color: rgba(0, 0, 0, 0);
}
.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;
}
.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;
}

.department.landing-page#driving-social-mobility #section-name {
  background: #d72748;
}
.department.landing-page#driving-social-mobility #section-name div.container div.universal-inner {
  border-bottom-color: rgba(0, 0, 0, 0);
}
.department.landing-page#driving-social-mobility #section-name div.container div.universal-inner #section-home-link {
  border-bottom-color: rgba(0, 0, 0, 0);
}
.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;
}
.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;
}
.department.landing-page#driving-social-mobility #main-content #department-full-width .generic-module.department-full-width-module:nth-of-type(1) {
  clear: left;
}

.department.landing-page #department-address {
  display: none;
}
.department.landing-page #main-content {
  width: 100%;
  float: none;
}
.department.landing-page #main-content aside iframe {
  width: 100% !important;
}
.department.landing-page #main-content article.counter-modules .generic-promo {
  width: 30%;
  float: left;
}
.department.landing-page #main-content article.counter-modules div.counter {
  margin-top: 0.55em;
}
.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;
}
.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;
}
.department.landing-page #main-content #department-full-width:after {
  content: "";
  display: table;
  clear: both;
}
.department.landing-page #main-content #department-full-width aside.generic-promo.half:first-child h2 {
  display: none;
}
.department.landing-page #main-content #department-full-width aside.generic-promo.half {
  margin-top: 1.33em;
  width: 48%;
  margin-right: 4%;
}
.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;
}
.department.landing-page #main-content #department-full-width aside.generic-promo.half blockquote {
  margin: 0;
}
.department.landing-page #main-content #department-full-width aside.generic-promo.half blockquote p:after {
  left: 14px;
  top: -5px;
}
.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;
}
.department.landing-page #main-content #department-full-width aside.generic-promo.half blockquote cite {
  font-style: normal;
  font-family: "proxima-nova", arial, sans-serif;
}
.department.landing-page #main-content #department-full-width .generic-promo.half:nth-of-type(2n+2) {
  margin-right: 0;
}
.department.landing-page #main-content #department-full-width .generic-promo.half:nth-of-type(2n+3) {
  margin-top: 0;
}
.department.landing-page #main-content #department-full-width .generic-promo.half:nth-of-type(2n+4) {
  margin-top: 0;
}
.department.landing-page #main-content #department-full-width article.generic-module {
  float: right;
  width: 48%;
}
.department.landing-page #main-content #department-full-width .generic-module.department-full-width-module:nth-of-type(3n+3) {
  margin-right: 0;
}
.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;
}
.department.landing-page #main-content #department-full-width .generic-module.department-full-width-module .left {
  width: 100%;
  float: none;
  padding-bottom: 0;
}
.department.landing-page #main-content #department-full-width .generic-module.department-full-width-module .left p {
  margin-bottom: 0;
}
.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;
}
.department.landing-page #main-content #department-full-width .generic-module.department-full-width-module .right {
  width: 100%;
  float: none;
  padding: 0;
}
.department.landing-page #main-content #section-banner-buffer {
  margin-bottom: 0;
  height: 400px;
  overflow: hidden;
}
.department.landing-page #main-content #section-banner-buffer .department-hero-banner {
  position: relative;
}
.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;
}
.department.landing-page #main-content #section-banner-buffer .department-hero-banner article h2 {
  font-size: 300%;
  margin-top: 0;
}
.department.landing-page #main-content #section-banner-buffer .department-hero-banner article p {
  text-align: center;
}
.department.landing-page nav#site-navigation {
  display: none;
}
.department.landing-page #department-central, .department.landing-page #department-right {
  width: 48%;
  float: left;
  border-bottom: none;
}
.department.landing-page #department-central .generic-promo, .department.landing-page #department-right .generic-promo {
  width: 100%;
  float: none;
}
.department.landing-page #department-central .generic-promo h2, .department.landing-page #department-right .generic-promo h2 {
  margin-bottom: 0;
}
.department.landing-page #department-central .generic-promo blockquote, .department.landing-page #department-right .generic-promo blockquote {
  margin: 0;
}
.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;
}
.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;
}
.department.landing-page #department-central .department-full-width-module, .department.landing-page #department-right .department-full-width-module {
  width: 100%;
}
.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;
}
.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;
}
.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;
}
.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%;
}
.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;
}
.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;
}
.department.landing-page #department-central .department-full-width-module .right h3, .department.landing-page #department-right .department-full-width-module .right h3 {
  display: none;
}
.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%;
}
.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;
}
.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%;
}
.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;
}
.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;
}
.department.landing-page #department-right {
  float: right;
}

@media screen and (max-width: 1023px) {
  .department.landing-page#driving-social-mobility #masthead #mobile-sticky-header {
    background: #d72748;
  }
  .department.landing-page#driving-social-mobility #masthead #mobile-sticky-header .sticky-name-nav {
    border-bottom-color: #d72748;
  }
  .department.landing-page#liverpool-voices #masthead #mobile-sticky-header {
    background: #d72748;
  }
  .department.landing-page#liverpool-voices #masthead #mobile-sticky-header .sticky-name-nav {
    border-bottom-color: #d72748;
  }
  .department.landing-page#name-of-url #masthead #mobile-sticky-header {
    background: #d72748;
  }
  .department.landing-page#name-of-url #masthead #mobile-sticky-header .sticky-name-nav {
    border-bottom-color: #d72748;
  }
  .department.landing-page #masthead #mobile-sticky-header {
    background: #d72748;
  }
  .department.landing-page #masthead #mobile-sticky-header .sticky-name-nav {
    border-bottom-color: #d72748;
  }
  .department.landing-page #main-content #section-banner-buffer {
    height: auto;
    overflow: inherit;
  }
  .department.landing-page #main-content #section-banner-buffer .department-hero-banner article {
    position: inherit;
    background: #d72748;
  }
  .department.landing-page #main-content #section-banner-buffer .department-hero-banner article h2 {
    line-height: 1em;
  }
  .department.landing-page #main-content #department-right {
    width: 100%;
    float: none;
  }
  .department.landing-page #main-content #department-right article.counter-modules {
    text-align: center;
  }
  .department.landing-page #main-content #department-right article.counter-modules div.counter span {
    margin: 0 auto;
  }
  .department.landing-page #main-content #department-central {
    width: 100%;
    float: none;
  }
  .department.landing-page #main-content #department-full-width .generic-module.department-full-width-module {
    width: 100%;
    float: none;
  }
  .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 */
#digital-communications.metrics #main-content article div.filter_results div.results h3 {
  font-size: 80%;
  font-weight: normal;
  color: #1e1e1e;
}
#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;
}
#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;
}
#digital-communications.metrics #main-content article div.filter_results div.results div.card h2 {
  color: #1e1e1e;
}
#digital-communications.metrics #main-content article div.filter_results div.results div.card table {
  border-radius: 5px;
}
#digital-communications.metrics #main-content article div.filter_results div.results div.card table tr th {
  background: #92adfc;
}
#digital-communications.metrics #main-content article div.filter_results div.results div.card table tr td {
  background: #abc0fd;
}
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module:nth-of-type(3n+3) {
  margin-right: 0;
}
#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");
}
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module.map p {
  font-size: 250%;
  margin-bottom: 0.55em;
}
#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;
}
#digital-communications.metrics #main-content article div.filter_results div.results div.card div.module.map p a:hover {
  border-bottom: 1px solid #063ad6;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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%;
}
#digital-communications.metrics #main-content article div.control-panel h2 {
  color: #1e1e1e;
  margin-bottom: 0;
}
#digital-communications.metrics #main-content article div.control-panel div.filter_profiles {
  display: none;
}
#digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters h3 {
  color: #1e1e1e;
  margin-bottom: 2em;
}
#digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters p {
  display: none;
}
#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;
}
#digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range {
  display: inline;
}
#digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range li:first-child {
  margin-right: 0.5%;
}
#digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range li:last-child {
  margin-right: 2%;
}
#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;
}
#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;
}
#digital-communications.metrics #main-content article:first-child {
  margin-bottom: 0;
}
#digital-communications.metrics #main-content article:first-child h1 {
  margin-bottom: 0.33em;
}
#digital-communications.metrics #main-content article:nth-child(2) {
  margin-bottom: 1.33em;
}
#digital-communications.metrics #main-content #metrics-tabs {
  padding-top: 1.77em;
}
#digital-communications.metrics #main-content #metrics-tabs ul.tabs {
  margin-bottom: 2.33em;
}
#digital-communications.metrics #main-content #metrics-tabs ul.tabs li {
  background: #799afc;
  display: inline;
  margin-right: 0.55%;
  padding: 1.55% 0;
}
#digital-communications.metrics #main-content #metrics-tabs ul.tabs li a.active {
  background: #021241;
}
#digital-communications.metrics #main-content #metrics-tabs ul.tabs li a:hover {
  background: #164ff9;
}
#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) {
  #digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range {
    display: block;
    margin-bottom: 1.33em;
  }
  #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) {
  #digital-communications.metrics #main-content article #metrics-tabs {
    padding-top: 0;
  }
  #digital-communications.metrics #main-content article #metrics-tabs ul.tabs {
    margin-bottom: 1.33em;
  }
  #digital-communications.metrics #main-content article #metrics-tabs ul.tabs li {
    line-height: 2.33em;
  }
  #digital-communications.metrics #main-content article div.filter_results div.results div.card {
    padding: 2% 5% 6%;
  }
  #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;
  }
  #digital-communications.metrics #main-content article div.control-panel {
    padding: 2% 5% 6%;
  }
  #digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range {
    display: block;
  }
  #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;
  }
  #digital-communications.metrics #main-content article div.control-panel form.frm_apply_filters ul.date-range li {
    display: block;
    margin-bottom: 0.33em;
  }
  #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 */
#repository nav#site-navigation {
  width: 29.6% !important;
  margin-top: 0 !important;
}
#repository #main-content article {
  width: 100% !important;
}
#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;
}
#repository #main-content article dl dt {
  font-size: 100%;
  font-weight: normal;
}
#repository #main-content article ul li {
  background: none !important;
  padding-left: 0 !important;
}
#repository #main-content article table.ep_blister_bar {
  background: #92adfc;
}
#repository #main-content article .ep_block {
  border: 1px solid #c4d2fd;
  padding: 2%;
}
#repository #main-content article .ep_block input[type=text], #repository #main-content article .ep_block input[type=password] {
  width: 90% !important;
}
#repository #main-content article .ep_summary_box img {
  margin: 0 1.4% 1.4% 0;
}
#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;
}
#repository #main-content article .ep_form_input_grid, #repository #main-content article td.ep_multi_help {
  border: none !important;
}
#repository #main-content article .ep_sr_collapse_bar {
  font-size: 100%;
}
#repository #main-content article .ep_sr_collapse_bar img {
  margin: 0 2% 1.5% 0;
}
#repository #main-content article table {
  border: 1px solid #abc0fd;
}
#repository #main-content article table tr {
  border: 1px solid #abc0fd;
}
#repository #main-content article table tr th {
  padding: 0.55em 1% !important;
}
#repository #main-content article table tr td.ep_form_input_grid_arrows {
  padding: 0 !important;
}
#repository #main-content article table tr td {
  border: 1px solid #abc0fd;
}
#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;
}
#repository #main-content article table tr td table {
  border: 1px solid #abc0fd;
}
#repository #main-content article table tr td table td select {
  display: inline;
}
#repository #main-content article table tr td table td input[type=text] {
  font-size: small !important;
}
#repository #main-content article table tr td table td div input[type=text] {
  margin-bottom: 1em;
}
#repository #main-content article table tr td img {
  top: 0;
  margin: 0;
}
#repository #main-content article table tr td label {
  color: #333f48;
}
#repository #main-content article table tr td input[type=text] {
  padding: 5px 3% !important;
  margin-bottom: 0;
}
#repository #main-content article table tr td select {
  padding: 5px 3% !important;
}
#repository #main-content article .ep_form_action_button, #repository #main-content article .ep_form_internal_button {
  display: inline;
}
#repository #main-content article .ep_sr_component .ep_sr_title {
  font-size: 100%;
  margin: 2%;
}
#repository #main-content article .ep_msg_warning_content table {
  border: 1px solid #abc0fd;
}
#repository #main-content article .ep_tm_main {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
#repository #main-content article .ep_tm_main .ep_sr_show_help {
  border: none !important;
}
#repository #main-content article .ep_tm_main .ep_sr_show_help a {
  margin: 20%;
}
#repository #main-content article .ep_tm_main .ep_sr_show_help a img {
  margin: 10px;
}
#repository #main-content article .ep_tm_main ul.ep_tab_bar li {
  background: none;
  padding-left: 0;
  margin-bottom: 0;
}
#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;
}
#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;
}
#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;
}
#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%;
}
#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;
}
#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;
}
#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%;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#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;
}
#repository #main-content article .ep_tm_main .ep_search_fields .ep_multi_help {
  border: none !important;
}
#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;
}
#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%;
}
#repository #main-content article .ep_tm_main .ep_search_fields td {
  padding: 2%;
  border: 1px solid #abc0fd;
}
#repository #main-content article .ep_tm_main .ep_search_fields select {
  display: inline !important;
  width: auto;
  padding: 5px 1.1379%;
}
#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;
}
#repository #main-content article .ep_tm_main .ep_search_buttons {
  background: none !important;
  border: none !important;
}
#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%;
}
#repository #main-content hr {
  display: none !important;
}
#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) {
  #repository {
    /*#site-navigation{
       	display: block;
    	}*/
  }
  #repository header#universal-header {
    display: block;
  }
  #repository #section-name {
    display: block;
  }
}
/* Scss Document */
#computing-services .links a {
  border: none;
}

#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;
}
#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;
}

#computing-services #section-footer {
  display: none;
}
#computing-services #main-content article #tab nav li {
  padding: 0.44em 0.77em;
}
#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;
}
#computing-services #main-content div nav a.call-to-action:hover {
  color: #fff !important;
}
#computing-services #main-content div nav a.call-to-action:visited {
  color: #fff !important;
}
#computing-services #main-content div nav a {
  display: inline;
  padding: 0;
}
#computing-services #main-content div nav a:visited {
  color: #031F73 !important;
}
#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;
}
#computing-services #main-content blockquote p::before, #computing-services #main-content blockquote p::after {
  display: none;
}
#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%;
}
#computing-services #main-content blockquote p a {
  line-height: 1.33em;
}
#computing-services aside#a-to-z-aside {
  position: relative !important;
  top: 0 !important;
}
#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%;
}
#computing-services aside ul#a-to-z-links li {
  display: inline;
}
#computing-services aside blockquote h2 {
  color: #333f48;
}
#computing-services aside blockquote p::before, #computing-services aside blockquote p::after {
  display: none;
}
#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;
}
#computing-services aside ul {
  margin-left: 0;
}
#computing-services aside ul li::before {
  display: none;
}
#computing-services aside ul li {
  margin-bottom: 0.55em;
  display: inline-block;
}
#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;
}
#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;
}
#computing-services nav.app-list ul#app-list {
  margin-left: 0;
}
#computing-services nav.app-list ul#app-list li::before {
  display: none;
}
#computing-services nav.app-list ul#app-list li p {
  margin-top: 0;
}
#computing-services nav#microsite-markets ul::before {
  display: none;
}
#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;
}
#computing-services nav#microsite-markets ul li::before {
  display: none;
}
#computing-services nav#microsite-markets ul li {
  background: none;
}
#computing-services nav#microsite-markets ul li:nth-of-type(3n+1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
#computing-services nav#microsite-markets ul li:nth-of-type(3n+2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
#computing-services nav#microsite-markets ul li:nth-of-type(3n+3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

#computing-services.email .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/emailIcon.svg);
}

#computing-services.printing .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/printingIcon.svg);
}

#computing-services.software .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/softwareIcon.svg);
}

#computing-services.mobile .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/mobileIcon.svg);
}

#computing-services.security .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/securityIcon.svg);
}

#computing-services.bi .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/businessIntelligence.svg);
}

#computing-services.business-systems .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/businessSystemsIcon.svg);
}

#computing-services.records .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/recordsIcon.svg);
}

#computing-services.researchComputing .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/advancedResearchIcon.svg);
}

#computing-services.apps-anywhere .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/appsAnywhereIcon.svg);
}

#computing-services.training .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/ITtrainingIcon.svg);
}

#computing-services.quickstart .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/quickstartIcon.svg);
}

#computing-services.help-and-support .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/helpAndSupportIcon.svg);
}

#computing-services.staff-fundamentals .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/fundamentalsIcon.svg);
}

#computing-services.my-files .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/myFilesIcon.svg);
}

#computing-services.my-computer .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/myComputerIcon.svg);
}

#computing-services.project-management .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/businessImprovementIcon.svg);
}

#computing-services.pc-centres .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/pcCentresIcon.svg);
}

#computing-services.stream-capture .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/streamCaptureIcon.svg);
}

#computing-services.your-account .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/accountIcon.svg);
}

#computing-services.windows-10 .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/windows10Icon.svg);
}

#computing-services.csd-about .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/aboutCSDIcon.svg);
}

#computing-services.sharepoint .microsite-header {
  background-image: url(//csdsite.liv.ac.uk/img/sharepoint-icon.svg);
}

@media screen and (max-width: 1023px) {
  #computing-services .microsite-header {
    background-size: auto;
  }
  #computing-services nav#microsite-markets ul {
    grid-template-columns: 1fr;
    -ms-grid-columns: 1fr;
  }
}
/* ADD TO CUSTOM CSS TO CSD SITE */
/* Scss Document */
#performance-space #breadcrumb a:link, #performance-space #breadcrumb a:visited {
  color: #d7006c !important;
}
#performance-space .topic-page h1 {
  color: #d7006c !important;
}
#performance-space .topic-page p.summary {
  color: #d7006c !important;
}

#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;
}
#performance-space-slide-show nav li {
  font-weight: 800;
  display: inline;
  margin-right: 10px;
}
#performance-space-slide-show nav li a {
  text-decoration: none;
  border-bottom: 1px dotted #fff;
  color: #fff;
}
#performance-space-slide-show nav li:last-of-type {
  position: absolute;
  top: 30px;
  right: 0;
  margin: 0;
}
#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;
}
#performance-space-slide-show nav li:last-of-type a:hover {
  background: #031F73;
}

.inner-landing-page {
  background: #fff !important;
}
.inner-landing-page #super-topic-page {
  background: none !important;
  position: relative;
  margin-top: -400px;
}
.inner-landing-page #super-topic-page #container {
  max-width: 1000px !important;
  background: #fff;
}
.inner-landing-page #super-topic-page #container #responsive-container {
  width: 87%;
}
.inner-landing-page #super-topic-page #container #responsive-container #breadcrumb {
  padding-top: 20px;
  width: 100%;
}
.inner-landing-page #super-topic-page #container #main-content {
  width: 100%;
}
.inner-landing-page #super-topic-page #container #main-content article {
  margin-bottom: 30px;
}
.inner-landing-page #super-topic-page #container #main-content article p em {
  color: #d7006c !important;
  font-style: normal;
  font-weight: 400;
  font-size: 140%;
}
.inner-landing-page #super-topic-page #container #main-content aside {
  width: 30%;
}
.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;
}
.inner-landing-page #super-topic-page #container #main-content .topic-page header#section-banner-buffer {
  background: none;
}
.inner-landing-page .topic-landing-page-banner .hero-wrapper {
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: 30px;
}
.inner-landing-page .topic-landing-page-banner .hero-wrapper .universal-inner {
  height: 1156px !important;
}
.inner-landing-page .topic-landing-page-banner .universal-inner {
  padding: 0 !important;
  position: relative;
}
.inner-landing-page .topic-landing-page-banner .universal-inner nav {
  font-family: "proxima-nova", arial, sans-serif;
  padding-top: 30px;
}
.inner-landing-page .topic-landing-page-banner .universal-inner nav li {
  font-weight: 800;
  display: inline;
  margin-right: 10px;
}
.inner-landing-page .topic-landing-page-banner .universal-inner nav li a {
  text-decoration: none;
  border-bottom: 1px dotted #1e1e1e;
  color: #1e1e1e;
}
.inner-landing-page .topic-landing-page-banner .universal-inner nav li:last-of-type {
  position: absolute;
  top: 30px;
  right: 0;
  margin: 0;
}
.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;
}
.inner-landing-page .topic-landing-page-banner .universal-inner nav li:last-of-type a:hover {
  background: #000;
}

@media screen and (max-width: 1366px) {
  .inner-landing-page .topic-landing-page-banner .hero-wrapper {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 0;
  }
  .inner-landing-page .topic-landing-page-banner .hero-wrapper .universal-inner {
    height: 876px !important;
  }
}
@media screen and (max-width: 1024px) {
  .inner-landing-page .topic-landing-page-banner .hero-wrapper {
    padding-top: 0 !important;
    background-position-y: -5px;
  }
  .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) {
  #performance-space-slide-show nav {
    width: 94%;
    margin: 0 auto;
    padding-top: 0;
  }
  #performance-space-slide-show nav li {
    display: block;
  }
  #performance-space-slide-show nav li:last-of-type {
    top: 0;
  }
  .inner-landing-page .topic-landing-page-banner .hero-wrapper {
    background-position-y: 35px;
  }
  .inner-landing-page .topic-landing-page-banner .hero-wrapper .universal-inner {
    height: 700px !important;
  }
  .inner-landing-page .topic-landing-page-banner .hero-wrapper .universal-inner nav li {
    display: block;
  }
}
/* DOES THIS HAVE ITS OWN STACK? */
/* Scss Document */
#universal-header .tt-menu {
  background: #5C556F;
  width: 99%;
}
#universal-header .tt-menu .tt-dataset {
  background: #5C556F;
}
#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);
}
#universal-header .tt-menu .tt-dataset .tt-suggestion strong {
  color: white;
}
#universal-header .tt-menu .tt-dataset .tt-suggestion:hover {
  background: #443f52;
}

/* Scss Document */
.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';*/
/*@import 'global-strip';*/ /* 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';*/
/*@import 'social-media-icons';*/ /* THESE ARE THE SOCIAL CIRCLE ICONS - THE NEW SOLUTION IS IN COMPONANTS */
/*@import 'homepage-emergency';*/ /* HIDES VARIOUS PAGE ELEMENTS SUCH AS MEGA MENUS AND OLD GLOBAL FEATURES */
.important-notice {
  border-left-style: solid;
  padding-left: 20px;
  border-color: #ddd;
  border-width: 8px;
  margin: 50px 0px 50px;
  font-weight: bold;
}

.revert * {
  all: revert;
}

body.department.ps {
  overflow: visible !important;
}

#faculty-link {
  color: #fff;
}

.no-side-nav #site-navigation {
  display: none;
}
.no-side-nav #main-content {
  width: 100%;
}

#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);
}

#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;
}

#skip-nav:focus {
  transition: -ms-transform 200ms, -webkit-transform 200ms, transform 200ms;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

#masthead {
  background: #fff;
}

#nav-toggle {
  display: none;
}

#undergraduate.ask-liverpool #masthead {
  background-color: #031F73;
}
#undergraduate.ask-liverpool #section-name {
  background-color: #031F73;
}
#undergraduate.ask-liverpool #section-name div.container div.universal-inner {
  grid-template-columns: 2.23fr 1.31fr;
}

body#mammalian-beahviour-and-evolution span#hiddenkeywordlist li a {
  text-transform: capitalize;
}

@media (max-width: 1023px) {
  #google_translate_element {
    display: none;
  }
  header#section-header {
    display: none;
  }
  #common-mobile-header {
    display: block;
  }
  #site-navigation {
    display: none;
  }
  #homepage #course-search-strip {
    display: block;
  }
}
@media (max-width: 640px) {
  #universal-header #primary-nav {
    display: none;
  }
}

/*# sourceMappingURL=master-2.css.map */