/* Theme DHKv2 Interim – Section Home */
@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: 48px;
	--h4-font-size: 30px;
	--h5-font-size: 22px;
	--h6-font-size: 19px;

	/* Theme color start */
	/* #global */
	--title-font-color:#3B002B;
	--main-font-color: #3B002B;
	--link-color: #000;
	--link-color-hover: #C73A9C;
	--primary-button-font-color: #fff;
	--primary-button-bgcolor: #240305;
	--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: #b23296;
	--intro-bg-gradient: none;
	--intro-primary-button-font-color: #fff;
	--intro-primary-button-bgcolor: rgba(255,255,255,.3);
	--intro-video-icon: url(/content/dam/dhk/common/theme/2024/festival/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");
	
	/* #Mega Calendar */
	--mcal-title-font-size: 33px;
	--mcal-main-font-color: #3b002b;
	/* 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;
	}
}
html[lang="zh-TW"],
html[lang="zh-CN"]{
/* #Mega Calendar */
	--mcal-title-font-size: 30px;
}

/* DHK style reset */
.navbar-container{height:auto !important;}
.footerexperiencefragment{position:relative; -webkit-transform:translate3d(0, 0, 0);}
.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;}
#dhkv2i ::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;}

#dhkv2i{position:relative; padding-bottom:30px !important; font-weight:400; font-style:normal; background-color:#fff;}
#dhkv2i *:not(h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 *, .es-single-banner-title){font-family:var(--main-font);}
#dhkv2i, #dhkv2i :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);}
html[lang="zh-TW"] #dhkv2i, #dhkv2i :is(div, span, p, a, li, table th, table td):not(h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){font-weight:600;}
#dhkv2i .theme-dark, #dhkv2i .theme-dark :is(div, span, p, a, li, table th, table td){color:#fff;}
#dhkv2i .caption .cmp-text p{font-size:0.6875rem;}
#dhkv2i 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)));}
#dhkv2i a.underlined:hover{color:var(--link-color-hover);}
#dhkv2i b, #dhkv2i strong{font-weight:700;}
#dhkv2i b *, #dhkv2i strong *{font-weight:inherit !important;}
#dhkv2i img:not(.iconVideoPlay){max-width:100%;}
#dhkv2i small{display:inline-block;}
#dhkv2i :is(.remarks, .remarks *), #dhkv2i .caption, #dhkv2i .caption :is(p, a){font-size:14px !important; letter-spacing: 0 !important; line-height:1.3 !important;}
#dhkv2i :is(.copy--small, .copy--small *){font-size:calc(var(--main-font-size) - 1px) !important; line-height:1.4 !important;}

#dhkv2i :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;}
#dhkv2i :is(.aem-GridColumn.aem-GridColumn--default--8, .dhk-container.max-width-1100, .non-featured-offers-container, .es-btn-group-container):not(.gohk2022-container, .gohk2022-full-width-container){max-width:calc(1530px + 20px + 20px) !important;}
#dhkv2i .container-cust{max-width:calc(1360px + 20px + 20px);}
#dhkv2i .container-cust.large, #dhkv2i .gohk2022-container{max-width:calc(1530px + 20px + 20px);}
#dhkv2i .container-cust > .row:not(:last-child){margin-bottom:50px;}
#dhkv2i .container.dhk-container.max-width-1100 .cmp-container, #dhkv2i .gohk2022-full-width-container{max-width:none !important;}
#dhkv2i .freeformeditor-v2 .row, #dhkv2i .dataviewcontainer{padding-left:20px; padding-right:20px; margin-left:-20px; margin-right:-20px;}
#dhkv2i :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;}

#dhkv2i .breadcrumb{padding:20px 0;}
#dhkv2i .breadcrumb *{font-size:12px; font-weight:600; font-family:var(--main-font);}
#dhkv2i .breadcrumb .cmp-breadcrumb{border:0; margin-top:0; padding-top:0;}
#dhkv2i .breadcrumb .cmp-breadcrumb > .container{max-width:none !important;}
#dhkv2i .breadcrumb svg .cls-100{stroke:#2D2D2D; stroke-width:1px;}
#dhkv2i .breadcrumb .cmp-breadcrumb__item{padding-right:14px; margin-right:4px;}
#dhkv2i .breadcrumb .cmp-breadcrumb__item:after{border-color:#2D2D2D;}
#dhkv2i .breadcrumb .breadcrumb__home-icon{display:none;}

