/* Theme DHK WinterFest 2025 */
@import url('/content/dam/dhk/common/font/manrope/v15/font-manrope.css');
@import url('/content/dam/dhk/common/font/hkremix/font-hkremix.css');
@import url('/content/dam/dhk/common/font/notosanstc/v35/font-notosanstc.css');
@import url('/content/dam/dhk/common/font/notosanssc/v36/font-notosanssc.css');

:root {
	--main-font: 'Manrope', arial, system-ui, sans-serif;
	--title-font: 'HKRemix', 'Noto Sans TC', arial, system-ui, sans-serif;
	--main-font-size: 16px;
	--main-font-size-lg: calc(var(--main-font-size) * 1.125);
	--main-font-size-xl: calc(var(--main-font-size) * 1.25);
	--h1-font-size: 78px;
	--h2-font-size: 60px;
	--h3-font-size: 48px;
	--h4-font-size: 30px;
	--h5-font-size: 22px;
	--h6-font-size: 19px;

	/* Theme color start */
	--title-font-color: #3B2000;
	--main-font-color: #3B2000;
	--link-color: #3B2000;
	--link-color-hover: #5a2601;
	--primary-button-font-color: #fff;
	--primary-button-bgcolor: #3B2000;
	--selection-font-color: #fff;
	--selection-bgcolor: #03142e;
	--scrollarea-scrollbar-color-thumb: #3B2000;
	--scrollarea-scrollbar-color-track: #ebe5e9;
	--scrollarea-scrollbar-width: 5px;
	--swiper-pagination-bullet-active-color: #007aff;
	--hashtag-bgcolor: #c20e0e;
	--hashtag-font-color: #fff;
	/* Theme color end */
}
@-moz-document url-prefix() {
	:root {
		--main-font: 'Manrope', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, system-ui, sans-serif;
	}
}
html[lang="zh-CN"]{
	--title-font: 'HKRemix', 'Noto Sans SC', arial, system-ui, sans-serif;
	--main-font: 'Manrope', 'Noto Sans SC', arial, system-ui, sans-serif;
}
@media (min-width: 1399.98px) {
	html[lang="en"] {
		--h1-font-size: 88px;
		--h2-font-size: 70px;
	}
}

/* DHK style reset */
.navbar-container{height:auto !important;}
.pwafooter{display:none !important;}
.footerexperiencefragment{position:relative; -webkit-transform:translate3d(0, 0, 0);}
.webchat-mobile{display:none !important;}
.remarks, .remarks p{display:inline-block; color:inherit; width:100%;}

