html {
  width: 100%;
}
body {
  font-family: "Open Sans", Arial, sans;
  font-size: 16px;
  font-weight: 400;
  color: #343536;
  margin: 0;
  padding-top: 25px;
}
body > footer > aside#disclaimer,
body > footer > section,
body > header,
body > header form > fieldset,
body > hr,
body > section.container {
  width: 90%;
  max-width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1119px) {
  body > footer > aside#disclaimer,
  body > footer > section,
  body > header,
  body > header form > fieldset,
  body > hr,
  body > section.container {
      width: calc(100% - (2 * 25px));
  }
}
h1 {
  font-size: 42px;
  font-weight: 300;
  line-height: 1.1;
}
h2 {
  font-size: 28px;
  font-weight: 300;
  line-height: 1.2;
  color: #1d1d1d;
}
h2.standfirst {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.3;
  color: #343536;
}
h3 {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3;
  color: #1d1d1d;
}
h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  color: #1d1d1d;
}
h5 {
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
  color: #1d1d1d;
}
body > header {
  display: grid;
  grid-template-columns: 169px 1fr auto;
  grid-template-rows: 72px;
  grid-template-areas: "logo title search";
  column-gap: 50px;
  align-items: center;
  margin-bottom: 25px;
}
body > header span.gap {
  grid-area: gap;
  display: none;
}
body > header > details#share {
  grid-area: share;
  display: none;
}
body > header > details#menu {
  grid-area: menu;
  display: none;
}
@media screen and (max-width: 767px) {
  body > header {
      grid-template-columns: 169px 1fr 50px 50px 50px;
      grid-template-areas: "logo gap share search menu" "title title title title title";
      column-gap: 0;
      row-gap: 25px;
      margin-bottom: 25px;
  }
  body > header span.gap {
      display: block;
  }
}
@media screen and (max-width: 374px) {
  body > header {
      grid-template-columns: 120px 1fr 50px 50px 50px;
  }
}
body > header a#logo {
  grid-area: logo;
  display: block;
  width: 100%;
}
body > header a#logo img {
  display: block;
  width: 100%;
}
body > header > h1 {
  grid-area: title;
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  color: #6b2c91;
}
body > header > details {
  text-align: right;
}
body > header > details ::-webkit-details-marker,
body > header > details::-webkit-details-marker,
body > header > details::marker {
  display: none;
}
@media screen and (max-width: 767px) {
  body > header > details {
      display: block !important;
  }
}
body > header > details summary {
  list-style: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 24px;
  height: 34px;
  display: inline-grid;
  align-items: center;
}
@media screen and (max-width: 767px) {
  body > header > details summary {
      width: 100%;
      background-position: center center !important;
      padding: 0 !important;
      border: none !important;
      border-radius: 0 !important;
      background-size: 34px;
      color: transparent;
      overflow: hidden;
  }
}
body > header > details#search summary {
  padding: 0 25px 0 49px;
  border: 1px solid #ececed;
  border-radius: 4px;
  background-image: url(https://www.openresearch.manchester.ac.uk/includes/images/lib-dynamic/search.svg);
  background-position: 16px center;
}
body > header > details#search form {
  left: 0;
  width: 100%;
  height: 0;
  overflow-y: hidden;
  background-color: #f0f0f0;
  box-shadow: 0 5px 5px 0 rgba(97, 98, 90, 0.5);
  position: fixed;
  top: auto;
  bottom: -100vh;
  transition-property: height;
  transition-timing-function: ease-in-out;
  transition-duration: 250ms;
  display: grid;
  align-items: center;
  z-index: 9998;
}
body > header > details#search form fieldset {
  padding: 0;
  border: none;
  text-align: right;
}
@media screen and (max-width: 767px) {
  body > header > details#search form fieldset {
      width: 90%;
      display: grid;
      grid-template-columns: 1fr auto;
      column-gap: 5px;
  }
}
body > header > details#search form fieldset input {
  border-radius: 4px;
  font: inherit;
  border: none;
  height: 34px;
  display: inline-grid;
  align-content: center;
}
@media screen and (max-width: 767px) {
  body > header > details#search form fieldset input {
      box-sizing: border-box;
      width: 100%;
  }
}
body > header > details#search form fieldset input[type="search"] {
  background-color: #fff;
  padding: 0 10px;
}
body > header > details#search form fieldset input[type="submit"] {
  background-color: #6b2c91;
  color: #fff;
  padding: 0 25px;
  cursor: pointer;
}
body > header > details#search[open] form {
  position: absolute;
  top: 122px;
  bottom: auto;
  height: 76px;
}
@media screen and (max-width: 374px) {
  body > header > details#search[open] form {
      top: 90.4px;
  }
}
body > header > details#menu aside.blackout,
body > header > details#share aside.blackout {
  display: none;
}
body > header > details#menu > nav,
body > header > details#share > nav {
  position: fixed;
  top: 59px;
  left: auto;
  right: 0;
  bottom: 0;
  width: 80%;
  max-width: 300px;
  background-color: #1d1d1d;
}
body > header > details#menu > nav ul,
body > header > details#share > nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body > header > details#menu[open] aside.blackout,
body > header > details#share[open] aside.blackout {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 20%;
  min-width: calc(100vw - 300px);
  background-color: rgba(0, 0, 0, 0.5);
}
body > header > details#menu[open] summary,
body > header > details#share[open] summary {
  position: fixed;
  top: 0;
  right: 0;
  box-sizing: border-box;
  padding-left: 56.5px !important;
  width: 80%;
  max-width: 300px;
  height: 59px;
  background-image: url(https://www.openresearch.manchester.ac.uk/includes/images/lib-dynamic/close.svg);
  background-position-x: 12.5px !important;
  background-position-y: 12.5px !important;
  background-color: #6b2c91;
  text-align: left;
  color: #fff;
  z-index: 9999;
}
body > header > details#share summary {
  background-image: url(https://www.openresearch.manchester.ac.uk/includes/images/lib-dynamic/share.svg);
}
body > header > details#share nav {
  color: #fff;
  text-align: left;
}
body > header > details#menu summary {
  background-image: url(https://www.openresearch.manchester.ac.uk/includes/images/lib-dynamic/menu.svg);
}
@media screen and (max-width: 767px) {
  body > header > details {
      z-index: 9998;
  }
  body > header > details#share[open] {
      z-index: 9999;
  }
  body > header > details#search[open] {
      z-index: 9999;
  }
  body > header > details#menu[open] {
      z-index: 9999;
  }
}
nav#tabs {
  position: relative;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  nav#tabs {
      display: none;
  }
}
nav#tabs svg {
  width: 24px;
}
nav#tabs > ul {
  width: 90%;
  max-width: 1140px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1119px) {
  nav#tabs > ul {
      width: calc(100% - (2 * 25px));
  }
}
nav#tabs > ul > li > a {
  display: grid;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.15em;
  color: inherit;
  height: 75px;
  box-sizing: border-box;
  align-items: center;
  padding: 0 25px;
  text-decoration: none;
}
@media screen and (max-width: 800px) {
  nav#tabs > ul > li > a {
      padding: 0 20px;
  }
}
nav#tabs > ul > li:not(:first-child):hover a {
  background-color: #f0f0f0;
}
nav#tabs > ul > li:not(:first-child):hover aside.mega-menu {
  position: absolute;
  top: 75px;
  bottom: auto;
  opacity: 1;
  z-index: 100;
}
nav#tabs > ul > li:first-child {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 10px;
}
nav#tabs > ul > li:first-child a {
  padding-left: 0;
}
nav#tabs > ul > li:first-child a.home {
  padding-right: 0;
}
nav#tabs > ul > li:first-child a:hover svg {
  filter: brightness(70%);
}
nav#tabs aside.mega-menu {
  left: 0;
  width: 100%;
  background-color: #f0f0f0;
  box-shadow: 0 5px 5px 0 rgba(97, 98, 90, 0.5);
  position: fixed;
  top: auto;
  bottom: -100vh;
  opacity: 0;
  transition-delay: 0.3s;
  transition-property: opacity;
  transition-timing-function: linear;
  transition-duration: 0.1s;
}
nav#tabs aside.mega-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav#tabs aside.mega-menu > ul {
  width: 90%;
  max-width: 1140px;
  margin: 0 auto;
  list-style: none;
  padding: 19.2px 0;
  display: flex;
  font-size: 0.9em;
}
@media screen and (max-width: 1119px) {
  nav#tabs aside.mega-menu > ul {
      width: calc(100% - (2 * 25px));
  }
}
nav#tabs aside.mega-menu > ul a {
  text-decoration: none;
}
nav#tabs aside.mega-menu > ul a:hover {
  text-decoration: underline;
}
nav#tabs aside.mega-menu > ul > li {
  width: 16%;
  padding-left: 25px;
  padding-bottom: 25px;
  border-left: 1px solid #e1e1e1;
}
nav#tabs aside.mega-menu > ul > li > a {
  display: block;
  color: #6b2c91;
  font-weight: 600;
  margin-bottom: 10px;
}
nav#tabs aside.mega-menu > ul > li:first-child {
  padding-left: 0;
  border-left: none;
}
nav#tabs aside.mega-menu > ul > li > ul {
  display: grid;
  grid-auto-rows: auto;
  row-gap: 5px;
}
nav#tabs aside.mega-menu > ul > li > ul a {
  color: inherit;
}
aside.splash {
  background-color: #ececed;
}
@media screen and (max-width: 767px) {
  aside.splash {
      margin-bottom: 25px;
  }
}
aside.splash img {
  display: block;
  width: 100%;
  max-width: 1400px;
  max-height: 450px;
  margin: 0 auto;
  object-fit: cover;
}
body > hr {
  width: 100%;
  height: 1px;
  border: none;
  background-color: #ddd;
}
body > section.container {
  display: grid;
  grid-template-columns: 30% 1fr;
  grid-template-rows: auto auto 1fr;
  column-gap: 38.4px;
  grid-template-areas: "breadcrumbs breadcrumbs" "sidenav main" "filler main";
}
@media screen and (max-width: 767px) {
  body > section.container {
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
      grid-template-areas: "main";
  }
}
@media screen and (max-width: 767px) {
  body > section.container > nav {
      display: none !important;
  }
}
body > section.container > nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body > section.container > nav#breadcrumbs {
  grid-area: breadcrumbs;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 35px;
  align-items: center;
  border-bottom: 1px solid #c4c4c5;
  margin-bottom: 35px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}