#dhkv2i :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"] #dhkv2i :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){letter-spacing:0.01px;}
#dhkv2i :is(h1, h1 *){font-size: var(--h1-font-size); letter-spacing:-1px !important;}
#dhkv2i :is(h2, h2 *){font-size: var(--h2-font-size);}
#dhkv2i :is(h3, h3 *){font-size: var(--h3-font-size);}
#dhkv2i :is(h4, h4 *){font-size: var(--h4-font-size);}
#dhkv2i :is(h5, h5 *){font-size: var(--h5-font-size);}
#dhkv2i :is(h6, h6 *){font-size: var(--h6-font-size);}

.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;}
#dhkv2i .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){opacity:.7;}

.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);}
}


/* Theme Color */
#dhkv2i .theme-dark{
	--title-font-color:#fff;
	--link-color: #fff;
	--link-color-hover: #fff;
}
#dhkv2i .theme-dark :is(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *){color:var(--title-font-color);}
body.page-events #dhkv2i{
	--intro-bgcolor: #FF1700;
	--intro-bg-gradient: linear-gradient(120deg, #FF1700 40%, #FD5082 100%);
}


/* Component {DHK Data View Upcoming Event List} */
#dhkv2i .dataviewcontainer .dataview-filters{margin-bottom:30px;}
#dhkv2i .dataviewcontainer :is(.dataview-filters, .dataview-wrapper) > .cmp-container{padding-top:0 !important;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container{margin-top:0 !important; border-bottom:0 !important; gap:16px;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container :is(.search-filter, .date-filter){flex:1; width:auto; min-height:70px; padding:18px 28px; border:1px solid #3B002B; border-radius:16px;}

