header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation > ul.menu > li > a,
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation > ul.menu > li > span {
  text-transform: none;
}

/* by Creasant */
body {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0;
  background-color: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a {
  color: #03b5cf;
}

h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5em;
}

h1 {
  font-weight: 300;
  font-size: 3em;
  line-height: normal;
  color: #333333;
}

h4 {
  font-weight: 300;
  font-size: 1.8em;
  line-height: normal;
  color: #333333;
}

h5 {
  font-weight: 300;
  font-size: 1.4em;
  line-height: normal;
  color: #333333;
}

.mtpc-1col-section .mtpc-1col-section-wrapper,
.mtpc-2col-section .mtpc-2col-section-wrapper,
.mtpc-3col-section .mtpc-3col-section-wrapper,
.mtpc-4col-section .mtpc-4col-section-wrapper {
  max-width: 1500px;
}

.mtpc-textarea ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.mtpc-textarea ul li {
  position: relative;
  padding-left: 1.25em;
  margin-bottom: 1em;
}

.mtpc-textarea ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.5em;
}

.mtpc-block-slideshow-block .slide-text.animate-center {
  left: 0 !important;
}

.mtpc-block-slideshow-block .slick-dots.circle li {
  background-color: #FFF;
}

.mtpc-block-slideshow-block .slick-dots.circle li.slick-active {
  background-color: #CEEB19;
}

.mtpc-2col-section .mtpc-2col-section-wrapper > .mtpc-2col-item--2 {
  margin-left: 40px;
}

.mtpc-section-item:first-child .mtpc-1col-section,
.mtpc-section-item:first-child .mtpc-2col-section,
.mtpc-section-item:first-child .mtpc-3col-section,
.mtpc-section-item:first-child .mtpc-4col-section {
  padding-top: 0 !important;
}

.mtpc_header .navigation > ul.menu > li > ul > li {
  background-color: #03b5cf;
}

.mtpc_header .navigation > ul.menu > li > ul > li a, .mtpc_header .navigation > ul.menu > li > ul > li span {
  color: #FFF;
}

 .mtpc_header .navigation > ul.menu > li.menu-item--active-trail > ul > li a.is-active, .mtpc_header .navigation > ul.menu > li.menu-item--active-trail > ul > li spanis-active {
  color: #444 !important;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>ul {
  background-color: #03b5cf;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>ul>li>a, header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>ul>li>span {
  color: #FFF;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>ul>li>a.is-active, header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation>ul.menu>li.menu-item--expanded>ul>li>span.is-active {
  color: #444 !important;
}

header .mtpc_header .header > .wrapper {
  max-width: 1500px;
}

.mtpc_header .search_icon {
  display: none;
}

header .mtpc_header .header .wrapper .logos .logos_left .logo_one img {
  max-height: 70px;
}

header .menu-item--expanded {
  list-style: none;
}

header .mtpc_header .header .wrapper .logos .navigation {
  font-weight: 600;
  text-transform: uppercase;
}

header .mtpc_header .header .wrapper .logos .navigation > ul.menu > li a,
header .mtpc_header .header .wrapper .logos .navigation > ul.menu > li span {
  font-size: 18px;
  line-height: 38px;
  letter-spacing: 0%;
}

header .mtpc_header .header .wrapper .logos .navigation > ul.menu li ul li {
  width: 240px;
}

header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation > ul.menu > li > a,
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation > ul.menu > li > span,
header .config_pages--type--header-block .mobile_menu_wrapper .mobile_navigation > ul.menu > li.menu-item--expanded > ul > li {
  font-weight: 600;
  text-transform: uppercase;
}

header .mtpc_header .header .wrapper .logos .navigation > ul.menu > li a.is-active,
header .mtpc_header .header .wrapper .logos .navigation > ul.menu > li.menu-item--active-trail > a,
header .mtpc_header .header .wrapper .logos .navigation > ul.menu > li.menu-item--active-trail > span {
  color: #03b5cf;
}

