@charset "UTF-8";
/*--
  • Custom Style
  • @mate.tosapon
  • Elegant Digital Company Limited
--*/
.wpml-ls-legacy-list-horizontal {
  padding: 0;
  margin-right: 24px;
}
.wpml-ls-legacy-list-horizontal ul li.wpml-ls-item {
  padding: 0 12px;
}
.wpml-ls-legacy-list-horizontal ul li.wpml-ls-item:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.wpml-ls-legacy-list-horizontal ul li.wpml-ls-item.wpml-ls-current-language a img {
  opacity: 1;
}
.wpml-ls-legacy-list-horizontal ul li.wpml-ls-item a {
  padding: 0 0 0 0;
}
.wpml-ls-legacy-list-horizontal ul li.wpml-ls-item a img {
  width: 24px;
  transition: 0.4s all;
  opacity: 0.6;
}
.wpml-ls-legacy-list-horizontal ul li.wpml-ls-item a:hover img {
  transform: scale(1.01);
  opacity: 1;
}
.book-section {
  margin-left: 12px;
}
.book-section .book-button {
  background: #AD943F;
  color: white;
  height: 40px;
  padding: 0 12px;
  transition: 0.4s all;
  text-transform: uppercase;
  width: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.book-section .book-button svg {
  width: 30px;
  height: 30px;
}
.book-section .book-button span {
  width: 0;
  transition: 0.5s all;
  opacity: 0;
  white-space: nowrap;
}
.book-section .book-button:hover span {
  width: 100%;
  opacity: 1;
}
.book-section svg {
  width: 20px;
  height: 20px;
}
.fixed-book-button {
  display: flex;
  position: fixed;
  top: 40%;
  right: 0;
  z-index: 1000;
}
.fixed-book-button .book-button {
  width: auto;
  height: 60px;
  padding: 0 12px;
  border-right: 12px solid #6D591C;
  border-radius: 4px 0px 0px 4px;
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1));
  font-weight: bold;
}
.bottom-book-button {
  display: flex;
  position: fixed;
  bottom: 8px;
  left: 8px;
  width: 100%;
  z-index: 800;
}
.bottom-book-button .book-section {
  width: calc(100% - 16px);
}
.bottom-book-button .book-section .book-button {
  width: 100%;
  height: 60px;
  font-size: 20px;
}
.booknetic_time_div:after {
  content: "UTC +7:00 Time (UTC+07:00)";
  margin-top: 10px;
  display: block;
  font-size: 12px;
  padding-left: 8px;
  opacity: 0.7;
}
.booknetic_appointment_finished_code {
  position: relative;
  text-align: center !important;
}
.booknetic_appointment_finished_code:after {
  font-size: 14px;
  text-align: left;
  display: block;
  letter-spacing: 0;
  white-space: pre-wrap;
  padding: 12px;
  line-height: 20px;
  max-width: 400px;
  content: "• Kindly show this confirmation number to the staff at H.U.M. Clinic upon your arrival to facilitate a seamless check-in process.\a\a• We respectfully request that you arrive at the clinic at least 10 minutes prior to your scheduled appointment time.\a\a• Please be advised that arriving more than 10 minutes late may result in the cancellation of your appointment.";
}
.page-id-1572 .fixed-book-button, .page-id-1572 .bottom-book-button {
  display: none;
}
@media screen and (max-width: 768px) {
  html {
    margin-top: 0 !important;
  }
  body.admin-bar .site-header {
    top: 46px;
  }
  body.admin-bar .site-header.active {
    top: 0;
  }
  body.admin-bar .site-header-space {
    min-height: calc(var(--s-head-height) + 46px);
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary {
    padding-right: 16px;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary > li {
    border-bottom: 1px solid white;
    margin-bottom: 12px;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary > li .mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .textwidget {
    font-size: 20px;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary > li .mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .textwidget ul {
    font-size: 16px;
    list-style: disc;
    padding-left: 32px;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary > li .mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .textwidget ul li {
    display: list-item;
    list-style: disc;
  }
  .site-header {
    top: 0;
  }
  .site-header.active {
    top: 0;
  }
  .site-header > .s-container {
    align-items: center;
    justify-content: space-around;
    padding-right: 80px;
  }
  .site-header .site-branding {
    margin-right: 16px;
  }
  .site-header .mobile-lang-social {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .site-header .mobile-lang-social a {
    color: white;
  }
  .site-header .s_social {
    margin-left: 12px;
    margin-right: 12px;
  }
  .site-header .wpml-ls-legacy-list-horizontal {
    margin-right: 0px;
    order: 2;
  }
  .footer-bar {
    padding-bottom: 76px !important;
  }
}
.s_social a {
  display: flex;
  align-items: center;
}
.s_social a:nth-child(2) svg {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 390px) {
  .wpml-ls-legacy-list-horizontal ul li.wpml-ls-item {
    padding: 0 4px;
  }
}
@media screen and (max-width: 1023px) {
  #masthead.site-header .book-section {
    display: block;
    max-width: 240px;
    margin: 24px auto;
  }
  #masthead.site-header .book-section .book-button {
    background: #435037;
    color: white;
    height: 40px;
    padding: 0 24px;
    transition: 0.4s all;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #masthead.site-header .book-section .book-button:hover {
    transform: scale(1.1);
  }
  .booknetic_appointment_container_footer {
    position: fixed;
    z-index: 30000;
  }
}
@media (min-width: 1024px) {
  #masthead {
    height: calc(var(--s-head-height) + 52px);
  }
  #masthead.site-header {
    background-image: url("../../assets/img/header-desktop-bg.png");
    background-size: cover;
  }
  #masthead.site-header .site-nav {
    background: none;
  }
  #masthead.site-header .site-branding a {
    transition: 0.4s all;
  }
  #masthead.site-header .site-branding a:hover {
    transform: scale(1.1);
  }
  #masthead.site-header > .s-container {
    justify-content: center;
  }
  #masthead.site-header > .s-container .site-header-right, #masthead.site-header > .s-container .site-action {
    display: none;
  }
  #masthead.site-header .nav-inline {
    margin-left: auto;
  }
  #masthead .header-top-bar {
    background: #435037;
  }
  #masthead .header-top-bar > .s-container {
    height: 52px;
    color: white;
    display: flex;
    justify-content: space-between;
  }
  #masthead .header-top-bar > .s-container a {
    color: white;
    transition: 0.4s all;
  }
  #masthead .header-top-bar > .s-container a:hover {
    color: var(--s-nav-hover);
    transform: scale(1.4);
  }
  #masthead .header-top-bar > .s-container .-left {
    display: flex;
    gap: 20px;
  }
  #masthead .header-top-bar > .s-container .-left .social-text {
    display: flex;
    gap: 8px;
  }
  #masthead .header-top-bar > .s-container .-left .social-text .icon {
    display: flex;
    align-items: center;
  }
  #masthead .header-top-bar > .s-container .-left .social-text .icon svg {
    width: 18px;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary li a {
    padding: 0 24px;
    display: flex;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary li.mega-current-menu-item > a, #masthead #mega-menu-wrap-primary #mega-menu-primary li.mega-current-page-ancestor > a {
    border-bottom: 3px solid white;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item {
    margin: 0 8px;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item:hover > a {
    border-bottom: 3px solid white;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 32px 0;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    float: none;
    max-width: calc(var(--s-container-width) - 200px);
    margin: 0 auto;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .textwidget {
    font-size: 20px;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .textwidget ul {
    font-size: 16px;
    list-style: disc;
    padding-left: 32px;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .textwidget ul li {
    display: list-item;
    list-style: disc;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .textwidget a {
    display: inline-block;
    padding: 0;
  }
  #masthead #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .textwidget a.current-menu-a {
    border-bottom: 2px solid white;
  }
  #masthead .site-action {
    margin-right: auto;
  }
  .site-header-space {
    min-height: calc(var(--s-head-height) + 52px) !important;
  }
  .search-panel {
    top: calc(var(--s-head-height) + 52px) !important;
  }
  .site-rightbar {
    margin-top: 64px;
  }
  .site-rightbar .site-sidebar {
    margin-top: 0;
    width: 480px;
    min-width: 480px;
    max-width: 480px;
  }
  .site-rightbar .site-sidebar h2.text-left {
    color: #AD943F;
  }
}
@media (min-width: 1200px) {
  :root {
    --s-container-width: 1280px !important;
  }
}