#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .filter-icon{border-right:0; padding-right:0; margin-right:16px;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .filter-icon > svg{display:none;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .filter-icon.search-icon{min-width:21px; min-height:22px; background-image:url(/content/dam/dhk/common/icon/default/icon-search.svg); background-repeat:no-repeat; background-size:auto 22px; background-position:left center;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .filter-icon.date-icon{min-width:24px; min-height:24px; background-image:url(/content/dam/dhk/common/icon/default/calendar.svg); background-repeat:no-repeat; background-size:auto 22px; background-position:left center;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .filter-item .filter-item-content{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:center; padding-right:35px;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .date-filter .date-picker .daterange-picker-wrap{padding-right:0; margin-right:16px; flex:auto;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .date-filter .date-picker .daterange-picker-wrap:after{right:2px; pointer-events:none;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .date-filter .date-picker .daterange-picker-wrap > input{cursor:pointer;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .date-filter .date-range-btn-wrap{gap:6px; flex-wrap:wrap; max-width:50%;}
@media screen and (min-width: 768.98px) {
	#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .date-filter .date-range-btn-wrap{display:flex;}
}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .date-filter .date-range-btn{position:relative; padding:5px 11px 5px 26px; margin-top:0; margin-right:0; font-size:12px !important; border-radius:8px; background-color:#ebe5e9; border-color:#ebe5e9;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .date-filter .date-range-btn:before{display:block; content:''; position:absolute; left:12px; top:calc(50% - 5px); width:10px; height:10px; background-image:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='3.5' stroke='%233B002B'/%3E%3C/svg%3E%0A"); background-position:center; background-repeat:no-repeat; background-size:8px 8px;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .date-filter .date-range-btn.active{background-color:#fff; border-color:#3B002B;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .date-filter .date-range-btn.active:before{background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='5' fill='%233B002B'/%3E%3Cpath d='M3 5.25008L4.37667 6.62675L7.33333 3.66675' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .date-filter .date-range-btn.active .clear-btn{display:none !important;}
#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .clear-search-btn{top:50% !important; transform:translateY(-50%) !important;}

#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container{margin-top:25px; background-color:transparent;}
#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tags-group:not(:first-child){margin-top:25px;}
#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tags-group-title{padding-left:23px; margin-bottom:10px; min-height:13px; color:#9d7f95 !important; font-weight:800 !important; background-image: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.73426 1.5999C4.58852 1.5999 4.46936 1.64844 4.40412 1.70172L4.39448 1.7096C4.3595 1.73698 4.34292 1.76066 4.3354 1.77515C4.32826 1.7889 4.3262 1.79975 4.3262 1.81005V3.43667C4.32625 3.43744 4.32711 3.4478 4.33713 3.46689C4.34867 3.48888 4.36999 3.51738 4.40412 3.54526C4.46936 3.59854 4.58852 3.64708 4.73426 3.64708C4.88 3.64708 4.99917 3.59854 5.0644 3.54526L5.07405 3.53738C5.10903 3.51 5.12561 3.48632 5.13312 3.47184C5.14026 3.45808 5.14233 3.44723 5.14233 3.43693V1.81031C5.14227 1.80951 5.1414 1.79916 5.13139 1.7801C5.11985 1.7581 5.09854 1.7296 5.0644 1.70172C4.99917 1.64844 4.88 1.5999 4.73426 1.5999ZM6.34233 2.02678V1.81005C6.34233 1.385 6.1197 1.01425 5.82348 0.772315C5.51775 0.522612 5.12078 0.399902 4.73426 0.399902C4.34978 0.399902 3.95496 0.521321 3.64989 0.768376C3.33196 1.01933 3.1262 1.38847 3.1262 1.81005V2.02678H1.50039C1.16902 2.02678 0.900391 2.29541 0.900391 2.62678C0.900391 2.95816 1.16902 3.22678 1.50039 3.22678H3.1262V3.43693C3.1262 3.86198 3.34882 4.23273 3.64504 4.47467C3.95078 4.72437 4.34774 4.84708 4.73426 4.84708C5.11874 4.84708 5.51356 4.72566 5.81864 4.4786C6.13657 4.22765 6.34233 3.85851 6.34233 3.43693V3.22678H14.5004C14.8318 3.22678 15.1004 2.95816 15.1004 2.62678C15.1004 2.29541 14.8318 2.02678 14.5004 2.02678H6.34233ZM11.202 5.66381C11.0563 5.66381 10.9371 5.71236 10.8719 5.76563L10.8622 5.77351C10.8272 5.80089 10.8107 5.82457 10.8031 5.83906C10.796 5.85281 10.7939 5.86366 10.7939 5.87396V6.59209C10.7992 6.62417 10.802 6.65711 10.802 6.6907C10.802 6.72428 10.7992 6.75722 10.7939 6.7893V7.50058C10.794 7.50138 10.7949 7.51173 10.8049 7.5308C10.8164 7.5528 10.8377 7.58129 10.8719 7.60917C10.9371 7.66245 11.0563 7.71099 11.202 7.71099C11.3477 7.71099 11.4669 7.66245 11.5321 7.60917L11.5418 7.60129C11.5768 7.57392 11.5933 7.55024 11.6009 7.53575C11.608 7.52199 11.6101 7.51115 11.6101 7.50084V5.87423C11.61 5.87344 11.6091 5.86308 11.5991 5.84401C11.5876 5.82201 11.5663 5.79352 11.5321 5.76563C11.4669 5.71236 11.3477 5.66381 11.202 5.66381ZM12.8101 6.0907V5.87396C12.8101 5.44891 12.5874 5.07816 12.2912 4.83623C11.9855 4.58652 11.5885 4.46381 11.202 4.46381C10.8175 4.46381 10.4227 4.58523 10.1176 4.83229C9.7997 5.08324 9.59394 5.45238 9.59394 5.87396V6.0907H1.50039C1.16902 6.0907 0.900391 6.35932 0.900391 6.6907C0.900391 7.02207 1.16902 7.2907 1.50039 7.2907H9.59394V7.50084C9.59394 7.92589 9.81657 8.29664 10.1128 8.53858C10.4185 8.78828 10.8155 8.91099 11.202 8.91099C11.5865 8.91099 11.9813 8.78958 12.2864 8.54253C12.6043 8.29158 12.8101 7.92243 12.8101 7.50084V7.2907H14.5004C14.8318 7.2907 15.1004 7.02207 15.1004 6.6907C15.1004 6.35932 14.8318 6.0907 14.5004 6.0907H12.8101ZM4.73426 9.72773C4.58852 9.72773 4.46936 9.77627 4.40412 9.82955L4.39448 9.83743C4.3595 9.8648 4.34292 9.88848 4.3354 9.90297C4.32826 9.91673 4.3262 9.92757 4.3262 9.93787V11.5645C4.32626 11.5653 4.32712 11.5756 4.33713 11.5947C4.34867 11.6167 4.36999 11.6452 4.40412 11.6731C4.46936 11.7264 4.58852 11.7749 4.73426 11.7749C4.88 11.7749 4.99917 11.7264 5.0644 11.6731L5.07405 11.6652C5.10902 11.6378 5.12561 11.6141 5.13312 11.5997C5.14026 11.5859 5.14233 11.5751 5.14233 11.5648V9.93814C5.14227 9.93736 5.14141 9.92701 5.13139 9.90792C5.11985 9.88592 5.09854 9.85743 5.0644 9.82955C4.99917 9.77627 4.88 9.72773 4.73426 9.72773ZM6.34233 10.1546V9.93787C6.34233 9.51282 6.1197 9.14207 5.82348 8.90014C5.51774 8.65043 5.12078 8.52773 4.73426 8.52773C4.34979 8.52773 3.95498 8.64914 3.64991 8.89618C3.33197 9.14713 3.1262 9.51628 3.1262 9.93787V10.1546H1.50039C1.16902 10.1546 0.900391 10.4232 0.900391 10.7546C0.900391 11.086 1.16902 11.3546 1.50039 11.3546H3.1262V11.5648C3.1262 11.9898 3.34882 12.3606 3.64504 12.6025C3.95078 12.8522 4.34774 12.9749 4.73426 12.9749C5.11875 12.9749 5.51358 12.8535 5.81866 12.6064C6.13657 12.3555 6.34233 11.9863 6.34233 11.5648V11.3546H14.5004C14.8318 11.3546 15.1004 11.086 15.1004 10.7546C15.1004 10.4232 14.8318 10.1546 14.5004 10.1546H6.34233Z' fill='%239D8095'/%3E%3C/svg%3E%0A"); background-position:left center; background-repeat:no-repeat;}
#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tag-list{gap:8px;}
#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tag-list .tag-item{position:relative; padding:12px 18px; padding-left:42px; margin-top:0; margin-right:0; border:1px solid #ebe5e9; border-radius:16px; font-weight:700 !important; background-color:#ebe5e9; color:#9d7f95 !important;}
#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tag-list .tag-item:before{display:block; content:''; position:absolute; left:20px; top:calc(50% - 7px); width:14px; height:14px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='5' cy='5' r='4.5' stroke='%233B002B'/%3E%3Ccircle cx='5' cy='5' r='4.5' stroke='white' stroke-opacity='0.5'/%3E%3C/svg%3E%0A"); background-position:center; background-repeat:no-repeat; background-size:10px 10px;}
#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tag-list .tag-item.active{border-color:#3B002B; background-color:#fff; color:#3B002B !important;}
#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tag-list .tag-item.active:before{background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='7' fill='%233B002B'/%3E%3Cpath d='M4.2002 7.35021L6.12753 9.27755L10.2669 5.13354' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-size:14px 14px;}
#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tag-list .tag-item .clear-btn{display:none !important;}
#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .reset-tag.show{display:inline-flex; margin-top:0;}

#dhkv2i .dataviewcontainer .dataview-filters .search-input-box input,
#dhkv2i .dataviewcontainer .dataview-filters .daterange-picker-wrap input,
#dhkv2i .dataviewcontainer .dataview-filters .search-input-box input::placeholder,
#dhkv2i .dataviewcontainer .dataview-filters .daterange-picker-wrap input::placeholder{
	font-weight:700 !important; color:#3B002B !important; opacity:1 !important;
}


