/* experience hong kong virtually v2.0 */
:root{
   --theme-color-exphkv2: #281f37;
   --theme-gohk: #ed7e23;
   --theme-dining: #3cb5a1;
   --theme-culture: #b78704;
}


#exphk-v2 li.cmp-tabs__tab.cmp-tabs__tab--active:nth-child(1),
#exphk-v2 .cmp-tabs__tabpanel:nth-of-type(1){
   --theme-color-exphkv2: var(--theme-gohk);
}
#exphk-v2 li.cmp-tabs__tab.cmp-tabs__tab--active:nth-child(2),
#exphk-v2 .cmp-tabs__tabpanel:nth-of-type(2){
   --theme-color-exphkv2: var(--theme-dining);
}
#exphk-v2 li.cmp-tabs__tab.cmp-tabs__tab--active:nth-child(3),
#exphk-v2 .cmp-tabs__tabpanel:nth-of-type(3){
   --theme-color-exphkv2: var(--theme-culture);
}

#exphk-v2 li.cmp-tabs__tab{border-color:var(--theme-color-exphkv2);}
#exphk-v2 li.cmp-tabs__tab:before{background-color:var(--theme-color-exphkv2);}
#exphk-v2 li.cmp-tabs__tab.cmp-tabs__tab--active{border:1px solid var(--theme-color-exphkv2); color:#fff; background-color:var(--theme-color-exphkv2);}
#exphk-v2 li.cmp-tabs__tab.cmp-tabs__tab--active:before{background-color:var(--theme-color-exphkv2);}
#exphk-v2 .cmp-tabs__tabpanel:before{background-color:var(--theme-color-exphkv2);}

#exphk-v2 .big-tile .hb-title h5{line-height:1.15;}
#exphk-v2 .big-tile .hb-title :is(h5, h5 *){font-family: 'Big Shoulders Display', 'Open Sans', arial, 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif !important;}
#hellohk #exphk-v2 .desc-container{max-width:calc(1100px + 20px + 20px);}
#exphk-v2 .big-tile .cover img{width:100%;}
#exphk-v2 .big-tile .textbox:after{margin-top:0;}
#exphk-v2 .big-tile.video :is(.hb-title, .hb-title h5){margin-bottom:0 !important;}
#exphk-v2 .big-tile.video .textbox{padding-right:calc(7% + 55px + 15px);}
#exphk-v2 .big-tile.video .textbox:after,
body.zh-TW #exphk-v2 .big-tile.video .textbox:after,
body.zh-CN #exphk-v2 .big-tile.video .textbox:after{
   content:''; position:absolute; bottom:7%; right:7%; padding:0; border:0; width:4.6vw; height:4.6vw; min-width:68px; min-height:68px; background-image:url(/content/dam/dhk/common/theme/2025/home/circle-play-great-outdoor.svg); background-repeat:no-repeat; background-size:100% auto; background-position:left top;
}

/* special title font size for GOHK with video */
#exphk-v2 .big-tile .hb-title.hb-title-gohk-video :is(.title--big, .title--big *){font-size:55px;}
#exphk-v2 .big-tile .hb-title.hb-title-gohk-video :is(.title--small, .title--small *){font-size:48px;}
/* special title font size for GOHK with video ends */



@media (max-width: 1679.98px){
   /* special title font size for GOHK with video */
   #exphk-v2 .big-tile .hb-title.hb-title-gohk-video :is(.title--big, .title--big *){font-size:50px;}
   #exphk-v2 .big-tile .hb-title.hb-title-gohk-video :is(.title--small, .title--small *){font-size:44px;}
   /* special title font size for GOHK with video ends */
}

@media (max-width: 1199.98px){
   /* special title font size for GOHK with video */
   #exphk-v2 .big-tile .hb-title.hb-title-gohk-video :is(.title--big, .title--big *){font-size:35px;}
   #exphk-v2 .big-tile .hb-title.hb-title-gohk-video :is(.title--small, .title--small *){font-size:30px;}
   /* special title font size for GOHK with video ends */
}

@media (max-width: 991.98px){
   /* special title font size for GOHK with video */
   #exphk-v2 .big-tile .hb-title.hb-title-gohk-video :is(.title--big, .title--big *){font-size:55px;}
   #exphk-v2 .big-tile .hb-title.hb-title-gohk-video :is(.title--small, .title--small *){font-size:48px;}
   /* special title font size for GOHK with video ends */
}

@media (max-width: 767.98px) {
   #exphk-v2 .big-tile.video .textbox{padding-right:calc(7% + 55px + 10px);}
   #exphk-v2 .big-tile.video .textbox:after,
   body.zh-TW #exphk-v2 .big-tile.video .textbox:after,
   body.zh-CN #exphk-v2 .big-tile.video .textbox:after{width:55px; height:55px; min-width:0; min-height:0;}
   /* special title font size for GOHK with video */
   #exphk-v2 .big-tile .hb-title.hb-title-gohk-video :is(.title--big, .title--big *){font-size:28px;}
   #exphk-v2 .big-tile .hb-title.hb-title-gohk-video :is(.title--small, .title--small *){font-size:24px;}
   /* special title font size for GOHK with video ends */
}