.mtpc-well:not(.mtpc-1col-section):not(.mtpc-2col-section):not(.mtpc-3col-section):not(.mtpc-4col-section) {
    background-color: rgba(0, 0, 0, 0.7) !important;
    border: 0 !important;
}

.view-id-mtpc_albums {
    padding: 0px 15px;
}

div.mtpc-1col-item.mtpc-1col-item--1 table.tbl-line tbody tr td {
  border-bottom: 1px solid #000;
  border-top: 1px solid #ccc;
}

/* For 35a hkust logo */
body header .mtpc_header .header .wrapper .logos .logos_left .logo_one img{
 width:100%; 
}

/* by Creasant */
.space-top-0 {
  padding-top: 0;
}

.space-top-80 {
  padding-top: 80px;
}

.reg-card {
  border: 1px solid #999999;
  border-radius: 5px;
  padding: 30px 40px;
  margin-bottom: 10px;
}

.reg-card p, .reg-card table tr td {
  font-size: 18px;
}

.reg-card table {
  margin-bottom: 0;
}

.reg-card table tr td {
  vertical-align: top;
}

.reg-card table tr td strong, .reg-card table tr td b {
  color: #333 !important;
  font-weight: 700 !important;
}

.reg-card table tr td:first-child {
  padding-left: 0;
  padding-right: 0;
  min-width: unset;
}

.tab-selector ul {
  display: flex;
  justify-content: center;
  gap: 40px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.tab-selector ul li {
  position: relative;
}

.tab-selector ul li:first-child::before {
 display: none; 
}

.tab-selector ul li::before {
  content: '';
  width: 2px;
  height: 100%;
  background: #A4A4A4;
  position: absolute;
  left: -20px;
}

.tab-selector ul li a {
  font-size: 22px;
  color: #666;
  font-weight: 700;
}

.tab-selector ul li a:hover {
  color: #29A6C9;
}

.tab-selector ul li a.active {
  color: #29A6C9;
}

.table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    margin-bottom: 20px; /* Optional spacing */
}

/* Ensure the table doesn't shrink smaller than its content */
.responsive-table {
    min-width: 600px; /* Or whatever width looks best for your data */
    width: 100%;
}


.speaker-list .mtpc_pl_pic {
  border-radius: 50%;
  overflow: hidden;
  margin-right: 50px !important;
  width: 150px !important;
}

.speaker-list .mtpc_pl_texts {
  margin-top: 20px;
}

.speaker-list .mtpc_profile_name {
  font-size: 1.5em;
  color: #693671;
}

.speaker-list .field__item:first-child .mtpc_pl_item_wrapper {
  border-top: 2px solid #D9D9D9;
}

.speaker-list .mtpc_pl_item_container {
  margin-bottom: 0;
}

.speaker-list .mtpc_pl_item_wrapper {
  border-bottom: 2px solid #D9D9D9;
  padding-top: 50px;
  padding-bottom: 50px;
}

#block-mtpc-secondfooter {
  background: #DA2881;
  color: #FFF;
  margin-top: 100px;
}

#block-mtpc-secondfooter .block-body {
    max-width: 1500px;
    margin: 0 auto;
}

#block-mtpc-secondfooter .block-body .block-field-blockblock-contentbasicbody {
  padding-top: 70px;
  padding-bottom: 70px;
}

#block-mtpc-secondfooter table {
  border: none;
  margin-bottom: 0;
}

#block-mtpc-secondfooter table tbody tr {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  font-size: 18px;
}

#block-mtpc-secondfooter table tbody tr td {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}

#block-mtpc-secondfooter table tbody tr td:nth-child(2):before,
#block-mtpc-secondfooter table tbody tr td:nth-child(2):after {
  content: '';
  width: 1px;
  height: calc(100% - 18px);
  background: #FFF;
  position: absolute;
  opacity: 0.5;
  top: 18px;
}

#block-mtpc-secondfooter table tbody tr td:nth-child(2):before {
  left: -20px;
}

#block-mtpc-secondfooter table tbody tr td:nth-child(2):after {
  right: -20px;
}


#block-mtpc-secondfooter table tbody tr td p {
  color: #FFF;
  margin-bottom: 0;
  display: block;
  flex-basis: 100%;
}

#block-mtpc-secondfooter table tbody tr td p:first-child {
    margin-bottom: 20px;
}

#block-mtpc-secondfooter table tbody tr td img {
    flex-basis: content;
    align-self: baseline;
}

#block-mtpc-secondfooter table tbody tr td img:nth-child(2) {
  margin-right: 20px;
}


/*#block-mtpc-secondfooter table tbody tr td:first-child {*/
/*  gap: 40px;  */
/*}*/

/*#block-mtpc-secondfooter table tbody tr td:last-child {*/
/*  gap: 15px;*/
/*}*/

#block-mtpc-secondfooter table tbody tr td:first-child strong a {
  color: #FFF;
  font-weight: 700;
  font-size: 22px;
}



.round-corner {
  border-radius: 8px !important;
}

.venue-iframe-wrapper table {
  border: none;
  margin-bottom: 20px;
}

.venue-iframe-wrapper table tr {
  display: flex;
  gap: 15px;
}

.venue-iframe-wrapper table tr td {
  padding: 0;
}

.venue-iframe-wrapper table tr td:last-child {
    flex-basis: 40%;
}

.venue-iframe-wrapper table tr td iframe {
  height: 100%;
}

.speakers-section-wrapper .field--name-field-mtpc-profile-listing-item {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
}

.speakers-section-wrapper .field--name-field-mtpc-profile-listing-item .field__item {
  width: 100%;
}

.speakers-section-wrapper .field--name-field-mtpc-profile-listing-item .mtpc_pl_item_container,
.speakers-section-wrapper .field--name-field-mtpc-profile-listing-item .mtpc_pl_item_wrapper {
  width: 100%;
}

.speakers-section-wrapper .field--name-field-mtpc-profile-listing-item .mtpc_pl_item_container {
  margin-bottom: 30px;
}

.speakers-section-wrapper .field--name-field-mtpc-profile-listing-item .mtpc_pl_item_wrapper {
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.speakers-section-wrapper .field--name-field-mtpc-profile-listing-item .mtpc_pl_pic {
  min-width: 165px;
  border-radius: 50%;
  border: 1px solid transparent;
  overflow: hidden;
  margin-right: 0;
}

.speakers-section-wrapper .field--name-field-mtpc-profile-listing-item .mtpc_pl_pic img {
  width: 100%;
  height: auto;
  display: block;
}

.speakers-section-wrapper .field--name-field-mtpc-profile-listing-item .mtpc_pl_texts {
  width: 100%;
  text-align: center;
}

.speakers-section-wrapper .field--name-field-mtpc-profile-listing-item .mtpc_pl_texts .mtpc_profile_name {
  color: #693671;
}

.speakers-section-wrapper .field--name-field-mtpc-profile-listing-item .mtpc_pl_texts .mtpc-profile-deatils {
  color: #4B5563;
  font-size: 17px;
  line-height: 23px;
  margin-top: 10px;
}

.banner-section {
  position: relative;  
}

.banner-section .mtpc-image-caption, .mtpc-block-image-block-image-caption {
  position: absolute;
  top: 50%;
  z-index: 99;
  color: #FFF;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2.8vw;
  font-weight: 600;
  margin: 0;
  padding: 0;
}