#dhkv2i .dataviewcontainer .upcoming-event-list .list-content{margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; gap:30px 16px; justify-content:flex-start;}
#dhkv2i .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)); width:auto;}
#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item.top-item{padding:8px; border-radius:16px;}
#dhkv2i .dataviewcontainer .upcoming-event-list .list-content :is(.list-item, .list-item *){font-family:var(--main-font) !important;}
#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item:not(.bottom-item) .card-img-wrap{margin-bottom:20px;}
#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap .card-img{border-radius:12px;}
#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-content{padding-top:0 !important; padding-bottom:0 !important;}
#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{margin-bottom:10px; font-weight:800;}
#dhkv2i .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;}
#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date,
#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue,
#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text,
#dhkv2i .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;}
#dhkv2i .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: #9d7f95;}
#dhkv2i .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: #9d7f95;}
@media (min-width: 991.98px) {#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item :is(.card-date, .card-venue){--main-font-size:17px;}}


#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item.bottom-item .card-content{display:none !important;}


/* # Mice banner */
.mice-banner{
	display:flex; flex-direction:row; flex-wrap:nowrap; background-color:#394750; border-radius:20px; overflow:hidden;
	--title-font-color: #fff;
	--main-font-color: #fff;
}
.mice-banner .mice-cover{flex:0 0 58%; background-repeat:no-repeat; background-size:cover; background-position:center; aspect-ratio:1920 / 650;}
.mice-banner .mice-content{flex:0 0 42%; padding:55px 3.68vw; display:flex; flex-direction:column; justify-content:center;}
.banner-action{margin-top:25px;}
.mice-banner .btn-cta{display:inline-flex; padding:12px 18px; justify-content:center; align-items:center; font-size:20px !important; font-weight:700 !important; background-color:#FF1701; border-radius:16px;}


/* Module | Intro */
#intro{
	--primary-button-font-color: var(--intro-primary-button-font-color);
	--primary-button-bgcolor: var(--intro-primary-button-bgcolor);
	position:relative; margin:0 12px;
}
@media (min-width: 991.98px) { #intro{--main-font-size: 18px;} }
.intro-pane{border-radius:16px; background-image:var(--intro-bg-gradient); background-color:var(--intro-bgcolor);}
.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;
}
.intro-content .intro-content-left{flex:0 0 50%; 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;}

.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,0,24,.7); pointer-events:none;}
.photo-wall .item-photo:nth-child(2) > .caption{bottom:auto; top:8px;}
:is(.photo-wall .item-photo.overlay-button-mode, .photo-swiper .swiper-slide.overlay-button-mode) > .caption{bottom:auto; left:auto; top:8px; right:10px;}

