/* Theme DHK Night Bus Tour */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;0,800;1,400;1,700;1,800&display=swap');

:root{
	--main-font: 'Open Sans', arial, 'PingFang TC', 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
	--theme-color-main: #AECC53;
	--theme-color-green: #49BCD1;
	--theme-color-pink: #FF57A9;
	--theme-color-purple: #D667FF;
	--text-color-purple: #CC7CEA;
	--section-title-font-size: 50px;
}
html[lang="zh-CN"]{--main-font: 'Open Sans', arial, 'PingFang SC', 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;}

/* DHK style reset */
html[dir] .sharing__list{margin-top:0 !important; margin-bottom:0 !important;}
html[dir=ltr] li.sharing__item{margin-right:15px;}
html[dir=ltr] li.sharing__item:last-child{margin-right:0;}
ul.sharing__list .icon-hover__showed path{fill:#fff;}
ul.sharing__list .icon-hover__hidden path{fill:var(--theme-color-main);}
.navbar-container{height:auto !important;}
.pwafooter{display:none !important;}
.footerexperiencefragment{position:relative; -webkit-transform:translate3d(0, 0, 0);}
.webchat-mobile{display:none !important;}

/* Common */
html[dir] .footer{border-top:0 !important;}
#theme-templestreet ::selection, .prgmlist-detail ::selection{background-color:var(--theme-color-main); color:#222;}
.noselect, .noselect *{pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}
.video-js .vjs-play-progress, .video-js .vjs-big-play-button{background-color:var(--theme-color-main) !important;}

#theme-templestreet{position:relative; color:#fff; font-weight:400; font-style:normal;}
#theme-templestreet:before{display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#764499 !important; z-index:-1;}
#theme-templestreet *:not(h1, .es-single-banner-title){font-family:var(--main-font);}
#theme-templestreet, #theme-templestreet :is(p, a, table th, table td, h1, h2, h3, h4, h5, h6, .remarks, .remarks p):not(.suggested-content-v2-title .title-text, .poi-title, .mtk-btn){color:#fff;}
#theme-templestreet, #theme-templestreet :is(p, a, li, table th, table td){font-size:18px; font-weight:400; line-height:1.5;}
#theme-templestreet .title > .cmp-title > .cmp-title__text > :is(h4, h5, h6){font-weight:700 !important; line-height:1.1;}
#theme-templestreet a.underlined{background-image: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color-main)), to(var(--theme-color-main))),-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));}
#theme-templestreet a.underlined:hover{color:var(--theme-color-main) !important;}
#theme-templestreet b, #theme-templestreet strong{font-weight:700;}
#theme-festival sup{font-size:12px !important;}
#theme-templestreet img{display:inline-block; max-width:100%;}
#theme-templestreet .sharing{display:flex; width:100%; justify-content:center;}
#theme-templestreet .aem-GridColumn.aem-GridColumn--default--8, .container-cust{float:none !important; max-width:calc(1360px + 20px + 20px) !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding:0 20px !important; clear:both !important;}
#theme-templestreet .container.dhk-container.max-width-1100 .cmp-container{max-width:none !important;}
#theme-templestreet .remarks, #theme-templestreet .remarks :is(p, a){font-size:14px !important;}
#theme-templestreet .breadcrumb{padding-bottom:30px;}
#theme-templestreet .breadcrumb *{font-size:15px;}
#theme-templestreet .breadcrumb .cmp-breadcrumb{border-top-color:#DBDBDB !important;}
#theme-templestreet .breadcrumb .cmp-breadcrumb > .container{max-width:none !important;}
#theme-templestreet .breadcrumb .cls-100{stroke:#fff; stroke-width:1px;}
#theme-templestreet .breadcrumb .cmp-breadcrumb .cmp-breadcrumb__item:after{border-color:#fff;}
#theme-templestreet a.button.button-primary{display:inline-block !important; padding:10px 52px 10px 30px; background-color:var(--theme-color-main) !important; font-size:16px; font-weight:700;}
#theme-templestreet a.button.button-primary:after{display:block; content:''; position:absolute; right:20px; top:calc(50% - 9px); width:18px; height:18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath id='Subtraction_1' data-name='Subtraction 1' d='M9,18a9,9,0,1,1,9-9A9.01,9.01,0,0,1,9,18ZM4.55,8.649a.572.572,0,0,0,0,1.143h7.159L9.036,12.469a.581.581,0,0,0,.005.808.568.568,0,0,0,.8,0l3.623-3.649a.656.656,0,0,0,.119-.181.538.538,0,0,0,.044-.22.571.571,0,0,0-.163-.4L9.846,5.175A.559.559,0,0,0,9.448,5h-.01a.563.563,0,0,0-.393.162.575.575,0,0,0,0,.809l2.673,2.678H4.55Z' fill='%23fff'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size: 100% auto;}

.btn-tooltip{
	position:relative; display:inline-block; padding:10px 24px; margin:5px 10px; margin-bottom:11px; font-size:21px !important; font-weight:800 !important; color:var(--btn-tooltip-color) !important; border-width:6px; border-style:solid; border-color:var(--btn-tooltip-color); background-color:#794D9C !important;
	transition: transform .5s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition: transform .5s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition: transform .5s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition: transform .5s cubic-bezier(0.25, 1, 0.5, 1);
}
.btn-tooltip:hover{transform:translateY(5px);}
.btn-tooltip:before, .btn-tooltip:after{display:block; content:''; position:absolute; left:50%; bottom:0; width:0; height:0; transform:translate(-50%, 100%);}
.btn-tooltip:before{border-left:20px solid transparent; border-right:20px solid transparent; border-top:12px solid var(--btn-tooltip-color);}
.btn-tooltip:after{border-left:11px solid transparent; border-right:11px solid transparent; border-top:6px solid #794D9C;}
.btn-tooltip.color-green{--btn-tooltip-color:var(--theme-color-green);}
.btn-tooltip.color-pink{--btn-tooltip-color:var(--theme-color-pink);}
.btn-tooltip.color-purple{--btn-tooltip-color:var(--theme-color-purple);}

.text-announcement{display:block; position:relative; padding-left:45px; min-height:28px; background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/icon/info_ico_yellow.svg); background-position:left top; background-repeat:no-repeat; background-size:28px auto;}
/*.text-announcement a, .text-announcement a.underlined{color:#FBFF57 !important; font-weight:inherit !important;}*/
#theme-templestreet .text-announcement a:hover, #theme-templestreet .text-announcement a.underlined:hover{color:#fff !important;}
.text-announcement a.underlined{background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),-webkit-gradient(linear, left top, left bottom, from(#fbff57), to(#fbff57)) !important;}

.text-notice{display:block; position:relative; padding-left:45px; min-height:28px; background-image:url(https://www.discoverhongkong.com/content/dam/dhk/common/icon/dining_ico_white.svg); background-position:left top; background-repeat:no-repeat; background-size:28px auto;}
/*.text-notice a, .text-notice a.underlined{color:#FFFFFF !important; font-weight:inherit !important;}*/
#theme-templestreet .text-notice a:hover, #theme-templestreet .text-notice a.underlined:hover{color:#fff !important;}
.text-notice a.underlined{background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)),-webkit-gradient(linear, left top, left bottom, from(#fbff57), to(#fbff57)) !important;}



.btn-return{position:relative; display:inline-flex; align-items:center; margin-left:20px; padding:0 26px 0 22px; height:43px; border-radius:4px; background-color:#9f0412; text-decoration:none!important; z-index:99;}
.btn-return:before{display:block; content:''; position:absolute; left:0; top:calc(50% - 6px); width:16px; height:12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.45' height='12.922' viewBox='0 0 16.45 12.922'%3E%3Cpath id='Icon_ionic-ios-redo' data-name='Icon ionic-ios-redo' d='M18.7,18.547h-.106a.159.159,0,0,1-.151-.1,7.983,7.983,0,0,0-.786-1.457,8.955,8.955,0,0,0-3.469-3.065,8.575,8.575,0,0,0-3.565-.852.147.147,0,0,0-.154.147v3a.148.148,0,0,1-.228.125l-7.926-5.22a.147.147,0,0,1,0-.246l7.929-5.22a.146.146,0,0,1,.228.125V8.808a.146.146,0,0,0,.139.147,8.546,8.546,0,0,1,6,2.4A7.8,7.8,0,0,1,18.7,17.185C18.7,17.563,18.7,18.114,18.7,18.547Z' transform='translate(-2.25 -5.625)' fill='%23FFFFFF'/%3E%3C/svg%3E%0A"); background-size:100% auto; background-position:0 0;}

/* Component {} */
#theme-templestreet .suggested-content-v2 .content-item .content-item-text span{color:#fff;}

/* Component {fancy table} */
.fancyTable{display:flex; flex-direction:column;}
.fancyTable .ft-row{display:flex; flex-direction:row; padding:25px 0; border-bottom:1px solid var(--fancy-table-main-color);}
.fancyTable .ft-row:first-child{border-top:1px solid var(--fancy-table-main-color);}
.fancyTable .ft-cell{flex:1; display:flex; flex-direction:column; padding:0 40px;}
.fancyTable .ft-cell:not(:last-child){border-right:1px solid var(--fancy-table-main-color);}
.fancyTable .ft-cell-head{margin-bottom:3px; font-size:16px !important; color:var(--fancy-table-main-color); font-weight:700; font-family: 'Roboto', arial, 'Microsoft JHei TC Bold', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;}

/* Section {Intro} */
#intro{padding-top:30px !important; padding-bottom:30px !important; background-image:url(../jpg/intro-bg.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;}
#theme-templestreet .main-lockup{margin-bottom:30px;}
body:not(.zh-CN) #theme-templestreet .main-lockup{
	opacity:0;
	transition: opacity 1s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition: opacity 1s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition: opacity 1s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition: opacity 1s cubic-bezier(0.25, 1, 0.5, 1);
}
body:not(.zh-CN) #theme-templestreet .main-lockup.ele-loaded{opacity:1;}
#theme-templestreet .page-nav{text-align:center;}
#theme-templestreet .border-box{position:relative; width:94%; padding:7.29vw 8.3vw;}
#theme-templestreet .border-box:not(:first-child){margin-top:-17vw; padding-top:21vw;}
#theme-templestreet .border-box:before{display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#794D9C; border:2.6vw solid var(--border-box-color); z-index:-1;}
#theme-templestreet .border-box.align-right{margin-left:auto;}
#theme-templestreet .border-box .box-title{margin-bottom:30px;}
#theme-templestreet .border-box .box-title h3{font-size:var(--section-title-font-size) !important; font-weight:800 !important; color:var(--border-box-color) !important; line-height:1.4 !important;}
#theme-templestreet .border-box a.button.button-primary{background-color:var(--border-box-color) !important;}
#theme-templestreet .border-box .fancyTable{--fancy-table-main-color: var(--border-box-color);}
.box-gallery{margin-top:45px;}
.box-gallery .gallery-slider{margin-left:-8px; margin-right:-8px;}
.box-gallery .gallery-slide{margin:0 8px;}
.box-gallery ul.slick-dots{bottom:-27px !important;}
.box-gallery ul.slick-dots li{margin:0 5px; width:10px; height:10px;}
.box-gallery ul.slick-dots li button{padding:0; width:100%; height:100%; border-radius:999px; background-color:rgba(255,255,255,.3);}
.box-gallery ul.slick-dots li button:before{display:none;}
.box-gallery ul.slick-dots li.slick-active{width:30px;}
.box-gallery ul.slick-dots li.slick-active button{background-color:var(--border-box-color);}
.box-gallery .slick-arrow{width:auto; height:auto; top:calc(50% - 27px);}
.box-gallery .slick-arrow.slick-next{right:0; transform:translateX(100%);}
.box-gallery .slick-arrow.slick-prev{left:0; transform:translateX(-100%);}
.box-gallery .slick-arrow:before{display:block; content:''; width:6px; height:52px; background-color:var(--border-box-color); opacity:1;}
.box-gallery .slick-arrow:after{display:block; content:''; position:absolute; top:calc(50% - 13px); border-top:13px solid transparent; border-bottom:13px solid transparent;}
.box-gallery .slick-arrow.slick-next:after{right:-13px; border-left:13px solid var(--border-box-color);}
.box-gallery .slick-arrow.slick-prev:after{left:-13px; border-right:13px solid var(--border-box-color);}
.box-gallery .slick-arrow.slick-disabled{visibility:hidden;}

.border-box.color-green{--border-box-color:var(--theme-color-green); z-index:10;}
.border-box.color-green:before{transform:skewY(-1.5deg);}
.border-box.color-pink{--border-box-color:var(--theme-color-pink);}
.border-box.color-pink:before{transform:skewY(1.5deg);}

/* Section {Highlights} */
#highlights{position:relative; padding:5.29vw 6.3vw !important;}
#highlights:before{display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#794D9C; border:2.6vw solid var(--theme-color-purple); z-index:-1;}
#highlights .itinerary-title.itinerary-article, #highlights .poi-list-title, #highlights h2, #highlights h2 b{font-weight:800 !important; letter-spacing:0 !important;}
#highlights .itinerary-title.itinerary-article{font-size:var(--section-title-font-size) !important; line-height:1.1 !important;}
#highlights .itinerary-title-container{margin-top:20px !important; margin-bottom:10px !important; padding-left:0 !important; padding-right:0 !important;}
#highlights .gk-poi-list-container .poi-list-header .poi-list-title-section{margin-bottom:10px;}
#highlights .poi-list-title{font-size:30px !important;}
#highlights .caption .cmp-text p{font-size:14px !important; color:var(--text-color-purple) !important;}
#highlights .poi-title-wrapper .poi-title, #highlights .poi-title-wrapper .poi-title a{font-weight:800; letter-spacing:0; line-height:1.2 !important;}
#highlights .poi-title-wrapper .poi-title a{color:inherit !important; font-size:inherit !important;}
#highlights .gohk-desc-container .gohk-desc, #highlights .gohk-desc-container .gohk-desc *, #highlights .mtk-btn{letter-spacing:0; font-size:15px;}
/* #highlights .gohk-desc-container .gohk-desc :is(h4, h5, h6, b){font-weight:700 !important;} */
#highlights .gohk-carousel-single-container .carousel-single .image-wrapper .image-item > img{border-radius:0;}
#highlights h2, #highlights h2 b{font-size:36px !important;}
#highlights, #highlights :is(p, a, li, table th, table td){font-size:15px;}
#highlights .gohk-poilist .es-btn-group-container{padding:0;}
#highlights .gohk-poilist .es-btn-group-container .es-btn-group{justify-content:flex-end;}
#highlights .gohk-poilist .es-btn-group-container .es-btn-group-btn{font-weight:700; font-family:var(--main-font) !important;}
#highlights .poi-widgets .es-btn-group-container{padding:0;}
#highlights .poi-widgets .es-btn-group-container .es-btn-group{justify-content:flex-start;}
#highlights .poi-widgets .es-btn-group-container .es-btn-group .es-btn-group-btn{margin:0;}
#inner-heading .sharing{justify-content:flex-start !important;}
#inner-heading .sharing__list{margin-top:37px !important; margin-bottom:1rem !important;}

/* Section {Acknowledgement} */
.ack-container{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; margin-left:-30px; margin-right:-30px; margin-top:-40px; margin-bottom:30px;}
.ack-container .ack-item{padding:20px 30px;}




/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	
}


/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	
}

@media (max-width: 1024.98px) and (min-width: 575.98px) {
	#highlights .list-view .poi-wrapper{width:50%; padding:0 8px; margin-top:0;}
	#highlights .list-view .poi-wrapper:nth-of-type(n+3){margin-top:35px;}
}


/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	:root{
		--section-title-font-size: 38px;
	}

	/* common */
	#theme-templestreet, #theme-templestreet :is(p, a, li, table th, table td){font-size:16px;}
	.btn-tooltip{padding:8px 20px; margin:4px 8px; margin-bottom:9px; font-size:20px !important;}

	/* Component {fancy table} */
	.fancyTable .ft-row{flex-direction:column; padding:0;}
	.fancyTable .ft-cell{padding:10px 0;}
	.fancyTable .ft-cell:not(:last-child){border-right:0; border-bottom:1px solid var(--fancy-table-main-color);}
	.fancyTable .ft-cell-head{margin-bottom:2px; font-size:14px !important;}	

	/* Section {Intro} */
	#intro{background-image:url(../jpg/intro-bg_m.jpg);}
	#theme-templestreet .main-lockup{margin-bottom:25px;}
	#theme-templestreet .border-box .box-title{margin-bottom:20px;}
	.box-gallery{margin-top:35px;}

	/* Section {Highlights} */
	#highlights .poi-title-wrapper .poi-title{font-size:21px;}
	#highlights .poi-list-title{font-size:26px !important;}

	/* Section {Acknowledgement} */
	#section-ack .itinerary-title-container{margin-top:20px !important;}
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	/* common */
	.aem-GridColumn.aem-GridColumn--default--12:not(.aem-GridColumn--offset--extrasmall--1) > .dhk-content{padding-top:0; padding-left:0; padding-right:0;}
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	:root{
		--section-title-font-size: 25px;
	}

	/* common */
	#theme-templestreet, #theme-templestreet :is(p, a, li, table th, table td){font-size:15px;}
	.btn-tooltip{padding:6px 18px; margin-bottom:15px; font-size:17px !important; width:95%; border-width:4px;}
	.text-announcement{padding-left:36px; background-size:24px;}
	.text-notice{padding-left:36px; background-size:24px;}
	#theme-templestreet a.button.button-primary{padding:8px 36px 8px 12px; font-size:14px;}
	#theme-templestreet a.button.button-primary:after{right:12px;}

	/* Section {Intro} */
	#theme-templestreet .main-lockup{margin-left:-18px; margin-right:-18px; margin-bottom:20px;}
	#theme-templestreet .border-box .box-title{margin-bottom:12px;}
	.box-gallery{margin-top:20px;}
	.box-gallery .gallery-slider{margin-left:0; margin-right:0;}
	.box-gallery .gallery-slide{margin:0;}

	/* Section {Highlights} */
	#highlights .poi-title-wrapper .poi-title{font-size:18px;}
	#highlights .poi-list-title{font-size:22px !important;}
	#highlights .list-view .poi-wrapper:nth-of-type(n+2){margin-top:25px;}

	/* Section {Acknowledgement} */
	#section-ack .itinerary-title-container{padding-left:0 !important; padding-right:0 !important;}
	.ack-container{margin-left:-15px; margin-right:-15px;}
	.ack-container .ack-item{padding:10px 15px;}
}





/* touch device fix */
@media (hover: none) and (pointer: coarse) {

}

/* IE 10 & 11 fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}