body > section.container > nav#breadcrumbs ul {
  filter: brightness(160%);
  display: flex;
}
body > section.container > nav#breadcrumbs ul li:before {
  content: "/";
  margin: 0 5px;
}
body > section.container > nav#breadcrumbs ul li:first-child:before {
  content: "";
  margin: 0;
}
body > section.container > nav#breadcrumbs ul a {
  color: inherit;
}
body > section.container > main {
  grid-area: main;
}
body > section.container > nav#sidenav ul,
header > details#menu > nav ul {
  display: grid;
  grid-auto-rows: auto;
  row-gap: 0;
}
body > section.container > nav#sidenav ul li,
header > details#menu > nav ul li {
  border-bottom: 1px solid #c4c4c5;
}
body > section.container > nav#sidenav ul li a,
header > details#menu > nav ul li a {
  display: block;
  padding: 15px 15px 15px 40px;
  color: inherit;
  text-decoration: none;
  background-position: 9px center;
  background-repeat: no-repeat;
  background-size: 20px;
}
body > section.container > nav#sidenav ul li.ancestor,
header > details#menu > nav ul li.ancestor {
  background-color: #ececed;
  border-bottom: 1px solid #fff;
}
body > section.container > nav#sidenav ul li.ancestor a,
header > details#menu > nav ul li.ancestor a {
  background-image: url(https://www.openresearch.manchester.ac.uk/includes/images/lib-dynamic/chevron-left.svg);
}
body > section.container > nav#sidenav ul li.ancestor.as-self,
body > section.container > nav#sidenav ul li.self:not(.childless),
header > details#menu > nav ul li.ancestor.as-self,
header > details#menu > nav ul li.self:not(.childless) {
  background-color: #c4c4c5;
  border-bottom: 1px solid #fff;
}
body > section.container > nav#sidenav ul li.ancestor.as-self a,
body > section.container > nav#sidenav ul li.self:not(.childless) a,
header > details#menu > nav ul li.ancestor.as-self a,
header > details#menu > nav ul li.self:not(.childless) a {
  background-image: url(https://www.openresearch.manchester.ac.uk/includes/images/lib-dynamic/chevron-down.svg);
}
body > section.container > nav#sidenav ul li.self.childless,
header > details#menu > nav ul li.self.childless {
  box-sizing: border-box;
  border-left: 8px solid #6b2c91;
  border-right: 8px solid #6b2c91;
  color: #6b2c91;
}
body > section.container > nav#sidenav ul li.self.childless a,
header > details#menu > nav ul li.self.childless a {
  color: inherit;
  padding-left: 32px;
  padding-right: 17px;
}
body > section.container > nav#sidenav ul li.child,
body > section.container > nav#sidenav ul li.childless,
header > details#menu > nav ul li.child,
header > details#menu > nav ul li.childless {
  background-color: #fff;
}
body > section.container > nav#sidenav {
  grid-area: sidenav;
}
header > details#menu > nav {
  text-align: left;
}
body > footer {
  margin-top: 38.4px;
  padding: 38.4px 0;
  background-color: #1d1d1d;
  color: #c4c4c5;
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 25px;
}
body > footer > section {
  display: grid;
  grid-template-columns: 2fr 1fr;
  column-gap: 50px;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  body > footer > section {
      grid-template-columns: auto auto;
      column-gap: 25px;
  }
}
@media screen and (max-width: 599px) {
  body > footer > section {
      grid-template-columns: 1fr;
      grid-template-rows: auto auto;
      row-gap: 25px;
  }
}
body > footer > section > section {
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 25px;
}
body > footer > section > section#connect {
  grid-template-columns: auto auto auto auto auto 1fr;
  grid-template-areas: "title title title title title title" "facebook twitter instagram youtube linkedin blank";
  column-gap: 25px;
}
@media screen and (max-width: 767px) {
  body > footer > section > section#connect {
      column-gap: 12.5px;
  }
}
body > footer > section > section#connect h1 {
  grid-area: title;
}
body > footer > section > section#connect a {
  display: block;
}
body > footer > section > section#connect img {
  display: block;
}
body > footer > aside#disclaimer {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}
body > footer > aside#disclaimer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-grid;
  grid-template-columns: repeat(7, auto);
  column-gap: 25px;
}
@media screen and (max-width: 767px) {
  body > footer > aside#disclaimer ul {
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto auto;
      row-gap: 12.5px;
      grid-template-areas: "d1 d2 d3 d4" "d5 d6 charter charter";
  }
  body > footer > aside#disclaimer ul li:nth-child(1) {
      grid-area: d1;
  }
  body > footer > aside#disclaimer ul li:nth-child(2) {
      grid-area: d2;
  }
  body > footer > aside#disclaimer ul li:nth-child(3) {
      grid-area: d3;
  }
  body > footer > aside#disclaimer ul li:nth-child(4) {
      grid-area: d4;
  }
  body > footer > aside#disclaimer ul li:nth-child(5) {
      grid-area: d5;
  }
  body > footer > aside#disclaimer ul li:nth-child(6) {
      grid-area: d6;
  }
  body > footer > aside#disclaimer ul li:nth-child(7) {
      grid-area: charter;
  }
}
@media screen and (max-width: 599px) {
  body > footer > aside#disclaimer ul {
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: repeat(3, auto);
      grid-template-areas: "d1 d2 d3" "d4 d5 d6" "charter charter charter";
  }
}
body > footer > aside#disclaimer li::before {
  content: "/";
  position: relative;
  left: -15.5px;
  width: 0;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  body > footer > aside#disclaimer li::before {
      content: none;
      display: none;
  }
}
body > footer > aside#disclaimer li:first-child::before {
  content: none;
  display: none;
}
body > footer > aside#disclaimer li.blank {
  display: none;
}
@media screen and (max-width: 767px) {
  body > footer > aside#disclaimer li.blank {
      display: block;
      width: 0;
  }
}
body > footer > aside#disclaimer a {
  text-decoration: none;
  color: inherit;
}
body > footer > aside#disclaimer a:hover {
  text-decoration: underline;
}
body > footer h1 {
  font-size: 19px;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  color: #f0f0f0;
}
body > footer hr {
  width: 100%;
  height: 1px;
  border: none;
  background-color: rgba(255, 255, 255, 0.3);
}
main > section {
  display: grid;
  grid-auto-rows: auto;
  row-gap: 33.6px;
}
main.accordion > section {
  row-gap: 0;
}
main.accordion > section > article.candy {
  margin-bottom: 33.6px;
}
main h1 {
  color: #6b2c91;
  margin: 0 0 25px 0;
}
main > h2 {
  margin: 0 0 25px 0;
}
main .dynamic.force-sub-title-style h1,
main > section > article.candy ~ .dynamic h1 {
  font-size: 28px;
  font-weight: 300;
  line-height: 1.2;
  color: #1d1d1d;
}
main .dynamic.force-sub-title-style h2.related-links,
main > section > article.candy ~ .dynamic h2.related-links {
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
}
main section.body {
  line-height: 1.5;
}
main section.body ul {
  list-style: none;
  margin: 0 0 10px 25px;
  padding: 0;
}
main section.body ul li {
  margin: 0 0 10px 0;
  padding: 0 0 0 25px;
  background-image: url(https://www.openresearch.manchester.ac.uk/includes/images/lib-dynamic/bullet.svg);
  background-repeat: no-repeat;
  background-position: 0 10px;
}
main > section > picture {
  margin: 25px 0;
  display: block;
  width: 100%;
}
main > section > picture img {
  display: block;
  width: 100%;
}
main h2.related-links {
  clear: both;
}
main nav.link-grid,
main nav.related {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  column-gap: 33.6px;
  row-gap: 33.6px;
}
main nav.link-grid.singular,
main nav.related.singular {
  grid-template-columns: 1fr;
  column-gap: 0;
}
@media screen and (max-width: 767px) {
  main nav.link-grid,
  main nav.related {
      grid-template-columns: 1fr;
      column-gap: 0;
  }
}
main nav.link-grid > a,
main nav.related > a {
  position: relative;
  top: 0;
  left: 0;
  display: grid;
  grid-template-rows: auto auto auto;
  row-gap: 0;
  text-decoration: none;
}
main nav.link-grid > a div.inner,
main nav.related > a div.inner {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  display: grid;
  grid-auto-rows: auto;
  row-gap: 25px;
}
main nav.link-grid > a div.inner img,
main nav.related > a div.inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
main nav.link-grid > a div.inner picture.fit-contain,
main nav.related > a div.inner picture.fit-contain {
  object-fit: contain;
}
main nav.link-grid > a div.inner picture.fit-contain img,
main nav.related > a div.inner picture.fit-contain img {
  object-fit: contain;
}
main nav.link-grid > a div.inner div.title,
main nav.related > a div.inner div.title {
  font-size: 19px;
  font-weight: 400;
  line-height: 1.4;
  color: #1d1d1d;
  margin: 25px 25px 0 25px;
}
main nav.link-grid > a div.inner picture + div.title,
main nav.related > a div.inner picture + div.title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 25px 25px 0 0;
  margin: 0;
  box-sizing: border-box;
  max-width: 90%;
}
main nav.link-grid > a div.inner > p,
main nav.related > a div.inner > p {
  margin: 0 25px 25px 25px;
  color: #1d1d1d;
}
main nav.link-grid > a.content div.inner,
main nav.related > a.content div.inner {
  background-color: #ececed;
}
main nav.link-grid > a.section div.inner,
main nav.related > a.section div.inner {
  background-color: #6b2c91;
}
main nav.link-grid > a.section div.inner > p,
main nav.related > a.section div.inner > p {
  color: #fff;
}
main nav.link-grid > a.section div.inner div.title,
main nav.related > a.section div.inner div.title {
  color: #fff;
}
main nav.link-grid > a.section div.inner picture + div.title,
main nav.related > a.section div.inner picture + div.title {
  color: #1d1d1d;
}
main nav.link-grid > a.external div.inner span.link,
main nav.related > a.external div.inner span.link {
  display: none;
}
main nav.link-grid > a > p,
main nav.related > a > p {
  margin: 0;
  padding-top: 12.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #343536;
}
main nav.link-grid.singular > a,
main nav.related.singular > a {
  grid-template-rows: auto;
}
main nav.link-grid.singular > a div.inner,
main nav.related.singular > a div.inner {
  height: auto;
  padding-bottom: 0;
  background-color: transparent;
  display: grid;
  grid-template-columns: minmax(80px, 20%) 1fr;
  grid-template-rows: auto auto;
  row-gap: 0;
  grid-template-areas: "picture title" "picture link";
  column-gap: 25px;
  align-items: center;
}
main nav.link-grid.singular > a div.inner picture,
main nav.related.singular > a div.inner picture {
  grid-area: picture;
  background-color: #c4c4c5;
  height: 100%;
}
main nav.link-grid.singular > a div.inner img,
main nav.related.singular > a div.inner img {
  position: relative;
  width: 100%;
  height: 100%;
}
main nav.link-grid.singular > a div.inner div.title,
main nav.related.singular > a div.inner div.title {
  grid-area: title;
  position: relative;
  bottom: auto;
  background-color: transparent;
  padding: 0 0 5px 0;
  max-width: none;
}
main nav.link-grid.singular > a.external div.inner span.link,
main nav.link-grid.singular > a.section div.inner picture ~ p,
main nav.related.singular > a.external div.inner span.link,
main nav.related.singular > a.section div.inner picture ~ p {
  grid-area: link;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}
