/* by Creasant */
/* Large Tablet */
@media (min-width: 1000px) and (max-width: 1280px) { 
  /* Accommodation */
  /* Photo with Text Block*/
  .photo-with-text-block { 
    min-height: 150px; 
  }
  
  /* Speakers */
  .speakers .field.field--name-field-mtpc-profile-listing-item { 
    grid-template-columns: repeat(4, 1fr); 
  }
  
  .mtpc_pd_item_container > .mtpc_pd_item_wrapper { 
    padding: 0 72px 72px; 
  }
}

@media only screen and (max-width: 999px) {
  /* Default CSS */
  /* Layout */
  /* Sections */
  body .field.field--name-field-mod-sections .field__items > .mtpc-section-item:nth-child(2) .mtpc-1col-section, 
  body .field.field--name-field-mod-sections .field__items > .mtpc-section-item:nth-child(2) .mtpc-2col-section { 
    padding-top: 60px; 
  }
  
  body.home .field.field--name-field-mod-sections .field__items > .mtpc-section-item:nth-child(2) .mtpc-1col-section { 
    padding-top: 0; 
  }
  
  body .field.field--name-field-mod-sections .field__items > .mtpc-section-item:last-child .mtpc-1col-section, 
  body .field.field--name-field-mod-sections .field__items > .mtpc-section-item:last-child .mtpc-2col-section { 
    padding-bottom: 70px; 
  }
  
  /* Tables */
  .field.field--name-field-mod-sections table tr th:first-child, 
  .field.field--name-field-mod-sections table tr td:first-child { 
    min-width: unset; 
    padding: 10px; 
  }
  
  .field.field--name-field-mod-sections table.tbl-noborder-3 tr td:last-child { 
    padding-top: 10px;
  }
  
  table.tbl-bg thead tr th { 
    padding: 10px; 
    font-size: 0.9em; 
  }
  
  body .field.field--name-field-mod-sections table.tbl-line tr th:first-child, 
  body .field.field--name-field-mod-sections table.tbl-line tr td:first-child { 
    width: unset; 
  }
  
  table.tbl-noborder tr td:first-child { 
    width: unset; 
  }
  
  table.tbl-noborder-2 tr td:first-child { 
    width: unset; 
  }
  
  /* Buttons */
  ul:has(> li > a.orange-button), 
  ul:has(> li > a.cyan-button), 
  ul:has(> li > a.darkblue-button) { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
  }
  
  /* Tabs */
  a.tab, 
  a.active-tab { 
    width: 100%; 
  }
  
  /* Page Title */
  .mtpc_pagetitle { 
    /*height: 500px; */
    background-image: url('/sites/default/files/2026-10/page-banner-bg-mobile.jpg'); 
  }
  
  /* Columns */
  .mtpc-2col-section .mtpc-2col-section-wrapper { 
    display: flex; 
    flex-direction: column;
    gap: 40px; 
  }
  
  .mtpc-2col-section .mtpc-2col-section-wrapper:has(.photo-with-text-block) { 
    /*flex-direction: column; */
    flex-direction: row; 
    gap: 20px;
  }
  
  .mtpc-2col-section .mtpc-2col-section-wrapper>.mtpc-2col-item { 
    width: 100%; 
  }
  
  .mtpc-2col-section .mtpc-2col-section-wrapper>.mtpc-2col-item:has(.photo-with-text-block) { 
    width: 100%; 
  }
  
  .mtpc-2col-section .mtpc-2col-section-wrapper>.mtpc-2col-item--2 { 
    /*margin-left: 0; */
  }
  
  .mtpc-2col-section .mtpc-2col-section-wrapper>.mtpc-2col-item--2:has(.photo-with-text-block) { 
    margin-left: 0; 
  }
  
  .mtpc-2col-section.l75_25 .mtpc-2col-section-wrapper>.mtpc-2col-item.mtpc-2col-item--1 { 
    width: 100%; 
  }
  
  .mtpc-2col-section.l75_25 .mtpc-2col-section-wrapper>.mtpc-2col-item.mtpc-2col-item--2 { 
    width: 100%; 
  }
  
  .mtpc-2col-section.l65_25 .mtpc-2col-section-wrapper>.mtpc-2col-item.mtpc-2col-item--1 { 
    width: 100%; 
  }
  
  /* Header */
  /* Header title scaled down (derived: no tablet frame in Figma) */
  header .mtpc_header .header .wrapper .logos .logos_left .logo_two.text_logo a.field-group-link {
    font-size: 20px;
  }
  
  /* Profiles */
  .field.field--name-field-mtpc-profile-listing-item { 
    margin-right: 0; 
  }
  
  .field--name-field-mtpc-profile-listing-item .field__item:has(> .mtpc_pl_item_container), 
  .field--name-field-mtpc-profile-listing-item .mtpc_pl_item_container, 
  .field--name-field-mtpc-profile-listing-item .mtpc_pl_item_wrapper { 
    width: 100%; 
  }
  
  .field--name-field-mtpc-profile-listing-item .mtpc_pl_item_wrapper .mtpc_pl_pic { 
    width: 100%; 
  }
  
  .mtpc_pd_item_container > .mtpc_pd_item_wrapper { 
    /* padding: 0 52px 52px; */
    padding: 0 40px 40px; 
  }
  
  .mtpc_pd_item_wrapper .mtpc_pd_picture { 
    flex-direction: column; 
    gap: 30px; 
    margin-bottom: 20px; 
  }
  
  .field.field--name-field-mtpc-pd-img-desc:after { 
    margin-bottom: 20px; 
  }
  
  /* Album */
  .view-id-mtpc_albums .view-header { 
    padding-inline: 0; 
  }
  
  /* Search */
  body.path-hkust-search .region-content { 
    padding: 0; 
  }
  
  /* Addtional CSS */
  /* Second footer: stack Organizers above Contact Us */
  #block-icec-second-footer-block .block-body {
    grid-template-columns: 1fr;
    grid-template-areas: "oh" "or" "ch" "ce" "ad";
    padding: 30px;
  }
  
  #block-icec-second-footer-block .field--name-field-contact-heading,
  #block-icec-second-footer-block .field--name-field-contact-email,
  #block-icec-second-footer-block .field--name-body {
    border-left: 0;
    padding-left: 0;
  }
  
  #block-icec-second-footer-block .field--name-field-organizers-heading,
  #block-icec-second-footer-block .field--name-field-organizers {
    padding-left: 0;
  }
  
  /* stacked layout: breathing room between the logos and the Contact Us heading (derived, no tablet/mobile frame in Figma) */
  #block-icec-second-footer-block .field--name-field-contact-heading {
    padding-top: 40px;
  }
}

