/*Revise storyboard viewer height*/
@media print, screen and (min-width: 56.25em) {
.storyboard_viewer:has(#header_toolbar) .seadragonbox .openseadragon-container {
height: 80vh!important;
}
}

/*Ensure img is in centre of the page*/
.media-text:has(img) {
display: flex;
align-items: center;
}

/*Centre img files*/
.media-text .media-render.file:has(img) {
display: flex;
justify-content: center;
}

/*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*/

/*Standardise text width*/
.resource-text .text {
    max-width: 46.875rem;
}

/*Word Break for mapping*/
.leaflet-container a {
    word-break: break-all;
}

/*Reduce size of title under left/right Media Embed*/
@media print, screen and (min-width: 56.25em) {
    .left.file .metadata h2,
.right.file .metadata h2  {
        font-size: 1.2rem;
    }
}

/*Remove underline from yellow buttons*/
.background-colour-uom-footer .learn-more a:hover {
text-decoration: none;
}

/*Quick fix: width for Media Embed*/
.full-width-css .media-embed-block.left,
.full-width-css .media-embed-block.right {
padding-left: 1rem;
}

.media-embed-block.left.medium .learn-more,
.media-embed-block.right.medium .learn-more {
display: none;
}

.media-embed-block.left > .attachments {
display: block!important;
padding: 0!important;
}

.media-embed-block.left > .attachments > .item.resource {
display: block!important;
}

    .media-embed-block.left {
        width: 50% !important;
        margin: 0 1rem 0rem 0 !important;
    }
@media print, screen and (min-width: 56.25em) {
    .media-embed-block.left {
        width: 40% !important;
        margin: 0 3rem 1rem 0 !important;
    }
}

/*Quick fix for Media Embed*/
    .media-embed-block.left #storyboard_viewer.annonaview.storyboard_viewer,
    .media-embed-block.right #storyboard_viewer.annonaview.storyboard_viewer {
        height: 40vh !important;
}

@media print, screen and (min-width: 56.25em) {
    .media-embed-block.left #storyboard_viewer.annonaview.storyboard_viewer,
    .media-embed-block.right #storyboard_viewer.annonaview.storyboard_viewer {
        height: 40vh !important;
}
}

     .media-embed-block.left #storyboard_viewer .seadragonbox .openseadragon-container,
     .media-embed-block.right #storyboard_viewer .seadragonbox .openseadragon-container {
        height: 40vh !important;
    }

@media print, screen and (min-width: 56.25em) {
     .media-embed-block.left #storyboard_viewer .seadragonbox .openseadragon-container,
     .media-embed-block.right #storyboard_viewer .seadragonbox .openseadragon-container {
        height: 40vh !important;
    }
}

    .media-embed-block.left .seadragonbox,
.media-embed-block.right .seadragonbox {
        height:40vh !important;
    }
@media print, screen and (min-width: 56.25em) {
    .media-embed-block.left .seadragonbox,
.media-embed-block.right .seadragonbox {
        height: 40vh !important;
    }
}

/*End quick fix*/

/*Large Hero Image*/
@media screen and (min-width: 75em) {
    .openseadragon-hero.home {
        height: 80vh;
        margin-top: -2rem !important;
    }
}

.no-button-item-showcase .item-showcase .learn-more {
display: none;
}

.openseadragon-container {
    background-color: #f2f2f2 !important;
}

.background-colour-uom-footer .openseadragon-container {
    background-color: #1c1919 !important;
}