main nav.link-grid.singular > a div.inner picture ~ p,
main nav.related.singular > a div.inner picture ~ p {
  color: #1d1d1d;
}
main nav.link-grid.singular > a.external div.inner span.link,
main nav.related.singular > a.external div.inner span.link {
  word-break: break-all;
}
main nav.link-grid.singular > a.section div.inner picture ~ p,
main nav.related.singular > a.section div.inner picture ~ p {
  margin: 0;
}
main nav.link-grid.singular > a.external:hover div.inner span.link,
main nav.related.singular > a.external:hover div.inner span.link {
  text-decoration: underline;
}
main section.meta-bar {
  margin-bottom: 18.75px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 25px;
}
main section.meta-bar.hide-meta-bar {
  display: none;
}
@media screen and (max-width: 767px) {
  main section.meta-bar {
      display: grid;
      grid-template-rows: auto auto;
      grid-template-columns: auto auto;
      grid-template-areas: "author voting" "tags tags";
  }
}
main section.meta-bar svg {
  width: 24px;
}
main section.meta-bar svg.promoted path {
  fill: #c4c4c5;
}
main section.meta-bar svg.trending path {
  fill: #c4c4c5;
}
main section.meta-bar span.author-mod {
  display: flex;
  gap: 10px;
}
main section.meta-bar span.author-mod address,
main section.meta-bar span.author-mod time {
  display: block;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  main section.meta-bar span.author-mod {
      grid-area: author;
  }
}
main section.meta-bar .voting {
  display: flex;
  align-items: center;
  gap: 15px;
}
main section.meta-bar .voting button {
  border: 0;
  background: 0 0;
  font: inherit;
  text-transform: uppercase;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
main section.meta-bar .voting button svg path {
  fill: #c4c4c5;
}
main section.meta-bar .voting button.selected {
  color: #6b2c91;
  font-weight: 700;
}
main section.meta-bar .voting button.selected svg path {
  fill: #6b2c91;
}
@media screen and (max-width: 767px) {
  main section.meta-bar .voting {
      grid-area: voting;
  }
}
main section.meta-bar ul,
main ul.tags {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
main section.meta-bar ul li,
main ul.tags li {
  text-transform: lowercase;
  border: 1px solid #c4c4c5;
  padding: 4px 8px;
  border-radius: 20px;
  white-space: nowrap;
}
main section.meta-bar ul li.selected,
main ul.tags li.selected {
  background-color: #fc3;
  color: #1d1d1d;
  border-color: #fc3;
}
@media screen and (max-width: 767px) {
  main section.meta-bar ul,
  main ul.tags {
      grid-area: tags;
  }
}
@keyframes details-sweep {
  0% {
      max-height: 1px;
      overflow-y: hidden;
  }
  100% {
      max-height: 1000vh;
      overflow-y: hidden;
  }
}
main article figure,
main details.article figure {
  max-width: 40%;
  float: right;
  margin: 0 0 25px 25px;
}
main article figure img,
main article figure picture,
main details.article figure img,
main details.article figure picture {
  display: block;
  width: 100%;
}
main article figure picture.fit-contain,
main details.article figure picture.fit-contain {
  object-fit: contain;
}
main article figure picture.fit-contain img,
main details.article figure picture.fit-contain img {
  object-fit: contain;
}
main article figure figcaption,
main details.article figure figcaption {
  background-color: #ececed;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  padding: 8px 8px 4px 8px;
}
main article > h2,
main details.article > h2 {
  margin: 0 0 25px 0;
}
main article section.body h2,
main article section.body h3,
main article section.body h4,
main article section.body h5,
main details.article section.body h2,
main details.article section.body h3,
main details.article section.body h4,
main details.article section.body h5 {
  margin: 1em 0;
}
main article section.body h3,
main details.article section.body h3 {
  font-size: 22px;
}
main article section.body h4,
main details.article section.body h4 {
  font-size: 19px;
}
main article.candy h2 {
  margin-bottom: 0;
}
main article.candy h2 + section.body {
  margin-top: 25px;
}
main.accordion details.article ::-webkit-details-marker,
main.accordion details.article::-webkit-details-marker,
main.accordion details.article::marker {
  display: none;
}
main.accordion details.article summary {
  border-bottom: 1px solid #c4c4c5;
  list-style: none;
  cursor: pointer;
  font-size: 22px;
  font-weight: 300;
  background-color: #ececed;
  padding: 15px 15px 15px 40px;
  background-position: 9px center;
  background-repeat: no-repeat;
  background-size: 20px;
  background-image: url(https://www.openresearch.manchester.ac.uk/includes/images/lib-dynamic/chevron-right.svg);
}
main.accordion details.article[open] summary {
  background-image: url(https://www.openresearch.manchester.ac.uk/includes/images/lib-dynamic/chevron-down.svg);
}
main.accordion details.article:first-of-type summary {
  border-top: 1px solid #c4c4c5;
}
main.accordion details.article[open] section.inner {
  animation: details-sweep 1s ease-in-out;
  padding: 25px 0;
  border-bottom: 1px solid #c4c4c5;
}
main.accordion details.article:last-of-type[open] section.inner {
  border-bottom: none;
}
main figure.video {
  margin: 0;
}
main figure.video > h2 {
  margin: 0 0 25px 0;
}
main figure.video video {
  outline: 1px solid red;
  width: 100%;
}
main figure.video aside.wrapper {
  margin: 25px 0;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
main figure.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mixin-split-layout {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  column-gap: 100px;
}
@media screen and (max-width: 1119px) {
  .mixin-split-layout {
      grid-template-columns: 1.5fr 1fr;
  }
}
@media screen and (max-width: 959px) {
  .mixin-split-layout {
      grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 539px) {
  .mixin-split-layout {
      grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1119px) {
  .mixin-split-layout {
      column-gap: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .mixin-split-layout {
      column-gap: 33.3px;
  }
}
@media screen and (max-width: 539px) {
  .mixin-split-layout {
      column-gap: 0;
  }
}
@media screen and (max-width: 1919px) {
  .mixin-hide-nonhd {
      display: none;
  }
}
@media screen and (max-width: 1119px) {
  .mixin-hide-smaller {
      display: none;
  }
}
@media screen and (max-width: 1023px) {
  .mixin-hide-tablet {
      display: none;
  }
}
main.homepage section.inner {
  width: 90%;
  max-width: 1140px;
  margin: 0 auto;
}
@media screen and (max-width: 1119px) {
  main.homepage section.inner {
      width: calc(100% - (2 * 25px));
  }
}
main.homepage section.inner nav.link-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: auto;
  column-gap: 33.6px;
  row-gap: 33.6px;
}
@keyframes pan {
  from {
      transform: translateX(-50vw);
  }
  to {
      transform: translateX(50vw);
  }
}
@keyframes saturater {
  0% {
      filter: saturate(0.95);
  }
  50% {
      filter: saturate(1.08);
  }
  100% {
      filter: saturate(0.95);
  }
}
main.homepage #splash {
  position: relative;
  top: 0;
  left: 0;
  overflow: visible;
}
main.homepage #splash aside.shadows,
main.homepage #splash img,
main.homepage #splash picture {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
main.homepage #splash img,
main.homepage #splash picture {
  animation: saturater;
  animation-duration: 12s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
main.homepage #splash aside.shadows,
main.homepage #splash picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: -1;
}
main.homepage #splash img {
  object-fit: cover;
}
main.homepage #splash aside.shadows {
  display: grid;
  grid-template-columns: 1.5fr 1fr 2fr;
  justify-items: center;
  animation-name: pan;
  animation-timing-function: linear;
  animation-fill-mode: both;
  animation-duration: 60s;
  z-index: 9999;
}
@media screen and (max-width: 1023px) {
  main.homepage #splash aside.shadows {
      display: none;
  }
}
main.homepage #splash aside.shadows > .shadow {
  width: 0;
  height: 100%;
  box-shadow: 0 0 8vw 8vw rgba(0, 0, 0, 0.3);
  transform: rotate(-15deg);
}
main.homepage #splash .layout-break-upper {
  position: absolute;
  top: -33.3px;
  left: 0;
  height: 0;
  width: 100%;
}
@media screen and (max-width: 1919px) {
  main.homepage #splash .layout-break-upper {
      display: none;
  }
}
main.homepage #splash .layout-break-upper > aside {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg, #d9d9d9 0, #d9d9d9 1px, #f0f0f0 6px, #fff 100%);
  width: 100%;
  height: 75px;
}
main.homepage section.hero-container {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  column-gap: 100px;
  grid-template-rows: auto auto;
  grid-template-areas: "hero box" "hero oor";
  align-items: flex-end;
  row-gap: 33.3px;
  padding: 33.3px 0;
}
@media screen and (max-width: 1119px) {
  main.homepage section.hero-container {
      grid-template-columns: 1.5fr 1fr;
  }
}
@media screen and (max-width: 959px) {
  main.homepage section.hero-container {
      grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 539px) {
  main.homepage section.hero-container {
      grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1119px) {
  main.homepage section.hero-container {
      column-gap: 50px;
  }
}
@media screen and (max-width: 1023px) {
  main.homepage section.hero-container {
      column-gap: 33.3px;
  }
}
@media screen and (max-width: 539px) {
  main.homepage section.hero-container {
      column-gap: 0;
  }
}
@media screen and (max-width: 539px) {
  main.homepage section.hero-container {
      grid-template-rows: auto auto;
      grid-template-areas: "hero" "box";
  }
}
@media screen and (max-width: 1119px) {
  main.homepage section.hero-container {
      padding: 25px 0;
  }
}
main.homepage section.hero-container.no-hero {
  grid-template-rows: auto;
  grid-template-areas: "hero box";
}
@media screen and (max-width: 539px) {
  main.homepage section.hero-container.no-hero {
      grid-template-rows: auto auto;
      grid-template-areas: "hero" "box";
  }
}
main.homepage section.hero-container > section#hero {
  grid-area: hero;
}
main.homepage section.hero-container > section.breakout {
  grid-area: box;
}
main.homepage section.hero-container > section:nth-child(3) {
  grid-area: oor;
}
main.homepage section.hero-container > #hero {
  display: grid;
  grid-auto-rows: auto;
  row-gap: 33.3px;
}
main.homepage section.hero-container > #hero h1 {
  margin: 0;
  line-height: 1;
  color: #fff;
  text-shadow: 0 0 50px #000;
}
@media screen and (max-width: 539px) {
  main.homepage section.hero-container > #hero h1 {
      text-align: center;
  }
}
main.homepage section.hero-container > #hero h1 strong {
  display: block;
  font-size: 2em;
  line-height: 0.8;
  font-weight: 800;
}
@media screen and (max-width: 1919px) {
  main.homepage section.hero-container > #hero h1 strong {
      font-size: 1.5em;
  }
}
@media screen and (max-width: 959px) {
  main.homepage section.hero-container > #hero h1 strong {
      font-size: 1.2em;
  }
}
@media screen and (max-width: 539px) {
  main.homepage section.hero-container > #hero h1 strong {
      font-size: 1em;
      line-height: 1;
  }
}
main.homepage section.hero-container > #hero p {
  margin: 0;
}
@media screen and (max-width: 539px) {
  main.homepage section.hero-container > #hero p {
      text-align: center;
  }
}
main.homepage section.hero-container > section.breakout {
  background-color: #f0f0f0;
  height: auto;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: inset 0 0 4px 4px #d9d9d9;
  box-sizing: border-box;
  padding: 33.3px;
  border-radius: 0 50px 0 50px;
}
@media screen and (max-width: 1119px) {
  main.homepage section.hero-container > section.breakout {
      border-radius: 0 25px 0 25px;
  }
}
main.homepage section.hero-container > section.breakout > section.inner-white {
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.5);
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  row-gap: 25px;
  text-align: center;
}
main.homepage section.hero-container > section.breakout h1,
main.homepage section.hero-container > section.breakout p {
  margin: 0;
}
main.homepage .stripe {
  background: linear-gradient(180deg, #d9d9d9 0, #d9d9d9 1px, #f0f0f0 6px, #f0f0f0 100%);
  box-sizing: border-box;
  padding: 83.3px 33.3px 33.3px 33.3px;
  height: 100%;
  display: grid;
  grid-auto-rows: auto;
  row-gap: 33.3px;
}
@media screen and (max-width: 1119px) {
  main.homepage .stripe {
      background: #f0f0f0;
  }
}
@media screen and (max-width: 539px) {
  main.homepage .stripe {
      padding-top: 33.3px;
  }
}
main.homepage .stripe h1 {
  font-weight: 600;
  font-size: 24px;
}
@media screen and (max-width: 539px) {
  main.homepage #branding {
      display: none;
  }
}
main.homepage #branding h1 {
  text-align: left;
  margin: 0;
  color: #fff;
  text-shadow: 0 0 15px #000;
  font-size: 24px;
  padding-top: 12px;
  box-sizing: border-box;
  border-top: 8px solid #fff;
  font-weight: 300;
  backdrop-filter: blur(1px);
}
main.homepage #branding h1 strong {
  display: block;
  font-weight: 600;
}
main.homepage #content {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  column-gap: 100px;
  grid-template-rows: 1fr;
  align-items: flex-start;
}
@media screen and (max-width: 1119px) {
  main.homepage #content {
      grid-template-columns: 1.5fr 1fr;
  }
}
@media screen and (max-width: 959px) {
  main.homepage #content {
      grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 539px) {
  main.homepage #content {
      grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1119px) {
  main.homepage #content {
      column-gap: 50px;
  }
}
@media screen and (max-width: 1023px) {
  main.homepage #content {
      column-gap: 33.3px;
  }
}
@media screen and (max-width: 539px) {
  main.homepage #content {
      column-gap: 0;
  }
}
@media screen and (max-width: 539px) {
  main.homepage #content {
      margin-bottom: 25px;
  }
}
main.homepage #content .stripe ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-auto-rows: auto;
  row-gap: 12.5px;
}
main.homepage #content .stripe ul li {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-rows: auto auto;
  row-gap: 5px;
}
main.homepage #content .stripe ul a {
  color: inherit;
  text-decoration: none;
}
main.homepage #content .stripe ul a:hover {
  text-decoration: underline;
}
main.homepage #content .stripe ul span {
  display: block;
  font-size: 14px;
  line-height: 1.2;
}
main.homepage #content .stripe ul svg {
  fill: #c4c4c5;
}
main.homepage #content .stripe ul.promoted li {
  grid-template-columns: 24px 1fr;
  grid-template-rows: auto;
  column-gap: 10px;
  align-items: center;
}
main.homepage #content .stripe > article h1 + p {
  display: none;
}
main.homepage #tagging {
  background-color: #f0f0f0;
  box-sizing: border-box;
}
main.homepage #tagging > section.inner {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  column-gap: 100px;
  grid-template-rows: 1fr;
  align-items: flex-start;
}
@media screen and (max-width: 1119px) {
  main.homepage #tagging > section.inner {
      grid-template-columns: 1.5fr 1fr;
  }
}
@media screen and (max-width: 959px) {
  main.homepage #tagging > section.inner {
      grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 539px) {
  main.homepage #tagging > section.inner {
      grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1119px) {
  main.homepage #tagging > section.inner {
      column-gap: 50px;
  }
}
@media screen and (max-width: 1023px) {
  main.homepage #tagging > section.inner {
      column-gap: 33.3px;
  }
}
@media screen and (max-width: 539px) {
  main.homepage #tagging > section.inner {
      column-gap: 0;
  }
}
main.homepage #tagging h1 {
  margin-top: 50px;
}
main.homepage #tagging ul {
  margin: 25px 0 50px 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