body footer {
  /*margin-top: 100px;*/
  padding: 50px 40px;
  background-image: url("/sites/default/files/2025-10/footer.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-top: 10px solid;
  border-image: linear-gradient(92.19deg, #d2ec17 41.34%, #03b5cf 125.42%, #0073de 198.9%) 1;
}

body footer .wrapper {
  max-width: 1500px;
  margin: 0 auto;
}

.region-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  align-items: flex-end;
  justify-content: space-between;
}

.footer-menu .layout__region:first-child {
  padding-left: 0;
}

.menu--footer .menu-item--expanded {
  list-style: none;
}

.menu--footer > .menu > .menu-item:not(:first-child) {
  padding-top: 5px;
}

.menu--footer > .menu > .menu-item > a,
.menu--footer > .menu > .menu-item > span {
  font-weight: 700;
  font-size: 18px;
  line-height: 38px;
  letter-spacing: 0%;
  color: #111111;
}

.menu--footer > .menu > .menu-item > .submenu > .menu-item {
  padding-top: 0px;
}

.menu--footer > .menu > .menu-item > .submenu > .menu-item ul.submenu li {
  padding-top: 0px;
}

.menu--footer > .menu > .menu-item > .submenu > .menu-item > a,
.menu--footer > .menu > .menu-item > .submenu > .menu-item > span {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0%;
  color: #111111;
}

.menu--footer > .menu > .menu-item > .submenu > .menu-item > .submenu > .menu-item:not(:first-child) {
  padding-top: 0;
}

.menu--footer > .menu > .menu-item > .submenu > .menu-item > .submenu > .menu-item > a,
.menu--footer > .menu > .menu-item > .submenu > .menu-item > .submenu > .menu-item > span {
  font-weight: 400;
  font-size: 18px;
  line-height: 38px;
  letter-spacing: 0%;
  color: #716060;
}

footer .block-hkust-simple-text {
  margin-top: 15px;
}

footer .block-hkust-simple-text p {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

footer .block-hkust-simple-text a span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #333333;
}

footer .block-hkust-simple-text a span img {
  width: 16px;
}

.profile-role {
  color: #004496;
}

.path-webform .mtpc_pagetitle {
  background-color: transparent;
}

.path-webform .mtpc_pagetitle h1 {
  color: #03b5cf;
}

.webform-submission-form.webform-submission-add-form {
  padding: 0 40px;
  margin-top: 20px;
}

main form .form-item {
  display: flex;
  align-items: flex-start;
}

main form .form-item.form-item-mobile,
main form .form-item.form-item-email {
  width: 50%;
}

main form .form-item label {
  width: 4.5em;
  font-weight: 500;
  text-align: left;
  font-size: 18px;
}

main form .form-item label,
main form .form-item.form-type-textarea label,
main form .form-item.form-type-webform-custom-composite label {
  padding-top: 0.75em;
}

.form-required:after {
  content: none;
}

main form .form-item input[type="text"],
main form .form-item input[type="password"],
main form .form-item input[type="email"],
main form .form-item input[type="number"],
main form .form-item input[type="tel"],
main form .form-item input[type="date"],
main form .form-item input[type="time"],
main form .form-item select,
main form .form-item textarea {
  flex: 1;
  border: none;
  background-color: #e6e6e6;
  border-radius: 5px;
}

.form-textarea-wrapper {
  flex: 1;
}

main form .form-actions {
  margin-top: 1em;
}

.webform-submission-form.webform-submission-add-form .form-actions {
  justify-content: flex-end;
}

.webform-submission-form.webform-submission-add-form .form-actions .button {
  background-color: #13527f;
  border-radius: 9999px;
}

main form .form-actions input[type="submit"] {
  padding: 0.75em 1em;
}

.chip-button {
  display: inline-block;
  background-color: #13527f;
  border-radius: 9999px;
  transition: all ease 0.3s;
  margin: 0px 5px 5px 0px;
  padding: 0.75em 2em;
  -webkit-appearance: none;
  border: 0;
  color: white;
  font-family: "muli", "arial", sans-serif;
  cursor: pointer;
  font: inherit;
  line-height: 1.25;
}

.chip-button:hover {
  background-color: #0085b2;
  color: white;
  text-decoration: none;
}

.webform-submission-form.webform-submission-add-form .form-item .form-textarea {
  height: 150px;
}

html[lang="zh-hant"] main form .form-item label[for="edit-email"],
html[lang="zh-hans"] main form .form-item label[for="edit-email"] {
  width: calc(5.5em - 20px);
}

main form .form-item label[for="edit-email"] {
  margin-left: 20px;
  width: calc(4.5em - 20px);
}

.form-textarea-wrapper {
  width: 100%;
}

.view-id-news_events .view-content .views-row .row_container .mtpc_news_title a,
.page-node-type-news .mtpc_news.mtpc_pagetitle h2,
.page-node-type-events .event-title h2 {
  color: #333333;
}

.page-node-type-news .mtpc_news.mtpc_pagetitle h1,
.page-node-type-events .event-title h1 {
  visibility: hidden;
}

.event-listing-head {
  display: flex !important;
}

.mtpc_pagetitle.mtpc_news h1 {
  color: #333;
}

.event-listing-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
/* end Creasant */