/* Small Tablet */
@media (min-width: 769px) and (max-width: 999px) { 
  /* Homepage */
  .mtpc-2col-section .mtpc-2col-section-wrapper>.mtpc-2col-item--2 { 
    margin-left: 0; 
  }
  
  /* Welcome Message */
  .welcome-message .round-radius:has(.field.field--name-field-media-image) { 
    border-radius: none; 
    overflow: unset; 
  }
  
  .welcome-message .field.field--name-field-media-image, 
  .welcome-message .field.field--name-field-media-image div { 
    /*width: fit-content; */
    width: 100%; 
  }
  
  .welcome-message .field.field--name-field-media-image { 
    width: 80%; 
    margin: 0 auto; 
    border-radius: 20px; 
    overflow: hidden; 
  }
  
  .field--name-field-mtpc-profile-listing-item .field--name-field-media-image { 
    margin-inline: 0; 
  }
  
  /* Speakers */
  .speakers .field.field--name-field-mtpc-profile-listing-item { 
    grid-template-columns: repeat(3, 1fr); 
  }
  
  .speakers .field--name-field-mtpc-profile-listing-item .field--name-field-media-image { 
    margin-inline: auto; 
  }
  
  /* Accommodation */
  .mtpc-2col-section .mtpc-2col-section-wrapper:has(.photo-with-text-block) .field.field--name-field-media-image img { 
    min-height: 250px; 
  }
}