.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,24,.7); pointer-events:none;}

#dhkv2i .photo-wall .item-photo > :is(.caption, .caption *), 
#dhkv2i .photo-swiper .swiper-slide :is(span.caption, span.caption *){
	font-size:12px !important; color:#fff !important;
}
#dhkv2i .photo-wall .item-photo.overlay-button-mode > :is(.caption, .caption *){font-size:11px !important;}

:is(.photo-wall .item-photo, .photo-swiper .swiper-slide) .item-photo-btn-container{position:absolute; bottom:0; left:0; width:100%; height:45%; background:linear-gradient(180deg,rgba(27, 0, 11, 0) 0%, rgba(27, 0, 11, 0.50) 55%, rgba(27, 0, 11, 0.75) 100%);}
:is(.photo-wall .item-photo, .photo-swiper .swiper-slide) .item-photo-btn{
	position:absolute; bottom:6px; left:0; width:calc(100% - 8px - 8px); min-height:42px; margin:0 8px; padding:0 45px 0 30%; border-top:1px solid rgba(255,255,255,.35); display:flex; flex-direction:row; align-items:center; justify-content:flex-end; gap:0; flex-wrap:initial; line-height:1.1 !important;
	/* --main-font-color: #3b002b; */
	--main-font-size: 16px;
}
.photo-wall .item-photo:nth-child(2) .item-photo-btn{bottom:32px; bottom:1.484vw;}
:is(.photo-wall .item-photo, .photo-swiper .swiper-slide) .item-photo-btn:after{
	display:inline-block; content:''; position:absolute; top:1px; right:1px; height:36px; width:40px; border-radius:12px; /* background-color:var(--main-font-color); */ z-index:1; background-image:url("data:image/svg+xml,%3Csvg width='10' height='15' viewBox='0 0 10 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.51798 7.4981L0.933046 1.82845C0.521585 1.40942 0.522428 0.730913 0.934921 0.312929C1.34741 -0.105055 2.01534 -0.104197 2.4268 0.314834L8.75532 6.7389C9.15263 7.14384 9.16621 7.79463 8.78626 8.21633L2.43149 14.6852C2.02003 15.1042 1.35211 15.1051 0.939614 14.6871C0.527121 14.2691 0.526278 13.5906 0.93774 13.1715L6.51798 7.4981Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A"); background-size:10px auto; background-position:center; background-repeat:no-repeat;
	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);
}
:is(.photo-wall .item-photo, .photo-swiper .swiper-slide) a:hover .item-photo-btn:after{transform:translateX(5px);}