main.homepage #tagging li {
  margin: 0;
  padding: 0;
}
main.homepage #tagging a {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 6px;
  text-transform: lowercase;
  border: 1px solid #c4c4c5;
  background-color: #fff;
  padding: 4px 8px;
  border-radius: 20px;
  white-space: nowrap;
  text-decoration: none;
  color: inherit;
}
main.homepage #tagging a:hover {
  color: #6b2c91;
}
main.homepage #tagging img,
main.homepage #tagging picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: inset 0 0 14px 14px #000;
}
main.homepage #thirdbit {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  column-gap: 100px;
  grid-template-rows: 1fr;
  align-items: flex-start;
  margin-bottom: 75px;
}
@media screen and (max-width: 1119px) {
  main.homepage #thirdbit {
      grid-template-columns: 1.5fr 1fr;
  }
}
@media screen and (max-width: 959px) {
  main.homepage #thirdbit {
      grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 539px) {
  main.homepage #thirdbit {
      grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1119px) {
  main.homepage #thirdbit {
      column-gap: 50px;
  }
}
@media screen and (max-width: 1023px) {
  main.homepage #thirdbit {
      column-gap: 33.3px;
  }
}
@media screen and (max-width: 539px) {
  main.homepage #thirdbit {
      column-gap: 0;
  }
}
@media screen and (max-width: 1279px) {
  main.homepage #thirdbit {
      margin-bottom: 0;
  }
}
main.homepage #thirdbit .stripe {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding-top: 33.3px;
  padding-bottom: 33.3px;
}
main.homepage #thirdbit .layout-break-lower {
  position: absolute;
  bottom: -33.3px;
  left: 0;
  height: 0;
  width: 100%;
}
@media screen and (max-width: 1919px) {
  main.homepage #thirdbit .layout-break-lower {
      display: none;
  }
}
main.homepage #thirdbit .layout-break-lower > aside {
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, #f0f0f0 0, #fff 100%);
  width: 100%;
  height: 75px;
}
main.homepage section.promos {
  margin: 50px 0;
  display: grid;
  grid-auto-rows: auto;
  row-gap: 50px;
}
@media screen and (max-width: 539px) {
  main.homepage section.promos {
      margin-bottom: 25px;
  }
}
main.homepage section.promos > article {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto auto auto;
  grid-row-gap: 25px;
  grid-column-gap: 50px;
  grid-template-areas: "picture title" "picture paragraph" "picture link";
}
@media screen and (max-width: 1119px) {
  main.homepage section.promos > article {
      column-gap: 33.3px;
  }
}
main.homepage section.promos > article img,
main.homepage section.promos > article picture {
  border-radius: 50px 0 50px 0;
}
@media screen and (max-width: 1119px) {
  main.homepage section.promos > article img,
  main.homepage section.promos > article picture {
      border-radius: 25px 0 25px 0;
  }
}
main.homepage section.promos > article picture.fit-contain,
main.homepage section.promos > article picture.fit-contain img {
  border-radius: 0 !important;
}
main.homepage section.promos > article:nth-child(even) {
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "title picture" "paragraph picture" "link picture";
}
main.homepage section.promos > article:nth-child(even) img,
main.homepage section.promos > article:nth-child(even) picture {
  border-radius: 0 50px 0 50px;
}
@media screen and (max-width: 1119px) {
  main.homepage section.promos > article:nth-child(even) img,
  main.homepage section.promos > article:nth-child(even) picture {
      border-radius: 0 25px 0 25px;
  }
}
main.homepage section.promos > article:nth-child(even) picture.fit-contain,
main.homepage section.promos > article:nth-child(even) picture.fit-contain img {
  border-radius: 0 !important;
}
main.homepage section.promos > article.no-picture {
  grid-template-columns: 1fr !important;
  grid-template-areas: "title" "paragraph" "link" !important;
}
@media screen and (max-width: 539px) {
  main.homepage section.promos > article {
      grid-template-columns: 1fr !important;
      grid-template-areas: "title" "paragraph" "link" !important;
  }
  main.homepage section.promos > article img,
  main.homepage section.promos > article picture {
      display: none;
  }
}
main.homepage section.promos > article > picture {
  grid-area: picture;
}
main.homepage section.promos > article > h1 {
  grid-area: title;
}
main.homepage section.promos > article > p:first-child {
  grid-area: paragraph;
}
main.homepage section.promos > article > p:last-child {
  grid-area: link;
}
main.homepage section.promos > article.direct section.content {
  grid-area: paragraph;
}
main.homepage section.promos > article.direct section.content p:last-child {
  margin-bottom: 0;
}
main.homepage section.promos > article.direct > p:first-child {
  grid-area: link;
}
main.homepage section.promos img,
main.homepage section.promos picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main.homepage section.promos picture.fit-contain {
  object-fit: contain;
}
main.homepage section.promos picture.fit-contain img {
  object-fit: contain;
}
main.homepage section.promos h1 {
  margin: 33.3px 0 0 0;
}
@media screen and (max-width: 539px) {
  main.homepage section.promos h1 {
      margin-top: 0;
  }
}
main.homepage section.promos p {
  margin: 0;
}
main.homepage section.promos p:last-child {
  margin-bottom: 33.3px;
}
@media screen and (max-width: 539px) {
  main.homepage section.promos p:last-child {
      margin-bottom: 0;
  }
}
a.button {
  height: 34px;
  display: inline-grid;
  padding: 0 25px;
  background-color: #6b2c91;
  border: 1px solid #6b2c91;
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
  font: inherit;
  text-decoration: none;
  color: #fff;
}
a.button.white {
  color: #6b2c91;
  background-color: #fff;
  border: 1px solid #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}