.content-warning-text a {
text-decoration: underline;
}

.language-show:not(:last-child)::after {
    padding-right: .5rem;
    padding-left: .5rem;
    content: "|";
}

.grid-container.site-page-pagination {
margin-left: auto;
margin-right: auto;
}

.corala-acknowledgements {
background: #fc3;
}

.corala-acknowledgements h1 {
font-weight: 600;
}

.corala-acknowledgements h2,
.corala-acknowledgements h3,
.corala-acknowledgements h4 {
font-weight: 600;
}

/*Additional padding for Media Embed/*
/*Commented out as it breaks toggle-caption block*/
/*@media print, screen and (min-width: 75rem) {
.full-width-css :not(.toggle-caption).left.file {
padding-left: 3rem;
}
}*/

/*Remove button*/
.no-button .learn-more {
display: none;
}

/*Revise Hero Image for Acknowledgements*/
.hero-image.image-xlarge {
background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.4));
}

/*Remove padding from header and footer*/
.resource.show .grid-x.header-uom {
padding: 0;
}

.footerContainer .resource.show .grid-x {
padding: 0;
}

/*Faceted Browse*/
.faceted-browse-page .resource-list .resource-link img {
    float: unset;
    display: block;
}

@media screen and (min-width: 450px) {
.faceted-browse-page .resource-list .resource-link img {
    float: right;
    display: inline-block;
}
}

/*Footer*/
footer {
padding-bottom: 0;
}

/*Page Block Image Banner*/
.image-banner .image-container::after {
    opacity: 0.2;
}

.image-banner .overlay-container {
   min-height: clamp(200px, 20vh, 300px);
    max-width: 500px;
}

.overlay-container h2 {
    width: fit-content;
    padding: 1rem;
    font-size: 2rem;
}

.image-banner .overlay-container > * {
    color: #fff;
}

@media screen and (min-width: 901px) {
.overlay-container h2 {
    font-size: 3rem;
}
}

/*See More CSS*/
#seeMore {
  display: none;
}

#seeMore:target {
  display: block;
}

@media print, screen and (min-width: 56.25em) {
    .left.file .metadata h2,
.right.file .metadata h2  {
        font-size: 1.3rem;
    }
}

/*Remove 1px margin*/
.minus-1-margin-top {
margin-top: -1px;
}

/*Remove Learn More button from Media Embed*/
.left.file .learn-more,
.right.file .learn-more {
display: none;
}

/*Colour links for Metadata Browse*/
a.metadata-browse-direct-link {
    text-decoration: underline;
    color: #609;
}

/*Add a white background to text for introduction asset*/
.white-background .hero-title.dark-background h1 {
color: initial;
background-color: #fff;
}

/*Highlight text in gold for language selector*/
a.language-show:hover {
color: #fc3;
}

/*Faceted browse errors*/
#facets label {
    color: #000;
    align-items: baseline;
}

/*Remove padding from Faceted Browse titles*/
#section-content span.resource-name {
padding: unset;
}

/*Testing acknowledgements page*/

.acknowledgements-img {    
  /*background: url('/files/asset/32e2bed17aa12c7926d144cd743b2a2d27ea2694.jpg');*/
     background-color: #fc3;
  /*background-position: center;*/
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/
  /*background-attachment: fixed;*/
  min-height: 100vh;
  width: 100vw;
  overflow-y: auto;
  margin-top: -1rem;
}

@media screen and (min-width: 600px) {
.acknowledgements-img {    
  margin-top: -2rem;
}
}

.acknowledgements-content {
  /*margin: 5rem auto;*/
   margin: 1rem auto;
  width: 90%;
 background-color: #ffffffb8;
  padding: 2rem 1rem;
}

@media screen and (min-width: 1200px) {
.acknowledgements-content {
width: 80%;
}
}

.acknowledgements-content h2,
.acknowledgements-content h3,
.acknowledgements-content h3.h1 {
font-weight: 600;
}

/*iFrame Responsive Embed*/
.resource.show .media-render>* {
    max-width: 100%;
}

.resource.show .media-render >.openseadragon {
height: 80vh!important;
}

/*Full width Mirador Viewer*/
.media-render.iiif_presentation {
width: 100%;
}

/*Faceted Browse*/
.select-list-item .value:first-child {
margin-top: 0;
}

@media print, screen and (min-width: 37.5em) {
.subsection-text .h3 {
    font-size: 1.625rem;
}
}

/*Item Showcase Hover*/
.button a:hover {
text-decoration: none;
}

.item-showcase .caption {
text-align: left;
}

.sub-menu-buttons {
margin: 1rem;
}
@media screen and (min-width: 600px) {
.sub-menu-buttons {
margin: 2rem 1rem;
}
}
@media screen and (min-width: 1200px) {
.sub-menu-buttons {
margin: 3rem 1rem;
}
}

.sub-menu-buttons .button {
margin: 0.5rem;
}

#content p a.button {
    text-decoration: none;
    margin: 1rem 0.5rem;
}

.image-container {
min-height: 200px;
}

.image-banner .image-container img {
    max-width: unset;
}

.learn-more h2.button {
margin-top: 0!important;
}

/*Footer Container and new icon*/
.footerContact {
order: 0;
}
.footerConnect {
order: 1;
}
.footerNational {
order: 2;
}
.footerUKRI {
order: 3;
}

@media screen and (min-width: 600px) {
.footerConnect {
order: 2;
}
.footerContact {
order: 0;
}
}
@media screen and (min-width: 900px) {
.footerUKRI {
order: 2;
}
.footerConnect {
order: 1;
}
.footerContact {
order: 0;
}
}

/*Asset Cards*/
.asset.card {
    position: relative;
    display: inline-block;
    background: unset;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.card-image {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.asset.card:hover .card-image {
    transform: scale(1.05); /* Slight zoom effect */
}

.asset.card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0); /* No color initially */
    transition: background-color 0.3s ease; /* Smooth transition */
    pointer-events: none; /* Makes sure only the image is clickable */
}

.asset.card:hover::before {
    background-color: rgba(0, 0, 0, 0.1); /* Change to desired tint color and opacity*/ 
}
/*End Cards*/