.media-embed.multiple-attachments .resource.item:not(:only-child) img {
  max-height: 300px;
}

a:link {
  text-decoration: none;
  color: #000000
}

a:visited {
  color: #000000
}

a:active, a:hover {
  color: #87CEEB
}

header>* {
  max-width: inherit;
}

header .hsuhk-logo {
  # margin-left: -10px;
  margin-bottom: 20px;
}

header .hsuhk-logo img {
  max-height: 91px;
}

body {
  # background-color: #f8f8f8;
  background-color: #eee;
}

@media screen and (min-width: 800px) {
  header nav {
    #background-color: #c5d5b1;
    background-color: #c5d5b1;
  }

  header {
    margin-bottom: 190px;
  }

  #content {
    # background-color: #eee;
    background-color: #f8f8f8;
  }
 footer {
    background-color: #f8f8f8;
  }

  .blocks {
    padding-top: 20px;
  }

  body {
    background-image: url('https://library.hsu.edu.hk/files/images/45th_website-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }

  #search {
    float: right;
    width: 20%;
    position: relative;
    left: auto;
    border-bottom: 0px solid #dedede;
    border-top: 0px solid #dedede;
  }

  .uri-value-link {
    text-decoration: none;
    color: #8B0000 !important
  }

.media-embed.multiple-attachments .item.resource a img {
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    #margin: 8px 0 0 8px;
    #box-shadow: 0 0 0 8px #fff;
  }
}

/* Botton netvigation Next Prev color */
.site-page-pagination a {
    color: #920b0b !important;
}

@media screen and (min-width: 800px) {
    .sub-menu ul {
        border-bottom: 1px solid #dedede;
        padding-bottom: 14px;
        padding-top: 14px;
    }
}

.breadcrumbs {
    font-size: 15px;
    margin: 15px 0;
    padding-top: 14px;
}

/* Create 10x4 grid layout for HSUHK Campus Page */
/* Added on 2025/03/06 */ /* Last revised on 2025/03/10 */
@media screen and (min-width: 641px) {
    .block.block-media.hsuhkCampus .media-embed.layout-horizontal.multiple-attachments {
        --grid-column-count: 10 !important;
        --grid-item--min-width: 80px !important;
        --grid-layout-gap: 10px !important;
        --gap-count: 9 !important;
        --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap)) !important;
        --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count)) !important;
        display: grid !important;
        grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
        grid-auto-rows: auto !important;
        grid-gap: var(--grid-layout-gap) !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .block.block-media.hsuhkCampus .media-embed.layout-horizontal.multiple-attachments .item.resource {
        width: auto !important;
        margin: 0 !important;
    }
}