/* Fix (Enhancement) DHK POI Detail Page */
@import url('/content/dam/dhk/common/font/manrope/v15/font-manrope.css');
@import url('/content/dam/dhk/common/font/notosanssc/v36/font-notosanssc.css');
:root{--new-font: 'Manrope', 'Open Sans', arial, system-ui, sans-serif;}
@-moz-document url-prefix() {
	:root {--new-font: 'Manrope', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, system-ui, sans-serif;}
}
html[lang="zh-CN"]{
	--new-font: 'Manrope', 'Noto Sans SC', arial, system-ui, sans-serif;
}

/* Common */
.itinerary-title :is(.itinerary-title.itinerary-article, .itinerary-title.itinerary-article *),
.eventlist :is(.title.title--small, .title.title--small *, .cmp-text, .cmp-text *){
   font-family: var(--new-font);
}

/* Component {DHK e-Solution Itinerary Title} */
.itinerary-title > .itinerary-title-container{padding-left:0 !important; padding-right:0 !important; margin-top:20px !important; margin-bottom:30px !important;}
.itinerary-title .itinerary-title.itinerary-article{line-height:1.3 !important;}

/* Component {DHK Event List V2} */
.eventlist > .new_eventlist > .container{padding-left:0; padding-right:0; max-width:none !important;}
.eventlist > .new_eventlist > .container > .event-listing{padding:0; margin-left:-10px !important; margin-right:-10px !important;}
.eventlist > .new_eventlist .event-listing__item{padding-left:10px !important; padding-right:10px !important;}
.eventlist > .new_eventlist .events__listing-data-title{line-height:1.3 !important;}
.eventlist > .new_eventlist .events__listing-data-title .cmp-title__text{display:block;}
.eventlist > .new_eventlist .events__listing-data-title :is(.cmp-title__text, .cmp-title__text *){font-weight:700 !important; line-height:1.3 !important;}
.eventlist > .new_eventlist .events__listing-image-wrapper{border-radius:10px; border:1px solid #D8CCD5;}

/* Component {DHK Data View Upcoming Event List} */
.dataviewcontainer .dataview-filters{display:none !important;}
.dataviewcontainer :is(.dataview-filters, .dataview-wrapper) > .cmp-container{padding-top:0 !important;}
.dataviewcontainer .upcoming-event-list .list-content{margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; gap:20px !important; justify-content:flex-start !important;}
.dataviewcontainer .upcoming-event-list .list-content .list-item{margin-top:0 !important; flex:0 0 calc(33.3% - (20px * 2 / 3)) !important; max-width:none !important; width:auto !important;}
.dataviewcontainer .upcoming-event-list .list-content :is(.list-item, .list-item *){font-family:var(--main-font) !important;}
.dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:20px !important;}
.dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{border-radius:10px; border:1px solid #D8CCD5; overflow:hidden;}
.dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap .card-img{
	transition:all .5s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition:all .5s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition:all .5s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition:all .5s cubic-bezier(0.25, 1, 0.5, 1);
}
.dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap:hover .card-img{transform:scale(1.08) translateZ(0.01px); transform-origin:center;}
.dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{margin-bottom:10px;}
.dataviewcontainer .upcoming-event-list .list-content .list-item .card-content{padding-top:0 !important;}
.dataviewcontainer .upcoming-event-list .list-content .list-item :is(.card-title, .card-title *){font-size:1.125rem !important;  font-family:var(--main-font) !important; font-weight:700 !important; line-height:1.3 !important;}
.dataviewcontainer .upcoming-event-list .list-content .list-item :is(.card-date, .card-venue, .card-text, .card-text-see-more-btn){margin-top:10px !important; margin-bottom:0 !important;}
.dataviewcontainer .upcoming-event-list .list-content .list-item :is(.card-date, .card-date *, .card-venue, .card-venue *, .card-text, .card-text *, .card-text-see-more-btn, .card-text-see-more-btn *){font-size:.9375rem !important; font-weight:400 !important; line-height:1.3 !important;}

/* Component {DHK e-Solution Announce Box} */
.announce-box *{font-family: var(--new-font) !important; letter-spacing:0 !important;}
.announce-box :is(a, a *){text-decoration:underline;}
.announce-box :is(a:hover, a:hover *){color: #E2002C !important;}
.announce-box .gkActivity-tip-body{padding-top:12px !important; padding-bottom:12px !important;}
.announce-box .gkActivity-tip-visual{margin-top:0 !important; margin-right:0 !important; min-height:0 !important;}
.announce-box .gkActivity-tip-box-ico{width:28px !important;}
.announce-box .gkActivity-tip-up{margin-bottom:10px !important;}
.announce-box .gkActivity-tip-up .gkActivity-tip-content{display:flex; align-items:center; margin-bottom:0 !important;}
.announce-box .gkActivity-tip-up .cmp-title__text{margin-top:0 !important; margin-bottom:0 !important; height:auto !important; line-height:1.5 !important;}
.announce-box .gkActivity-tip-up .cmp-title__text *{font-size:20px !important;}
.announce-box .gkActivity-tip-up .cmp-title__text :is(h1, h2, h3, h4, h5, h6){margin-bottom:0 !important;}

/* Component {Article Listing} */
.articlelisting > .default-container{margin:0 !important;}
.articlelisting > .default-container > .container{max-width:none; padding-left:0; padding-right:0; margin-top:0 !important;}
.articlelisting :is(.data-listing, .data-listing *){font-family: var(--new-font);}
.articlelisting .data-listing > .row{display:flex; flex-direction:row; flex-wrap:wrap; gap:16px; margin-left:0; margin-right:0;}
.articlelisting .data-listing > .row > .data-listing-item{flex:0 0 calc(33.3% - 16px * 2 / 3); max-width:none; width:calc(33.3% - 16px * 2 / 3); padding-left:0 !important; padding-right:0 !important;}
.articlelisting .data-listing > .row > .data-listing-item.data-listing-item--featured{flex:0 0 calc(66.6% - 16px * 2 / 3); max-width:none; width:calc(66.6% - 16px * 2 / 3);}
.articlelisting .data-listing .content-box-image{margin-bottom:20px !important; border-radius:10px;
	border: 1px solid #D8CCD5;}
html[dir] [data-listing="article-with-filter"] .content-box-image{padding-bottom:0 !important; margin-bottom:20px !important;}
.articlelisting .data-listing .content-box-image img, .articlelisting .data-listing .img-text-box .img-text-box__img{
	transition:all .5s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition:all .5s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition:all .5s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition:all .5s cubic-bezier(0.25, 1, 0.5, 1);
}
.articlelisting .data-listing .content-box-image, .articlelisting .data-listing .img-text-box{border-radius:16px;}
.articlelisting .data-listing .data-listing__title{margin-bottom:15px !important; padding-left:0 !important; padding-right:0 !important;}
.articlelisting .data-listing .data-listing__title .cmp-title__text{overflow:visible !important;}
.articlelisting .data-listing .img-text-box__text h4.cmp-title__text{color:#fff; font-family:var(--new-font);}
.articlelisting .data-listing .data-listing__excerpt{padding-left:0 !important; padding-right:0 !important;}
.articlelisting .data-listing .data-listing__excerpt .cmp-text{max-height:none !important; -webkit-line-clamp:3 !important;}
.articlelisting .data-listing :is(.data-listing__title, .data-listing__title *, .data-listing__excerpt, .data-listing__excerpt *){line-height:1.5 !important;}
.articlelisting .data-listing :is(.data-listing__excerpt, .data-listing__excerpt *){font-size:1rem !important;}
:is(html[lang="zh-TW"], html[lang="zh-CN"]) .articlelisting .data-listing__button > a:before{display:inline; content:'查';}
.articlelistingwithfilter .articlelisting .data-listing .data-listing__excerpt .cmp-text{-webkit-line-clamp:none !important;}

/* Component {Featured Experiences Tiles} */
.featuredexperiencestiles .data-listing.featured-experiences > .row{margin-left:0 !important; margin-right:0 !important; gap:20px;}
.featuredexperiencestiles .data-listing.featured-experiences .data-listing-item{padding-left:0 !important; padding-right:0 !important; margin-bottom:0 !important; max-width:calc(50% - (20px / 2)) !important; flex:1 !important; border-radius:10px; overflow:hidden;}
.featuredexperiencestiles .img-text-box .img-text-box__gradient{background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(137,255,241,0)), color-stop(100%, rgba(0,0,0,.8))) !important;}
.featuredexperiencestiles .img-text-box :is(.img-text-box__text, .img-text-box__text *){font-family:var(--main-font) !important; font-weight:700 !important; line-height:1.3 !important;}

/* Custom component {Image with Text listing} */
.imagetext-listing ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:row; flex-wrap:wrap; gap:20px;}
.imagetext-listing ul > li{flex:auto;}
.imagetext-listing .list-item{position:relative; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; gap:1.4583vw;}
.imagetext-listing :is(.list-item, .list-item *){font-family: var(--new-font);}
.imagetext-listing .list-item .list-item-cover{flex:0 0 185px; border-radius:12px; overflow:hidden;}
.imagetext-listing .list-item .list-item-cover img{width:100%;}
.imagetext-listing .list-item .list-item-heading{margin-bottom:8px; font-size:22px !important; font-weight:700 !important;}
.imagetext-listing .list-item .list-item-annotation{margin:6px 0 10px;}
.imagetext-listing .list-item :is(.list-item-desc, .list-item-desc *){font-size:1rem; line-height:1.5 !important;}
.imagetext-listing a > .list-item .list-item-heading:after{
	display:inline-block; content:''; width:10px; height:16px; margin-left:8px; background-image:url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.78584 7.99797L0.828583 1.95035C0.389691 1.50338 0.39059 0.77964 0.830582 0.333791C1.27057 -0.112058 1.98303 -0.111144 2.42192 0.335823L9.17234 7.18817C9.59613 7.62009 9.61063 8.31427 9.20534 8.76408L2.42693 15.6642C1.98803 16.1111 1.27558 16.1121 0.835588 15.6662C0.395596 15.2204 0.394697 14.4966 0.833589 14.0497L6.78584 7.99797Z' fill='%23000000'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:auto 100%; background-position:center;
	transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1), color .2s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1), color .2s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1), color .2s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1), color .2s cubic-bezier(0.25, 1, 0.5, 1);
}
.imagetext-listing a:hover > .list-item .list-item-heading:after{transform:translateX(5px);}
.imagetext-listing :is(a:hover, a:focus) *{color:#000;}



/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	/* Component {DHK Data View Upcoming Event List} */
	.dataviewcontainer .upcoming-event-list .list-content{gap:16px !important;}
	.dataviewcontainer .upcoming-event-list .list-content .list-item{flex:0 0 calc(33.3% - (16px * 2 / 3)) !important;}
	
	/* Component {Article Listing} */
	.articlelisting .data-listing > .row > .data-listing-item{flex:0 0 calc(50% - 16px / 2); width:calc(50% - 16px / 2);}
	.articlelisting .data-listing > .row > .data-listing-item.data-listing-item--featured{flex:0 0 calc(50% - 16px / 2); max-width:none; width:calc(50% - 16px / 2);}
	.articlelisting .data-listing .content-box-image{margin-bottom:20px !important;}
	.articlelisting .data-listing .data-listing__excerpt{margin-bottom:20px !important;}
	.articlelisting .data-listing .data-listing__excerpt p{margin-top:0 !important;}
	html[dir] [data-listing="article-with-filter"] .content-box-image{margin-bottom:15px !important;}
}