.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;}
html[lang="en"] .intro-content .bio-title :is(h1, h1 *){line-height:.92 !important;}

/* Modules | Mega calendar */
#mega-calendar{
	--filter-tab-spotlight-width: 11.9%;
}
#mega-calendar .os-theme-dark{
	--os-handle-bg: rgba(59, 0, 43, .14);
	--os-handle-bg-hover: rgba(59, 0, 43, .35);
	--os-handle-bg-active: rgba(59, 0, 43, .46);
}
.mcal-filter{position:relative;}
.mcal-filter:not(.preload):before{display:block; content:''; position:absolute; left:0; bottom:10px; width:100%; height:1px; background-color:#D8CCD5;}
.mcal-filter .mcal-filter-scroll{overflow-x:hidden; padding-bottom:10px;}
.mcal-filter ul{list-style:none; padding-left:0 !important; position:relative; display:flex; flex-direction:row; flex-wrap:nowrap;}
.mcal-filter ul > li{flex:0 0 calc((100% - var(--filter-tab-spotlight-width) ) / 12); min-width:80px; position:relative;}
.mcal-filter ul > li[data-spotlight]{flex:0 0 var(--filter-tab-spotlight-width); min-width:115px;}
html[lang="zh-TW"] .mcal-filter ul > li[data-spotlight],
html[lang="zh-CN"] .mcal-filter ul > li[data-spotlight]{
	flex:0 0 var(--filter-tab-spotlight-width); min-width:145px;
}
.mcal-filter ul > li > a{display:block; position:relative; width:100%; height:100%; padding:10px 5px;}
#mega-calendar .mcal-filter :is(span.text-spotlight, span.text-spotlight *, span.text-month, span.text-month *){font-size:var(--mcal-title-font-size) !important; font-family:var(--title-font) !important; line-height:1.2 !important;}
:is(html[lang="zh-TW"], html[lang="zh-CN"]) #mega-calendar .mcal-filter :is(span.text-spotlight, span.text-spotlight *, span.text-month, span.text-month *){font-weight:800 !important;}
#mega-calendar .mcal-filter :is(span.text-year, span.text-year *){font-size:12px !important;}
.mcal-filter span.text-spotlight,
.mcal-filter span.text-month,
.mcal-filter span.text-year{display:block; position:relative; text-align:center;}
.mcal-filter ul > li:not(:last-child):after{display:block; content:''; position: absolute; right:0; top:15%; width:1px; height:45%; background-color:#D8CCD5;}
.mcal-filter ul > li[data-spotlight]:after, .mcal-filter ul > li[data-month="12"]:after{width:3px; height:60%;}
/* .mcal-filter ul > li[data-month="12"] span.text-month:after{width:3px !important;} */
.mcal-filter ul > li.active{}
/* .mcal-filter ul > li.active > a{padding-left:1.1vw;} */
.mcal-filter ul > li.active > a:after{display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:4px; border-radius:99px; background-color:#FF1700;}
/* .mcal-filter ul > li.active > a :is(span.text-month, span.text-year){padding-left:20px;} */
/* .mcal-filter ul > li.active > a span.text-month:before{display:block; content:''; position:absolute; left:5px; top:9px; width:22px; height:22px; background-image:url(/content/dam/dhk/common/icon/default/calendar.svg); background-repeat:no-repeat; background-size:100% auto;} */

.mcal-filter ul.preload:before{display:none;}
.mcal-filter ul.preload > li{flex:1; padding:15px 5px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:5px;}
.mcal-filter ul.preload > li span.text-month{width:100%; aspect-ratio:3 / 1;}
.mcal-filter ul.preload > li:not(:last-child):after{display:none;}
.mcal-filter ul.preload > li span.text-year{width:100%; height:6px;}
@-webkit-keyframes ani_shimmer {
	0% {background-position: -468px 0;}
	100% {background-position: 468px 0;}
}
@keyframes ani_shimmer {
	0% {background-position: -468px 0;}
	100% {background-position: 468px 0;}
}
.mcal-filter ul.preload>li :is(span.text-month, span.text-year){
	-webkit-animation-duration: 1.25s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: ani_shimmer;
	-webkit-animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 1.25s;
	animation-fill-mode: forwards;
	animation-name: ani_shimmer;
	animation-timing-function: linear;
	background: #F6F6F6;
	background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
	background-size: 800px 104px;
	position: relative;
	border-radius:8px;
}





/* `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;
		
		/* #Mega Calendar */
		--mcal-title-font-size: 28px;
	}
	html[lang="zh-TW"],
	html[lang="zh-CN"] {
		--mcal-title-font-size: 26px;
	}

	/* Component {DHK Data View Upcoming Event List} */
	#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .date-filter .date-range-btn-wrap{max-width:40%;}
}


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


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


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

	/* common */
	#dhkv2i .breadcrumb{padding:10px 0;}
	#dhkv2i .breadcrumb *{font-size:13px;}
	#dhkv2i .breadcrumb .cmp-breadcrumb > .container{padding-left:0; padding-right:0;}

	#dhkv2i :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;}

	/* Component {DHK Data View Upcoming Event List} */
	#dhkv2i .dataviewcontainer .dataview-filters{margin-bottom:30px;}
	#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container{padding-bottom:0 !important;}
	#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container :is(.search-filter, .date-filter){min-height:50px; padding:12px 20px; margin-top:0 !important;}
	#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .date-filter .date-range-btn-wrap-mb{padding-left:0; margin-top:8px; max-width:none;}
	#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container .filter-item .filter-item-content{padding-right:0;}

	#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container{margin-top:20px; background-color:#fff;}
	#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tags-group:not(:first-child){margin-top:20px;}
	#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tag-list .tag-item{padding:8px 16px; padding-left:36px;}
	#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tag-list .tag-item:before{left:15px;}
	#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .reset-tag{display:none !important;}

	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content{gap:18px 10px;}
	#dhkv2i .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;}
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item:not(.bottom-item) .card-img-wrap{margin-bottom:15px;}
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item img.card-img{border-radius:8px; margin-bottom:10px;}
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{margin-bottom:15px; font-size:17px;}
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date,
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue,
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text,
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text-see-more-btn{font-size:15px;}


	/* Module | Intro */
	#intro{margin:25vw 0 0;}
	.intro-pane{border-radius:8px; border-top-left-radius:0; border-top-right-radius:0;}
	.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 .bio-date{padding-left:calc(22px + 10px) !important; margin-bottom:15px; font-size:22px !important; background-size:22px auto;}

	/* # Mice banner */
	.mice-banner{flex-direction:column; border-radius:16px;}
	.mice-banner .mice-cover{flex:auto; order:1;}
	.mice-banner .mice-content{flex:auto; order:2; padding:40px 3.68vw;}
	.banner-action{margin-top:20px;}
	.mice-banner .btn-cta{padding:10px 16px; font-size:18px !important; border-radius:12px;}
}


