:root{
   --main-font: 'Manrope', arial, system-ui, sans-serif;
   --main-font-size: 16px;
	--h1-font-size: 78px;
	--h2-font-size: 60px;
	--h3-font-size: 44px;
	--h4-font-size: 36px;
	--h5-font-size: 22px;
	--h6-font-size: 19px;
   --title-font-color:#16003b;
	--main-font-color: #16003b;
   --link-color: #000;
	--link-color-hover: #C73A9C;
   --linebox-font-color: #333;
	--linebox-bgcolor: #f5e9f9 !important;
	--linebox-border-color: #ebe5e9 !important;
}
@-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"]{
	--main-font: 'Manrope', 'Noto Sans SC', arial, system-ui, sans-serif;
}

/* Custom component {Line Box} */
.linebox-row{display:flex; flex-direction:row; flex-wrap:nowrap; gap:16px;}
.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% - (25px / 2));}
.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(28,0,59,.7); pointer-events:none;}
.linebox .item-cover > .caption{--linebox-font-color:#fff;}
.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;}

/* Section | Ajax Popup */
.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;}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-bottom:40px !important;}
.fancybox__slide.has-ajax{overflow:hidden; padding-top:4px !important; padding-bottom:4px !important;}
.fancybox__slide.has-ajax .fancybox__content > .f-button.is-close-btn{
	top:-10px; right:calc(2rem + 20px); font-size:18px !important; opacity:1 !important;
	--f-button-width: auto;
	--f-button-svg-width: 16px;
   --f-button-svg-height: 16px;
	--f-button-bg: transparent;
}
.fancybox__slide.has-ajax .fancybox__content > .f-button.is-close-btn > svg{margin-left:5px;}
#popup-wrapper{background-color:transparent !important; width:100%; max-width:1360px !important;}
#popup-wrapper > .f-button.is-close-btn{right:0 !important; top:0 !important;}
#popup-wrapper > .freeformeditor-v2, .popup-content, #popup-wrapper .scroll-area{height:100%;}
.popup-content{padding: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(--main-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 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-content .scroll-area{max-height:100%; overflow-y:auto; overflow-x:hidden;}
.popup-content .popup-head{position:relative; margin-bottom:40px;}
.popup-content .popup-title{margin-bottom:30px;}
.popup-content .popup-sticky-menu{position:absolute; right:0; top:0; width:220px;}
.popup-content .popup-sticky-menu ul.side-menu{display:none;}

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

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


@media (max-width: 1399.98px) {
	:root {
		--h1-font-size: 55px;
		--h2-font-size: 44px;
		--h3-font-size: 38px;
		--h4-font-size: 32px;
		--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:25px;}
	.popup-content .popup-head{margin-bottom:30px;}
	.popup-content .popup-title{margin-bottom:10px;}
}

@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: 28px;
         --h5-font-size: 20px;
         --h6-font-size: 17px;
      }

   /* Custom component {Line Box} */
	.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% - (8px / 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;}

   /* Section | Ajax Popup */
	.fancybox__slide.has-ajax .fancybox__content > .f-button.is-close-btn{font-size:16px !important;}
   .fancybox__container{max-width:100vw; max-height:100vh;}
	.fancybox-slide{padding:0;}
	#popup-wrapper{padding-top:35px !important; padding-bottom:55px !important;}
	.popup-content{padding:30px; border-radius:12px;}
	.popup-content .popup-title{margin-bottom:25px;}
	ul.entry-guidelines-list{columns:2;}
}

@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;
      }

   /* Custom component {Line Box} */
   .linebox-row{flex-direction:column; gap:12px;}
   .linebox-row:last-child .linebox:last-child:not(.large){max-width:none;}
   .linebox:not(.large), .linebox.large{gap:15px;}
   .linebox.large{flex-direction:column; align-items:flex-start;}
   .linebox.large .item-content{padding:0;}

   /* Section | Ajax Popup */
	.fancybox__slide.has-ajax .fancybox__content > .f-button.is-close-btn{
		top:-5px; right:5px; font-size:14px !important;
		--f-button-svg-width: 14px;
		--f-button-svg-height: 14px;
	}
	#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;}
}