body {
  font-family: 'Arial';
  color: #000000;
}

:lang(zh-HK) {
  font-family: 'Microsoft Yahei';
}

/* blue background tooltip with white text */
.custom-tooltip {
  --bs-tooltip-bg: var(--bs-blue);
  --bs-tooltip-color: var(--bs-white);
}

/* start of hyperlink style */

.hyper-link {
  text-decoration: none;
  color: #000000;
}

.hyper-link:hover {
  text-decoration: underline;
}

.hyper-link div:hover {
  text-decoration: underline;
}

/* end of hyperlink style */

/* start of pdf link style */

.pdf-link {
  text-decoration: none;
  color: #000000;
  display: inline;
}

.pdf-link:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.0625rem;
}

.pdf-link .d-flex::after, .pdf-link .d-inline-flex .last-el::after {
  content: "";
  display: inline;
  vertical-align: middle;
  background: url("../../images/PDF_32.png") 0 0 no-repeat;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
}

.dual-pdf-link {
  text-decoration: none;
  color: #000000;
  //display: inline;
}

.dual-pdf-link::after {
  content: none;  /* remove caret */
}

.dual-pdf-link .d-inline-flex:hover {
  text-decoration: underline;
  text-decoration-thickness: 0.0625rem;
  //text-underline-offset: 0.125rem;
}

.dual-pdf-link .d-inline-flex::after {
  content: "";
  //display: inline;
  vertical-align: middle;
  background: url("../../images/PDF_32.png") 0 0 no-repeat;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
}

/* end of pdf link style */

/* start of mouseover popout style */

article.card {
  transition-duration: 0.25s;
}

article.card:hover {
  transform: scale(1.01);
  box-shadow: 0 0 0.5rem rgba(0,0,0,0.5);
}

.hover-popout {
  transition-duration: 0.25s;
}

.hover-popout:hover {
  transform: scale(1.01);
  box-shadow: 0 0 0.5rem rgba(0,0,0,0.5);
}

/* end of mouseover popout style */

/* start of carousel style */

#carouselTop.pointer-event {
  touch-action: pan-y pinch-zoom;
}

#carouselTop .carousel-item {
  min-height: 288px;
}

/* start of aspect-ratio fallback for old browsers */
#carouselTop .carousel-item {
  width: 100%;
  padding-top: 37.5%;
  position: relative;
}

#carouselTop .carousel-item img {
  position: absolute;
  left: 50%;
  top: 67.5%;
  transform:translate(-50%,-67.5%);
}
/* end of aspect-ratio fallback for old browsers */

#carouselTop .carousel-item img {
  aspect-ratio: 8/3;
  object-fit: cover;
  overflow: hidden;
  min-height: 288px;
}

#carouselTop .carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  bottom: initial;
}

.intro-h1 {
  font-weight: bold;
  letter-spacing: 0.75rem;
  padding-left: 0.75rem;
  margin: 0 -4.125rem;
  text-shadow: 0.125vw 0.125vw 0.25rem black, -0.125vw 0.125vw 0.25rem black, 0.125vw -0.125vw 0.25rem black, -0.125vw -0.125vw 0.25rem black;
}

.intro-h1-long {
  font-weight: bold;
  letter-spacing: 0.25rem;
  padding-left: 0.25rem;
  //margin: 0 -2.5rem;
  margin: 0 -12vw;
  text-shadow: 0.125vw 0.125vw 0.375rem black, -0.125vw 0.125vw 0.375rem black, 0.125vw -0.125vw 0.375rem black, -0.125vw -0.125vw 0.375rem black;
}

.intro-h2 {
  font-weight: bold;
  letter-spacing: 0.375rem;
  padding-left: 0.375rem;
  margin: 0 -3.5rem;
  text-shadow: 0.125vw 0.125vw 0.25rem black, -0.125vw 0.125vw 0.25rem black, 0.125vw -0.125vw 0.25rem black, -0.125vw -0.125vw 0.25rem black;
}