@media screen and (max-width: 991.98px) {
   /* Component {DHK Event List V2} */
	.eventlist > .new_eventlist > .container > .event-listing{margin-left:-5px !important; margin-right:-5px !important;}
   .eventlist > .new_eventlist .event-listing__item{padding-left:5px !important; padding-right:5px !important;}
   .eventlist > .new_eventlist .events__listing-image-wrapper{margin-bottom:15px;}

	/* Component {DHK Data View Upcoming Event List} */
	.dataviewcontainer .upcoming-event-list .list-content{gap:10px !important;}
	.dataviewcontainer .upcoming-event-list .list-content .list-item{flex:0 0 calc(33.3% - (10px * 2 / 3)) !important;}
	.dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:15px !important;}

	/* Component {DHK e-Solution Announce Box} */
	.announce-box .gkActivity-tip-body{padding-left:15px !important; padding-right:15px !important;}
	.announce-box .gkActivity-tip-box-ico{width:25px !important;}
	.announce-box .gkActivity-tip-up{margin-bottom:6px !important;}
	.announce-box .gkActivity-tip-up .cmp-title__text *{font-size:17px !important;}
	
	/* Component {Featured Experiences Tiles} */
	.featuredexperiencestiles .data-listing.featured-experiences > .row{gap:10px;}

   /* Custom component {Image with Text listing} */
	.imagetext-listing .list-item{gap:16px;}
	.imagetext-listing .list-item .list-item-cover{flex:0 0 165px;}
	.imagetext-listing .list-item .list-item-heading{font-size:18px !important;}
   .imagetext-listing .list-item :is(.list-item-desc, .list-item-desc *){font-size:.9375rem;}
}