/* `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: 24px;
		--h4-font-size: 19px;
		--h5-font-size: 16px;
		--h6-font-size: 15px;
		/* #Mega Calendar */
		--mcal-title-font-size: 26px;
	}
	html[lang="zh-TW"],
	html[lang="zh-CN"] {
		--mcal-title-font-size: 23px;
	}

	/* Common */
	#dhkv2i{padding-bottom:20px !important;}
	#dhkv2i .copy.copy--small p:not(.dynamic-page-details__list--data), #dhkv2i p:not(.dynamic-page-details__list--data):not(:last-child){margin-bottom:16px !important;}
	#dhkv2i :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;}
	#dhkv2i .cmp-container > .aem-Grid > .freeformeditor-v2 .row{padding-left:0; padding-right:0; margin-left:-15px; margin-right:-15px;}


	/* Component {DHK Data View Upcoming Event List} */
	#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container{gap:12px;}
	#dhkv2i .dataviewcontainer .dataview-filters .search-and-date-filter-container :is(.search-filter, .date-filter){padding:12px 15px;}

	#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container{margin-top:12px;}
	#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tags-group:not(:first-child){margin-top:12px;}
	#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content{border-top-left-radius:12px; border-top-right-radius:12px;}
	#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-menu{border-bottom-left-radius:12px; border-bottom-right-radius:12px;}
	#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tag-list{gap:6px;}
	#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tag-list .tag-item{padding-left:32px; border-radius:12px;}
	#dhkv2i .dataviewcontainer .dataview-filters .upcoming-events-tag-filter .filter-container .filter-content .tag-list .tag-item:before{left:11px;}

	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content{gap:16px;}
	#dhkv2i .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;}
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item:not(.bottom-item) .card-img-wrap{margin-bottom:12px;}
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{margin-bottom:10px; font-size:15px;}
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date,
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue,
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text,
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text-see-more-btn{font-size:13px;}
	#dhkv2i .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text{margin-top:10px;}

	/* Module | Intro */
	.intro-pane{border-radius:0; overflow:visible;}
	.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;}

	.photo-swiper{margin-bottom:15px;}
	.photo-swiper .swiper-slide{width:80%;}
	#dhkv2i .photo-swiper .swiper-slide :is(span.caption, span.caption *){font-size:11px !important;}

	:is(.photo-wall .item-photo, .photo-swiper .swiper-slide) .item-photo-btn-container{height:45%;}
	:is(.photo-wall .item-photo, .photo-swiper .swiper-slide) .item-photo-btn{
		bottom:2px; min-height:38px; margin:0 6px; padding:0 40px 0 40%;
		--main-font-size: 14px;
	}
	:is(.photo-wall .item-photo, .photo-swiper .swiper-slide) .item-photo-btn:after{height:32px; width:36px; background-size:8px auto;}
	
	.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;}

	/* Modules | Mega calendar */
	.mcal-filter ul > li{min-width:73px;}
	.mcal-filter ul > li[data-spotlight]{min-width:108px;}
	html[lang="zh-TW"] .mcal-filter ul > li[data-spotlight],
	html[lang="zh-CN"] .mcal-filter ul > li[data-spotlight]{
		min-width:130px;
	}

	/* # Mice banner */
	.mice-banner{border-radius:12px;}
	.mice-banner .mice-cover{aspect-ratio:16 / 9;}
	.mice-banner .mice-content{padding:35px 20px;}
	.mice-banner .banner-title br{display:none !important;}
	.mice-banner .btn-cta{padding:8px 12px; font-size:15px !important; border-radius:10px;}
}


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