/* so far, rockies page only */
.tint-50 {
  filter: brightness(50%);
}

/* end of carousel style */


/* tour card img size restriction */
.card img { min-height: 12.5rem; }

@media screen and (max-width: 575px) {
  .card img { max-height: 16rem; }
}

/* tour card colour themes */

.card-summer { border: #dc3545 solid 0.0625rem; }  /* bs-danger */
.card-summer .top-0 { background-color: #dc3545; }

.card-winter { border: #0d6efd solid 0.0625rem; }  /* bs-primary */
.card-winter .top-0 { background-color: #0d6efd; }

.card-europe { border: #FF8C00 solid 0.0625rem; }  /* DarkOrange */
.card-europe .top-0 { background-color: #FF8C00; }

.card-cruise { border: #00008B solid 0.0625rem; }  /* DarkBlue */
.card-cruise .top-0 { background-color: #00008B; }

.card-hawaii { border: #008B8B solid 0.0625rem; }  /* DarkCyan */
.card-hawaii .top-0 { background-color: #008B8B; }

.card-aurora { border: #FF1493 solid 0.0625rem; }  /* DeepPink */
.card-aurora .top-0 { background-color: #FF1493; }

.card-vancouver { border: #BA55D3 solid 0.0625rem; }  /* MediumOrchid */
.card-vancouver .top-0 { background-color: #BA55D3; }

.card-toronto { border: #4B0082 solid 0.0625rem; }  /* Indigo */
.card-toronto .top-0 { background-color: #4B0082; }

.card-mediterranean { border: #8B4513 solid 0.0625rem; }  /* SaddleBrown */
.card-mediterranean .top-0 { background-color: #8B4513; }

.card-china { border: #FF4500 solid 0.0625rem; }  /* OrangeRed */
.card-china .top-0 { background-color: #FF4500; }

.card-asia { border: #3CB371 solid 0.0625rem; }  /* MediumSeaGreen */
.card-asia .top-0 { background-color: #3CB371; }

.card-taiwan { border: #00008B solid 0.0625rem; }  /* DarkBlue */
.card-taiwan .top-0 { background-color: #00008B; }

.card-japan { border: #DC143C solid 0.0625rem; }  /* Crimson */
.card-japan .top-0 { background-color: #DC143C; }

.card-japan.card-taiwan .top-0 { background: linear-gradient(#00008B 33%, #DC143C 67%); }
.card-japan.card-korea .top-0 { background: linear-gradient(#DC143C 33%, #4169E1 67%); }

.card-korea { border: #4169E1 solid 0.0625rem; }  /* RoyalBlue */
.card-korea .top-0 { background-color: #4169E1; }

.card-singapore { border: #FF4500 solid 0.0625rem; }  /* OrangeRed */
.card-singapore .top-0 { background-color: #FF4500; }
.card-malaysia { border: #FF4500 solid 0.0625rem; }  /* OrangeRed */
.card-malaysia .top-0 { background-color: #FF4500; }

.card-malaysia.card-thailand .top-0 { background: linear-gradient(#FF4500 33%, #191970 67%); }
.card-malaysia.card-indonesia .top-0 { background: linear-gradient(#FF4500 33%, #4682B4 67%); }
.card-thailand.card-cambodia .top-0 { background: linear-gradient(#191970 33%, #C71585 67%); }

.card-thailand { border: #191970 solid 0.0625rem; }  /* MidnightBlue */
.card-thailand .top-0 { background-color: #191970; }

.card-vietnam { border: #B22222 solid 0.0625rem; }  /* FireBrick */
.card-vietnam .top-0 { background-color: #B22222; }

.card-cambodia { border: #C71585 solid 0.0625rem; }  /* MediumVioletRed */
.card-cambodia .top-0 { background-color: #C71585; }

.card-indonesia { border: #4682B4 solid 0.0625rem; }  /* SteelBlue */
.card-indonesia .top-0 { background-color: #4682B4; }

/* hidden h-pot styling */
.hidden-hp {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: none; /* Prevent any interaction */
}