@media screen and (max-width: 767.98px) {
	.aem-GridColumn.aem-GridColumn--default--12:not(.aem-GridColumn--offset--extrasmall--1) > .dhk-content{padding-left:0 !important; padding-right:0 !important; padding-top:0 !important;}

	/* Component {DHK e-Solution Itinerary Title} */
	.itinerary-title > .itinerary-title-container{margin-top:15px !important; margin-bottom:20px !important;}

	/* Component {DHK Event List V2} */
   .eventlist > .new_eventlist .events__listing-image-wrapper{margin-bottom:5px;}

	/* Component {DHK Data View Upcoming Event List} */
	.dataviewcontainer .upcoming-event-list .list-content .list-item{flex:0 0 calc(50% - (10px / 2)) !important;}
	.dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:5px !important;}
	.dataviewcontainer .upcoming-event-list .list-content .list-item :is(.card-title, .card-title *){font-size:1rem !important;}
	.dataviewcontainer .upcoming-event-list .list-content .list-item :is(.card-date, .card-date *, .card-venue, .card-venue *, .card-text, .card-text *, .card-text-see-more-btn, .card-text-see-more-btn *){font-size:.875rem !important;}

	/* Component {DHK e-Solution Announce Box} */
	.announce-box .gkActivity-tip-body{padding-left:12px !important; padding-right:12px !important;}

	/* Component {Article Listing} */
	.articlelisting .data-listing > .row > .data-listing-item{flex:0 0 100%; width:auto;}
	.articlelisting .data-listing > .row > .data-listing-item.data-listing-item--featured{flex:0 0 100%; width:auto; margin-bottom:0 !important;}
	.articlelisting .data-listing .data-listing__title{margin-bottom:10px !important;}
	.articlelisting .data-listing .data-listing__excerpt{margin-bottom:10px !important;}
	.articlelisting .data-listing .data-listing__excerpt p:last-child{margin-bottom:0 !important;}
	.articlelisting .data-listing :is(.data-listing__excerpt, .data-listing__excerpt *){font-size:.875rem !important;}
	.articlelistingwithfilter .articlelisting .data-listing .data-listing__excerpt .cmp-text{-webkit-line-clamp:3 !important;}
	html[dir] [data-listing="article-with-filter"] .content-box-image{margin-bottom:10px !important;}

	/* Component {Featured Experiences Tiles} */
	.featuredexperiencestiles .data-listing.featured-experiences > .row{flex-direction:column !important;}
	.featuredexperiencestiles .data-listing.featured-experiences .data-listing-item{max-width:none !important; flex:auto !important;}
	.featuredexperiencestiles .img-text-box .img-text-box__text{padding:10px !important;}

   /* Custom component {Image with Text listing} */
	.imagetext-listing ul{flex-direction:column; margin-left:0; margin-right:0; margin-top:0 !important; margin-bottom:10px !important; gap:16px;}
	.imagetext-listing ul > li{flex:0 0 100%; max-width:100%;}
   .imagetext-listing .list-item{gap:12px;}
	.imagetext-listing .list-item .list-item-cover{flex:0 0 130px;}
	.imagetext-listing .list-item .list-item-heading{margin-bottom:3px; font-size:.9375rem !important;}
   .imagetext-listing .list-item .list-item-desc{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
   .imagetext-listing .list-item :is(.list-item-desc, .list-item-desc *){font-size:.875rem;}
	.imagetext-listing a > .list-item .list-item-heading:after{width:8px; height:12px; margin-left:6px;}
}

@media (max-width: 575.98px) {
	
}