/* Theme DHK Cultural Beat */ @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; --h1-font-size: 78px; --h2-font-size: 60px; --h3-font-size: 44px; --h4-font-size: 30px; --h5-font-size: 22px; --h6-font-size: 19px; /* Theme color start */ /* # global */ --title-font-color:#3b1600; --main-font-color: #3b1600; --link-color: #000; --link-color-hover: #c23206; --primary-button-font-color: #fff; --primary-button-bgcolor: #3b1600; --selection-font-color: #fff; --selection-bgcolor: #312b35; --scrollarea-scrollbar-color-thumb: #ff1600; --scrollarea-scrollbar-color-track: #ebe5e9; --scrollarea-scrollbar-width: 5px; --swiper-pagination-bullet-active-color: #007aff; --hashtag-bgcolor: #e2002c; --hashtag-font-color: #fff; /* # intro */ --intro-font-color: #fff; --intro-bgcolor: #ccc; --intro-primary-button-font-color: #fff; --intro-primary-button-bgcolor: rgba(255,255,255,.3); --intro-video-icon: url(/content/dam/dhk/common/theme/2025/cultural-beat/icon-video-play.svg); --intro-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"); --intro-line-table-font-color: #fff; --intro-line-table-border-color: #fff; /* # event inner page */ --event-inner-font-color: #3b1600; --event-inner-bgcolor:#f9eee9; --event-inner-line-table-font-color:var(--intro-line-table-font-color); --event-inner-line-table-border-color:var(--intro-line-table-border-color); /* # page tabs */ --page-tabs-normal-font-color: #fff; --page-tabs-normal-border-color: #9D609E; --page-tabs-normal-bgcolor: #731C75; --page-tabs-active-font-color: #333; --page-tabs-active-border-color: #D8CCD5; --page-tabs-active-bgcolor: #fff; --page-tabs-dropdown-color-main: #3b1600; --page-tabs-dropdown-color-secondary: #9D8095; --page-tabs-dropdown-bgcolor-main: #fff; --page-tabs-dropdown-bgcolor-secondary: #EBE5E9; --page-tabs-dropdown-border-color: #D8CCD5; /* # anchors */ --anchors-font-color: #fff; --anchors-border-color: #e88365; --anchors-bgcolor: rgb(208, 55, 23, 1); --anchors-sticky-bgcolor: rgba(208, 55, 23, .95); /* # story */ --story-font-color: #333; --story-bgcolor: transparent; --story-border-color: #D8CCD5; --story-button-font-color: #fff; --story-button-bgcolor: #333; --story-swiper-button-arrow-color: #333; --story-swiper-button-bgcolor: #fff; --story-more-bio-date-color: #9B9098; /* # image text list */ --imagetextlist-alignment: flex-start; --imagetextlist-seperate-border-color: #D8CCD5; --imagetextlist-circle-bgcolor: #333; --imagetextlist-circle-arrow-color: #fff; /* # line table */ --line-table-font-color: #333; --line-table-border-color: #333; /* # deals & offers */ --offer-name-color: #333; --offer-name-border-bottom-color: #333; --offer-desc-color: #000; /* # line box */ --linebox-font-color: #333; --linebox-bgcolor: #fffdf6; --linebox-border-color: #ebe5e9; --linebox-swiper-button-arrow-color: #333; --linebox-swiper-button-bgcolor: #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-cb ::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-cb{position:relative; font-weight:400; font-style:normal; background-color:#fff;} #theme-cb *:not(h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 *, .es-single-banner-title), .popup-wrapper *:not(h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 *, .es-single-banner-title){font-family:var(--main-font);} #theme-cb, #theme-cb :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-cb .theme-dark, #theme-cb .theme-dark :is(div, span, p, a, li, table th, table td){color:#fff;} #theme-cb .caption .cmp-text p{font-size:0.6875rem;} #theme-cb 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-cb a.underlined:hover{color:var(--link-color-hover);} #theme-cb b, #theme-cb strong{font-weight:700;} #theme-cb b *, #theme-cb strong *{font-weight:inherit !important;} #theme-cb img:not(.iconVideoPlay){max-width:100%;} #theme-cb small{display:inline-block;} #theme-cb :is(.remarks, .remarks *), .popup-content :is(.remarks, .remarks *), #theme-cb .caption, #theme-cb .caption :is(p, a){font-size:14px !important; letter-spacing: 0 !important; line-height:1.3 !important;} #theme-cb .sharing{display:flex; width:100%; justify-content:flex-start;} #theme-cb .sharing .sharing__container{padding:0 !important;} #theme-cb .sharing ul.sharing__list{margin-top:0 !important; margin-bottom:0 !important; flex-wrap:nowrap;} #theme-cb .sharing li.sharing__item:not(:last-child){margin-right:10px;} #theme-cb .sharing li.sharing__item > svg{background-color:transparent; overflow:hidden; border-radius:999px;} #theme-cb .sharing ul.sharing__list .icon-hover__showed path{fill:var(--intro-font-color);} #theme-cb .sharing ul.sharing__list .icon-hover__hidden path{fill:var(--intro-font-color);} #theme-cb :is(.font-hkremix-neon, .font-hkremix-neon *){font-family:var(--neon-font) !important;} #theme-cb :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-cb :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(1360px + 20px + 20px) !important;} #theme-cb .container-cust{max-width:calc(1360px + 20px + 20px);} #theme-cb .container-cust.large, #theme-cb .gohk2022-container{max-width:calc(1520px + 20px + 20px);} #theme-cb .container-cust > .row:not(:last-child){margin-bottom:50px;} #theme-cb .container.dhk-container.max-width-1100 .cmp-container, #theme-cb .gohk2022-full-width-container{max-width:none !important;} #theme-cb .freeformeditor-v2 .row, #theme-cb .dataviewcontainer{padding-left:20px; padding-right:20px; margin-left:-20px; margin-right:-20px;} #theme-cb :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-cb .text.caption :is(p, a, *){font-size:16px !important;} } #theme-cb .text.caption{position:relative; padding-left:44px; margin-top:15px; width:fit-content; margin:0 auto;} #theme-cb .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-cb .breadcrumb{padding:20px 0;} #theme-cb .breadcrumb *{font-size:12px; font-weight:600; font-family:var(--main-font);} #theme-cb .breadcrumb .cmp-breadcrumb{border:0; margin-top:0; padding-top:0;} #theme-cb .breadcrumb .cmp-breadcrumb > .container{max-width:none !important;} #theme-cb .breadcrumb svg .cls-100{stroke:#2D2D2D; stroke-width:1px;} #theme-cb .breadcrumb .cmp-breadcrumb__item{padding-right:14px; margin-right:4px;} #theme-cb .breadcrumb .cmp-breadcrumb__item:after{border-color:#2D2D2D;} #theme-cb .breadcrumb .breadcrumb__home-icon{display:none;} #theme-cb :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-cb :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){line-height:1;} */ html[lang="en"] #theme-cb :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){letter-spacing:0.01px;} #theme-cb :is(h1, h1 *){font-size: var(--h1-font-size); letter-spacing:-1px !important;} #theme-cb :is(h2, h2 *){font-size: var(--h2-font-size);} #theme-cb :is(h3, h3 *){font-size: var(--h3-font-size);} #theme-cb :is(h4, h4 *){font-size: var(--h4-font-size);} #theme-cb :is(h5, h5 *){font-size: var(--h5-font-size);} #theme-cb :is(h6, h6 *){font-size: var(--h6-font-size);} #theme-cb .theme-dark{ --title-font-color:#fff; --link-color: #fff; --link-color-hover: #fff; } #theme-cb .theme-dark :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){color:var(--title-font-color);} .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-cb .section-head{margin-bottom:40px;} #theme-cb .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){opacity:.7;} :is(#theme-cb, .popup-wrapper) .btn-primary{position:relative; display:inline-block; 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-cb, .popup-wrapper) .btn-primary, :is(#theme-cb, .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-cb, .popup-wrapper) .btn-primary:not(:last-child), .popup-content .btn-primary:not(:last-child){margin-right:8px;} :is(#theme-cb, .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(--story-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-cb, .popup-wrapper) .btn-primary:hover:after, .popup-content .btn-primary:hover:after{transform:translateX(3px) scale(.85);} .btn-primary.disabled{padding:12px 20px !important; filter:contrast(0.5) brightness(1.5); pointer-events:none; user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;} .btn-primary.disabled:after{display:none !important;} .btn-capsule{position:relative; display:inline-flex; justify-content:center; align-items:center; text-align:center; padding:0 60px 0 25px; height:48px; border-radius:999px; background-color:#333 !important; background-image:none !important;} .btn-capsule, .btn-capsule *{font-size:16px !important; font-weight:700 !important; color:#fff !important;} .btn-capsule:after{display:block; content:''; position:absolute; top:calc(50% - 6px); right:22px; width:16px; height:13px; -webkit-mask:url(/content/dam/dhk/common/theme/2024/festival/imagetext-list-arrow-icon.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2024/festival/imagetext-list-arrow-icon.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; background-color:#fff;} 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);} .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);} } .line-clamp + p{margin-top:26px !important;} .line-clamp-holder{display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;} .line-clamp-more{display:block; margin-top:8px;} .line-clamp-more > a, .line-clamp-more > a *{font-weight:700 !important;} mark.blue{padding: 0.1em 0.4em !important; border-radius: 0.8em 0.3em; background: transparent; background-image: linear-gradient(to right, rgba(13, 174, 220, 0.1), rgba(13, 174, 220, 0.7) 4%, rgba(13, 174, 220, 0.3) ); -webkit-box-decoration-break: clone; box-decoration-break: clone;} /* Custom component {Line table} */ @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:700 !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) !important;} .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;} #theme-cb span.icon{display:inline-block; position:relative; padding-left:38px;} #theme-cb :is(span.icon, span.icon *){color:#9d8d7f !important;} #theme-cb span.icon:before{display:block; content:''; position:absolute; left:-2px; top:0; background-repeat:no-repeat; background-position:left center; background-color:#9d8d7f; -webkit-mask-size:cover; mask-size:cover; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center;} #theme-cb span.icon-date{min-height:22px;} #theme-cb 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-cb span.icon-time{min-height:22px;} #theme-cb 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-cb span.icon-datetime{min-height:27px;} #theme-cb 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-cb span.icon-htgt{min-height:29px;} #theme-cb span.icon-htgt:before{width:29px; height:29px; -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-cb span.icon-note{min-height:23px;} #theme-cb 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-cb span.icon-location{min-height:28px;} #theme-cb 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-cb span.icon-vantagepoint{min-height:calc(19px + 3px);} #theme-cb 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-cb span.icon-admission{min-height:calc(21px + 3px);} #theme-cb 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-cb span.icon-pin{min-height:28px;} #theme-cb span.icon-pin:before{left:1px; width:22px; height:28px; -webkit-mask-image:url(/content/dam/dhk/common/theme/2025/super-march/icon-pin.svg); mask-image:url(/content/dam/dhk/common/theme/2025/super-march/icon-pin.svg);} .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} */ .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.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:6px; font-size:22px !important; font-weight:800 !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-cb .imagetext-listing span.icon-pin{min-height:14px; padding-left:18px;} #theme-cb .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 {Page Tabs} */ #theme-cb .es-layout-container > .DHK-eSolution-layout-container > .responsivegrid{ /* --main-font-size: 16px; */ display:none; } #theme-cb .es-layout-container > .DHK-eSolution-layout-container > .responsivegrid.active{display:block;} #theme-cb .es-layout-container > .DHK-eSolution-layout-container > .responsivegrid .copy.copy--small p:not(.dynamic-page-details__list--data), #theme-cb .es-layout-container > .DHK-eSolution-layout-container > .responsivegrid p:not(.dynamic-page-details__list--data){margin-bottom:18px !important;} #theme-cb .es-layout-container > .DHK-eSolution-layout-container > .responsivegrid .copy.copy--small p:last-child, #theme-cb .es-layout-container > .DHK-eSolution-layout-container > .responsivegrid p:last-child{margin-bottom:0 !important;} .page-tabs-wrapper{transform:translateY(-50%); margin-bottom:45px; z-index:999;} ul.page-tabs{list-style:none; display:flex; flex-direction:row; flex-wrap:nowrap; padding-left:0; z-index:999;} ul.page-tabs > li{flex:1;} ul.page-tabs > li > a{display:flex; padding:0 30px; height:73px; border-radius:20px; border:1px solid var(--page-tabs-normal-border-color); background-color:var(--page-tabs-normal-bgcolor); justify-content:center; align-items:center; text-align:center; line-height:1.2 !important;} ul.page-tabs > li > a, ul.page-tabs > li > a *{color:var(--page-tabs-normal-font-color) !important; font-weight:700 !important; font-size:22px !important; font-family:var(--title-font) !important;} ul.page-tabs > 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(--page-tabs-normal-font-color); transform:rotate(90deg);} @-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);} } ul.page-tabs > li > a:hover:after, ul.page-tabs > li > a:active:after { /* -webkit-animation-delay: .3s; */ -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-delay: .3s; */ 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.page-tabs > li.active > a{background-color:var(--page-tabs-active-bgcolor); border-color:var(--page-tabs-active-border-color);} ul.page-tabs > li.active > a, ul.page-tabs > li.active > a *{color:var(--page-tabs-active-font-color) !important;} ul.page-tabs > li.active > a:after{background-color:var(--page-tabs-active-font-color);} /* Custom component {Anchors} */ .anchors-wrapper{transform:translateY(-27px); margin-bottom:-27px; z-index:99;} ul.anchors{list-style:none; display:flex; flex-direction:row; flex-wrap:nowrap; padding-left:0; z-index:999;} ul.anchors > li{flex:1;} ul.anchors > li > a{ display:flex; padding:0 30px; height:54px; border-radius:16px; 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: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);} ul.anchors > li > a.active:after{background-color:var(--anchors-bgcolor);} ul.anchors > li > a.active, ul.anchors > li > a.active *{color:var(--anchors-bgcolor) !important;} .anchors-toggle{position:relative; padding:12px 54px 12px 18px; width:100%; border-radius:12px !important; border:1px solid #3b1600; 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(--page-tabs-dropdown-color-secondary) !important; margin-bottom:6px;} .anchors-toggle .toggle-value{font-size:16px !important; font-weight:800 !important; color:var(--page-tabs-dropdown-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 #3b1600; background-color:var(--anchors-bgcolor);} .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.text-small, ul.anchors > li > a.text-small *{font-size:16px !important;} .anchors-wrapper.sticky ul.anchors > li > a, ul.anchors > li > a *{font-size:15px !important;} .anchors-wrapper.sticky ul.anchors > li > a.text-small, ul.anchors > li > a.text-small *{font-size:14px !important;} } @media (min-width: 1199.98px) { ul.anchors > li > a.text-small, ul.anchors > li > a.text-small *{font-size:17px !important;} .anchors-wrapper.sticky ul.anchors > li > a{height:40px; border-radius:12px; --anchors-bgcolor: var(--anchors-sticky-bgcolor);} .anchors-wrapper.sticky ul.anchors > li > a, ul.anchors > li > a *{font-size:16px !important;} .anchors-wrapper.sticky ul.anchors > li > a.text-small, ul.anchors > li > a.text-small *{font-size:15px !important;} } /* Custom component {Line Box} */ .linebox-wrapper{--linebox-row-gap:16px;} .linebox-row{display:flex; flex-direction:row; flex-wrap:nowrap; gap:var(--linebox-row-gap);} .linebox-row:not(:last-child){margin-bottom:20px;} .linebox{flex:1; padding:20px; border-radius:16px; border:1px solid var(--linebox-border-color); background-color:var(--linebox-bgcolor); display:flex; flex-direction:column; overflow:hidden;} .linebox:not(.large){gap:25px;} .linebox-row:last-child .linebox:last-child:not(.large){max-width:calc(50% - (var(--linebox-row-gap) / 2));} .linebox.w33p{flex:0 0 calc(33.3% - (var(--linebox-row-gap) * 2 / 3)) !important; max-width:calc(33.3% - (var(--linebox-row-gap) * 2 / 3)) !important;} .linebox, .linebox *{color:var(--linebox-font-color);} .linebox .item-cover{position:relative; border-radius:12px; 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(59, 22, 0,.7); pointer-events:none;} #theme-cb .linebox .item-cover > .caption{--linebox-font-color:#fff;} #theme-cb .linebox .item-cover > :is(.caption, .caption *){font-size:12px !important; color:#fff !important;} .linebox .item-heading{margin-bottom:16px !important;} .linebox .item-heading h5{margin-bottom:10px !important;} .linebox .item-heading h5.with-icon{display:flex; align-items:center;} .linebox .item-heading-icon{display:inline-block; margin-right:8px;} .linebox :is(ul, ol){padding-left:26px;} .linebox.large{flex-direction:row; align-items:center;} .linebox.large :is(.item-cover, .item-content){flex:1;} .linebox.large .item-content{padding:0 35px;} .linebox-swiper-wrapper{position:relative; opacity:0; transition:opacity 1s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:opacity 1s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:opacity 1s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:opacity 1s cubic-bezier(0.25, 1, 0.5, 1);} .linebox-swiper-wrapper.swiper-initialized{opacity:1;} .linebox-swiper{overflow-x:hidden; overflow-y:visible;} .linebox-swiper .swiper-slide{height:auto;} .linebox-swiper .swiper-slide .linebox{height:100%;} .linebox-wrapper.show-partial{position:relative; height:150vh; overflow:hidden;} .linebox-wrapper.show-partial:after{display:block; content:''; height:10vh; width:100%; position:absolute; left:0; bottom:0; background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 60%, rgba(255, 255, 255, 1) 100%);} .linebox-wrapper .swiper-button-arrow{position:absolute; top:50%; width:48px; height:48px; border-radius:16px; background-color:var(--linebox-swiper-button-bgcolor); background-image:none !important; box-shadow:0px 0px 20px 0px rgba(0,0,0,.1); z-index:10; cursor:pointer;} .linebox-wrapper .swiper-button-arrow:before{display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:10px; height:17px;} .linebox-wrapper .swiper-button-arrow:after{display:none !important;} .linebox-wrapper .swiper-button-arrow.swiper-button-disabled{display:none;} .linebox-wrapper .linebox-swiper-button-prev{left:-8px; transform:translate(-50%, -50%);} .linebox-wrapper .linebox-swiper-button-next{right:-8px; transform:translate(50%, -50%);} .linebox-wrapper .linebox-swiper-button-prev:before{-webkit-mask:url(/content/dam/dhk/common/theme/2024/festival/swiper-arrow-prev.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2024/festival/swiper-arrow-prev.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; background-color:var(--linebox-swiper-button-arrow-color);} .linebox-wrapper .linebox-swiper-button-next:before{-webkit-mask:url(/content/dam/dhk/common/theme/2024/festival/swiper-arrow-next.svg) no-repeat 50% 50%; mask:url(/content/dam/dhk/common/theme/2024/festival/swiper-arrow-next.svg) no-repeat 50% 50%; -webkit-mask-size:cover; mask-size:cover; background-color:var(--linebox-swiper-button-arrow-color);} .linebox-swiper-pagination{position:relative !important; left:auto !important; bottom:auto !important;} .linebox-swiper-pagination .swiper-pagination-bullet{border-radius:99px;} .linebox-swiper-pagination .swiper-pagination-bullet-active{width:20px; background-color:var(--swiper-pagination-bullet-active-color);} #theme-cb .linebox-wrapper span.icon{padding-left:26px;} #theme-cb .linebox-wrapper span.icon:before{transform:scale(.79);} #theme-cb .linebox-cover-swiper{position:relative;} #theme-cb .linebox-cover-swiper .linebox-cover-swiper-pagination{bottom:6px;} #theme-cb .linebox-cover-swiper .swiper-pagination-bullet{margin:0 3px; border-radius:99px; background-color:#fff;} #theme-cb .linebox-cover-swiper .swiper-pagination-bullet-active{width:16px; background-color:var(--swiper-pagination-bullet-active-color);} /* Component {Tip with Icon Text} */ #theme-cb .icontexttip:not(:last-child){margin-bottom:15px;} #theme-cb .icontexttip .tip__container{margin:0 auto; padding-top:0; padding-bottom:0;} @media (min-width: 991.98px) { #theme-cb .icontexttip .tip__container{width:87%;} } #theme-cb .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-cb .icontexttip .tip__visual{display:flex; justify-content:center; align-items:center; margin-right:30px; border-top-right-radius:16px; /* border-bottom-right-radius:12px; */ background-color:var(--intro-bgcolor);} #theme-cb .icontexttip .tip__visual .tip__icon{width:44px;} #theme-cb .icontexttip :is(.tip__content, .tip__content *){color:var(--main-font-color);} #theme-cb .icontexttip .tip__content{padding-top:15px; padding-bottom:15px;} #theme-cb .icontexttip .tip__content .title{text-transform:none;} #theme-cb .icontexttip .cmp-title__text h5, #theme-cb .icontexttip .cmp-title__text h5 *{color:var(--intro-bgcolor);} /* Component {DHK Non Featured Offer List} */ #theme-cb .non-featured-offers-header{display:none;} #theme-cb .non-featured-offers .non-featured-offers-container{padding-left:0 !important; padding-right:0 !important;} #theme-cb .non-featured-offers .non-featured-offers-content .hot-offer-list{margin-left:-9px; margin-right:-9px; justify-content:flex-start;} #theme-cb .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;} #theme-cb .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-content{padding:10px 0 15px 0;} #theme-cb .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-content *{font-family:var(--main-font) !important;} #theme-cb .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-img{border-radius:10px; overflow:hidden;} #theme-cb .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-cb .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-cb .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-spot-text, #theme-cb .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-des{ line-height:1.2; } #theme-cb .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-des{font-size:22px;} #theme-cb .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-cb .non-featured-offers .non-featured-offers-content .general-list .hot-offer-item{width:calc((100% - 60px) / 4);} } @media (max-width: 1199.98px){ #theme-cb .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-des{font-size:20px;} } #theme-cb .non-featured-offers .look-more{display:inline-block; padding:6px 50px 6px 55px; margin-top:-30px; border:0; border-radius:16px; background-color:var(--primary-button-bgcolor) !important; color:var(--primary-button-font-color) !important;} #theme-cb .non-featured-offers .look-more i{margin-left:5px; vertical-align:text-bottom;} #theme-cb .non-featured-offers .look-more i svg{width:16px; transform:rotate(90deg);} /* Component {DHK Featured offer List} */ #theme-cb .featured-offer-list{ --feat-offer-list-gap: 28px; --feat-offer-list-border-radius: 12px; background-color:transparent; } #theme-cb .featured-offer-list *{font-family:var(--main-font) !important;} #theme-cb .featured-offer-list .look-all-btn{display:none !important;} #theme-cb .featured-offer-list .featured-offer-list-general{width:auto; max-width:none; margin-left:0;} #theme-cb .featured-offer-list .featured-offer-list-content{margin-top:0 !important;} @media (min-width: 768.98px) { #theme-cb .featured-offer-list ul.hot-offer-list{gap:var(--feat-offer-list-gap);} #theme-cb .featured-offer-list li.hot-offer-item{margin-right:0 !important; flex:0 0 calc(25% - (var(--feat-offer-list-gap) * 3 / 4)); max-width:none; width:calc(25% - (var(--feat-offer-list-gap) * 3 / 4));} } #theme-cb .featured-offer-list li.hot-offer-item{margin-top:0 !important; border-radius:var(--feat-offer-list-border-radius); border:1px solid #ebe5e9; background-color:#f9eee9; overflow:hidden;} #theme-cb .featured-offer-list li.hot-offer-item > a{height:100%;} #theme-cb .featured-offer-list li.hot-offer-item .hot-offer-img{border-radius:var(--feat-offer-list-border-radius); overflow:hidden;} /* Component {DHK e-Solution Offer Cross-Sell Banner} */ #theme-cb .offer-cross-sell-cmp-container .offer-cross-sell-item{border-radius:16px; overflow:hidden;} #theme-cb .offer-cross-sell-cmp-container .offer-cross-sell-item .item-details .see-more-btn{border-radius:8px;} #theme-cb .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper{padding:0;} #theme-cb .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-cb .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-cb .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper{padding-bottom:0;} #theme-cb .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-cb .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-cb .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:40px 100px;} } #theme-cb .offer-cross-sell-cmp-container .item-details .item-brand{display:none;} #theme-cb .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-cb .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-cb .offer-cross-sell-cmp-container .item-details .offer-name > .desc:first-child, #theme-cb .offer-cross-sell-cmp-container .item-details .offer-name > p:first-child{margin-top:12px;} #theme-cb .offer-cross-sell-banner .swiper-pagination-bullet{border-radius:99px;} #theme-cb .offer-cross-sell-banner .swiper-pagination-bullet-active{width:20px; background-color:var(--swiper-pagination-bullet-active-color);} #theme-cb .offer-cross-sell-banner .swiper-slide{margin-right:0 !important;} /* Component {DHK WinterFest 2021 Container} — Event inner page container */ #theme-cb .winterfest2021_container{ padding:12px; padding-top:0; --line-table-font-color: var(--event-inner-line-table-font-color); --line-table-border-color: var(--event-inner-line-table-border-color); /* --link-color: var(--event-inner-line-table-font-color); */ /* --link-color-hover: var(--event-inner-line-table-font-color); */ } #theme-cb .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-cb .winterfest2021_container .heading h1{--h1-font-size:75px;} } html[lang="en"] #theme-cb .winterfest2021_container .heading h1{font-weight:500;} html[lang="zh-CN"] #theme-cb .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-cb .winterfest2021_container > .sectionBox{position:relative; padding:75px 0; background-color:var(--event-inner-bgcolor); border-radius:16px; overflow:hidden;} #theme-cb .winterfest2021_container > .sectionBox, #theme-cb .winterfest2021_container > .sectionBox * {--main-font-color: var(--event-inner-font-color); color:var(--event-inner-font-color);} #theme-cb .winterfest2021_container .article-detail__heading{padding-left:0; padding-right:0; padding-top:0;} #theme-cb .winterfest2021_container .article-detail__heading .rainbow-bar--vertical{padding-left:0;} #theme-cb .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(--event-inner-font-color); border-radius:99px;} #theme-cb .winterfest2021_container .image > .cmp-image > .cmp-image__image, #theme-cb .winterfest2021_container .carousel-slide > .cmp-image > .cmp-image__image{ border-radius:12px; } #theme-cb .winterfest2021_container .colorTable-container{max-width:1060px; margin:0 auto;} #theme-cb .winterfest2021_container .colorTable th, #theme-cb .winterfest2021_container .colorTable td{padding:15px 12px; border-radius:4px;} #theme-cb .winterfest2021_container .colorTable.cellwithcolor th, #theme-cb .winterfest2021_container .colorTable.cellwithcolor td{background-color:rgba(0,0,0,.15);} #theme-cb .winterfest2021_container .colorTable tr:first-child :is(th:first-child, td:first-child){border-top-left-radius:10px;} #theme-cb .winterfest2021_container .colorTable tr:first-child :is(th:last-child, td:last-child){border-top-right-radius:10px;} #theme-cb .winterfest2021_container .colorTable tr:last-child :is(th:first-child, td:first-child){border-bottom-left-radius:10px;} #theme-cb .winterfest2021_container .colorTable tr:last-child :is(th:last-child, td:last-child){border-bottom-right-radius:10px;} #theme-cb .winterfest2021_container .carousel{margin-top:30px;} #theme-cb .winterfest2021_container .carousel-container{padding-left:0 !important; padding-right:0 !important;} #theme-cb .winterfest2021_container .carousel-container .slick-dots li button:before{border:1px solid #fff;} #theme-cb .winterfest2021_container .carousel-container .slick-dots li.slick-active button:before{background:#fff; border:1px solid #fff;} /* Component {Image With text} */ #theme-cb .imagewithtext .half-section-component{padding-left:0 !important; padding-right:0 !important;} #theme-cb .imagewithtext .half-section-component > .container.cmp-container{padding:0 !important;} #theme-cb .imagewithtext .half-section__image-wrap .cmp-image__image{border-radius:10px;} /* Component {DHK Data View Upcoming Event List} */ #theme-cb .dataviewcontainer .dataview-filters{display:none !important;} #theme-cb .dataviewcontainer :is(.dataview-filters, .dataview-wrapper) > .cmp-container{padding-top:0 !important;} #theme-cb .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-cb .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-cb .dataviewcontainer .upcoming-event-list .list-content :is(.list-item, .list-item *){font-family:var(--main-font) !important;} #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:20px;} #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap .card-img{border-radius:12px;} #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{margin-bottom:10px; font-weight:800;} #theme-cb .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-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date, #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue, #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text, #theme-cb .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-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date{padding-left:25px; min-height:17px; background-image:url(/content/dam/dhk/common/theme/2024/festival/icon-event-date.svg); background-repeat:no-repeat; background-position:left top; --main-font-color: #9d8d7f;} #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue{padding-left:25px; min-height:19px; background-image:url(/content/dam/dhk/common/theme/2024/festival/icon-event-location.svg); background-repeat:no-repeat; background-position:1px top; --main-font-color: #9d8d7f;} @media (min-width: 991.98px) {#theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item :is(.card-date, .card-venue){--main-font-size:17px;}} /* Component {Article Listing} */ .articlelisting > .default-container{margin:0 !important;} .articlelisting > .default-container > .container{max-width:none; padding-left:0; padding-right:0; margin-top:0 !important;} .articlelisting :is(.data-listing, .data-listing *){font-family: var(--new-font);} .articlelisting .data-listing > .row{display:flex; flex-direction:row; flex-wrap:wrap; gap:20px; margin-left:0; margin-right:0;} .articlelisting .data-listing > .row > .data-listing-item{flex:0 0 calc(33.3% - 20px * 2 / 3); max-width:none; width:calc(33.3% - 20px * 2 / 3); padding-left:0 !important; padding-right:0 !important;} .articlelisting .data-listing > .row > .data-listing-item.data-listing-item--featured{flex:0 0 calc(66.6% - 20px * 2 / 3); max-width:none; width:calc(66.6% - 20px * 2 / 3);} .articlelisting .data-listing .content-box-image{margin-bottom:20px !important; border-radius:10px; border: 1px solid #D8CCD5;} html[dir] [data-listing="article-with-filter"] .content-box-image{padding-bottom:0 !important; margin-bottom:20px !important;} .articlelisting .data-listing .content-box-image img, .articlelisting .data-listing .img-text-box .img-text-box__img{ transition:all .5s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:all .5s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:all .5s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:all .5s cubic-bezier(0.25, 1, 0.5, 1); } .articlelisting .data-listing .content-box-image, .articlelisting .data-listing .img-text-box{border-radius:16px;} .articlelisting .data-listing .data-listing__title{margin-bottom:15px !important; padding-left:0 !important; padding-right:0 !important;} .articlelisting .data-listing .data-listing__title .cmp-title__text{overflow:visible !important;} .articlelisting .data-listing .img-text-box__text h4.cmp-title__text{color:#fff; font-family:var(--new-font);} .articlelisting .data-listing .data-listing__excerpt{padding-left:0 !important; padding-right:0 !important;} .articlelisting .data-listing .data-listing__excerpt .cmp-text{max-height:none !important; -webkit-line-clamp:3 !important;} .articlelisting .data-listing :is(.data-listing__title, .data-listing__title *, .data-listing__excerpt, .data-listing__excerpt *){line-height:1.5 !important;} .articlelisting .data-listing :is(.data-listing__excerpt, .data-listing__excerpt *){font-size:1rem !important;} :is(html[lang="zh-TW"], html[lang="zh-CN"]) .articlelisting .data-listing__button > a:before{display:inline; content:'查';} .articlelistingwithfilter .articlelisting .data-listing .data-listing__excerpt .cmp-text{-webkit-line-clamp:none !important;} #theme-cb .articlelistingwithfilter .articlelisting .data-listing .data-listing__excerpt .cmp-text > p{margin-bottom:0 !important;} #theme-cb #guided-tours .data-listing.data-listing--articles .data-listing__excerpt{display:none !important;} /* Section | Intro */ #intro{ --primary-button-font-color: var(--intro-primary-button-font-color); --primary-button-bgcolor: var(--intro-primary-button-bgcolor); --line-table-font-color: var(--intro-line-table-font-color); --line-table-border-color: var(--intro-line-table-border-color); position:relative; margin:0 12px; } .intro-pane{ border-radius:16px; background: rgb(210 54 31); background: linear-gradient(180deg, rgb(222 110 67) 0%, rgb(228 49 49) 17%, rgb(210 54 31) 34%, rgb(215 33 13) 50%, rgb(208 68 18) 100%) } .intro-pane.has-anchor{padding-bottom:27px;} .intro-gallery{position:relative; display:grid; grid-template-rows:repeat(2, auto [col-start]); /* grid-template-columns: repeat(4, 25% [col-start]); */ grid-template-columns:repeat(4, minmax(0, 1fr)); gap:4px 5px; z-index:1;} .intro-gallery.fluid{grid-template-rows:auto; grid-template-columns:auto;} .intro-gallery .intro-gallery-item{position:relative; border-radius:10px; overflow:hidden;} .intro-gallery .intro-gallery-item > a{display:block; width:100%; height:100%; cursor:pointer;} .intro-gallery .intro-gallery-item img{width:100%;} .intro-gallery .intro-gallery-item.item-large{grid-column-start:1; grid-column-end:3; grid-row-start:1; grid-row-end:3;} .intro-gallery .intro-gallery-item[data-type="video"] > a:after{display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:4.2vw; height:4.2vw; min-width:45px; min-height:45px; background-image:var(--intro-video-icon); background-size:100% auto; background-position:center; background-repeat:no-repeat;} .intro-gallery .intro-gallery-item.item-large[data-type="video"] > a:after{width:6.5vw; height:6.5vw;} .intro-gallery .intro-gallery-item[data-type="inline-video"]{padding-top:56.25%;} .intro-gallery .intro-gallery-item[data-type="inline-video"] > video{position:absolute; left:0; top:0; object-fit:cover;} .intro-gallery.fluid .intro-gallery-item{border-bottom-left-radius:0; border-bottom-right-radius:0;} .intro-gallery .intro-gallery-button{position:absolute; right:15px; bottom:15px;} .intro-gallery a.btn-view-all{display:inline-flex; align-items:center; padding:8px 18px; border-radius:10px; background-color:rgba(255,255,255,.9); color:#000 !important; font-family:var(--title-font) !important; font-weight:600 !important; font-size:16px !important; cursor:pointer; letter-spacing:-.5px;} .intro-gallery a.btn-view-all:before{display:inline-block; content:''; width:27px; height:20px; margin-right:8px; background-image:url("data:image/svg+xml,%3Csvg width='27' height='20' viewBox='0 0 27 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.731 1H2.18655C1.53124 1 1 1.53124 1 2.18655V17.8134C1 18.4688 1.53124 19 2.18655 19H24.731C25.3864 19 25.9176 18.4688 25.9176 17.8134V2.18655C25.9176 1.53124 25.3864 1 24.731 1Z' fill='white' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M5.98703 17H23.9966C24.5428 17 25 16.556 25 15.9979C25 15.7696 24.9238 15.5412 24.7714 15.351L19.7673 9.35095C19.5895 9.13531 19.3228 9.00846 19.0434 8.99577C18.7639 8.98309 18.4845 9.08457 18.2813 9.28753L17.151 10.4292L13.8234 5.43129C13.6329 5.16491 13.328 5 12.9978 5C12.6676 5 12.3628 5.16491 12.1723 5.43129L5.17418 15.4271C4.97097 15.7188 4.94557 16.0994 5.09798 16.4292C5.26309 16.7717 5.61871 17 5.99973 17H5.98703Z' fill='url(%23paint0_linear_3_364)'/%3E%3Cpath d='M5.12915 15.8199H21.9545C22.4647 15.8199 22.8918 15.4046 22.8918 14.8825C22.8918 14.6689 22.8206 14.4553 22.6783 14.2774L18.0032 8.66497C17.8371 8.46325 17.588 8.3446 17.3269 8.33273C17.0659 8.32087 16.8048 8.41579 16.615 8.60564L15.5589 9.67354L12.4502 4.99852C12.2722 4.74934 11.9874 4.59509 11.6789 4.59509C11.3704 4.59509 11.0856 4.74934 10.9077 4.99852L4.36976 14.3486C4.17991 14.6215 4.15618 14.9774 4.29857 15.2859C4.45282 15.6063 4.78505 15.8199 5.14102 15.8199H5.12915Z' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M19.605 5.54431H22.4171' stroke='black' stroke-linecap='round'/%3E%3Cpath d='M21.0112 4.13831L21.0112 6.95043' stroke='black' stroke-linecap='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3_364' x1='15' y1='5' x2='15' y2='14.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF1700'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:100% auto;} .intro-content{position:relative; display:flex; margin:0 -15px; flex-direction:row;} .intro-content, .intro-content * { --title-font-color: var(--intro-font-color); --main-font-color: var(--intro-font-color); --link-color: var(--intro-font-color); --link-color-hover: #fff; /* color:var(--intro-font-color); */ } .intro-content .intro-content-left{flex:0 0 50%; /* padding:calc(50px + 1.3157vw) 15px 50px; */ padding:50px 15px calc(70px + 1.3157vw); display:flex; flex-direction:column; justify-content:center;} .intro-content .intro-content-right{flex:0 0 50%; padding:0 15px;} .intro-content .bio-date{display:inline-block; padding-left:calc(24px + 15px) !important; margin-bottom:20px; font-size:28px !important; font-weight:800 !important; line-height:.95 !important; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.45483' y='4.63638' width='22.5454' height='20.3636' rx='2' fill='white'/%3E%3Cpath d='M7.92793 17.0007V18.9616H5.96704V17.0007H7.92793ZM12.8302 17.0007V18.9616H10.8693V17.0007H12.8302ZM17.7324 17.0007V18.9616H15.7715V17.0007H17.7324ZM7.92793 12.3207V14.2816H5.96704V12.3207H7.92793ZM12.8302 12.3207V14.2816H10.8693V12.3207H12.8302ZM17.7324 12.3207V14.2816H15.7715V12.3207H17.7324Z' fill='%233B002B' stroke='%233B002B' stroke-width='0.2'/%3E%3Cpath d='M6.7522 1V3.15698' stroke='%233B002B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.2087 1V3.15698' stroke='%233B002B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.3933 3.47076H2.30726C1.58528 3.47076 1 4.05604 1 4.77802V21.511C1 22.2329 1.58528 22.8182 2.30726 22.8182H21.3933C22.1152 22.8182 22.7005 22.2329 22.7005 21.511V4.77802C22.7005 4.05604 22.1152 3.47076 21.3933 3.47076Z' stroke='%233B002B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 8.5563H22.6221' stroke='%233B002B' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-size:24px auto; background-position:left center !important;} .intro-content .bio-title{margin-bottom:20px !important;} .intro-content .bio-title h1{margin-bottom:0 !important;} .intro-content .bio-title :is(h1, h1 *){text-transform:uppercase;} html[lang="en"] .intro-content .bio-title :is(h1, h1 *){line-height:.92 !important;} .photo-wall{position:relative; max-width:670px; max-height:530px; margin:-25px auto 25px; aspect-ratio:67 / 53; /* background-color:palegreen; */} .photo-wall .item-photo{position:absolute; border-radius:16px; overflow:hidden;} .photo-wall .item-photo:nth-child(1){position:absolute; left:0; top:0; width:48.1%; aspect-ratio:4 / 3;} .photo-wall .item-photo:nth-child(2){position:absolute; right:0; top:2.5vw; width:48.1%; aspect-ratio:4 / 3;} .photo-wall .item-photo:nth-child(3){position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:70%; aspect-ratio:16 / 9;} .photo-wall .item-photo > .caption{display:inline-block; width:auto; max-width:calc(100% - 10px - 10px); position:absolute; left:10px; bottom:8px; border-radius:4px; padding:3px; background-color:rgba(59, 22, 0,.7); pointer-events:none;} .photo-wall .item-photo:nth-child(2) > .caption{top:8px; bottom:auto;} #theme-cb .photo-wall .item-photo > :is(.caption, .caption *){font-size:12px !important; color:#fff !important;} .photo-swiper{ margin-bottom:25px; opacity:0.001; transition:opacity .5s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:opacity .5s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:opacity .5s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:opacity .5s cubic-bezier(0.25, 1, 0.5, 1); } .photo-swiper.swiper-container-initialized, .photo-swiper.swiper-container-horizontal{opacity:1;} .photo-swiper .swiper-slide{width:75%; border-radius:12px; overflow:hidden;} .photo-swiper .swiper-slide span.caption{display:inline-block; width:auto; max-width:calc(100% - 10px - 10px); position:absolute; left:10px; bottom:8px; border-radius:4px; padding:3px; background-color:rgba(59,0,43,.7); pointer-events:none;} #theme-cb .photo-swiper .swiper-slide :is(span.caption, span.caption *){font-size:12px !important; color:#fff !important;} .photo-wall .item-photo[data-type="video"] > a:after, .photo-swiper .swiper-slide[data-type="video"] > a:after{ display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:4.2vw; height:4.2vw; min-width:45px; min-height:45px; background-image:var(--intro-video-icon); background-size:100% auto; background-position:center; background-repeat:no-repeat; } /* Section | Ajax Popup */ .fancybox__container .fancybox__slide.has-close-btn{padding-top:72px !important; padding-bottom:72px;} .fancybox__slide.has-ajax .fancybox__content > .f-button.is-close-btn{ opacity:1 !important; --f-button-width: 34px; --f-button-height: 34px; --f-button-svg-width: 22px; --f-button-svg-height: 22px; --f-button-bg: transparent; } .fancybox__slide.has-ajax .fancybox__content > .f-button.is-close-btn > svg{margin-left:5px;} .popup-wrapper{padding:0 !important; background-color:transparent !important; width:100%; max-width:1300px !important; /*height:85vh;*/} .popup-wrapper > .f-button.is-close-btn{right:0 !important; top:-32px !important;} .popup-wrapper > .freeformeditor-v2, .popup-content, .popup-wrapper .scroll-area{height:100%;} .popup-content{padding:70px 45px 45px; border-radius:16px; background-color:#fff; cursor:auto;} .popup-wrapper *:not(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, .es-single-banner-title){font-family:var(--main-font);} .popup-wrapper, .popup-wrapper :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:400; line-height:1.5; color:var(--main-font-color);} .popup-wrapper :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;} .popup-wrapper :is(h1, h1 *){font-size: var(--h1-font-size); letter-spacing:-1px;} .popup-wrapper :is(h2, h2 *){font-size: var(--h2-font-size);} .popup-wrapper :is(h3, h3 *){font-size: var(--h3-font-size);} .popup-wrapper :is(h4, h4 *){font-size: var(--h4-font-size);} .popup-wrapper :is(h5, h5 *){font-size: var(--h5-font-size);} .popup-wrapper :is(h6, h6 *){font-size: var(--h6-font-size);} .popup-wrapper img{max-width:100%;} .popup-wrapper 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))); outline:0 !important;} .popup-wrapper a.underlined:hover{color:var(--link-color-hover);} .popup-wrapper .scroll-area{max-height:100%; overflow-y:auto; overflow-x:hidden;} .popup-wrapper .popup-head{position:relative; margin-bottom:40px;} .popup-wrapper .popup-title{margin-bottom:30px;} .popup-wrapper .popup-sticky-menu{position:absolute; right:0; top:0; width:220px;} .popup-wrapper .popup-sticky-menu ul.side-menu{display:none;} .popup-wrapper .content-group:not(:last-child){padding-bottom:45px; margin-bottom:45px; border-bottom:1px solid var(--linebox-border-color);} .popup-wrapper{--linebox-bgcolor: var(--event-inner-bgcolor);} ul.entry-guidelines-list{columns:3; margin-left:-20px;} ul.entry-guidelines-list > li{margin-left:20px;} ul.pin-icon-list{list-style:none; padding-left:0 !important;} ul.pin-icon-list > li{min-height:26px; padding-left:28px; background-image:url(/content/dam/dhk/common/theme/2025/super-march/icon-pin-black-red.svg); background-size:auto 24px; background-position:left top; background-repeat:no-repeat;} ul.pin-icon-list > li:not(:last-child){margin-bottom:2px;} span.icon-walk{display:inline-block; padding-left:18px; min-height:22px; background-image:url(/content/dam/dhk/common/theme/2025/super-march/icon-walk.svg); background-size:auto 22px; background-repeat:no-repeat; background-position:left top;} span.icon-pin{display:inline-block; padding-left:28px; min-height:26px; background-image:url(/content/dam/dhk/common/theme/2025/super-march/icon-pin-black-red.svg); background-size:auto 24px; background-repeat:no-repeat; background-position:left top;} .popup-wrapper .colorTable{ --colorTable-border-color: var(--linebox-border-color); --colorTable-thead-cell-bgcolor: var(--linebox-bgcolor); } .popup-wrapper .colorTable thead :is(th, td){border-radius:999px;} .route-info{margin-bottom:20px !important; border-radius:12px; padding:1.3157vw 1.5789vw; background-color: rgba(255, 255, 255, .3);} .route-info .route-info-row:not(:last-child){margin-bottom:20px;} ul.route-graph{position:relative; list-style:none; padding-left:0 !important; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; gap:10px;} p:not(.dynamic-page-details__list--data) + ul.route-graph{margin-top:-18px !important;} ul.route-graph:before{display:block; content:''; position:absolute; left:2%; top:50%; transform:translateY(-50%); width:96%; height:2px; background-color:#bfbfbf;} ul.route-graph > li{position:relative; padding:7px 1.0826vw; background-color:#f9eee9; border-radius:8px; text-align:center;} html[lang="en"] ul.route-graph > li{padding:7px 6px;} html[lang="en"] .route-info .route-info-row:not(:last-child){margin-bottom:40px;} ul.route-graph.arrow-style{flex-wrap:wrap; justify-content:flex-start; column-gap:0;} ul.route-graph.arrow-style:before{display:none;} ul.route-graph.arrow-style > li{margin-right:25px; background-color:#f9eee9;} ul.route-graph.arrow-style > li:not(:last-child):after{display:block; content:''; position:absolute; right:-25px; top:0; width:25px; height:100%; background-image:url("data:image/svg+xml,%3Csvg width='17' height='15' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.77664 0.274585C9.14545 -0.0915283 9.74347 -0.0915283 10.1123 0.274585L16.7234 6.8371C17.0922 7.2032 17.0922 7.79682 16.7234 8.16292L10.1123 14.7254C9.74347 15.0915 9.14545 15.0915 8.77664 14.7254C8.40783 14.3593 8.40783 13.7657 8.77664 13.3996L13.7755 8.43751H0.944446C0.422847 8.43751 0 8.01779 0 7.50001C0 6.98223 0.422847 6.56251 0.944446 6.56251H13.7755L8.77664 1.60042C8.40783 1.2343 8.40783 0.640707 8.77664 0.274585Z' fill='%233B1600'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-position:center;} /* ul.route-graph.arrow-style > li.icon-arrow{background-color:transparent;} */ .route-grid{ --item-width: 150px; --item-gap: 24px; display:flex; flex-direction:row; flex-wrap:nowrap; gap:var(--item-gap); } .route-grid:not(:last-child){margin-bottom:20px;} .route-grid .route-grid-left{width:var(--item-width);} .route-grid .route-grid-right{display:flex; flex-direction:row; flex-wrap:wrap; gap:var(--item-gap);} .route-grid .route-grid-right.nowrap{flex-wrap:nowrap;} .route-grid .route-grid-item{position:relative; min-height:85px; padding:15px; background-color:#f9eee9; border-radius:8px; display:flex; justify-content:center; align-items:center; text-align:center;} .route-grid .route-grid-item.route-start{background-color:#f4d6c8;} .route-grid .route-grid-left .route-grid-item{width:100%; height:100%;} .route-grid .route-grid-right .route-grid-item{flex:1;} /* .route-grid .route-grid-right .route-grid-item:before{display:block; content:''; width:var(--item-gap); height:2px; position:absolute; left:0; top:50%; transform: translate(-100%, -50%); background-color:var(--main-font-color); opacity:.5;} */ .route-grid .route-grid-right .route-grid-item:before{display:block; content:''; width:var(--item-gap); height:100%; position:absolute; left:0; top:0; transform: translateX(-100%); background-image:url("data:image/svg+xml,%3Csvg width='17' height='15' viewBox='0 0 17 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.77664 0.274585C9.14545 -0.0915283 9.74347 -0.0915283 10.1123 0.274585L16.7234 6.8371C17.0922 7.2032 17.0922 7.79682 16.7234 8.16292L10.1123 14.7254C9.74347 15.0915 9.14545 15.0915 8.77664 14.7254C8.40783 14.3593 8.40783 13.7657 8.77664 13.3996L13.7755 8.43751H0.944446C0.422847 8.43751 0 8.01779 0 7.50001C0 6.98223 0.422847 6.56251 0.944446 6.56251H13.7755L8.77664 1.60042C8.40783 1.2343 8.40783 0.640707 8.77664 0.274585Z' fill='%233B1600'/%3E%3C/svg%3E%0A"); background-position:center; background-repeat:no-repeat;} .route-grid .route-grid-right[data-col="2"]{width:100%; max-width:calc(var(--item-width) * 4);} .route-grid .route-grid-right[data-col="2"]:not(.nowrap) .route-grid-item{flex:calc(50% - (var(--item-gap) / 2));} .route-grid .route-grid-right[data-col="3"]{width:100%; max-width:calc(var(--item-width) * 6);} .popup-wrapper img.icon-train{} .popup-wrapper img.icon-bus{width:30px;} .popup-wrapper img.icon-taxi{width:29px;} .popup-wrapper .steps-to-bathing-the-buddha .step-cover{margin-bottom:15px;} .popup-wrapper .steps-to-bathing-the-buddha .step-cover > img{margin-bottom:15px; border-radius:30px;} /* `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: 55px; --h2-font-size: 44px; --h3-font-size: 38px; --h4-font-size: 26px; --h5-font-size: 21px; --h6-font-size: 19px; } /* Custom component {Line table} */ .line-table .data-head{margin-bottom:5px;} /* Section | Ajax Popup */ .popup-content{padding:35px 25px 15px;} .popup-content .popup-head{margin-bottom:30px;} .popup-content .popup-title{margin-bottom:10px;} } /* `xl` applies to large devices (desktops, less than 1200px) */ @media (max-width: 1199.98px) { /* Component {DHK Non Featured Offer List} */ #theme-cb .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-content{padding-top:8px;} #theme-cb .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: 36px; --h3-font-size: 32px; --h4-font-size: 24px; --h5-font-size: 20px; --h6-font-size: 17px; } /* common */ #theme-cb .breadcrumb{padding:10px 0;} #theme-cb .breadcrumb *{font-size:13px;} #theme-cb .breadcrumb .cmp-breadcrumb > .container{padding-left:0; padding-right:0;} #theme-cb :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-cb .section-head{margin-bottom:35px;} #theme-cb .btn-primary, .popup-content .btn-primary{border-radius:12px;} .line-clamp + p{margin-top:22px !important;} /* 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 {Page Tabs} */ .page-tabs-wrapper{margin-bottom:20px;} .page-tabs-wrapper > .container-cust{max-width:calc(700px + 20px + 20px) !important;} ul.page-tabs > li > a{padding:0 20px; height:55px; border-radius:16px;} ul.page-tabs > li > a, ul.page-tabs > li > a *{font-size:16px !important;} /* Custom component {Anchors} */ .anchors-wrapper{margin-bottom:0;} ul.anchors{display:none; position:absolute; top:calc(100% + 3px); flex-direction:column; width:100%; border-radius:8px; border:1px solid #3b1600; background-color:var(--page-tabs-dropdown-bgcolor-main); overflow:hidden; box-shadow:0px 8px 20px 0px var(--page-tabs-dropdown-bgcolor-secondary);} ul.anchors > li{flex:auto;} ul.anchors > li:not(:last-child){border-bottom:1px solid #3b1600;} 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.active{background-color:var(--anchors-bgcolor);} ul.anchors > li > a, ul.anchors > li > a *{color:var(--page-tabs-dropdown-color-main) !important; font-size:15px !important;} ul.anchors > li > a.active, ul.anchors > li > a.active *{color:#fff !important;} ul.anchors > li > a:after{display:none;} ul.anchors > li.active > a{background-color:var(--page-tabs-dropdown-bgcolor-secondary);} ul.anchors > li.active > a, ul.anchors > li.active > a *{color:var(--page-tabs-dropdown-color-secondary) !important;} /* Custom component {Line Box} */ .linebox-wrapper{--linebox-row-gap:8px;} .linebox-row:not(:last-child){margin-bottom:12px;} .linebox{padding:15px 15px 20px; border-radius:8px;} .linebox-row:last-child .linebox:last-child:not(.large){max-width:calc(50% - (var(--linebox-row-gap) / 2));} .linebox:not(.large){gap:10px;} .linebox .item-cover{border-radius:8px;} .linebox h5{margin-bottom:10px !important;} .linebox.large{align-items:flex-start;} .linebox.large .item-content{padding:0 25px;} .linebox-wrapper .swiper-button-arrow{display:none;} /* Component {DHK Data View Upcoming Event List} */ #theme-cb .dataviewcontainer .upcoming-event-list .list-content{gap:10px;} #theme-cb .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-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:15px;} #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item img.card-img{border-radius:8px; margin-bottom:10px;} #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-content{padding-top:0;} #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{margin-bottom:15px; font-size:18px; font-weight:800;} #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date, #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue, #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text, #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text-see-more-btn{font-size:15px;} /* Component {DHK Non Featured Offer List} */ #theme-cb .non-featured-offers .non-featured-offers-content .hot-offer-list{margin-left:-5px; margin-right:-5px; width:auto;} #theme-cb .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-cb .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-spot .hot-offer-spot-text{font-size:16px;} #theme-cb .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-des{font-size:18px;} #theme-cb .non-featured-offers .look-more{width:100%; border-radius:12px;} /* Component {DHK Featured offer List} */ #theme-cb .featured-offer-list{ --feat-offer-list-border-radius: 10px; } /* Component {DHK e-Solution Offer Cross-Sell Banner} */ #theme-cb .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:2.4% 6%;} #theme-cb .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper{width:auto !important;} /* Component {DHK WinterFest 2021 Container} — Event inner page container */ #theme-cb .winterfest2021_container > .sectionBox{padding:45px 0;} /* Component {Article Listing} */ .articlelisting .data-listing > .row > .data-listing-item{flex:0 0 calc(50% - 16px / 2); width:calc(50% - 16px / 2);} .articlelisting .data-listing > .row > .data-listing-item.data-listing-item--featured{flex:0 0 calc(50% - 16px / 2); max-width:none; width:calc(50% - 16px / 2);} .articlelisting .data-listing .content-box-image{margin-bottom:20px !important;} .articlelisting .data-listing .data-listing__excerpt{margin-bottom:20px !important;} .articlelisting .data-listing .data-listing__excerpt p{margin-top:0 !important;} html[dir] [data-listing="article-with-filter"] .content-box-image{margin-bottom:15px !important;} /* Section | Intro */ #intro{margin:25vw 0 0;} .intro-pane{border-radius:8px; border-top-left-radius:0; border-top-right-radius:0;} .intro-gallery{gap:2px 3px;} .intro-gallery .intro-gallery-item{border-radius:4px;} .intro-content{flex-direction:column; margin:0; padding:0 0 25px;} .intro-content .intro-content-left{flex:auto; padding:0; order:1;} .intro-content .intro-content-right{flex:auto; padding:0; order:0; margin-top:-25vw;} .intro-content .row > .col:not(:last-child){margin-bottom:35px;} /* .intro-content h1{margin-bottom:22px !important;} */ .intro-content .bio-date{padding-left:calc(22px + 10px) !important; margin-bottom:15px; font-size:22px !important; background-size:22px auto;} /* Section | Ajax Popup */ .popup-wrapper{/* padding-top:35px !important; padding-bottom:55px !important; */ /*height:85vh;*/} .popup-content{padding:60px 30px 30px; border-radius:12px;} .popup-content .popup-title{margin-bottom:25px;} ul.entry-guidelines-list{columns:2;} } /* `md` applies to small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { :root { --main-font-size: 14px; --h1-font-size: 35px; --h2-font-size: 30px; --h3-font-size: 21px; --h4-font-size: 19px; --h5-font-size: 17px; --h6-font-size: 15px; } /* Common */ #theme-cb .copy.copy--small p:not(.dynamic-page-details__list--data), #theme-cb p:not(.dynamic-page-details__list--data):not(:last-child){margin-bottom:16px !important;} #theme-cb :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-cb .cmp-container > .aem-Grid > .freeformeditor-v2 .row{padding-left:0; padding-right:0; margin-left:-15px; margin-right:-15px;} #theme-cb .section-head{margin-bottom:30px;} #theme-cb .btn-primary{padding:8px 28px 8px 16px;} #theme-cb .btn-primary, .popup-content .btn-primary{border-radius:8px;} #theme-cb .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;} /* 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 */ .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 {Anchors} */ /* .anchors-wrapper{margin-bottom:0;} ul.anchors{display:none; position:absolute; top:calc(100% + 3px); flex-direction:column; width:100%; border-radius:8px; border:1px solid #3b1600; background-color:var(--page-tabs-dropdown-bgcolor-main); overflow:hidden; box-shadow:0px 8px 20px 0px var(--page-tabs-dropdown-bgcolor-secondary);} ul.anchors > li{flex:auto;} ul.anchors > li:not(:last-child){border-bottom:1px solid #3b1600;} ul.anchors > li > a{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 *{color:var(--page-tabs-dropdown-color-main) !important; font-size:15px !important;} ul.anchors > li > a:after{display:none;} ul.anchors > li.active > a{background-color:var(--page-tabs-dropdown-bgcolor-secondary);} ul.anchors > li.active > a, ul.anchors > li.active > a *{color:var(--page-tabs-dropdown-color-secondary) !important;} */ /* Custom component {Line Box} */ .linebox-wrapper{--linebox-row-gap:12px;} .linebox-row{flex-direction:column;} .linebox-row:last-child .linebox:last-child:not(.large), .linebox.w33p{flex:auto !important; max-width:none !important;} .linebox:not(.large), .linebox.large{gap:15px;} .linebox.large{flex-direction:column; align-items:flex-start;} .linebox.large .item-content{padding:0;} /* Component {Tip with Icon Text} */ #theme-cb .icontexttip .tip__visual{position:relative; margin-right:20px; height:auto; right:auto; top:auto; flex: 0 0 12%; border-top-right-radius:12px;} #theme-cb .icontexttip .tip__body{border-radius:12px;} #theme-cb .icontexttip .tip__body .tip__visual .tip__icon{width:28px;} #theme-cb .icontexttip .tip__body .tip__content{padding-left:0;} /* Component {DHK Data View Upcoming Event List} */ #theme-cb .dataviewcontainer .upcoming-event-list .list-content{gap:16px;} #theme-cb .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-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:12px;} #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{font-size:15px;} #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date, #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue, #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text, #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text-see-more-btn{font-size:13px;} #theme-cb .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text{margin-top:10px;} /* Component {DHK Non Featured Offer List} */ #theme-cb .non-featured-offers .non-featured-offers-container{width:auto; max-width:none; padding-left:0 !important; padding-right:0 !important;} #theme-cb .non-featured-offers .non-featured-offers-content .hot-offer-list{margin-left:-8px; margin-right:-8px; width:auto;} #theme-cb .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:6px;} #theme-cb .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-content{padding:10px;} #theme-cb .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-spot-icon{width:30px; height:30px; margin-right:6px;} #theme-cb .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-cb .non-featured-offers .non-featured-offers-content .hot-offer-item .hot-offer-des{font-size:15px;} #theme-cb .non-featured-offers .look-more{width:100%;} /* Component {DHK e-Solution Offer Cross-Sell Banner} */ #theme-cb .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details-wrapper{padding:20px;} #theme-cb .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-cb .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-cb .offer-cross-sell-cmp-container .item-details .offer-name > .desc{font-size:15px; margin-top:6px;} /* Component {DHK WinterFest 2021 Container} — Event inner page container */ #theme-cb .winterfest2021_container{padding:6px; padding-top:0;} #theme-cb .winterfest2021_container > .sectionBox{padding:35px 0 50px; border-radius:8px;} #theme-cb .winterfest2021_container .image > .cmp-image > .cmp-image__image, #theme-cb .winterfest2021_container .carousel-slide > .cmp-image > .cmp-image__image{ border-radius:8px; } #theme-cb .winterfest2021_container .colorTable th, #theme-cb .winterfest2021_container .colorTable td{padding:10px 8px; border-radius:3px;} #theme-cb .winterfest2021_container .colorTable tr:first-child :is(th:first-child, td:first-child){border-top-left-radius:6px;} #theme-cb .winterfest2021_container .colorTable tr:first-child :is(th:last-child, td:last-child){border-top-right-radius:10px;} #theme-cb .winterfest2021_container .colorTable tr:last-child :is(th:first-child, td:first-child){border-bottom-left-radius:6px;} #theme-cb .winterfest2021_container .colorTable tr:last-child :is(th:last-child, td:last-child){border-bottom-right-radius:6px;} /* Component {Image With text} */ #theme-cb .imagewithtext .half-section-component > .container.cmp-container{padding:0 !important;} #theme-cb .imagewithtext .half-section-component > .container.cmp-container .row > .col-md-6{padding-left:20px !important; padding-right:20px !important;} #theme-cb .imagewithtext .half-section__image-wrap .cmp-image__image{border-radius:6px;} /* Component {Article Listing} */ .articlelisting .data-listing > .row > .data-listing-item{flex:0 0 100%; width:auto;} .articlelisting .data-listing > .row > .data-listing-item.data-listing-item--featured{flex:0 0 100%; width:auto; margin-bottom:0 !important;} .articlelisting .data-listing .data-listing__title{margin-bottom:10px !important;} .articlelisting .data-listing .data-listing__excerpt{margin-bottom:10px !important;} .articlelisting .data-listing .data-listing__excerpt p:last-child{margin-bottom:0 !important;} .articlelisting .data-listing :is(.data-listing__excerpt, .data-listing__excerpt *){font-size:.875rem !important;} .articlelistingwithfilter .articlelisting .data-listing .data-listing__excerpt .cmp-text{-webkit-line-clamp:3 !important;} html[dir] [data-listing="article-with-filter"] .content-box-image{margin-bottom:10px !important;} /* Section | Intro */ .intro-pane{border-radius:0; overflow:visible;} .intro-gallery{padding-left:6px; padding-right:6px; grid-template-rows:repeat(4, minmax(0, 1fr)); grid-template-columns:repeat(2, minmax(0, 1fr)); gap:5px 5px;} .intro-gallery:before{height:71.875%;} .intro-gallery .intro-gallery-button{right:10px; bottom:5px;} .intro-gallery a.btn-view-all{padding:6px 8px; border-radius:8px; font-size:12px !important;} .intro-gallery a.btn-view-all:before{display:inline-block; content:''; width:20px; height:15px; margin-right:5px;} .intro-content .row > .col:not(:last-child){margin-bottom:25px;} .intro-content .bio-date{padding:3px 10px 3px 45px; margin-bottom:15px; font-size:19px !important; background-size:auto 18px;} /* .intro-content h1{margin-bottom:15px !important;} */ .bio-title-wrapper{flex-direction:column; margin-bottom:10px;} .bio-title-wrapper .bio-title{flex:0 0 auto; padding-right:0;} .bio-title-wrapper .social-placement{padding-top:0;} .photo-swiper{margin-bottom:15px;} .photo-swiper .swiper-slide{width:80%;} #theme-cb .photo-swiper .swiper-slide :is(span.caption, span.caption *){font-size:11px !important;} /* Section | Ajax Popup */ .popup-wrapper{ padding-left:0 !important; padding-right:0 !important; --h1-font-size: 28px; } .popup-content .popup-head{margin-bottom:25px;} .popup-content{padding:30px 15px 20px;} .popup-content .popup-title{margin-bottom:20px;} ul.entry-guidelines-list{columns:1;} .route-info{margin-bottom:16px !important; border-radius:8px; padding:12px;} ul.route-graph{gap:8px;} ul.route-graph > li{padding:5px 8px; border-radius:6px;} .route-grid{ --item-gap: 16px; } .route-grid .route-grid-item{padding:8px;} .route-grid .route-grid-right .route-grid-item:before{background-size:11px auto;} .popup-wrapper .steps-to-bathing-the-buddha > .col > .row{gap:20px;} } /* `sm` applies to x-small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { } /* touch device fix */ @media (hover: none) and (pointer: coarse) { } /* IE 10 & 11 fix */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { }