/* 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-color: #5a2601; --swiper-pagination-bullet-inactive-color: #DDBC70; --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), .fancybox__content *:not(h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 *){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 *), .fancybox__content :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, .fancybox__content 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, .fancybox__content 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 *), .fancybox__content :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, h1 *, h2 *, h3 *, h4 *){letter-spacing:0.01px; line-height:.9;} html[lang="en"] #theme-winterfest :is(h5, h6, h5 *, h6 *){letter-spacing:0.01px; line-height:1.1;} #theme-winterfest :is(h1, h1 *), .fancybox__content :is(h1, h1 *){font-size: var(--h1-font-size); letter-spacing:-1px !important;} #theme-winterfest :is(h2, h2 *), .fancybox__content :is(h2, h2 *){font-size: var(--h2-font-size);} #theme-winterfest :is(h3, h3 *), .fancybox__content :is(h3, h3 *){font-size: var(--h3-font-size);} #theme-winterfest :is(h4, h4 *), .fancybox__content :is(h4, h4 *){font-size: var(--h4-font-size);} #theme-winterfest :is(h5, h5 *), .fancybox__content :is(h5, h5 *){font-size: var(--h5-font-size);} #theme-winterfest :is(h6, h6 *), .fancybox__content :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{/* padding-left:20px !important; padding-right:20px !important; */ pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none; filter:contrast(.55); opacity:.5 !important;} /* .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; line-height:1 !important;} 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:#d49953 !important; --main-font-color:#3B2000;} a.btn-square-arrow.color-gold:after{border-color:#d49953; 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='%233B2000'/%3E%3C/svg%3E%0A"); background-color:#fbeeda;} a.btn-square-arrow.color-darkgold{background-color:#674518 !important; --main-font-color:#e7c89e;} a.btn-square-arrow.color-darkgold:after{border-color:#674518; 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='%233B2000'/%3E%3C/svg%3E%0A"); background-color:#fbeeda;} a.btn-square-arrow.icon-download:after{background-image:url("data:image/svg+xml,%3Csvg width='15' height='22' viewBox='0 0 15 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9286 19.8C14.5203 19.8 15 20.2925 15 20.9C15 21.5075 14.5203 22 13.9286 22H1.07142C0.479685 22 3.97605e-07 21.5075 0 20.9C0 20.2925 0.479685 19.8 1.07142 19.8H13.9286ZM6.42858 1.09999C6.42858 0.492477 6.90827 0 7.5 0C8.09173 1.36077e-07 8.57142 0.492477 8.57142 1.09999V13.8444L12.0995 10.2222C12.518 9.79261 13.1964 9.7926 13.6148 10.2222C14.0332 10.6518 14.0332 11.3482 13.6148 11.7778L8.25762 17.2778C7.8392 17.7074 7.1608 17.7074 6.74238 17.2778L1.38522 11.7778C0.966808 11.3482 0.966809 10.6518 1.38522 10.2222C1.80364 9.7926 2.48204 9.79261 2.90046 10.2222L6.42858 13.8444V1.09999Z' fill='%233B2000'/%3E%3C/svg%3E%0A"); background-size:13px 19px;} .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;} #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);} #theme-winterfest span.icon-enquiry{min-height:25px;} #theme-winterfest span.icon-enquiry:before{width:25px; height:23px; left:0; top:2px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2025/winterfest/icon-enquiry.svg); mask-image:url(/content/dam/dhk/common/theme/2025/winterfest/icon-enquiry.svg);} 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: #b78750; --anchors-bgcolor: #ab6a28; --anchors-bgcolor-hover: #ca8112; --anchors-toggle-color-main: #ab6a28; --anchors-toggle-color-secondary: #80879d; --anchors-toggle-bgcolor-main: #f3eee4; --anchors-toggle-bgcolor-secondary: #ab6a28; --anchors-font-color: #FFF8EA; --anchors-border-color: #e7cd93; --anchors-bgcolor: #bea566; --anchors-bgcolor-hover: #b39448; --anchors-toggle-color-main: #bea566; --anchors-toggle-color-secondary: #80879d; --anchors-toggle-bgcolor-main: #f3eee4; --anchors-toggle-bgcolor-secondary: #bea566; } .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; */ padding-top:40px !important; padding-bottom:40px;} .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 {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; --link-color: var(--timetable-font-color); --link-color-hover: var(--timetable-font-color); } .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);} /* Custom Component {Cards Swiper} */ .card-box{position:relative; border-radius:16px; overflow:hidden;} .card-box .card-image:not(.no-shade):after{display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:45%; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .85) 90%); z-index:1; pointer-events:none;} .card-box .card-content{position:absolute; left:0; bottom:0; padding:0 25px 25px; z-index:2; --main-font-color:#fff; --link-color:#fff; --link-color-hover:#fff;} .card-box :is(.card-heading, .card-heading *){--main-font-size:22px; font-weight:800 !important; line-height:1.25 !important;} .card-box .card-heading:not(:last-child){margin-bottom:12px;} .card-box .card-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='%23ffffff'/%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); } .cards-swiper .swiper-slide > a:hover .card-box .card-heading:after{transform:translateX(3px);} .cards-swiper .swiper-pagination{position:relative; left:auto; right:auto; top:auto; bottom:auto; } /* ------------------------------------ ##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-bgcolor: hsl(40deg 73% 80%); --wf2021container-bgimage: radial-gradient(at 52% 15%, hsla(43, 67%, 76%, 1) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(40deg 86% 87%) 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%); --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;} /* Component {DHK Non Featured Offer List} */ #theme-winterfest .non-featured-offers-header{display:none;} #theme-winterfest .non-featured-offers .non-featured-offers-container{padding-left:0 !important; padding-right:0 !important;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-list{margin-left:-9px; margin-right:-9px; justify-content:flex-start;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item{flex:0 0 calc(25% - 18px); margin-top:0; margin-left:9px; margin-right:9px; border:0; border-radius:16px; overflow:hidden;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-content{padding:15px 20px 20px;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-content *{font-family:var(--main-font) !important;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-img{border-radius:10px; overflow:hidden;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-spot{border-bottom-color:var(--offer-name-border-bottom-color) !important; padding-bottom:10px;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item :is(.hot-offer-spot-text, .hot-offer-spot-text *){color:var(--offer-name-color) !important;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-spot-text, #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-des{ line-height:1.2; } #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-des{font-size:22px;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item :is(.hot-offer-des, .hot-offer-des *){color:var(--offer-desc-color) !important; font-weight:700 !important; font-size:var(--h5-font-size);} @media (min-width: 1439.98px){ #theme-winterfest .non-featured-offers .non-featured-offers-content .general-list .hot-offer-item{width:calc((100% - 60px) / 4);} } @media (max-width: 1199.98px){ #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-des{font-size:20px;} } #theme-winterfest .non-featured-offers .look-more{display:inline-block; padding:0; margin-top:0; border:0; border-radius:16px; background-color:transparent !important;} #theme-winterfest .non-featured-offers :is(.look-more, .look-more *){color:var(--main-font-color) !important; text-decoration:underline; text-underline-offset:3px;} #theme-winterfest .non-featured-offers .look-more i{display:none !important;} /* ------------------------------------ ##3 Page content ------------------------------------ */ /* Section | Landing */ .shining-overlay{position:fixed; left:0; top:0; width:100%; height:100%;} .shining-overlay, .shining-overlay > video{mix-blend-mode:lighten;} #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: #462c0a; --main-font-color: #462c0a; --link-color: #462c0a; --link-color-hover: #661901; } @media (min-width: 1199.98px) { #welcome, #intro{--main-font-size: 17px;} } #welcome .main-visual{overflow:hidden;} #welcome .main-visual > video{width:100%; aspect-ratio:1920 / 500;} #welcome .event-pane{ position:relative; background-color: hsl(35.29deg 58.99% 58.3%); background-image: radial-gradient(at 52% 15%, hsl(33.85deg 67% 76%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(36.92deg 60.22% 57.01%) 0px, transparent 50%), radial-gradient(at 100% 1%, hsla(38, 51%, 58%, 1) 0px, transparent 50%), radial-gradient(at 10% 30%, hsl(41deg 63.89% 64.75%) 0px, transparent 50%), radial-gradient(at 98% 26%, hsl(33.85deg 64.92% 49.2%) 0px, transparent 50%); } #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;} #welcome-v2{position:relative; width:100%; height:900px; margin-bottom:12px; background-color:#01183A; --title-font-color: #e7c89e; --main-font-color: #e7c89e; --link-color: #e7c89e; --link-color-hover: #e7af60; } #welcome-v2 .video-backdrop{position:absolute; left:50%; top:0; transform:translateX(-50%); width:auto; height:100%; aspect-ratio:1920 / 678;} #welcome-v2 .video-backdrop:after{display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(270deg, rgba(0, 0, 0, 0.00) 30.94%, rgba(0, 0, 0, 0.70) 50%);} #welcome-v2 .video-backdrop > video{width:100%; height:100%;} #welcome-v2 .event-pane{position:relative; height:100%;} #welcome-v2 .event-content-container{display:flex; flex-direction:column; justify-content:center; height:100%;} #welcome-v2 .event-content{width:45%; opacity:0; animation:fadeIn 2s forwards; animation-delay:.3s;} @keyframes fadeIn { to {opacity: 1;} } #welcome-v2 .event-lockup{margin-bottom:30px;} #welcome-v2 .event-lockup > img{display:inline-block;} #welcome-v3{position:relative; width:100%; margin-bottom:12px; background-color:#01183A; --title-font-color: #e7c89e; --main-font-color: #e7c89e; --link-color: #e7c89e; --link-color-hover: #e7af60; } @media (min-width: 1199.98px) { #welcome-v3{--main-font-size: 17px;} } /* @media (min-width: 1199.98px) { :is(html[lang="zh-TW"], html[lang="zh-CN"]) #welcome-v3 *{--main-font-size: 18px;} } */ #welcome-v3 .video-backdrop{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden;} #welcome-v3 .video-backdrop:not(.no-shade):after{display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(270deg, rgba(0, 0, 0, 0.00) 30.94%, rgba(0, 0, 0, 0.70) 50%);} #welcome-v3 .video-backdrop > video{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:auto; min-width:100%; min-height:100%;} #welcome-v3 .event-pane{position:relative; padding:55px 0;} #welcome-v3 .event-content-container{display:flex; flex-direction:column; justify-content:center;} #welcome-v3 .event-content{width:47%; opacity:0; animation:fadeIn 2s forwards; animation-delay:.3s;} @keyframes fadeIn { to {opacity: 1;} } #welcome-v3 .event-lockup{margin-bottom:30px;} #welcome-v3 .event-lockup > img{display:inline-block; max-height:380px;} #welcome-v3 .event-tagline{--main-font-size:var(--h4-font-size); margin-bottom:15px !important;} #welcome-v3 :is(.event-tagline, .event-tagline *){font-weight:800 !important; line-height:1.15 !important;} #welcome-v3.mall-offers{height:550px; background-color:#1a0901;} #welcome-v3.mall-offers .event-pane{height:100%; padding:55px 0 calc(55px + 3vw);} #welcome-v3.mall-offers .event-content-container{align-items:center; height:100%;} #welcome-v3.mall-offers .event-content{width:80%; text-align:center;} #welcome-v3.mall-offers .deco-ribbon{position:absolute; left:50%; bottom:0; transform:translate(-50%, 50%); width:2715px; max-width:none; height:auto; z-index:8;} #main-section .winterfest2021_container > .sectionBox, #secondary-section .winterfest2021_container > .sectionBox, #nycd-section .winterfest2021_container > .sectionBox{ border:0; } #theme-winterfest[data-theme="hong-kong-winterfest"] .anchors-wrapper{margin-top:-110px; margin-bottom:0; transform:none;} #winter-wonderland{ --layout-column-gap: 38px; } .spotlight-events{padding:25px; border-radius:16px; background-color:#f8eac9;} .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;} .gallery-grid a.btn-view-all > span.icon{margin-bottom:0 !important;} #theme-winterfest #winter-shopping span.icon-date:before{background-color:var(--main-font-color);} .fancybox-social-content{padding:0; background-color:transparent; outline:0 !important} .fancybox-social-content > iframe{border:0 !important; margin:0 !important; outline:0 !important; aspect-ratio:545 / 920; height:calc(99dvh - 40px - 40px); border-radius:12px !important; overflow:hidden;} .fancybox-social-content > iframe .Embed .Header{display:none;} .fancybox__slide.has-inline::before, .fancybox__slide.has-inline::after{display:none !important;} a.lightbox{outline:0 !important;} .card-box.ig-reels, .card-box.xiaohongshu{border-radius:3px;} .card-box.ig-reels:after{display:block; content:''; position:absolute; right:20px; bottom:20px; width:36px; height:36px; -webkit-mask:url(/content/dam/dhk/common/theme/2025/winterfest/instagram-reels-logo.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2025/winterfest/instagram-reels-logo.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; background-color:#fff;} .card-box.xiaohongshu:after{display:block; content:''; position:absolute; right:20px; bottom:20px; width:36px; height:36px; background-image:url(/content/dam/dhk/common/theme/2025/winterfest/xiaohongshu-logo.png); background-repeat:no-repeat; background-size:100% auto; background-position:center;} .card-box.video .card-image:after{display:block; content:''; position:absolute; left:50%; top:50%; width:55px; height:62px; transform:translate(-50%, -50%); background-image: url("data:image/svg+xml,%3Csvg width='55' height='62' viewBox='0 0 55 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.011 1.00689L51.3974 24.7182C54.8753 26.7601 56.036 31.229 53.9899 34.6997C53.36 35.7683 52.4674 36.6589 51.3967 37.2874L11.0102 60.9924C7.5321 63.0339 3.0542 61.875 1.0085 58.4041C0.348199 57.2836 0 56.0075 0 54.7076V7.2913C0 3.26445 3.2711 0 7.3062 0C8.609 0 9.8881 0.34763 11.011 1.00689Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:contain; background-position:center; z-index:2;} /* 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-pane .poster-content-left{flex:0 1 auto;} .poster-pane .poster-content-right{flex:1;} .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-cover video{width:100%;} .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;} /* Page | Winter Wonderland */ #theme-winterfest[data-theme="winter-wonderland"] .winterfest2021_container{ /* --wf2021container-bgcolor: hsl(40deg 73.29% 79.79%); --wf2021container-bgimage: radial-gradient(at 52% 15%, hsla(43, 67%, 76%, 1) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(33.85deg 57.36% 58.61%) 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%); */ --wf2021container-bgcolor: #0b0711; --wf2021container-bgimage: url(/content/dam/dhk/common/theme/2025/winterfest/winter-wonderland-wf2021container-bg.jpg); /* --title-font-color: #3B2000; --main-font-color: #3B2000; */ --title-font-color: #eedf8e; --main-font-color: #eedf8e; --link-color: #eedf8e; --link-color-hover: #f5d93d; --layout-column-gap: 38px; --timetable-border-color: #e7cd93; --timetable-head-bgcolor: #bea566; --primary-button-bgcolor: #a08541; } #theme-winterfest[data-theme="winter-wonderland"] .winterfest2021_container > .sectionBox{border:0; background-size:cover; background-repeat:no-repeat; background-position:center;} #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;} #theme-winterfest[data-theme="winter-wonderland"] .gallery-grid > .item{border:1px solid #6c6e7f;} #theme-winterfest[data-theme="winter-wonderland"] .winterfest2021_container > .sectionBox:after{display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgb(7 14 40 / 52%);} #theme-winterfest[data-theme="winter-wonderland"] .winterfest2021_container > .sectionBox > .container{position:relative; z-index:5;} /* Page | Mall offers */ ul.platforms-list{padding-left:0; margin-left:0; list-style:none; display:flex; flex-direction:row; flex-wrap:wrap; column-gap:25px; row-gap:20px;} ul.platforms-list > li{aspect-ratio:246 / 152; flex:1 1 calc((100% - (25px * 6)) / 7); min-width:calc((100% - (25px * 6)) / 7); max-width:calc((100% - (25px * 6)) / 7); height:auto;} ul.platforms-list > li > a{display:block; width:100%; /* height:100%; */} .platform-item{position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:10px 54px 10px 10px; width:100%; height:auto; aspect-ratio:190 / 117; background-color:#fff; border-radius:16px; overflow:hidden;} .platform-item:after{ display:block; content:''; position:absolute; right:0; top:0; width:44px; height:100%; background-color:#674418; 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='white'/%3E%3C/svg%3E%0A"); background-position:center; background-repeat:no-repeat; transition: border-radius .3s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:border-radius .3s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:border-radius .3s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:border-radius .3s cubic-bezier(0.25, 1, 0.5, 1); } .platform-item > img{width:auto; height:auto; max-width: 100% !important; max-height:100% !important;} .platform-item span.platform-item-label{display:block; margin-top:8px; text-align:center; line-height:1.1 !important; --main-font-size:14px; font-weight:800 !important;} ul.platforms-list > li > a:hover .platform-item:after{border-top-left-radius:16px; border-bottom-left-radius:16px;} ul.platforms-list .btn-platforms-popup.disabled{pointer-events:none; cursor:default;} ul.platforms-list .btn-platforms-popup.disabled .platform-item:after{background-color:#b8a592;} ul.platforms-list li .remarks{margin-top:3px;} .platforms-popup-content{display:none; width:100%; max-width:1100px; padding:30px; border-radius:16px;} ol.platforms-steps{ --steps-col-gap: calc(30px + 2.083vw); list-style:none; padding:0 !important; margin:0 !important; display:flex; flex-direction:row; justify-content:center; gap:var(--steps-col-gap); counter-reset:steps-counter; } ol.platforms-steps > li{flex:0 0 calc((100% - (var(--steps-col-gap) * 2)) / 3); counter-increment:steps-counter;} ol.platforms-steps .step-number{display:inline-block;} ol.platforms-steps .step-number:before{display:block; content:counter(steps-counter); width:36px; height:36px; background-color:#674418; color:#EED6A5 !important; font-size:20px !important; font-weight:800 !important; text-align:center; line-height:35px !important; border-radius:999px;} ol.platforms-steps .step-image{position:relative; text-align:center;} ol.platforms-steps .step-image > img{display:inline-block; max-width:90%;} ol.platforms-steps .step-top{position:relative; margin-bottom:10px;} ol.platforms-steps .step-top, ol.platforms-steps .step-top *{line-height:1.35 !important;} ol.platforms-steps .step-top.step-number{padding-left:calc(36px + 8px); min-height:36px;} ol.platforms-steps .step-top.step-number:before{position:absolute; left:0; top:0; width:32px; height:32px; line-height:31px !important; font-size:18px !important;} .platforms-popup-content h3{margin-bottom:25px !important;} .platforms-popup-content .platforms-cta{margin-top:15px; text-align:center;} .platforms-popup-content .platforms-cta .btn-square-arrow{max-width:260px;} .platforms-popup-content .f-button.is-close-btn{ --fancybox-color:#fff; --f-button-bg: transparent !important; --f-button-hover-bg: transparent !important; --f-button-svg-width: 16px; --f-button-svg-height: 16px; top:-35px !important; right:0 !important; width:auto; gap:10px; font-size:var(--main-font-size); font-weight:700; font-family:var(--main-font); opacity:1; } .platforms-popup-content .f-button.is-close-btn svg{flex:0 0 auto;} .custom-offers{ --offers-list-gap: 30px; --offers-item-bgcolor: #674518; --offers-item-bgcolor-hover: #745c34; } .custom-offers ul.custom-offers-list{padding-left:0; margin-left:0; list-style:none; display:flex; flex-direction:row; flex-wrap:wrap; align-items:stretch; gap:var(--offers-list-gap);} .custom-offers ul.custom-offers-list > li{flex:0 0 calc((100% - (var(--offers-list-gap) * 3) ) / 4); width:calc((100% - (var(--offers-list-gap) * 3) ) / 4);} /* .custom-offers ul.custom-offers-list > li > a{display:block; height:100%;} */ .custom-offers .offer-item{ background-color:var(--offers-item-bgcolor); display:flex; flex-direction:column; height:100%; border-radius:16px; /* overflow:hidden; */ transition: background-color .3s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:background-color .3s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:background-color .3s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:background-color .3s cubic-bezier(0.25, 1, 0.5, 1); } .custom-offers ul.custom-offers-list > li.more-offers > a{display:flex; justify-content:center; align-items:center; background-color:#B3936B; text-align:center; width:100%; height:100%; border-radius:16px; --main-font-size:var(--h4-font-size); font-weight:700 !important;} /* .custom-offers :is(a:hover > .offer-item, .offer-item:hover){background-color:var(--offers-item-bgcolor-hover);} */ .custom-offers .offer-cover{position:relative;} .custom-offers .offer-cover img.offer-cover-image{border-radius:16px; overflow:hidden;} .custom-offers .qts-badge{position:absolute; bottom:0; right:20px; transform:translateY(50%); display:inline-block; width:36px; height:36px; padding:2px; border-radius:6px; background-size:100% auto; background-repeat:no-repeat; background-position:center; background-image:url(https://assets-es.discoverhongkong.com/cms/media/f5e023ca-3e7c-40ed-b91a-ff15e679c963.jpg);} .custom-offers .offer-bio{padding:20px 20px 25px; --main-font-color: #e7c89e;} .custom-offers .bio-offer-merchant{min-height:calc(40px + 20px); padding-bottom:20px; margin-bottom:15px; border-bottom:1px solid #e7c89e; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center;} .custom-offers .bio-offer-merchant .merchant-logo{position:relative; flex:0 0 40px; width:40px; height:40px; margin-right:15px; border-radius:999px; overflow:hidden;} .custom-offers .bio-offer-merchant .merchant-logo:before{display:block; content:''; position:absolute; left:1px; top:1px; width:calc(100% - 2px); height:calc(100% - 2px); background-color:#fff; border-radius:999px;} .custom-offers .bio-offer-merchant .merchant-logo > img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); min-width:100%; min-height:100%; width:auto; height:auto;} .custom-offers .bio-offer-name, .custom-offers .bio-offer-name *{--main-font-size:var(--main-font-size-lg); font-weight:700 !important; line-height:1.4 !important;} .custom-offers .bio-offer-platforms{position:relative; margin-top:23px;} .custom-offers .bio-offer-platforms-heading{--main-font-size:13px; --main-font-color:#B3936B; font-weight:700 !important; margin-bottom:6px;} .custom-offers ul.bio-offer-platforms-list{list-style:none; padding:0; margin:0 !important; display:flex; flex-direction:row; flex-wrap:wrap; gap:4px;} .custom-offers ul.bio-offer-platforms-list > li{padding:5px; flex:0 0 calc(60px + .759vw); width:calc(60px + .759vw); aspect-ratio:72 / 54; display:inline-flex; justify-content:center; align-items:center; background-color:#fff; text-align:center; cursor:pointer;} .custom-offers ul.bio-offer-platforms-list > li > a{display:inline-flex; justify-content:center; align-items:center; background-color:#fff; text-align:center; width:100%; height:100%; cursor:pointer;} .custom-offers ul.bio-offer-platforms-list > li > img{max-height:100%; max-width:100%; width:auto; height:auto;} .custom-offers ul.bio-offer-platforms-list > li.list-more{flex:0 0 54px; width:54px; background-color:#B3936B; --main-font-color:#674418; font-weight:700 !important;} .custom-offers .bio-offer-platforms-popover{display:none; position:absolute; left:-5px; top:-5px; width:calc(100% + 5px + 5px); padding:15px; border-radius:12px; /* border:1px solid #674418; */ background-color:#fff; box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.1); --main-font-color:#3B2000; z-index:11;} .custom-offers .bio-offer-platforms-popover.active{display:block !important;} .custom-offers .bio-offer-platforms-popover .btn-popover-close{position:absolute; right:15px; top:18px; width:16px; height:16px; text-indent:-9999px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M17 17L9 9M9 9L1 1M9 9L17 1M9 9L1 17' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); background-position:center; background-repeat:no-repeat; background-size:100% auto;} .custom-offers .bio-offer-platforms-popover .popover-heading{padding-right:calc(10px + 16px); margin-bottom:15px; font-weight:800 !important;} .custom-offers .bio-offer-platforms-popover > ul{list-style:none; padding-left:0; margin-left:0; display:flex; flex-direction:row; flex-wrap:wrap; column-gap:4px; row-gap:4px;} .custom-offers .bio-offer-platforms-popover > ul > li{flex:0 0 calc((100% - (4px * 2)) / 3); aspect-ratio:1; border:1px solid #E6E6E6; border-radius:3px; background-color:#fff; overflow:hidden;} .custom-offers .bio-offer-platforms-popover > ul > li > a{display:flex; width:100%; height:100%; padding:6px; flex-direction:column; justify-content:center; align-items:center;} .custom-offers .bio-offer-platforms-popover > ul > li > a.disabled{pointer-events:none; cursor:default;} .custom-offers .bio-offer-platforms-popover > ul > li > a > img{max-height:100%; max-width:100%; width:auto; height:auto;} .custom-offers .bio-offer-platforms-popover .platforms-popover-item-label{display:block; margin-top:3px; --main-font-size:9px; line-height:1 !important; text-align:center;} ul.custom-offers-list-filter{list-style:none; padding:0; margin:0; padding:10px 15px; border-radius:16px; border:1px solid #674418; background:#F8E9C8; display:flex; flex-direction:row; flex-wrap:nowrap; gap:10px;} ul.custom-offers-list-filter > li{position:relative; flex:1;} ul.custom-offers-list-filter > li:not(:last-child):after{display:block; content:''; position:absolute; top:10%; right:-5px; width:1px; height:80%; background-color:#D39955;} ul.custom-offers-list-filter > li > a{display:flex; justify-content:center; align-items:center; height:52px; text-align:center; border-radius:12px; --main-font-size:18px; font-weight:700 !important; line-height:1.2 !important;} ul.custom-offers-list-filter > li.active > a{--main-font-color:#EED6A5; background:#674418;} /* Color theme — Wonderland */ *[data-theme="winter-wonderland"] #poster{ --title-font-color: #eedf8e; --main-font-color: #eedf8e; --link-color: #eedf8e; --link-color-hover: #f5d93d; } /* `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;} /* Custom Component {Cards Swiper} */ .cards-swiper .swiper{overflow:visible;} .cards-swiper .swiper-slide{width:330px;} } /* `xl` applies to large devices (desktops, less than 1200px) */ @media (max-width: 1199.98px) { /* Component {DHK Non Featured Offer List} */ #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-content{padding-top:8px;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-spot{padding-bottom:8px;} } @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%;} } .layout-row > .col-gallery{order:2;} .layout-row > .col-main{order:3;} /* 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;} /* Component {DHK Non Featured Offer List} */ #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-list{margin-left:-5px; margin-right:-5px; width:auto;} #theme-winterfest .non-featured-offers .non-featured-offers-content .general-list .hot-offer-item{flex:0 0 calc(25% - 10px); margin-left:5px; margin-right:5px;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-spot .hot-offer-spot-text{font-size:16px;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-des{font-size:18px;} #theme-winterfest .non-featured-offers .look-more{width:100%; border-radius:12px;} /* Section | Landing */ #welcome .event-content-container{height:auto !important;} #welcome .event-content{width:100%; padding-top:15px; padding-bottom:25px;} #welcome-v2 .event-content{width:60%;} #welcome-v3 .event-content{width:60% !important;} #welcome-v3.mall-offers .deco-ribbon{width:1600px;} /* 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);} /* Page | Mall offers */ ul.platforms-list{column-gap:15px; row-gap:10px;} ul.platforms-list > li{flex:1 1 calc((100% - (15px * 4)) / 5); min-width:calc((100% - (15px * 4)) / 5); max-width:calc((100% - (15px * 4)) / 5);} .platform-item{padding:8px 38px 8px 8px; border-radius:12px;} .platform-item:after{width:30px; background-size:8px auto;} ul.platforms-list > li > a:hover .platform-item:after{border-top-left-radius:12px; border-bottom-left-radius:12px;} .custom-offers{ --offers-list-gap: 10px; } .custom-offers ul.custom-offers-list > li{flex:0 0 calc(50% - (var(--offers-list-gap) / 2) ); width:calc(50% - (var(--offers-list-gap) / 2) );} /* 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;} /* Custom Component {Timetable} */ :root{ --timetable-padding-x: 15px; --timetable-padding-y: 15px; } .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;} /* 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;} /* Component {DHK Non Featured Offer List} */ #theme-winterfest .non-featured-offers .non-featured-offers-container{width:auto; max-width:none; padding-left:0 !important; padding-right:0 !important;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-list{margin-left:-8px; margin-right:-8px; width:auto;} #theme-winterfest .non-featured-offers .non-featured-offers-content .general-list .hot-offer-item{flex:0 0 calc(50% - 16px); margin-left:8px; margin-right:8px; margin-bottom:16px;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-content{padding:10px;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-spot-icon{width:30px; height:30px; margin-right:6px;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-spot .hot-offer-spot-text{width:calc(100% - 36px); margin-left:-4px; font-size:14px;} #theme-winterfest .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-des{font-size:15px;} #theme-winterfest .non-featured-offers .look-more{width:100%;} /* 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;} .spotlight-events{padding:20px; border-radius:12px;} .gallery-grid{gap:6px;} .gallery-grid > .item{border-radius:12px;} #welcome-v2 .event-content{width:100%;} #welcome-v2 .event-lockup{text-align:center;} #welcome-v3 .video-backdrop:after{background:none !important; background-color:rgba(0, 0, 0, 0.60) !important;} #welcome-v3 .event-content{width:100% !important;} #welcome-v3 .event-lockup{text-align:center;} #welcome-v3.mall-offers .deco-ribbon{width:1160px;} /* 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;} /* Page | Mall offers */ .platforms-list-wrapper .list-head{margin-bottom:8px;} ul.platforms-list{column-gap:5px; row-gap:8px;} ul.platforms-list > li{flex:1 1 calc((100% - (5px * 2)) / 3); min-width:calc((100% - (5px * 2)) / 3); max-width:calc((100% - (5px * 2)) / 3);} .platform-item{padding:6px 26px 6px 6px; border-radius:8px;} .platform-item:after{width:16px; background-size:7px auto;} .platform-item > img{max-width:90% !important;} ul.platforms-list > li > a:hover .platform-item:after{border-top-left-radius:8px; border-bottom-left-radius:8px;} #theme-winterfest ul.platforms-list li :is(.remarks, .remarks *){font-size: 12px !important;} .platform-item span.platform-item-label{margin-top:5px; --main-font-size:10px;} html[lang="en"] .platform-item span.platform-item-label{line-height:.9 !important;} .platforms-popup-content{display:none; width:100%; max-width:1100px; padding:30px; border-radius:16px;} ol.platforms-steps{ --steps-col-gap: 45px; flex-direction:column; justify-content:center; } ol.platforms-steps > li{flex:auto;} .fancybox__slide{padding-bottom:10px;} .custom-offers{ --offers-list-gap: 8px; } .custom-offers ul.custom-offers-list{margin-left:-6px; margin-right:-6px;} .custom-offers ul.custom-offers-list > li{flex:0 0 calc(50% - (var(--offers-list-gap) / 2) ); width:calc(50% - (var(--offers-list-gap) / 2) );} .custom-offers .offer-item{border-radius:10px;} .custom-offers .offer-cover img.offer-cover-image{border-radius:10px;} .custom-offers .offer-bio{padding:10px;} .custom-offers .offer-item[data-qts] .offer-bio{padding-top:20px;} .custom-offers .qts-badge{right:10px; width:32px; height:32px;} .custom-offers .bio-offer-platforms-popover{width:calc(80dvw + 5px + 5px);} .custom-offers ul.custom-offers-list > li:nth-child(even) .bio-offer-platforms-popover{left:auto; right:-5px;} .custom-offers .bio-offer-merchant{padding-bottom:10px; margin-bottom:10px;} .custom-offers .bio-offer-merchant .merchant-logo{margin-right:8px;} .custom-offers .bio-offer-merchant .merchant-name{line-height:1.3 !important;} .custom-offers .bio-offer-name, .custom-offers .bio-offer-name *{line-height:1.3 !important;} .custom-offers .bio-offer-platforms{margin-top:16px;} .custom-offers .bio-offer-platforms-heading{line-height:1.1 !important; margin-bottom:8px;} ul.custom-offers-list-filter{padding:0; margin-bottom:15px !important; margin-left:-6px; margin-right:-6px; border-radius:0; border:0; background:transparent; gap:6px; flex-wrap:wrap;} ul.custom-offers-list-filter > li{flex:0 0 calc((100% - 6px) / 2);} ul.custom-offers-list-filter > li:not(:last-child):after{display:none;} ul.custom-offers-list-filter > li > a{height:42px; text-align:center; border-radius:10px; --main-font-size:15px; border:1px solid #D39955; background:#EED6A5;} html[lang="en"] ul.custom-offers-list-filter > li > a{--main-font-size:14px;} ul.custom-offers-list-filter > li.active > a{border:0; background:#674418;} } /* `sm` applies to x-small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { }