/* by Creasant */

@media only screen and (min-width: 1000px) {

  body .wcu-banner .mtpc-block-image-block img,
  body .region-highlighted .hkust-simple-text:has(> h1.wcu-banner-title) img {
    height: 270px;
  }

  body .view-id-news_events .view-content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 56px 100px;
  }

  body.page-node-type-news .region-content {
    display: grid;
    grid-template-columns: minmax(0, 930px) minmax(40px, 1fr) 196px;
    align-items: start;
    box-sizing: border-box;
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 40px;
  }

  body.page-node-type-news article.mtpc-news-article .mtpc_news_right {
    grid-column: 3;
    grid-row: 1 / span 3;
    width: auto;
    margin-top: 90px;
  }

  body #block-wcu-news-back {
    padding: 0 40px;
  }

  body .wcu-theme .mtpc-2col-section-wrapper {
    align-items: stretch;
  }

  body .wcu-theme .mtpc-2col-section-wrapper > .mtpc-2col-item--1 {
    flex: 0 0 240px;
    width: 240px;
  }

  body .wcu-theme .mtpc-2col-section-wrapper > .mtpc-2col-item--2 {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    margin-left: 10px;
  }

  body .mtpc-profile-list-block {
    --wcu-cols: 5;
    --wcu-gap: 70px;
    --wcu-item: 200px;
  }

  body .mtpc-profile-list-block.wcu-people--cards {
    --wcu-gap: 20px;
    --wcu-item: 240px;
  }

  body .mtpc-1col-section:has(.wcu-people--cards) {
    padding-bottom: 236.6px;
  }

  body .mtpc-1col-section:has(.wcu-people--cards) .mtpc-block-textarea-block {
    padding-top: 61.1px;
  }

  body .mtpc-profile-list-block.wcu-people--cards {
    padding-top: 82.2px;
    padding-bottom: 0;
  }

  body .wcu-people--cards .mtpc_pl_item_wrapper .mtpc_pl_pic {
    width: 200px;
  }

  body .mtpc-profile-list-block .field--name-field-mtpc-profile-listing-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 81px var(--wcu-gap);
  }

  body .mtpc-profile-list-block .field--name-field-mtpc-profile-listing-item > .field__item {
    flex: 0 1 calc((100% - (var(--wcu-cols) - 1) * var(--wcu-gap)) / var(--wcu-cols));
    max-width: var(--wcu-item);
    min-width: 0;
  }

  body .mtpc-profile-list-block .field--name-field-mtpc-profile-listing-item > .field__item:nth-child(5n+1):not(:nth-last-child(-n+5))::after {
    content: "";
    position: absolute;
    bottom: -41px;
    left: calc((100cqw - var(--wcu-cols) * 100% - (var(--wcu-cols) - 1) * var(--wcu-gap)) / -2);
    width: 100cqw;
    height: 1px;
    background: linear-gradient(90deg, var(--wcu-green) 10%, var(--wcu-blue-2) 90%);
    pointer-events: none;
  }

  body .mtpc-block-image-grid-item-wrapper > .mtpc-image-grid-block-item {
    width: calc((100% - 20px) / 3);
  }

  body .mtpc-block-image-grid-item-wrapper > .mtpc-image-grid-block-item .grid_main_image {
    aspect-ratio: 420 / 240;
  }

  body .wcu-bio .mtpc-2col-section-wrapper > .mtpc-2col-item--1 {
    flex: 0 1 700px;
    width: auto;
    min-width: 0;
  }

  body .wcu-bio .mtpc-2col-section-wrapper > .mtpc-2col-item--2 {
    flex: 0 1 520px;
    width: auto;
    min-width: 0;
    margin-left: 60px;
  }

  body .wcu-bio.narrow .mtpc-2col-section-wrapper > .mtpc-2col-item--1 {
    flex: 0 1 770px;
  }
  body .wcu-bio.narrow .mtpc-2col-section-wrapper > .mtpc-2col-item--2 {
    flex: 0 1 450px;
  }

  body table.tbl-bg:has(thead th + th) td + td > hr + p:has(+ h3 + hr) {
    float: left;
    margin: calc(var(--wcu-tbl-h-above) - var(--wcu-tbl-t-above) + (var(--wcu-tbl-h3) - var(--wcu-tbl-text)) * 0.375) 20px 0 0;
  }

  body table.tbl-bg:has(thead th + th) td + td > hr + p:has(+ h3 + hr) + h3 {
    margin-top: 0;
  }

  body .wcu-media-row > .mtpc-2col-section-wrapper {
    align-items: center;
  }

  body .wcu-media-row > .mtpc-2col-section-wrapper > .mtpc-2col-item--1 {
    flex: 0 1 var(--wcu-media-w);
    width: auto;
    min-width: 0;
  }

  body .wcu-media-row > .mtpc-2col-section-wrapper > .mtpc-2col-item--2 {
    flex: 1 1 0;
    width: auto;
    min-width: 340px;
    margin-left: 40px;
  }

  body .mtpc-section-item:has(.wcu-banner) + .mtpc-section-item .wcu-media-row {
    padding-top: 90px;
  }

  body .mtpc-section-item:last-child .wcu-media-row {
    padding-bottom: 20px;
  }

  body .mtpc-section-item:last-child .wcu-media-row--pair {
    padding-bottom: 140px;
  }

  body .mtpc-section-item:last-child .mtpc-1col-section.wcu-media-row {
    padding-bottom: 10.34px;
  }

  body .wcu-media-row--lg .mtpc-1col-item {
    max-width: 780px;
  }

  body .mtpc-section-item:last-child .mtpc-1col-section.wcu-media-row.wcu-media-row--lg {
    padding-bottom: 120px;
  }

  body:has(.wcu-media-row--lg) .region-content {
    padding-bottom: 0;
    background-size: 100% calc(100% - 270px);
  }

  body .wcu-logo-row > .mtpc-2col-section-wrapper {
    align-items: center;
  }

  body .wcu-logo-row > .mtpc-2col-section-wrapper > .mtpc-2col-item--1 {
    flex: 0 0 500px;
    width: 500px;
  }

  body .wcu-logo-row > .mtpc-2col-section-wrapper > .mtpc-2col-item--2 {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    margin-left: 60px;
  }

  body .mtpc-section-item:last-child .wcu-logo-row {
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 1000px) {

  body #block-wcu-footer .hkust-simple-text {
    display: grid;
    grid-template-columns: repeat(8, auto) 1fr fit-content(100%);
    grid-template-rows: auto auto 1fr;
    gap: 0;
  }

  body #block-wcu-footer p:has(img) {
    grid-row: 1 / -1;
    margin-right: 60px;
  }

  body #block-wcu-footer p:not(:has(img)) {
    grid-column: -2;
    margin-top: 9.64px;
  }

  body #block-wcu-footer p:not(:has(img)) + p:not(:has(img)) {
    margin-top: 20.39px;
    padding-top: 10.36px;
  }

}

@media only screen and (min-width: 1181px) and (max-width: 1365px) {

  body header .mtpc_header .header.desktop .wrapper .logos .logos_container .logos_right .navigation > ul.menu {
    column-gap: 30px;
  }

}
