/*Large Item Showcase Image*/
.item-listing-item.max-height.item-count-1 img {
height: unset;
max-height: 85vh;
}

figure.max-height img {
max-height: 85vh;
}

/*Exhibit Container*/
.responsive-embed.exhibit {
padding-bottom: 75%;
}

.acknowledgements p {
line-height: 2;
}

.acknowledgements p.h4 {
line-height: 2;
}

.acknowledgements p.h4 span {
font-weight: 600;
}

.acknowledgements p.h5 span {
font-weight: 600;
}

/*UoM Footer Annona text*/
.exhibit-container {
margin-left: 2rem;
margin-right: 2rem;
}

/*Exhibition image on front page*/
.hero {
    background: url(/files/asset/19883e67093549b992154c82ae4e2d13996feca4.jpg);
    height: 618px;
}

@media (max-width:1279px) {
    .hero {
        background: url(/files/asset/668ace5a90c2da94bd8e632285a352905343d140.jpg);
        height: 0;
        padding-top: 32.18%;
    }
}

@media (max-width:1024px) {
    .hero {
        background: url(/files/asset/19883e67093549b992154c82ae4e2d13996feca4.jpg);
        height: 0;
        padding-top: 32.23%;
    }
}

@media (max-width:800px) {
    .hero {
        background: url(/files/asset/5a63eefbd2574bf571699dbac2f2f5202888b629.jpg);
        height: 0;
        padding-top: 32.23%;
    }
}

@media (max-width:599px) {
    .hero {
        background: url(/files/asset/72a19eb8e2f1a696bf924be4528b660c6dc4c7c6.jpg);
        height: 0;
        padding-top: 52.92%;
    }
}
/*End exhibition image on front page*/

/*Hero Images Frame for Front Page*/

.hero-frame {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    /*margin: 0 auto;*/
}

/*Hero Images for other pages*/

.hero-qing-empire {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/965a0c582b4aed8c744218220ae64d6a1c3f7677.jpg);
}

.hero-knowledge-exchange {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/fd90e39f08ec993945f57bb9428469d9dd2ed068.jpg);
}

.hero-end-glory {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/c396b11d492ee207d162c26cbbac32a8cf2a254a.jpg);
}

.hero-multi {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/multi_man_large.jpg);
}

.hero-non-chinese {
    /*background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/4fa226f376decf0ed2868b4037ec3f6aa97ee2e7.jpg);*/
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/53cf296a293708e2e1f9006067338a076eeb8f01.jpg);
}

.hero-imperial-expansion {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/76c93d4b6ccff42046e6ff0e83935f57f288ab3a.jpg);
}

.hero-legacies {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/21e3ab8430794bf98f25a07039fdf13e6e54e3c1.jpg);
}

.hero-qing-empire-457 {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/ff4b933614b2c47c82bbf8433f2c701afe98b5f8.jpg);
}

.hero-acknowledgements {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/1829b575774d669f74e522b021273bb58235def1.jpg);
}

/*Mobile hero images*/

@media only screen and (max-width: 1300px) {
.hero-multi {
        background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/multi_man_1300.jpg);
    }
.hero-knowledge-exchange {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/knowledge_exchange_1300.jpg);
}
}

@media only screen and (max-width: 1024px) {
    .hero-legacies {
        background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/ebbb9037cc3077417ef517d8bdc8890453e27646.jpg);
    }
    .hero-imperial-expansion {
        background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/0022cb8c25cb2c1356802763efce631294d9b4ac.jpg);
    }
    .hero-end-glory {
        background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/e741f76097aba6491ab988b020e94ae6486a08c2.jpg);
    }
.hero-non-chinese {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/b73a56b28b224c24b44db6334a4f16815490122f.jpg);
}
}

@media only screen and (max-width: 800px) {
.hero-multi {
        background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/multi_man_800.jpg);
    }
.hero-knowledge-exchange {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/knowledge_exchange_800.jpg);
}
}

@media only screen and (max-width: 600px) {
.hero-non-chinese {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/non_chinese_mob_small.jpg);
}
}

@media only screen and (max-width: 550px) {
.hero-knowledge-exchange {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/knowledge_exchange_550.jpg);
}
.hero-imperial-expansion {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/imperial_550.jpg);
}
.hero-legacies {
    background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3)), url(/files/asset/legacies_550.jpg);
}
}

/*End Other Pages*/

/*Framework for hero images (non text in image)*/

.page-hero {
    pointer-events: none;
    width: 100%;
    z-index: 9999;
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
}

.page-hero .page-hero-inner {
    pointer-events: inherit;
    /*max-width: 1141px;*/
    /*width: 50%; JMc edit 27/07/22*/
    /*color: green;*/
    /*box-sizing: border-box;*/
   /*padding: 0 0 40px 20px;*/
   /* position: absolute;*/
    /*top: 100px;*/
    /*left: 0;*/
}

.page-hero .page-hero-inner h2 {
    color: #333;
    font-size: 52px;
    line-height: 1.2em;
    font-weight: 300;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    margin-top: 8rem;
    padding: 1.5rem;
    margin-right: 15px;
}

@media only screen and (max-width: 1800px) {
/*Exhibit Container*/
.responsive-embed.exhibit {
padding-bottom: 65%;
}
}

@media only screen and (max-width: 1400px) {
/*Exhibit Container*/
.responsive-embed.exhibit {
padding-bottom: 55%;
}
}

/*Stop text overflowing container*/
@media only screen and (max-width: 800px) {
   .page-hero .page-hero-inner h2 {
         font-size: 40px;
}
.responsive-embed.exhibit {
height: 90vh;
}
}

/*Stop text overflowing container*/
@media only screen and (max-width: 450px) {
.page-hero .page-hero-inner {
      padding-left: 5px;
}

   .page-hero .page-hero-inner h2 {
         font-size: 33px;
        margin-right: 5px;
}
}

@media only screen and (min-width: 640px) {
    .secondary-hero {
        background-attachment: fixed;
        height: 80vh;
}

@media only screen and (max-width: 600px) {
  .page-hero {
     height: 450px;
   }
}