/* Allow vertical page scrolling when swiping on the OSD viewer */
.openseadragon-block .openseadragon-container,
.openseadragon-block .openseadragon-canvas {
  touch-action: pan-y !important;
}

/* Most reliable: stop OSD wrappers receiving touch/pointer events */
.openseadragon-block .openseadragon-container,
.openseadragon-block .openseadragon-canvas {
  pointer-events: none !important;
}

/*Increase size of h1 for Home Page*/
@media screen and (min-width: 1200px) {
   .large-title .openseadragon-block .hero-title-openseadragon h1 {
        font-size: 350%;
        line-height: 3.5rem;
        padding: 1rem;
    }

    .large-title .openseadragon-block .hero-title-openseadragon {
        bottom: 40%;
        max-width: 35rem;
    }
}




.hamburger-icon {
    width: 1.75rem;
    height: 1.75rem;
}

.block-Openseadragon {
width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

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

/*Only display the last title for 'Alphabets in Context'*/
.last-item-title .item.resource.medium a {
  display: none;
}

.last-item-title .item.resource.medium:last-child a {
  display: inline;
}

/*Remove underline from button*/
.button a {
    text-decoration: none!important;
}

.button.hollow:hover {
    text-decoration: none!important;
    background: #6b2c91;
    transition: background-color 1s;
}

.button.hollow:hover a {
color: #fff;
transition: background-color 1s;
}

/*Place image banner title in a container*/
 .image-banner .overlay-container {
    max-width: 1200px;
    margin: 0 auto;
}

/*Temporary code*/
@media print, screen and (max-width: 37.4988em) {
    body:not(.browse) #content {
        padding: 0;
        margin: 0;
    }
}

@media print, screen and (max-width: 37.4999em) {
section.image-banner {
    margin-top: 0;
}
}

/*Reduce height of Image Banner*/
@media screen and (min-width: 75em) {
    .image-banner .overlay-container {
        height: 20rem;
    }
}

/*Restrict width of image banner*/
.block-image-banner {
    width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
}

.block-image-banner .image-banner.tint-light {
   background: #f3f3f3;
}

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

/*Speculative*/
.intro-heading {
    padding: 1rem;
    background: #2c0142;
    color: #fff;
    margin-top: -3rem;
}

.dark-background h1 {
color: #fc3
}

.button.hollow.warning:hover {
background: #fc3;
}