/** Common **/
html[dir] body{background-color:#fff !important;}
html[dir] .footer{border-top:0 !important;}
#theme-winterfest ::selection, .popup-content ::selection{background-color:var(--selection-bgcolor); color:var(--selection-font-color);}
.noselect, .noselect *{pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}

#theme-winterfest{position:relative; font-weight:400; font-style:normal; background-color:#fff;}
#theme-winterfest *:not(h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 *, .es-single-banner-title), .popup-wrapper *:not(h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 *, .es-single-banner-title){font-family:var(--main-font);}
#theme-winterfest, #theme-winterfest :is(div, span, p, a, li, table th, table td):not(h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-size:var(--main-font-size); font-weight:500; line-height:1.5; color:var(--main-font-color);}
#theme-winterfest .caption .cmp-text p{font-size:0.6875rem;}
#theme-winterfest a.underlined{background-image: -webkit-gradient(linear, left top, left bottom, from(var(--link-color-hover)), to(var(--link-color-hover))),-webkit-gradient(linear, left top, left bottom, from(var(--link-color)), to(var(--link-color)));}
#theme-winterfest a.underlined:hover{color:var(--link-color-hover);}
#theme-winterfest b, #theme-winterfest strong{font-weight:700;}
#theme-winterfest b *, #theme-winterfest strong *{font-weight:inherit !important;}
#theme-winterfest img:not(.iconVideoPlay){max-width:100%;}
#theme-winterfest small{display:inline-block;}
#theme-winterfest :is(.remarks, .remarks *), .popup-content :is(.remarks, .remarks *), #theme-winterfest .caption, #theme-winterfest .caption :is(p, a){font-size:14px !important; letter-spacing: 0 !important; line-height:1.3 !important;}
#theme-winterfest .sharing{display:flex; width:100%; justify-content:flex-start;}
#theme-winterfest .sharing .sharing__container{padding:0 !important;}
#theme-winterfest .sharing ul.sharing__list{margin-top:0 !important; margin-bottom:0 !important; flex-wrap:nowrap;}
#theme-winterfest .sharing li.sharing__item:not(:last-child){margin-right:10px;}
#theme-winterfest .sharing li.sharing__item > svg{background-color:transparent; overflow:hidden; border-radius:999px;}
#theme-winterfest .sharing ul.sharing__list .icon-hover__showed path{fill:var(--poster-font-color);}
#theme-winterfest .sharing ul.sharing__list .icon-hover__hidden path{fill:var(--poster-font-color);}
#theme-winterfest :is(.font-hkremix-neon, .font-hkremix-neon *){font-family:var(--neon-font) !important;}

#theme-winterfest :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .container-cust, .non-featured-offers-container, .es-btn-group-container){float:none !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding:0 20px !important; clear:both !important;}
#theme-winterfest :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .non-featured-offers-container, .es-btn-group-container):not(.gohk2022-container, .gohk2022-full-width-container){max-width:calc(1530px + 20px + 20px) !important;}
#theme-winterfest .container-cust{max-width:calc(1360px + 20px + 20px);}
#theme-winterfest .container-cust.large, #theme-winterfest .gohk2022-container{max-width:calc(1530px + 20px + 20px);}
#theme-winterfest .container-cust > .row:not(:last-child){margin-bottom:50px;}
#theme-winterfest .container.dhk-container.max-width-1100 .cmp-container, #theme-winterfest .gohk2022-full-width-container{max-width:none !important;}
#theme-winterfest .freeformeditor-v2 .row, #theme-winterfest .dataviewcontainer{padding-left:20px; padding-right:20px; margin-left:-20px; margin-right:-20px;}
#theme-winterfest :is(.cta.padding-horizontal .multiple-links, .cta.padding-horizontal .cta-link, .text.padding-horizontal .cmp-text, .image.padding-horizontal .cmp-image, .title.padding-horizontal .cmp-title){padding-left:0 !important; padding-right:0 !important;}
@media (min-width: 991.98px){
	#theme-winterfest .text.caption :is(p, a, *){font-size:16px !important;}
}
#theme-winterfest .text.caption{position:relative; padding-left:44px; margin-top:15px; width:fit-content; margin:0 auto;}
#theme-winterfest .text.caption:before{display:block; content:''; position:absolute; left:0; top:0; width:30px; height:30px; border-radius:999px; background-image:url("data:image/svg+xml,%3Csvg width='7' height='17' viewBox='0 0 7 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.9584 0.44239C4.5267 0.15395 4.0192 0 3.5 0C2.8038 0 2.1361 0.27656 1.6439 0.76884C1.1516 1.26113 0.875 1.92881 0.875 2.625C0.875 3.1442 1.029 3.6517 1.3174 4.0834C1.6058 4.5151 2.0158 4.8515 2.4955 5.0502C2.9751 5.2489 3.5029 5.3008 4.0121 5.1996C4.5213 5.0983 4.9891 4.8483 5.3562 4.4812C5.7233 4.114 5.9733 3.6463 6.0746 3.1371C6.1759 2.62791 6.1239 2.10011 5.9252 1.62046C5.7265 1.1408 5.3901 0.73083 4.9584 0.44239ZM6.7803 16.4053C6.921 16.2647 7 16.0739 7 15.875V14.375C7 14.1761 6.921 13.9853 6.7803 13.8447C6.6397 13.704 6.4489 13.625 6.25 13.625H5.5V7.375C5.5 7.1761 5.421 6.9853 5.2803 6.8447C5.1397 6.704 4.9489 6.625 4.75 6.625H0.75C0.5511 6.625 0.3603 6.704 0.2197 6.8447C0.0789995 6.9853 0 7.1761 0 7.375V8.875C0 9.0739 0.0789995 9.2647 0.2197 9.4053C0.3603 9.546 0.5511 9.625 0.75 9.625H1.5V13.625H0.75C0.5511 13.625 0.3603 13.704 0.2197 13.8447C0.0789995 13.9853 0 14.1761 0 14.375V15.875C0 16.0739 0.0789995 16.2647 0.2197 16.4053C0.3603 16.546 0.5511 16.625 0.75 16.625H6.25C6.4489 16.625 6.6397 16.546 6.7803 16.4053Z' fill='%23ffffff'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-position:center; background-color:var(--primary-button-bgcolor);}

#theme-winterfest .breadcrumb{position:relative; padding:15px 0;}
#theme-winterfest .breadcrumb:after{display:block; content:''; position:absolute; left:-20px; bottom:0; width:100vw; height:1px; background-color:#ebe5ea;}
#theme-winterfest .breadcrumb *{font-size:12px; font-weight:600; font-family:var(--main-font);}
#theme-winterfest .breadcrumb .cmp-breadcrumb{border:0; margin-top:0; padding-top:0;}
#theme-winterfest .breadcrumb .cmp-breadcrumb > .container{max-width:none !important;}
#theme-winterfest .breadcrumb svg .cls-100{stroke:#2D2D2D; stroke-width:1px;}
#theme-winterfest .breadcrumb .cmp-breadcrumb__item{padding-right:14px; margin-right:4px;}
#theme-winterfest .breadcrumb .cmp-breadcrumb__item:after{border-color:#2D2D2D;}
#theme-winterfest .breadcrumb .breadcrumb__home-icon{display:none;}

#theme-winterfest :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-weight:800; font-family:var(--title-font); color:var(--title-font-color); line-height:1.2;}
html[lang="en"] #theme-winterfest :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){letter-spacing:0.01px; line-height:.9;}
#theme-winterfest :is(h1, h1 *){font-size: var(--h1-font-size); letter-spacing:-1px !important;}
#theme-winterfest :is(h2, h2 *){font-size: var(--h2-font-size);}
#theme-winterfest :is(h3, h3 *){font-size: var(--h3-font-size);}
#theme-winterfest :is(h4, h4 *){font-size: var(--h4-font-size);}
#theme-winterfest :is(h5, h5 *){font-size: var(--h5-font-size);}
#theme-winterfest :is(h6, h6 *){font-size: var(--h6-font-size);}

#theme-winterfest .theme-dark{
	--title-font-color:#fff;
	--main-font-color: #fff;
	--link-color: #fff;
	--link-color-hover: #fff;
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content, .has-iframe .fancybox__content{width:80% !important; height:auto !important;}
.has-iframe .fancybox__content{width:80% !important; height:auto !important; padding:0 !important; aspect-ratio:1.77778 / 1; background-color:transparent !important;}
#theme-winterfest .section-head{margin-bottom:40px;}
#theme-winterfest .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){opacity:.7;}
#theme-winterfest .line-clamp-more > a, #theme-winterfest .line-clamp-more > a *{--main-font-size:0.875em;}

:is(#theme-winterfest, .popup-wrapper) .btn-primary{position:relative; display:inline-block; width:fit-content; border-radius:16px; padding:12px 38px 12px 20px; margin-bottom:4px; border:0; background-color:var(--primary-button-bgcolor); outline:none; line-height:1.15;}
:is(#theme-winterfest, .popup-wrapper) .btn-primary, :is(#theme-winterfest, .popup-wrapper) .btn-primary *, .popup-content .btn-primary, .popup-content .btn-primary *{color:var(--primary-button-font-color) !important; font-weight:600 !important;}
:is(#theme-winterfest, .popup-wrapper) .btn-primary:not(:last-child), .popup-content .btn-primary:not(:last-child){margin-right:8px;}
:is(#theme-winterfest, .popup-wrapper) .btn-primary:after, .popup-content .btn-primary:after{display:block; content:''; position:absolute; right:20px; top:calc(50% - 8px); width:9px; height:16px; -webkit-mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; background-color:var(--primary-button-font-color); transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1);}
:is(#theme-winterfest, .popup-wrapper) .btn-primary:hover:after, .popup-content .btn-primary:hover:after{transform:translateX(3px) scale(.85);}
:is(#theme-winterfest, .popup-wrapper) .btn-primary.fluid{display:block; width:100%; text-align:center;}
.btn-primary.disabled{--primary-button-bgcolor:#383838; padding-left:20px !important; padding-right:20px !important; opacity:.7; pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}
.btn-primary.disabled:after{display:none !important;}

a.btn-arrow-down{display:inline-block; position:relative;}
a.btn-arrow-down:after{display:inline-block; content:''; margin-left:8px; width:16px; height:9px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00203 6.78584L14.0497 0.828583C14.4966 0.389691 15.2204 0.39059 15.6662 0.830582C16.1121 1.27057 16.1111 1.98303 15.6642 2.42192L8.81183 9.17234C8.37991 9.59613 7.68573 9.61062 7.23592 9.20534L0.335822 2.42692C-0.111145 1.98803 -0.112059 1.27558 0.333791 0.835587C0.77964 0.395595 1.50338 0.394696 1.95035 0.833588L8.00203 6.78584Z' fill='%233B002B'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size: 100% auto; background-position:center; transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1);}
a.btn-arrow-down:hover:after{transform:translateY(2px);}

a.btn-arrow-right{display:inline-block; position:relative;}
a.btn-arrow-right:after{display:inline-block; content:''; margin-left:8px; width:9px; height:16px; 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='%233B002B'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size: 100% auto; background-position:center; transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:transform .2s cubic-bezier(0.25, 1, 0.5, 1); vertical-align:middle;}
a.btn-arrow-right:hover:after{transform:translateX(2px);}

a.btn-square-arrow{display:inline-flex; flex-direction:row; flex-wrap:nowrap; align-items:center; min-height:46px; background-color:#CD2618 !important; border-radius:16px; overflow:hidden; --main-font-color:#fff;}
a.btn-square-arrow.fluid{width:100%;}
a.btn-square-arrow, a.btn-square-arrow *{font-weight:700 !important;}
a.btn-square-arrow > span{flex:1 1 auto; text-align:center; padding:0 20px;}
a.btn-square-arrow:after{display:block; content:''; flex:0 0 42px; height:44px; border:1px solid #CD2618; background-color:#fff; background-image:url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.28584 7.99797L0.328583 1.95035C-0.110309 1.50338 -0.10941 0.77964 0.330582 0.333791C0.770575 -0.112058 1.48303 -0.111144 1.92192 0.335823L8.67234 7.18817C9.09613 7.62009 9.11063 8.31427 8.70534 8.76408L1.92693 15.6642C1.48803 16.1111 0.77558 16.1121 0.335588 15.6662C-0.104404 15.2204 -0.105303 14.4966 0.333589 14.0497L6.28584 7.99797Z' fill='%23CD2618'/%3E%3C/svg%3E%0A"); background-position:center; background-repeat:no-repeat; background-size:9px 16px; border-radius:16px;}
a.btn-square-arrow.color-gold{background-color:#DDBC70 !important; --main-font-color:#3B2000;}
a.btn-square-arrow.color-gold:after{border-color:#DDBC70; background-image:url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.28584 7.99797L0.328583 1.95035C-0.110309 1.50338 -0.10941 0.77964 0.330582 0.333791C0.770575 -0.112058 1.48303 -0.111144 1.92192 0.335823L8.67234 7.18817C9.09613 7.62009 9.11063 8.31427 8.70534 8.76408L1.92693 15.6642C1.48803 16.1111 0.77558 16.1121 0.335588 15.6662C-0.104404 15.2204 -0.105303 14.4966 0.333589 14.0497L6.28584 7.99797Z' fill='%23CEAD63'/%3E%3C/svg%3E%0A"); background-color:#F7EED3;}



.scroll-area{padding-right:10px; overflow:auto;}
@-moz-document url-prefix() {
	.scroll-area{scrollbar-color:var(--scrollarea-scrollbar-color-thumb) var(--scrollarea-scrollbar-color-track); scrollbar-width:thin; scrollbar-gutter:auto;}
}
@supports selector(::-webkit-scrollbar) {
	.scroll-area::-webkit-scrollbar-thumb{border-radius:999px; border:3px solid transparent; background-clip:content-box; background:var(--scrollarea-scrollbar-color-thumb); cursor:pointer;}
	.scroll-area::-webkit-scrollbar-track{border-radius:999px; background:var(--scrollarea-scrollbar-color-track);}
	.scroll-area::-webkit-scrollbar{width:var(--scrollarea-scrollbar-width);}
}

@-webkit-keyframes arrow-down-float-ani {
	0% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
	50% {-webkit-transform: rotate(90deg) translateX(4px); transform: rotate(90deg) translateX(4px);}
	100% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
}
@keyframes arrow-down-float-ani {
	0% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
	50% {-webkit-transform: rotate(90deg) translateX(4px); transform: rotate(90deg) translateX(4px);}
	100% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
}

.os-theme-dark{--os-size:12px;}
.cust-scrollarea{padding-bottom:17px;}

mark.blue{padding: 0.1em 0.4em !important; border-radius: 0.8em 0.3em; background: transparent; background-image: linear-gradient(to right, rgba(13, 174, 220, 0.1), rgba(13, 174, 220, 0.7) 4%, rgba(13, 174, 220, 0.3) ); -webkit-box-decoration-break: clone; box-decoration-break: clone;}
span.icon-lightblub{display:inline-block; min-height:33px; padding-left:calc(28px + 10px); padding-top:4px; background-image:url(/content/dam/dhk/common/icon/default/icon-light-bulb.svg); background-repeat:no-repeat; background-size:28px auto; vertical-align:text-bottom;}
.pin-title{padding-left:calc(20px + 15px); margin-bottom:20px; min-height:27px; background-image:url(/content/dam/dhk/common/icon/icon-pin-red.svg); background-repeat:no-repeat; background-position:left top; background-size:20px auto;}
.pin-title, .pin-title *{font-size:var(--h5-font-size) !important; font-weight:800 !important;}

#theme-winterfest span.icon{display:inline-block; position:relative; padding-left:38px; background-repeat:no-repeat; background-position:0 0;}
#theme-winterfest span.icon:before{display:block; content:''; position:absolute; left:0; top:0; background-repeat:no-repeat; background-position:left center; background-color:var(--main-font-color); -webkit-mask-size:cover; mask-size:cover; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center;}
#theme-winterfest span.icon-date{min-height:22px; padding-left:30px;}
#theme-winterfest span.icon-date:before{width:22px; height:22px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-date.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-date.svg);}
#theme-winterfest span.icon-time{min-height:22px;}
#theme-winterfest span.icon-time:before{width:22px; height:22px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-time.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-time.svg);}
#theme-winterfest span.icon-datetime{min-height:27px;}
#theme-winterfest span.icon-datetime:before{width:26px; height:27px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-datetime.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-datetime.svg);}
#theme-winterfest span.icon-htgt{min-height:29px;}
#theme-winterfest span.icon-htgt:before{width:29px; height:29px; left:-2px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-htgt.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-htgt.svg);}
#theme-winterfest span.icon-note{min-height:23px;}
#theme-winterfest span.icon-note:before{width:23px; height:23px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-note.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-note.svg);}
#theme-winterfest span.icon-location{min-height:28px;}
#theme-winterfest span.icon-location:before{width:22px; height:28px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-location.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-location.svg);}
#theme-winterfest span.icon-vantagepoint{min-height:calc(19px + 3px);}
#theme-winterfest span.icon-vantagepoint:before{top:3px; width:25px; height:19px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-vantagepoint.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-vantagepoint.svg);}
#theme-winterfest span.icon-admission{min-height:calc(21px + 3px);}
#theme-winterfest span.icon-admission:before{top:3px; width:26px; height:21px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-admission.svg); mask-image:url(/content/dam/dhk/common/theme/2024/festival/icon-admission.svg);}
#theme-winterfest span.icon-event-date{min-height:20px; padding-left:28px;}
#theme-winterfest span.icon-event-date:before{width:20px; height:20px; top:3px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2025/winterfest/icon-event-date-star.svg); mask-image:url(/content/dam/dhk/common/theme/2025/winterfest/icon-event-date-star.svg); background-color:var(--main-font-color);}
#theme-winterfest span.icon-snow{min-height:17px; padding-left:22px;}
#theme-winterfest span.icon-snow:before{width:17px; height:17px; top:4px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2025/winterfest/icon-snow.svg); mask-image:url(/content/dam/dhk/common/theme/2025/winterfest/icon-snow.svg); background-color:var(--main-font-color);}
#theme-winterfest span.icon-gallery{min-height:17px; padding-left:27px;}
#theme-winterfest span.icon-gallery:before{width:23px; height:17px; top:4px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2025/winterfest/icon-gallery.svg); mask-image:url(/content/dam/dhk/common/theme/2025/winterfest/icon-gallery.svg); background-color:var(--main-font-color);}
a.icon-video{position:relative;}
a.icon-video:after{display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); height:30%; aspect-ratio:1 / 1; background-image:url(/content/dam/dhk/common/theme/2025/wine-dine-festival/icon-video-play.svg); background-size:contain; background-position:center; background-repeat:no-repeat; pointer-events:none;}



/* #######################################1  Custom Component  ######################################## */
/* Custom component {Anchors} */
:root{
	--anchors-font-color: #FFF8EA;
	--anchors-border-color: #0E224E;
	--anchors-bgcolor: #12305B;
	--anchors-bgcolor-hover: #093b81;
	--anchors-toggle-color-main: #12305B;
	--anchors-toggle-color-secondary: #9D8095;
	--anchors-toggle-bgcolor-main: #f3eee4;
	--anchors-toggle-bgcolor-secondary: #12305B;
}
.anchors-wrapper{position:relative; z-index:99; margin:0 12px; max-width:100%; transform:translateY(-50%); margin-bottom:-20px;}
.anchors-wrapper.border-bottom{padding-bottom:10px; border-bottom:1px solid var(--anchors-border-color);}
.anchors-wrapper.border-bottom.is-sticky{border-bottom:0 !important;}
.anchors-wrapper.border-bottom.is-sticky ul.anchors{background-color:var(--popup-fetch-bgcolor);}
ul.anchors{list-style:none; display:flex; flex-direction:row; flex-wrap:nowrap; padding-left:0; z-index:999;}
ul.anchors > li{flex:1;}
@media (min-width: 991.98px) {ul.anchors > li:not(:first-child){margin-left:-1px;}}
ul.anchors > li > a{
	display:flex; padding:0 30px; height:63px; border-radius:20px; border:1px solid var(--anchors-border-color); background-color:var(--anchors-bgcolor); justify-content:center; align-items:center; text-align:center; line-height:1.2 !important;
	transition:all .3s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition:all .3s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition:all .3s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition:all .3s cubic-bezier(0.25, 1, 0.5, 1);
}
ul.anchors > li > a, ul.anchors > li > a *{color:var(--anchors-font-color) !important; font-weight:700 !important; font-size:19px !important; font-family:var(--main-font) !important;}
ul.anchors > li > a:hover{background-color:var(--anchors-bgcolor-hover);}
ul.anchors > li > a:after{display:inline-block; content:''; width:7px; height:12px; margin-left:10px; -webkit-mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; background-color:var(--anchors-font-color); transform:rotate(90deg);}
ul.anchors > li > a:hover:after, ul.anchors > li > a:active:after {
	-webkit-animation-direction:alternate; -webkit-animation-duration:.8s; -webkit-animation-fill-mode:forwards; -webkit-animation-iteration-count:infinite; -webkit-animation-name:arrow-down-float-ani; -webkit-animation-timing-function:ease-in-out;
	animation-direction:alternate; animation-duration:.8s; animation-fill-mode:forwards; animation-iteration-count:infinite; animation-name:arrow-down-float-ani; animation-timing-function:ease-in-out;
}
ul.anchors > li > a.active{background-color:var(--anchors-font-color); border-color:var(--anchors-font-color); border-color:#506a6a;}
ul.anchors > li > a.active:after{/* background-color:var(--anchors-bgcolor); */ background-color:var(--anchors-bgcolor) !important;}
ul.anchors > li > a.active, ul.anchors > li > a.active *{/* color:var(--anchors-bgcolor) !important; */ color:var(--anchors-bgcolor) !important;}
.anchors-toggle{position:relative; padding:12px 54px 12px 18px; width:100%; border-radius:12px !important; border:1px solid var(--anchors-toggle-color-main); outline:0 !important; background:#fff; text-align:left;}
.anchors-toggle, .anchors-toggle *{line-height:1.2 !important;}
.anchors-toggle .toggle-label{display:block; font-size:12px !important; font-weight:600 !important; color:var(--anchors-toggle-color-secondary) !important; margin-bottom:6px;}
.anchors-toggle .toggle-value{font-size:16px !important; font-weight:800 !important; color:var(--anchors-toggle-color-main) !important; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden;}
.anchors-toggle .toggle-arrow{display:block; position:absolute; right:-1px; top:-1px; width:calc(36px + 2px); height:calc(100% + 2px); border-radius:12px; border:1px solid var(--anchors-toggle-color-main); background-color:var(--anchors-toggle-color-main);}
.anchors-toggle .toggle-arrow:after{display:inline-block; content:''; position:absolute; left:calc(50% - 3.5px); top:calc(50% - 6px); width:7px; height:12px; -webkit-mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2024/festival/button-arrow-icon.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; background-color:#fff; transform:rotate(90deg);}
.anchors-toggle.show .toggle-arrow:after{transform:rotate(-90deg);}
@media (min-width: 991.98px) {
	/* ul.anchors > li > a{box-shadow: 0px -15px 30px 0px rgba(30, 48, 41, 0.3) !important;} */
	ul.anchors > li > a.text-small, ul.anchors > li > a.text-small *{font-size:16px !important;}
}
@media (min-width: 1199.98px) {
	ul.anchors > li > a.text-small, ul.anchors > li > a.text-small *{font-size:17px !important;}
}
@-webkit-keyframes arrow-down-float-ani {
	0% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
	50% {-webkit-transform: rotate(90deg) translateX(4px); transform: rotate(90deg) translateX(4px);}
	100% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
}
@keyframes arrow-down-float-ani {
	0% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
	50% {-webkit-transform: rotate(90deg) translateX(4px); transform: rotate(90deg) translateX(4px);}
	100% {-webkit-transform: rotate(90deg) translateX(0px); transform: rotate(90deg) translateX(0px);}
}
#poster .anchors-wrapper{margin-left:0; margin-right:0;}

/* Custom component {Line table} */
:root{
	--line-table-font-color: #3b002b;
	--line-table-border-color: #dce6ed;
}
@media (min-width: 1399.98px){
	.line-table-row{margin-left:-45px !important; margin-right:-45px !important;}
	.line-table-col{padding-left:45px !important; padding-right:45px !important;}
	.line-table-col .line-table .table-cell{padding:45px 18px;}
	.line-table-col .line-table .table-row:first-child > .table-cell{padding-top:0;}
	.line-table-col .line-table .table-row:last-child > .table-cell{padding-bottom:0;}
	.line-table-col .line-table .table-cell:first-child{padding-left:0;}
	.line-table-col .line-table .data-head, .line-table-col .line-table .spotlight .sl-head{margin-bottom:15px;}
	.line-table-col .line-table .spotlight{margin-top:45px;}
}
.line-table-col:not(:first-child){border-left:1px solid var(--line-table-border-color);}
.line-table:not(:last-child){margin-bottom:35px;}
.line-table .table-row{display:flex; flex-direction:row; flex-wrap:nowrap; border-bottom:1px solid var(--line-table-border-color);}
.line-table .table-row:last-child{border-bottom:0;}
.line-table .table-footer{padding:10px 0; border-top:1px solid var(--line-table-border-color);}
.line-table .table-cell{position:relative; padding:20px 18px; flex:1;}
.line-table .table-row:first-child > .table-cell{padding-top:0;}
.line-table .table-cell:first-child{padding-left:0;}
.line-table .table-cell:not(:first-child):before{display:block; content:''; position:absolute; width:1px; height:74%; top:13%; left:-1px; background-color:var(--line-table-border-color);}
.line-table .table-cell.fluid{padding-left:0; flex:0 0 100%;}
.line-table .table-cell.fluid:before{display:none;}
.line-table .data-head{margin-bottom:10px;}
.line-table .data-head, .line-table .data-head *{color:var(--line-table-font-color) !important; font-weight:800 !important; font-size:1.111em;}
.line-table .data-content{line-height:1.4 !important;}
.line-table .data-content, .line-table .data-content *{color:var(--line-table-font-color);}
.line-table .data-content > ul, .line-table .data-content > ol{padding-left:27px;} 
.line-table .copy.copy--small p:not(.dynamic-page-details__list--data):not(:last-child), .line-table p:not(.dynamic-page-details__list--data):not(:last-child){margin-bottom:16px !important;}
.line-table .spotlight{padding:24px 30px; margin-top:30px; border-radius:16px; border:1px solid var(--line-table-border-color); background-color:rgba(0,0,0,.1);}
.line-table .spotlight .sl-head, .line-table .spotlight .sl-head *{color:var(--line-table-font-color) !important; font-weight:700 !important;}

/* Custom component {Image with Text listing} */
:root{
	--imagetextlist-alignment: flex-start;
	--imagetextlist-seperate-border-color: #D8CCD5;
	--imagetextlist-circle-bgcolor: #333;
	--imagetextlist-circle-arrow-color: #fff;
}
.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:0 0 calc(50% - 10px);}
.imagetext-listing ul.flex-column > li{flex:0 0 100%;}
.imagetext-listing ul.show-partial > li:nth-child(n + 7){display:none;}
.imagetext-listing .list-item{position:relative; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:var(--imagetextlist-alignment); gap:1.4583vw;}
.imagetext-listing .list-item .list-item-cover{flex:0 0 183px; border-radius:12px; overflow:hidden;}
.imagetext-listing .list-item .list-item-heading{margin-bottom:8px; font-size:22px !important; font-weight:800 !important; line-height:1.3 !important;}
.imagetext-listing .list-item .list-item-annotation{margin:6px 0 10px;}
.imagetext-listing .list-item :is(.list-item-desc, .list-item-desc *){line-height:1.35 !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='%233B002B'/%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(3px);}
.imagetext-listing a.btn-capsule{background-color:var(--imagetextlist-circle-bgcolor) !important;}
.imagetext-listing a.btn-capsule:after{background-color:var(--imagetextlist-circle-arrow-color) !important;}
#theme-winterfest .imagetext-listing span.icon-pin{min-height:14px; padding-left:18px;}
#theme-winterfest .imagetext-listing span.icon-pin:before{top:5px; width:12px; height:14px;}
#btn-imagetext-listing-more{margin-top:10px;}

.imagetext-listing.sticky-style{display:flex; flex-direction:row; gap:32px;}
.imagetext-listing.sticky-style .col-left{flex:0 0 calc(42% - (32px / 2)); width:calc(42% - (32px / 2));}
.imagetext-listing.sticky-style .col-right{flex:0 0 calc(58% - (32px / 2)); width:calc(58% - (32px / 2));}
.imagetext-listing.sticky-style ul > li{flex:auto;}
.imagetext-listing.sticky-style .col-left .list-item{flex-direction:column;}
.imagetext-listing.sticky-style .col-left .list-item .list-item-cover{position:relative; flex:auto;}

/* Custom component {Experience listing} */
.exp-list ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:row; flex-wrap:wrap; column-gap:40px; row-gap:30px;}
.exp-list ul > li{flex:0 0 calc(50% - 24px);}
@media (min-width: 767.98px) {
	.exp-list ul > li{flex:0 0 calc(50% - 24px); margin-right:0 !important;}
}
.exp-list .list-item{position:relative; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:var(--imagetextlist-alignment); gap:1.875vw;}
.exp-list .list-item .list-item-cover{flex:0 0 41.6%; border-radius:12px; overflow:hidden;}
.exp-list .list-item .list-item-heading{margin-bottom:10px; font-size:26px !important; font-weight:800 !important; line-height:1.2 !important;}
.exp-list .list-item .list-item-annotation{margin:6px 0 10px;}
.exp-list .list-item :is(.list-item-desc, .list-item-desc *){line-height:1.35 !important;}
.exp-list .list-item .list-item-action{margin-top:10px;}

/* Custom component {Layout} */
:root{
	--layout-column-gap: 16px;
	--layout-row-gap: 20px;
}
.layout-wrapper{display:flex; flex-direction:column; row-gap:var(--layout-row-gap);}
.layout-row{display:flex; flex-direction:row; flex-wrap:wrap; column-gap:var(--layout-column-gap); row-gap:var(--layout-row-gap);}
.layout-row:not(:last-child){margin-bottom:var(--layout-column-gap);}
.layout-row[data-column="2"] > div:not(.fluid){max-width:calc( 50% - ( var(--layout-column-gap) / 2 ) ); flex:1 1 100%;}
.layout-row[data-column="3"] > div:not(.fluid){max-width:calc( 33.3% - ( var(--layout-column-gap) * 2 / 3 ) ); flex:1 1 100%;}
.layout-row[data-column="4"] > div:not(.fluid){max-width:calc( 25% - ( var(--layout-column-gap) * 3 / 4 ) ); flex:1 1 100%;}
.layout-row > div.fluid{flex:0 0 100% !important; flex-direction:row; max-width:100%;}

/* Custom component {Line Box} */
:root{
	--linebox-border-radius: 16px;
	--linebox-padding: 20px;
	--linebox-column-gap: 30px;
	--linebox-row-gap: 25px;
	--linebox-title-color: var(--title-font-color);
	--linebox-font-color: var(--main-font-color);
	--linebox-bgcolor: #FFEFF1;
	--linebox-border-color: #c7b4b4;
	--linebox-swiper-button-arrow-color: #fff;
	--linebox-swiper-button-bgcolor: var(--color-primary);
}
.linebox{
	flex:1; padding:var(--linebox-padding); max-width:100%; border-radius:var(--linebox-border-radius); border:1px solid var(--linebox-border-color); background-color:var(--linebox-bgcolor); display:flex; flex-direction:column; align-items:flex-start; row-gap:var(--linebox-row-gap); column-gap:var(--linebox-column-gap); overflow:hidden;
	--title-font-color: var(--linebox-title-color);
	--main-font-color: var(--linebox-font-color);
}
.linebox.stretch{align-items:stretch;}
.linebox.no-padding{--linebox-padding:0;}
.linebox.no-border{--linebox-border-color:transparent;}
.linebox.no-bgcolor{--linebox-bgcolor:transparent;}

.linebox .item-cover{position:relative; max-width:100%; border-radius:12px; background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden;}
.linebox .item-cover > .caption{display:inline-block; width:auto; max-width:calc(100% - 8px - 8px); position:absolute; left:8px; bottom:8px; border-radius:4px; padding:3px; background-color:rgba(0, 54, 59,.7); pointer-events:none;}
#theme-winterfest .linebox .item-cover > .caption{--main-font-color:#fff;}
#theme-winterfest .linebox .item-cover > :is(.caption, .caption *){font-size:.75em !important;}
#theme-winterfest .linebox .item-cover-swiper{position:relative;}
#theme-winterfest .linebox .item-cover-swiper .swiper-pagination{bottom:6px;}
#theme-winterfest .linebox .item-cover-swiper .swiper-pagination-bullet{
	margin:0 3px; border-radius:99px; background-color:#fff; opacity:1;
	transition: width .2s cubic-bezier(0.25, 1, 0.5, 1);
	-moz-transition: width .2s cubic-bezier(0.25, 1, 0.5, 1);
	-ms-transition: width .2s cubic-bezier(0.25, 1, 0.5, 1);
	-webkit-transition: width .2s cubic-bezier(0.25, 1, 0.5, 1);
}
#theme-winterfest .linebox .item-cover-swiper .swiper-pagination-bullet-active{width:20px; background-color:var(--linebox-border-color);}

.linebox .item-heading{margin-bottom:16px !important;}
.linebox .item-heading.large h5, .linebox .item-heading.large h5 *{font-size:var(--h3-font-size) !important; font-family:var(--title-font) !important;}
.linebox .item-logo-heading{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; gap:12px; margin-bottom:15px;}
.linebox .item-logo-heading .item-logo{flex:0 0 45px; border-radius:4px; overflow:hidden;}
.linebox .item-logo-heading .item-logo > img{width:100%;}
.linebox .item-logo-heading .item-name{flex:1;}
.linebox .item-logo-heading .item-name *{margin-bottom:0 !important;}
.linebox :is(ul, ol){padding-left:22px;}
.linebox.left-right{flex-direction:row;}
.linebox.left-right .item-cover{flex:0 0 35%; max-width:35%;}
.linebox.left-right .item-content{flex:1;}
.linebox .icon-group > span.icon:not(:last-child){margin-bottom:6px;}

/* Custom component {Line grid} */
:root{
	--line-grid-border-color: #C3A3C3;
	--line-grid-padding-x: 25px;
	--line-grid-padding-y: 15px;
}
.line-grid{display:flex; flex-direction:column;}
.line-grid .grid-row{display:flex; flex-direction:row; flex-wrap:nowrap;}
.line-grid .grid-col{display:flex; flex-direction:column; height:100%;}
.line-grid .grid-row:not(:first-child), .line-grid .grid-col > .grid-sector:not(:first-child), .line-grid > .grid-sector:not(:first-child){border-top:1px solid var(--line-grid-border-color);}
.line-grid .grid-sector{flex: 1 1 0; padding:var(--line-grid-padding-x);}
.line-grid .grid-sector *{line-height:1.25 !important;}
.line-grid .grid-row > .grid-sector:not(:first-child){border-left:1px solid var(--line-grid-border-color); max-width: calc(50% - 1px);}
.line-grid .grid-row > .grid-sector{padding:var(--line-grid-padding-x) var(--line-grid-padding-y);}
.line-grid .grid-row > .grid-sector:first-child{padding-left:var(--line-grid-padding-x);}
.line-grid .grid-row > .grid-sector:last-child{padding-right:var(--line-grid-padding-x);}

/* Custom component {Popup fetch} */
:root{
	--popup-fetch-height: calc(99vh - 70px);
	--popup-fetch-height: calc(99dvh - 70px);
	--popup-fetch-border-radius: 25px;
	--popup-fetch-bgcolor: #fbf1f1;
}
#popup-fetch-wrapper,
.popup-fetch-wrapper{
	--title-font-color: #bb1717;
	--main-font-color: #bb1717;
	--link-color: #bb1717;
	--link-color-hover: #c7190d;
	--anchors-font-color: #bb1717;
	--toast-box-header-bgcolor: #bb1717;
	--timetable-border-color: #bb1717;
}
.fancybox__slide{padding-left:0; padding-right:0; overflow-x:hidden;}
.fancybox__backdrop{--fancybox-bg: rgba(24, 24, 27, 0.65) !important;}
#popup-fetch-wrapper.fancybox__content{position:absolute; left:0; bottom:0; padding:0; width:100%; height:var(--popup-fetch-height); --fancybox-content-bg:transparent;}
#popup-fetch-wrapper.fancybox__content > .aem-Grid{padding-top:calc( var(--popup-fetch-border-radius) * 1.5 ); height:100%; border-top-left-radius:var(--popup-fetch-border-radius); border-top-right-radius:var(--popup-fetch-border-radius); background-color: var(--popup-fetch-bgcolor, #fff); overflow:hidden;}
#popup-fetch-wrapper.fancybox__content > .aem-Grid > .dhk-container{float:none; width:auto; height:100%; overflow-y:auto;}
#popup-fetch-wrapper.fancybox__content #theme-winterfest{padding:0; padding-left:20px; padding-right:20px; height:100%; background-color:transparent !important;}
#popup-fetch-wrapper.fancybox__content #theme-winterfest :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, p, p *, span, span *, th, th *, td, td *, li, li *):not(a, button){cursor:text;}
#popup-fetch-wrapper.fancybox__content #theme-winterfest :is(a, button){cursor:pointer;}
#popup-fetch-wrapper.fancybox__content > .f-button.is-close-btn{
	--fancybox-color:#fff;
	--f-button-bg: transparent;
   --f-button-hover-bg: transparent;
	top:-40px; right:var(--popup-fetch-border-radius); width:auto; gap: 10px; font-size: 1.25em; font-weight: 700; font-family: var(--main-font); opacity:1;
}
#popup-fetch-wrapper.fancybox__content > .f-button.is-close-btn svg{flex:0 0 auto;}

/* Custom Component {Circle list} */
ol.circle-list{list-style:none; padding-left:0; counter-reset:my-awesome-counter;}
ol.circle-list li{position:relative; padding-left:36px; padding-bottom:10px; min-height:24px; counter-increment:my-awesome-counter;}
ol.circle-list li::before{display:inline-block; content:counter(my-awesome-counter); position:absolute; left:0; top:0; width:24px; height:24px; font-weight:800; color:#fff; line-height:22px; border-radius:50%; background-color:var(--main-font-color); text-align:center;}

/* Custom Component {Timetable} */
:root{
	--timetable-border-color: #12538c;
	--timetable-head-bgcolor: #d49953;
	--timetable-bgcolor: #F3EEE4;
	--timetable-font-color: #3B2000;
	--timetable-col-width-1: 50%;
	--timetable-col-width-2: 50%;
	--timetable-col-width-3: 22%;
	--timetable-padding-x: 30px; 
	--timetable-padding-y: 20px;
}
.timetable-wrapper{display:flex; flex-direction:column; row-gap:45px; margin-top:45px;}
.timetable-wrapper:not(:last-child){margin-bottom:45px;}
.timetable-wrapper .tt-group .group-header *{font-family:var(--main-font) !important;}
.timetable{display:flex; flex-direction: column; row-gap:6px;}
.timetable .tt-head, .timetable .tt-subhead, .timetable .tt-row{display:flex; flex-direction:row; flex-wrap:nowrap;}

.timetable :is(.tt-head, .tt-head *){line-height:1.3 !important;}
.timetable .tt-head > div{flex:0 0 100%; padding:8px var(--timetable-padding-x); border-radius:12px; background-color:var(--timetable-head-bgcolor); --main-font-color:#fff; font-weight:700 !important; text-align:center; display:flex; flex-direction: column; justify-content: center;}
.timetable .tt-head > div:nth-child(1){flex:0 0 var(--timetable-col-width-1);}
.timetable .tt-head > div:nth-child(2){flex:1 0 var(--timetable-col-width-2);}
.timetable .tt-head > div:nth-child(3){flex:0 0 var(--timetable-col-width-3);}
.timetable .tt-head > div.fluid{flex:0 0 100%;}

.timetable :is(.tt-subhead, .tt-subhead *){line-height:1.3 !important;}
.timetable .tt-subhead > div{flex:0 0 100%; padding:8px var(--timetable-padding-x); border-radius:12px; background-color:var(--timetable-subhead-bgcolor, #3d1212); --main-font-color:#fff; font-weight:700 !important; text-align:center; display:flex; flex-direction: column; justify-content: center; align-items:center;}

.timetable .tt-row{border:1px solid var(--timetable-border-color); border-radius:16px; background-color:var(--timetable-bgcolor); --main-font-color: var(--timetable-font-color);}
.timetable .tt-row > div{padding:var(--timetable-padding-y) var(--timetable-padding-x);}
.timetable .tt-row > div:not(:first-child){border-left:1px solid var(--timetable-border-color);}
.timetable .tt-row > div:nth-child(1){flex:0 0 var(--timetable-col-width-1);}
.timetable .tt-row > div:nth-child(2){flex:1 0 var(--timetable-col-width-2);}
.timetable .tt-row > div:nth-child(3){flex:0 0 var(--timetable-col-width-3);}
.timetable .tt-row > div.fluid{flex:0 0 100%;}

.timetable .tt-imagetext{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; gap:1.82vw;}
.timetable .tt-imagetext .tt-imagetext-cover{flex:0 0 160px; border-radius:12px; overflow:hidden;}
.timetable .tt-imagetext .tt-imagetext-text{flex:1;}
.timetable .tt-supplementary{margin-top:var(--timetable-padding-y); padding-top:calc(var(--timetable-padding-y) / 2); border-top:1px solid #ddd2d2; --main-font-size:15px; /* border-radius: 12px; background-color: #f7f0f0; padding: 10px; */}
.timetable .text-del{margin-top:0;}
.timetable :is(ul, ol){padding-left:26px;}

/* Custom Component {Acknowledgement} */
.ack-box{overflow:hidden; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start;}
.ack-box .content-left{flex:0 0 20.6%;}
.ack-box .content-right{flex:1; padding-left:2.4vw; margin-left:2.4vw; border-left:1px solid var(--bg-color-khaki); display:flex; flex-direction:row; flex-wrap:wrap;}
.ack-box .ack-group:not(:last-child){margin-bottom:2vw; margin-right:2.9vw;}
.ack-box .ack-group.ack-group-text:not(:last-child){margin-bottom:1.4vw;}
.ack-box .ack-group.ack-group-fluid{flex:0 0 100%; margin-right:0 !important;}
.ack-box .group-label{margin-bottom:20px; font-weight:700 !important; color:var(--title-font-color) !important;}
.ack-box .ack-group.ack-group-text .group-label{margin-bottom:10px;}
.ack-box .group-content{display:flex; flex-direction:row; flex-wrap:wrap; align-items:center;}
.ack-box .group-content > span{flex:1 0 auto;}
.ack-box .content-right .group-content > span{flex:0 0 auto; margin-right:2.6vw; margin-bottom:1vw;}
.ack-box .content-right .group-content.text-mode{align-items:flex-start;}
.ack-box .content-right .group-content.text-mode > span{margin-right:2vw; margin-bottom:.8vw;}
.ack-box .group-content img{width:100%;}
@media (min-width: 991.98px) {.ack-box .ack-group:not(:last-child){margin-bottom:1.7vw;}}
.ack-box.with-border .ack-group:not(:first-child){padding-top:1.7vw; border-top:1px solid rgba(0,0,0,.15);}



/* #######################################2  DHK Component  ######################################## */
/* Component {Tip with Icon Text} */
#theme-winterfest .icontexttip:not(:last-child){margin-bottom:15px;}
#theme-winterfest .icontexttip .tip__container{margin:0 auto; padding-top:0; padding-bottom:0;}
@media (min-width: 991.98px) { #theme-winterfest .icontexttip .tip__container{width:87%;} }
#theme-winterfest .icontexttip .tip__body{display:flex !important; padding-top:0; padding-bottom:0; border-radius:16px; background-color:#fffef9; background-color:#fcfbf1; border:1px solid #eee; box-shadow:0px 8px 20px 0px #ddd; overflow:hidden;}
#theme-winterfest .icontexttip .tip__visual{display:flex; flex:1 0 auto; justify-content:center; align-items:center; margin-right:30px; padding-left:25px; padding-right:25px; border-top-right-radius:16px; /* border-bottom-right-radius:12px; */ background-color:var(--poster-bgcolor);}
#theme-winterfest .icontexttip .tip__visual .tip__icon{width:28px;}
#theme-winterfest .icontexttip :is(.tip__content, .tip__content *){color:var(--main-font-color);}
#theme-winterfest .icontexttip .tip__content{padding-top:15px; padding-bottom:15px;}
#theme-winterfest .icontexttip .tip__content .title{text-transform:none;}
#theme-winterfest .icontexttip .cmp-title__text h5, #theme-winterfest .icontexttip .cmp-title__text h5 *{color:var(--poster-bgcolor);}

/* Component {DHK WinterFest 2021 Container} — Rounded corner background container */
:root{
	/* --wf2021container-font-color: #3b002b; */
	--wf2021container-bgcolor:#F3EEE4;
	--wf2021container-bgimage:none;
	--wf2021container-border-color:transparent;
	--wf2021container-line-table-font-color:var(--poster-line-table-font-color);
	--wf2021container-line-table-border-color:var(--poster-line-table-border-color);
}
#theme-winterfest .winterfest2021_container{
	padding:12px; padding-top:0; /* opacity:0; */
	--line-table-font-color: var(--wf2021container-line-table-font-color);
	--line-table-border-color: var(--wf2021container-line-table-border-color);
}
#theme-winterfest .winterfest2021_container .heading h1{--title-font: 'Libel Suit Regular', 'Noto Sans', 'Noto Sans TC', 'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif; letter-spacing:0;}
@media (min-width: 991.98px) {
	#theme-winterfest .winterfest2021_container .heading h1{--h1-font-size:75px;}
}
html[lang="en"] #theme-winterfest .winterfest2021_container .heading h1{font-weight:500;}
html[lang="zh-CN"] #theme-winterfest .winterfest2021_container .heading h1{--title-font: 'Libel Suit Regular', 'Noto Sans', 'Noto Sans SC', 'Open Sans', arial, 'PingFang SC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif}
#theme-winterfest .winterfest2021_container > .sectionBox{position:relative; padding:75px 0; background-color:var(--wf2021container-bgcolor); background-image:var(--wf2021container-bgimage); border:1px solid var(--wf2021container-border-color); border-radius:16px; overflow:hidden;}
/* #theme-winterfest .winterfest2021_container > .sectionBox, #theme-winterfest .winterfest2021_container > .sectionBox * {--main-font-color: var(--wf2021container-font-color); color:var(--wf2021container-font-color);} */
#theme-winterfest .winterfest2021_container .article-detail__heading{padding-left:0; padding-right:0; padding-top:0;}
#theme-winterfest .winterfest2021_container .article-detail__heading .rainbow-bar--vertical{padding-left:0;}
#theme-winterfest .winterfest2021_container .article-detail__heading .rainbow-bar--vertical .cmp-title__text>*:before{display:none; top:25px; left:-20px; bottom:15px; background-image:none; background-color:var(--wf2021container-font-color); border-radius:99px;}
#theme-winterfest .winterfest2021_container .image > .cmp-image > .cmp-image__image,
#theme-winterfest .winterfest2021_container .carousel-slide > .cmp-image > .cmp-image__image{
	border-radius:12px;
}
#theme-winterfest .winterfest2021_container .colorTable-container{max-width:1060px; margin:0 auto;}
#theme-winterfest .winterfest2021_container .colorTable th, #theme-winterfest .winterfest2021_container .colorTable td{padding:15px 12px; border-radius:4px;}
#theme-winterfest .winterfest2021_container .colorTable.cellwithcolor th, #theme-winterfest .winterfest2021_container .colorTable.cellwithcolor td{background-color:rgba(0,0,0,.15);}
#theme-winterfest .winterfest2021_container .colorTable tr:first-child :is(th:first-child, td:first-child){border-top-left-radius:10px;}
#theme-winterfest .winterfest2021_container .colorTable tr:first-child :is(th:last-child, td:last-child){border-top-right-radius:10px;}
#theme-winterfest .winterfest2021_container .colorTable tr:last-child :is(th:first-child, td:first-child){border-bottom-left-radius:10px;}
#theme-winterfest .winterfest2021_container .colorTable tr:last-child :is(th:last-child, td:last-child){border-bottom-right-radius:10px;}
#theme-winterfest .winterfest2021_container .carousel{margin-top:30px;}
#theme-winterfest .winterfest2021_container .carousel-container{padding-left:0 !important; padding-right:0 !important;}
#theme-winterfest .winterfest2021_container .carousel-container .slick-dots li button:before{border:1px solid #fff;}
#theme-winterfest .winterfest2021_container .carousel-container .slick-dots li.slick-active button:before{background:#fff; border:1px solid #fff;}

/* Component {Image With text} */
#theme-winterfest .imagewithtext .half-section-component{padding-left:0 !important; padding-right:0 !important;}
#theme-winterfest .imagewithtext .half-section-component > .container.cmp-container{padding:0 !important;}
#theme-winterfest .imagewithtext .half-section__image-wrap .cmp-image__image{border-radius:10px;}

/* Component {DHK e-Solution Offer Cross-Sell Banner} */
#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-item{border-radius:16px; overflow:hidden;}
#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-item .item-details .see-more-btn{border-radius:8px;}
#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper{padding:0;}
#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo-inner-wrapper{height:100%; padding-bottom:0;}
#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{position:relative; width:auto; height:auto; min-height:0; top:auto; object-fit:cover;}
#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper{padding-bottom:0;}
#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{position:relative; top:auto; height:auto; min-height:0;}
#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details .see-more-btn{height:45px;}
@media (min-width: 1500.98px) {
	#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:40px 85px;}
}
#theme-winterfest .offer-cross-sell-cmp-container .item-details .item-brand{display:none;}
#theme-winterfest .offer-cross-sell-cmp-container .item-details .offer-name{line-height:1.2; font-size:var(--h4-font-size); font-family:var(--main-font) !important; font-weight:700 !important;}
#theme-winterfest .offer-cross-sell-cmp-container .item-details .offer-name > :is(.desc, .desc *, p, p *){font-size:16px !important; color:inherit !important; line-height:1.4;}
#theme-winterfest .offer-cross-sell-cmp-container .item-details .offer-name > .desc:first-child, #theme-winterfest .offer-cross-sell-cmp-container .item-details .offer-name > p:first-child{margin-top:12px;}
#theme-winterfest .offer-cross-sell-banner .swiper-pagination-bullet{border-radius:99px;}
#theme-winterfest .offer-cross-sell-banner .swiper-pagination-bullet-active{width:20px; background-color:var(--swiper-pagination-bullet-active-color);}
#theme-winterfest .offer-cross-sell-banner .swiper-slide{margin-right:0 !important;}

/* Component {DHK Data View Upcoming Event List} */
#theme-winterfest .dataviewcontainer .dataview-filters{display:none !important;}
#theme-winterfest .dataviewcontainer :is(.dataview-filters, .dataview-wrapper) > .cmp-container{padding-top:0 !important;}
#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content{margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; gap:16px; justify-content:flex-start;}
#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item{margin-top:0; flex:0 0 calc(25% - (16px * 3 / 4)); max-width:none; width:calc(25% - (16px * 3 / 4));}
#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content :is(.list-item, .list-item *){font-family:var(--main-font) !important;}
#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:20px;}
#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap .card-img{border-radius:12px;}
#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{margin-bottom:10px; font-weight:800;}
#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item :is(.card-title, .card-title *){font-size:var(--h5-font-size);  font-family:var(--main-font) !important; font-weight:800; line-height:1.2;}
#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date,
#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue,
#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text,
#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text-see-more-btn{font-weight:600; margin-top:8px; margin-bottom:0; line-height:1.3;}
#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date{padding-left:25px; min-height:17px; background-image:url(/content/dam/dhk/common/theme/2025/winterfest/icon-event-date.svg); background-repeat:no-repeat; background-position:left top;}
#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue{padding-left:25px; min-height:19px; background-image:url(/content/dam/dhk/common/theme/2025/winterfest/icon-event-location.svg); background-repeat:no-repeat; background-position:1px top;}
@media (min-width: 991.98px) {#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item :is(.card-date, .card-venue){--main-font-size:17px;}}
#theme-winterfest .dataviewcontainer .upcoming-event-list .toggle-events-page .toggle-page_input{border-radius:6px;}
#theme-winterfest .dataviewcontainer span.icon:before{background-color:var(--main-font-color);}

/* Component {Tabs} */
#theme-winterfest .cmp-tabs__tablist{display:flex; flex-direction:row; flex-wrap:nowrap; gap:10px; margin-bottom:30px !important; border-bottom:0;}
#theme-winterfest .cmp-tabs__tablist li{flex:1 1 auto; height:57px; background-color:#E7D9C6; border:1px solid #B9AE9E; line-height:1 !important; border-radius:16px; display:flex; justify-content:center; align-items:center; text-align:center;}
#theme-winterfest .cmp-tabs__tablist li.cmp-tabs__tab--active{background-color:#FFFEF7;}
#theme-winterfest .cmp-tabs__tablist li:after{display:none;}
#theme-winterfest .cmp-tabs__tablist :is(li, li *){font-weight:700; --main-font-size: var(--main-font-size-xl);}
#theme-winterfest .cmp-tabs__tabpanel .container{padding:0 !important;}
#theme-winterfest .cmp-tabs__tabpanel .container > .dhk-content > .cmp-container{padding-top:0 !important;}



/* Section | Landing */
#welcome{
	position:relative; margin:0 12px 12px 12px; background-color:#01183A; background: linear-gradient(118deg,rgba(1, 24, 58, 1) 80%, rgba(2, 17, 36, 1) 100%); border-radius:16px; overflow:hidden;
	--title-font-color: #ffe2b8;
	--main-font-color: #ffe2b8;
	--link-color: #ffe2b8;
	--link-color-hover: #f1d38d;
}
@media (min-width: 1199.98px) { #welcome, #intro{--main-font-size: 17px;} }
/* #welcome.hidden{opacity:0; overflow:hidden;} */
#welcome .main-visual{overflow:hidden;}
#welcome .main-visual > video{width:100%; aspect-ratio:1920 / 500;}
#welcome .event-pane{
	/* background-color:hsla(30,38%,15%,1);
	background-image:
	radial-gradient(at 66% 93%, hsla(21,41%,23%,1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(18,54%,5%,1) 0px, transparent 50%),
	radial-gradient(at 100% 0%, hsla(18,63%,4%,1) 0px, transparent 50%),
	radial-gradient(at 68% 39%, hsla(19,55%,24%,1) 0px, transparent 50%),
	radial-gradient(at 36% 31%, hsla(19,55%,24%,1) 0px, transparent 50%),
	radial-gradient(at 34% 86%, hsla(20,42%,33%,1) 0px, transparent 50%),
	radial-gradient(at 82% 81%, hsla(17,80%,17%,1) 0px, transparent 50%); */
	/* background: #4D2710; */
	/* background: linear-gradient(109deg,rgba(35, 22, 15, 1) 0%, rgba(77, 39, 16, 1) 44%, rgba(48, 27, 7, 1) 100%); */
	/* background: #01183A; */
}
#welcome .event-content-container{height:100%;}
#welcome .event-content{display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; padding-top:25px; padding-bottom:35px;}
#welcome .bio-date{display:inline-block; margin-bottom:26px; --main-font-size:22px;}
#welcome :is(.bio-date, .bio-date *){font-weight:800 !important; line-height:1.2 !important;}

#main-section{
	--wf2021container-bgcolor:hsla(43,62%,81%,1);
	--wf2021container-bgimage:
	radial-gradient(at 52% 15%, hsla(43, 67%, 76%, 1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(38, 41%, 54%, 1) 0px, transparent 50%),
	radial-gradient(at 100% 1%, hsla(38, 51%, 58%, 1) 0px, transparent 50%),
	radial-gradient(at 10% 30%, hsla(41, 63%, 69%, 1) 0px, transparent 50%),
	radial-gradient(at 98% 26%, hsla(40, 58%, 63%, 1) 0px, transparent 50%);
	--title-font-color: #3B2000;
	--main-font-color: #3B2000;
}
#secondary-section {
	--wf2021container-bgcolor: hsla(43, 62%, 81%, 1);
	--wf2021container-bgimage:
	radial-gradient(at 52% 81%, hsla(43, 67%, 76%, 1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(38, 41%, 54%, 1) 0px, transparent 50%),
	radial-gradient(at 100% 97%, hsla(38, 51%, 58%, 1) 0px, transparent 50%),
	radial-gradient(at 9% 70%, hsla(41, 63%, 69%, 1) 0px, transparent 50%),
	radial-gradient(at 97% 73%, hsla(40, 58%, 63%, 1) 0px, transparent 50%);
	--title-font-color: #3B2000;
	--main-font-color: #3B2000;
}
#main-section .winterfest2021_container > .sectionBox,
#secondary-section .winterfest2021_container > .sectionBox{
	border:0;
}

#theme-winterfest[data-theme="hong-kong-winterfest"] .anchors-wrapper{margin-top:-110px; margin-bottom:0; transform:none;}
/* #theme-winterfest[data-theme="hong-kong-winterfest"] #main-section{margin-top:calc(-110px + 58px + 12px);} */
#winter-wonderland{
	--layout-column-gap: 38px;
}
.spotlight-events{padding:25px; border-radius:16px; background-color:#DFCA9E; background:linear-gradient(108deg, #DFCA9E 0.86%, #E8DAB3 100%);}
.spotlight-events:not(:last-child){margin-bottom:18px;}
.spotlight-events .sl-heading{padding-bottom:8px; margin-bottom:25px; border-bottom:1px solid #bca891;}
.spotlight-events .imagetext-listing a > .list-item .list-item-heading:after{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='%233B2000'/%3E%3C/svg%3E%0A");}
.spotlight-events span.icon-date:before{background-color:#3B2000 !important;}

.gallery-grid{position:relative; display:grid; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(3, 1fr); gap:12px;}
.gallery-grid > .item{border-radius:16px; overflow:hidden;}
.gallery-grid > .item-large{grid-column:span 2; grid-row:span 2;}
.gallery-grid > .item a{display:block; width:100%; height:100%;}
.gallery-grid > .item img{width:100%; height:100%; object-fit:cover;}
.gallery-grid a.btn-view-all{position:absolute; right:10px; top:10px; display:inline-flex; padding:8px 12px; justify-content:center; align-items:center; border:2px solid #FFFFFF; background-color:rgba(0,0,0,.7); border-radius:12px; --main-font-color:#fff;}

#theme-winterfest #winter-shopping span.icon-date:before{background-color:var(--main-font-color);}


/* Section | Poster */
:root{
	--poster-font-color: #fff;
	--poster-bgcolor: hsla(208, 77%, 31%, 1);
	--poster-bg-image:	radial-gradient(at 73% 100%, hsla(216, 81%, 22%, 1) 0px, transparent 50%), radial-gradient(at 97% 91%, hsla(212, 70%, 28%, 1) 0px, transparent 50%), radial-gradient(at 13% 17%, hsla(206, 89%, 35%, 1) 0px, transparent 50%);
	--poster-primary-button-font-color: #fff;
	--poster-primary-button-bgcolor: rgba(255,255,255,.3);
	--poster-video-icon: url(/content/dam/dhk/common/theme/2025/cyclothon/icon-video-play.svg);
	--poster-date-icon: url("data:image/svg+xml,%3Csvg width='29' height='29' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.69824' y='5.24237' width='26.303' height='23.7576' rx='2' fill='url(%23paint0_linear_261_714)'/%3E%3Cpath d='M9.08165 19.6675V21.9552H6.79395V19.6675H9.08165ZM14.8009 19.6675V21.9552H12.5132V19.6675H14.8009ZM20.5202 19.6675V21.9552H18.2325V19.6675H20.5202ZM9.08165 14.2075V16.4952H6.79395V14.2075H9.08165ZM14.8009 14.2075V16.4952H12.5132V14.2075H14.8009ZM20.5202 14.2075V16.4952H18.2325V14.2075H20.5202Z' fill='white' stroke='white' stroke-width='0.2'/%3E%3Cpath d='M7.70996 1V3.51648' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.9111 1V3.51648' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.7921 3.88257H2.52514C1.68283 3.88257 1 4.5654 1 5.40771V24.9295C1 25.7718 1.68283 26.4546 2.52514 26.4546H24.7921C25.6345 26.4546 26.3173 25.7718 26.3173 24.9295V5.40771C26.3173 4.5654 25.6345 3.88257 24.7921 3.88257Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.81561H26.2258' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_261_714' x1='7.95885' y1='6.56224' x2='7.95885' y2='21.7878' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23AD30D8'/%3E%3Cstop offset='0.88' stop-color='%23731C75'/%3E%3Cstop offset='1' stop-color='%23731C75'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
	--poster-line-table-font-color: #fff;
	--poster-line-table-border-color: #fff;
}
#poster{
	position:relative; margin:0 12px;
	--title-font-color: #ffe2b8;
	--main-font-color: #ffe2b8;
	--link-color: #ffe2b8;
	--link-color-hover: #ffefd9;
}
@media (min-width: 1199.98px) { #poster{--main-font-size: 17px;} }
.poster-pane{
	/* display:flex; align-items:flex-end; */ position:relative; /* padding-top:80px; padding-bottom:80px; */ max-width:100%; /* min-height:550px; */ border-radius:16px; /* background-color:#DDBF94; background-color:hsla(43,62%,81%,1);
	background-image:
	radial-gradient(at 52% 15%, hsla(43, 67%, 76%, 1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(38, 41%, 54%, 1) 0px, transparent 50%),
	radial-gradient(at 100% 1%, hsla(38, 51%, 58%, 1) 0px, transparent 50%),
	radial-gradient(at 10% 30%, hsla(41, 63%, 69%, 1) 0px, transparent 50%),
	radial-gradient(at 98% 26%, hsla(40, 58%, 63%, 1) 0px, transparent 50%); */
	background-color:#01183A; background: linear-gradient(118deg,rgba(1, 24, 58, 1) 80%, rgba(2, 17, 36, 1) 100%);
	overflow:hidden;
}
.poster-pane.shade-layer:before{display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.15) 60%, rgba(0, 0, 0, 0.15) 100%); z-index:1; border-radius:16px; overflow:hidden;}
.poster-cover{position:absolute; left:0; top:0; height:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:16px; overflow:hidden;}
.poster-body{position:relative; width:100%; overflow:hidden;}
.poster-content-container{height:100%;}
.poster-content{position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:self-start; width:47%; height:100%;}
.poster-content .bio-lockup, .bio-lockup{position:relative; display:inline-block; margin-bottom:15px;}
.poster-content .bio-lockup:before{display:block; content:''; position:absolute; left:0; top:0; transform: translate(-30px, -30px); width:calc(100% + 60px); height:calc(100% + 60px); filter:blur(30px); background-color:rgba(0,0,0,.45);}
.poster-content .bio-lockup > a, .bio-lockup > a{display:inline-block;}
.poster-content .bio-lockup img.img-lockup, .bio-lockup img.img-lockup{display:inline-block; position:relative; /* width:260px; */ z-index:2;}
.poster-content .bio-title{position:relative; margin-bottom:20px !important; z-index:2;}
.poster-content .bio-title h1{margin-bottom:0 !important;}
html[lang="en"] .poster-content .bio-title :is(h1, h1 *){line-height:.92 !important;}
.poster-content .bio-para{position:relative; z-index:2;}

.poster-pane.classic{flex-direction:column; align-items:flex-start; padding-bottom:0; overflow:visible;}
.poster-pane.classic .poster-cover{position:relative; left:auto; top:auto; height:auto; border-bottom-left-radius:20px; border-bottom-right-radius:20px; overflow:hidden;}
.poster-pane.classic .poster-cover > img{width:100%;}
#theme-wdf .poster-pane.classic .poster-content{padding-top:30px !important; padding-bottom:45px !important;}
.poster-pane.classic .poster-content{display:flex; flex-direction:row; flex-wrap:nowrap; gap:55px;}
.poster-pane.classic .poster-content .bio-lockup{transform:translateY(10px);}
.poster-pane.classic .poster-content .bio-lockup:before{display:none;}
.poster-pane .poster-content-left{flex:0 1 auto;}
.poster-pane .poster-content-right{flex:1;}

/* Page | Winter Wonderland */
#theme-winterfest[data-theme="winter-wonderland"] .winterfest2021_container{
	/* --wf2021container-bgcolor:#12305B;
	--title-font-color: #FFF8EA;
	--main-font-color: #FFF8EA; */
	--wf2021container-bgcolor:hsla(43,62%,81%,1);
	--wf2021container-bgimage:
	radial-gradient(at 52% 15%, hsla(43, 67%, 76%, 1) 0px, transparent 50%),
	radial-gradient(at 0% 0%, hsla(38, 41%, 54%, 1) 0px, transparent 50%),
	radial-gradient(at 100% 1%, hsla(38, 51%, 58%, 1) 0px, transparent 50%),
	radial-gradient(at 10% 30%, hsla(41, 63%, 69%, 1) 0px, transparent 50%),
	radial-gradient(at 98% 26%, hsla(40, 58%, 63%, 1) 0px, transparent 50%);
	--title-font-color: #3B2000;
	--main-font-color: #3B2000;
	--layout-column-gap: 38px;
	--timetable-border-color: #e7cd93;
	--primary-button-bgcolor: #d49953;
}
#theme-winterfest[data-theme="winter-wonderland"] .winterfest2021_container > .sectionBox{border:0;}
#theme-winterfest[data-theme="winter-wonderland"] .winterfest2021_container .icon{padding-left:32px !important; margin-bottom:6px;}
#theme-winterfest[data-theme="winter-wonderland"] .winterfest2021_container span.icon-date:before, #theme-winterfest[data-theme="winter-wonderland"] .winterfest2021_container span.icon-location:before, #theme-winterfest[data-theme="winter-wonderland"] .winterfest2021_container span.icon-admission:before{background-color:var(--main-font-color) !important;}






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


/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
	:root {
		--h1-font-size: 60px;
		--h2-font-size: 50px;
		--h3-font-size: 42px;
		--h4-font-size: 26px;
		--h5-font-size: 21px;
		--h6-font-size: 19px;
	}

	/* Custom component {Line table} */
	.line-table .data-head{margin-bottom:5px;}
}


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

}


@media screen and (max-width: 1023px) {
	.navbar-wrapper{height:88px;}
}


/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	:root {
		--main-font-size: 15px;
		--h1-font-size: 48px;
		--h2-font-size: 38px;
		--h3-font-size: 32px;
		--h4-font-size: 24px;
		--h5-font-size: 20px;
		--h6-font-size: 17px;
	}

	/* common */
	html.with-fancybox{overflow-x:hidden;}
	
	#theme-winterfest .breadcrumb{padding:10px 0;}
	#theme-winterfest .breadcrumb *{font-size:13px;}
	#theme-winterfest .breadcrumb .cmp-breadcrumb > .container{padding-left:0; padding-right:0;}

	#theme-winterfest :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) br{display:none;}
	.fancybox__container{max-width:100vw; max-height:100vh;}
	.fancybox-slide{padding:0;}
	#theme-winterfest .section-head{margin-bottom:35px;}
	#theme-winterfest .btn-primary, .popup-content .btn-primary{border-radius:12px;}

	.os-theme-dark{--os-size:8px;}
	.cust-scrollarea{padding-bottom:13px;}

	/* Custom component {Anchors} */
	.anchors-wrapper{margin-top:-12px;}
	ul.anchors{display:none; position:absolute; top:calc(100% + 3px); flex-direction:column; width:100%; border-radius:8px; border:1px solid var(--anchors-toggle-color-main); background-color:var(--anchors-toggle-bgcolor-main); overflow:hidden; box-shadow:0px 8px 20px 0px var(--anchors-toggle-bgcolor-secondary);}
	ul.anchors > li{flex:auto;}
	ul.anchors > li:not(:last-child){border-bottom:1px solid var(--anchors-toggle-color-main);}
	ul.anchors > li > a{padding:0 20px; height:48px; border-radius:0; border:0; background-color:transparent; text-align:left; justify-content:flex-start;}	
	ul.anchors > li > a, ul.anchors > li > a *{font-size:17px !important;}
	/* ul.anchors > li > a.active{background-color:var(--anchors-bgcolor);} */
	ul.anchors > li > a, ul.anchors > li > a *{color:var(--anchors-toggle-color-main) !important; font-size:15px !important;}
	ul.anchors > li > a:hover, ul.anchors > li > a:hover *{color:#fff !important;}
	ul.anchors > li > a.active, ul.anchors > li > a.active *{color:#fff !important;}
	ul.anchors > li > a:after{display:none;}

	/* Custom component {Line table} */
	.line-table-col{margin-bottom:0 !important;}
	.line-table-col:not(:first-child){border-left:0;}
	.line-table-col .table-row{border-bottom:1px solid var(--line-table-border-color) !important;}
	.line-table-col .table-cell{padding:25px 0 !important;}
	.line-table-col:first-child .table-row:first-child .table-cell{padding-top:0 !important;}
	.line-table-col:last-child .table-row:last-child{border-bottom:0 !important;}
	.line-table-col:last-child .table-row:last-child .table-cell{padding-bottom:0 !important;}
	.line-table .table-row{flex-wrap:wrap;}
	.line-table .table-cell{flex:0 0 100%; padding:13px 20px; padding-left:0 !important;}
	.line-table .table-cell:not(:first-child):before{width:100%; height:1px; left:0; top:-1px;}
	.line-table .data-head{margin-bottom:4px;}
	.line-table .spotlight{padding:20px; margin-top:20px; border-radius:12px;}

	/* Custom component {Image with Text listing} */
	.imagetext-listing{padding:0;}
	.imagetext-listing .list-item{gap:16px;}
	.imagetext-listing .list-item .list-item-cover{flex:0 0 115px;}
	.imagetext-listing .list-item .list-item-heading{font-size:18px !important;}
	.imagetext-listing.sticky-style{gap:20px;}
	.imagetext-listing.sticky-style .col-left{flex:0 0 calc(42% - (20px / 2)); width:calc(42% - (20px / 2));}
	.imagetext-listing.sticky-style .col-right{flex:0 0 calc(58% - (20px / 2)); width:calc(58% - (20px / 2));}

	/* Custom component {Experience listing} */
	.exp-list ul{column-gap:16px; row-gap:15px;}
	.exp-list ul > li{flex:0 0 calc(50% - 8px);}
	.exp-list .list-item .list-item-heading{margin-bottom:6px; font-size:20px !important;}
	.exp-list .list-item{flex-direction:column;}
	.exp-list .list-item .list-item-cover{flex:0 0 auto;}

	/* Custom component {Layout} */
	:root{
		--layout-column-gap: 12px;
		--layout-row-gap: 12px;
	}
	@media (min-width: 767.98px) {
		.layout-row[data-column-md="3"] > div:not(.fluid){flex:1 1 auto; max-width:calc( 33.3% - ( var(--layout-column-gap) * 2 / 3 ) );}
		.layout-row[data-column-md="2"] > div:not(.fluid){flex:1 1 auto; max-width:calc( 50% - ( var(--layout-column-gap) / 2 ) );}
		.layout-row[data-column-md="1"]{flex-direction:column;}
		.layout-row[data-column-md="1"] > div:not(.fluid){flex:0 0 100% !important; max-width:100%;}
	}

	/* Custom component {Line Box} */
	:root{
		--linebox-padding: 15px;
		--linebox-column-gap: 20px;
		--linebox-row-gap: 15px;
	}
	.linebox.left-right .item-cover{flex:0 0 38%; max-width:38%;}

	/* Custom component {Line grid} */
	:root{
		--line-grid-padding-x: 20px;
		--line-grid-padding-y: 12px;
	}

	/* Custom component {Acknowledgement} */
	.ack-box{flex-direction:column;}
	.ack-box h3{font-size:30px;}
	.ack-box .content-head{margin-bottom:30px;}
	.ack-box .content-footer{margin-top:30px; padding-top:30px; border-top:1px solid var(--bg-color-khaki);}
	.ack-box .content-left{flex:0 0 100%; display:flex; flex-direction:row; flex-wrap:wrap;}
	.ack-box .content-right{padding-left:0; margin-left:0; border-left:0;}
	.ack-box .ack-group:not(:last-child){margin-bottom:40px;}
	.ack-box .ack-group.ack-group-text:not(:last-child){margin-bottom:20px;}
	.ack-box .group-label{margin-bottom:18px; font-size:15px !important;}
	.ack-box .ack-group.ack-group-text .group-label{margin-bottom:6px;}
	.ack-box .content-right .group-content > span{ margin-right:30px;}
	.ack-box .group-content > span > img{max-height:95px; width:auto;}

	/* Component {Tip with Icon Text} */
	#theme-winterfest .icontexttip .tip__visual{margin-right:24px; padding-left:18px; padding-right:18px;}

	/* Component {DHK WinterFest 2021 Container} — Rounded corner background container */
	#theme-winterfest .winterfest2021_container > .sectionBox{padding:45px 0;}

	/* Component {DHK e-Solution Offer Cross-Sell Banner} */
	#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:2.4% 6%;}
	#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper{width:auto !important;}

	/* Component {DHK Data View Upcoming Event List} */
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content{gap:10px;}
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item{margin-top:0; flex:0 0 calc(25% - (10px * 3 / 4)); max-width:none; width:calc(25% - (10px * 3 / 4)); width:auto;}
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:15px;}
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item img.card-img{border-radius:8px; margin-bottom:10px;}
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-content{padding-top:0;}
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{margin-bottom:15px; font-size:18px; font-weight:800;}
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date,
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue,
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text,
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text-see-more-btn{font-size:15px;}

	/* Section | Landing */
	/* #welcome .event-pane{aspect-ratio:auto; background-image:none; background-color:#12305B;} */
	/* #welcome .event-pane:before{display:block; content:''; width:100%; aspect-ratio:1920 / 1026; background-image:url(/content/dam/dhk/intl/what-s-new/events/hong-kong-winterfest/2025/winterfest-mainvisual-desktop.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;} */
	#welcome .event-content-container{height:auto !important;}
	#welcome .event-content{/* display:flex; flex-direction:column; justify-content:center; align-items:self-start; */ width:100%; padding-top:15px; padding-bottom:25px;}

	/* Section | Poster */
	.poster-content .bio-lockup img.img-lockup{width:210px;}
	.poster-content .bio-lockup:before{transform: translate(-80px, -80px); width:calc(210px + 160px); height:calc(128px + 160px); filter:blur(80px);}

	/* Section | Acknowledgement */
	.ack-box{flex-direction:column;}
	.ack-box h3{font-size:30px;}
	.ack-box .content-head{margin-bottom:30px;}
	.ack-box .content-footer{margin-top:30px; padding-top:30px; border-top:1px solid var(--bg-color-khaki);}
	.ack-box .content-left{flex:0 0 100%; display:flex; flex-direction:row; flex-wrap:wrap;}
	.ack-box .content-right{padding-left:0; margin-left:0; border-left:0;}
	.ack-box .ack-group:not(:last-child){margin-bottom:40px;}
	.ack-box .ack-group.ack-group-text:not(:last-child){margin-bottom:20px;}
	.ack-box .group-label{margin-bottom:18px; font-size:15px !important;}
	.ack-box .ack-group.ack-group-text .group-label{margin-bottom:6px;}
	.ack-box .content-right .group-content > span{ margin-right:30px;}
	.ack-box .group-content > span > img{max-height:95px; width:auto;}

	/* Custom Component {Timetable} */
	.timetable-wrapper{row-gap:30px; margin-top:30px;}
	.timetable-wrapper:not(:last-child){margin-bottom:30px;}
	.timetable .tt-supplementary{--main-font-size:14px;}
}


/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	:root {
		--main-font-size: 14px;
		--h1-font-size: 38px;
		--h2-font-size: 32px;
		--h3-font-size: 25px;
		--h4-font-size: 21px;
		--h5-font-size: 17px;
		--h6-font-size: 16px;
	}

	/* Common */
	#theme-winterfest .copy.copy--small p:not(.dynamic-page-details__list--data):not(:last-child), #theme-winterfest p:not(.dynamic-page-details__list--data):not(:last-child){margin-bottom:16px !important;}
	#theme-winterfest :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .container-cust, .non-featured-offers-container, .es-btn-group-container){padding:0 15px !important;}
	.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;}
	#theme-winterfest .cmp-container > .aem-Grid > .freeformeditor-v2 .row{padding-left:0; padding-right:0; margin-left:-15px; margin-right:-15px;}
	#theme-winterfest .section-head{margin-bottom:30px;}
	#theme-winterfest .btn-primary{padding:8px 28px 8px 16px;}
	#theme-winterfest .btn-primary, .popup-content .btn-primary{border-radius:8px;}
	#theme-winterfest .btn-primary:after, .popup-content .btn-primary:after{right:13px; top:calc(50% - 6px); width:7px; height:12px;}
	.btn-capsule{padding:0 45px 0 20px; height:42px;}
	.btn-capsule, .btn-capsule *{font-size:14px !important;}
	.btn-capsule:after{top:calc(50% - 5px); right:18px; width:12px; height:10px;}
	a.btn-arrow-down:after{margin-left:6px; width:16px; height:9px;}
	#theme-winterfest span.icon{padding-left:32px;}
	#theme-winterfest span.icon-datetime{min-height:24px;}
	#theme-winterfest span.icon-datetime:before{width:23px; height:24px;}
	#theme-winterfest span.icon-pin{min-height:26px;}
	#theme-winterfest span.icon-pin:before{width:20px; height:26px;}	
	.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content, .has-iframe .fancybox__content{width:100% !important;}

	/* Custom component {Anchors} */
	ul.anchors > li > a, ul.anchors > li > a *{font-size:16px !important;}

	/* Custom component {Line table} */
	.line-table{--main-font-size:14px;}
	.line-table .table-cell{padding:10px 14px;}
	.line-table .data-head{font-size:15px;}
	
	/* 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%; margin:0;}
	.imagetext-listing ul > li:nth-child(odd), html[lang="ar"] .imagetext-listing ul > li:nth-child(even){padding-left:0; padding-right:0;}
	.imagetext-listing ul > li:nth-child(even), html[lang="ar"] .imagetext-listing ul > li:nth-child(odd){padding-left:0; padding-right:0; border-left:0;}
	.imagetext-listing .list-item .list-item-cover{flex:0 0 100px;}
	.imagetext-listing .list-item .list-item-heading{margin-bottom:3px; font-size:15px !important;}
	.imagetext-listing a > .list-item .list-item-heading:after{width:8px; height:12px; margin-left:6px;}
	.imagetext-listing.sticky-style{flex-direction:column;}
	.imagetext-listing.sticky-style .col-left{flex:auto; width:auto;}
	.imagetext-listing.sticky-style .col-right{flex:auto; width:auto;}

	/* Custom component {Experience listing} */
	.exp-list ul{gap:0; margin-bottom:0 !important;}
	.exp-list ul{flex-direction:row; flex-wrap:nowrap;}
	.exp-list ul li{flex:0 0 80%; width:80%;}
	.exp-list .list-item .list-item-heading{margin-bottom:6px; font-size:16px !important;}
	.exp-list .list-item .list-item-desc{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}

	/* Custom component {Layout} */
	.layout-row[data-column="2"], 
	.layout-row[data-column="3"],
	.layout-row{
		flex-direction:column;
	}
	.layout-row[data-column="2"] > div:not(.fluid), 
	.layout-row[data-column="3"] > div:not(.fluid),
	.layout-row > div.fluid{
		flex:0 0 100% !important; max-width:100%;
	}
	.layout-row[data-column-sm="2"]{flex-direction:row;}
	.layout-row[data-column-sm="2"] > div:not(.fluid){flex:1 1 auto; max-width:calc( 50% - ( var(--layout-column-gap) / 2 ) );}
	
	/* Custom component {Line Box} */
	:root{
		--linebox-border-radius: 12px;
	}
	.linebox .item-heading{margin-bottom:12px !important;}
	.linebox.left-right{flex-direction:column !important; align-items:stretch !important;}
	.linebox.left-right .item-cover{flex:auto; max-width:100%;}

	/* Custom component {Line grid} */
	:root{
		--line-grid-padding-x: 15px;
		--line-grid-padding-y: 10px;
	}
	.line-grid .grid-row{flex-direction:column; flex-wrap:wrap;}
	.line-grid .grid-row > .grid-sector:not(:first-child){border-left:0; max-width:none; border-top:1px solid var(--line-grid-border-color);}
	.line-grid .grid-sector{flex: 0 0 auto !important; padding:var(--line-grid-padding-x) !important;}

	/* Custom component {Popup fetch} */
	:root{
		--popup-fetch-height: calc(99vh - 90px);
		--popup-fetch-height: calc(99dvh - 90px);
	}
	#popup-fetch-wrapper.fancybox__content > .aem-Grid{padding-top:var(--popup-fetch-border-radius);}
	#popup-fetch-wrapper.fancybox__content #theme-winterfest{padding-left:0; padding-right:0;}

	/* Custom component {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;}

	.ack-box h3{font-size:21px;}
	.ack-box .content-head{margin-bottom:10px;}
	.ack-box .content-left{flex-direction:column; margin-bottom:40px;}
	.ack-box .group-label{margin-bottom:15px; font-size:13px !important;}
	.ack-box .ack-group:not(:last-child){margin-right:0;}
	.ack-box .ack-group.ack-group-text .group-label{margin-bottom:6px;}
	.ack-box .content-right .group-content > span{margin-right:20px;}
	.ack-box .content-right .group-content > span:not(:last-child){ margin-bottom:20px;}
	.ack-box .group-content img{transform:scale(.7); transform-origin:0 center;}

	.ack-box.with-border .content-left{margin-bottom:20px;}
	.ack-box.with-border .content-right{padding-top:15px; border-top:1px solid rgba(0,0,0,.15);}
	.ack-box.with-border .ack-group:not(:first-child){padding-top:15px;}
	.ack-box.with-border .ack-group:not(:last-child){margin-bottom:20px;}
	
	/* Component {Tip with Icon Text} */
	#theme-winterfest .icontexttip .tip__visual{position:relative; margin-right:18px; padding-left:12px; padding-right:12px; width:auto; height:auto; right:auto; top:auto; border-top-right-radius:12px;}
	#theme-winterfest .icontexttip .tip__body{border-radius:12px;}
	#theme-winterfest .icontexttip .tip__body .tip__visual .tip__icon{width:22px;}
	#theme-winterfest .icontexttip .tip__body .tip__content{padding-left:0;}

	/* Component {DHK WinterFest 2021 Container} — Rounded corner background container */
	#theme-winterfest .winterfest2021_container{padding:6px; padding-top:0;}
	#theme-winterfest .winterfest2021_container > .sectionBox{padding:35px 0 50px; border-radius:12px;}
	#theme-winterfest .winterfest2021_container .image > .cmp-image > .cmp-image__image,
	#theme-winterfest .winterfest2021_container .carousel-slide > .cmp-image > .cmp-image__image{
		border-radius:12px;
	}
	#theme-winterfest .winterfest2021_container .colorTable th, #theme-winterfest .winterfest2021_container .colorTable td{padding:10px 8px; border-radius:3px;}
	#theme-winterfest .winterfest2021_container .colorTable tr:first-child :is(th:first-child, td:first-child){border-top-left-radius:6px;}
	#theme-winterfest .winterfest2021_container .colorTable tr:first-child :is(th:last-child, td:last-child){border-top-right-radius:10px;}
	#theme-winterfest .winterfest2021_container .colorTable tr:last-child :is(th:first-child, td:first-child){border-bottom-left-radius:6px;}
	#theme-winterfest .winterfest2021_container .colorTable tr:last-child :is(th:last-child, td:last-child){border-bottom-right-radius:6px;}

	/* Component {Image With text} */
	#theme-winterfest .imagewithtext .half-section-component > .container.cmp-container{padding:0 !important;}
	#theme-winterfest .imagewithtext .half-section-component > .container.cmp-container .row > .col-md-6{padding-left:20px !important; padding-right:20px !important;}
	#theme-winterfest .imagewithtext .half-section__image-wrap .cmp-image__image{border-radius:6px;}

	/* Component {DHK e-Solution Offer Cross-Sell Banner} */
	#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details-wrapper{padding:20px;}
	#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{object-fit:cover !important;}
	#theme-winterfest .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details .see-more-btn .btn-text{font-size:16px;}
	#theme-winterfest .offer-cross-sell-cmp-container .item-details .offer-name > .desc{font-size:15px; margin-top:6px;}

	/* Component {DHK Data View Upcoming Event List} */
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content{gap:16px;}
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item{margin-top:0; flex:0 0 calc(50% - (16px / 2)); max-width:none; width:calc(50% - (16px / 2)); width:auto;}
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:12px;}
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{font-size:15px;}
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date,
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue,
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text,
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text-see-more-btn{font-size:13px;}
	#theme-winterfest .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text{margin-top:10px;}

	/* Section | Landing */
	#theme-winterfest[data-theme="wine-dine-festival"] .winterfest2021_container .dhk-container.max-width-1100{padding-left:0 !important; padding-right:0 !important;}
	#welcome{margin:0 6px 6px 6px; border-radius:12px;}
	.event-content .bio-date *{font-size: var(--h5-font-size) !important; }
	.event-content .bio-date span.icon-date:before{top: 0 !important; width: 24px !important; height: 24px !important;}
	
	/* Section | Poster */
	#poster{margin:0 6px;}
	#theme-winterfest .container-cust.event-content{padding-top:35px !important; padding-bottom:45px !important;}
	.poster-pane{/* min-height:0 !important; height:60vh; */ border-radius:12px;}
	.poster-pane.shade-layer:before{border-radius:12px;}
	.poster-cover{border-radius:12px;}
	.poster-content .bio-lockup img.img-lockup{width:255px !important; min-width:0 !important;}
	.poster-content .bio-lockup:before{transform: translate(-60px, -60px); width:calc(170px + 120px); height:calc(103px + 120px); filter:blur(60px);}
	.poster-pane.classic{height:auto;}
	.poster-pane.classic .poster-cover{border-bottom-left-radius:16px; border-bottom-right-radius:16px; overflow:hidden;}
	#theme-winterfest .poster-pane.classic .poster-content{padding-top:20px !important; padding-bottom:25px !important;}
	.poster-pane.classic .poster-content{flex-direction:column; gap:0;}
	.poster-pane.classic .poster-content .bio-lockup{transform:none;}
	
	.poster-pane{aspect-ratio: 720 / 960 !important;}
	.poster-pane:before{display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:50%; background:linear-gradient(0deg,rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.15) 100%); z-index:1; border-radius:12px; overflow:hidden;}
	.poster-content-container{max-height:none !important;}
	.poster-content{width:100%; justify-content:space-between; padding:10px 0 60px 0;}

	/* 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;}

	.ack-box h3{font-size:21px;}
	.ack-box .content-head{margin-bottom:10px;}
	.ack-box .content-left{flex-direction:column; margin-bottom:40px;}
	.ack-box .group-label{margin-bottom:15px; font-size:13px !important;}
	.ack-box .ack-group:not(:last-child){margin-right:0;}
	.ack-box .ack-group.ack-group-text .group-label{margin-bottom:6px;}
	.ack-box .content-right .group-content > span{margin-right:20px;}
	.ack-box .content-right .group-content > span:not(:last-child){ margin-bottom:20px;}
	.ack-box .group-content img{transform:scale(.7); transform-origin:0 center;}

	.ack-box.with-border .content-left{margin-bottom:20px;}
	.ack-box.with-border .content-right{padding-top:15px; border-top:1px solid rgba(0,0,0,.15);}
	.ack-box.with-border .ack-group:not(:first-child){padding-top:15px;}
	.ack-box.with-border .ack-group:not(:last-child){margin-bottom:20px;}

	/* Custom Component {Timetable} */
	:root{
		/* --timetable-col-width-1: 25%;
		--timetable-col-width-2: 75%; */
		/* --timetable-col-width-3: 22%; */
		--timetable-padding-x: 15px; 
		--timetable-padding-y: 15px; 
	}
	
	/* .timetable .tt-head{display:none;} */
	/* .timetable .tt-head > div{padding:8px var(--timetable-padding-x);} */
	/* .timetable .tt-head > div:nth-child(3){display:none;} */
	
	/* .timetable .tt-row{position:relative; flex-direction:column; }
	.timetable .tt-row > div:nth-child(1){padding:8px var(--timetable-padding-x); border-radius:12px; background-color:var(--timetable-head-bgcolor); --main-font-color: #fff; font-weight: 700 !important; display:flex; flex-direction:column; justify-content:center;}
	.timetable .tt-row > div:nth-child(2){flex:1 0 var(--timetable-col-width-2); border-left:0;}
	.timetable .tt-row > div:nth-child(3), .timetable .tt-row > div:nth-child(4){flex:1 0 var(--timetable-col-width-2); border-top:1px solid var(--timetable-border-color); border-left:0;} */
	
	.timetable .tt-imagetext{flex-direction:column; gap:12px;}
	.timetable .tt-imagetext .tt-imagetext-cover{flex:0 0 auto;}
	.timetable .tt-imagetext .tt-imagetext-text{flex:0 0 auto;}

	.timetable .tt-supplementary{--main-font-size:13px;}
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
}