/* Theme DHK Arts in Hong Kong 2025 – inner page */ :root{ --title-font-color: #0e3895; --primary-button-bgcolor: #0e3895; /* # line box */ --linebox-bgcolor: #fff; /* # line table */ --line-table-font-color: #000; --line-table-border-color: #d1d5dd; /* # event inner page */ --event-inner-bgcolor:#fff; } #theme-sup3{background-color:#b2ebf4;} html[lang="en"] #theme-sup3 :is(h1, h1 *){line-height:1 !important;} .overlay-scrollarea{height:473px; padding-right:12px;} .btn-return{position:relative; display:inline-flex; align-items:center; padding:0 26px 0 22px; margin-left:15px; height:43px; border-radius:4px; text-decoration:none!important; z-index:99;} .btn-return:before{display:block; content:''; position:absolute; left:0; top:calc(50% - 6px); width:16px; height:12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.45' height='12.922' viewBox='0 0 16.45 12.922'%3E%3Cpath id='Icon_ionic-ios-redo' data-name='Icon ionic-ios-redo' d='M18.7,18.547h-.106a.159.159,0,0,1-.151-.1,7.983,7.983,0,0,0-.786-1.457,8.955,8.955,0,0,0-3.469-3.065,8.575,8.575,0,0,0-3.565-.852.147.147,0,0,0-.154.147v3a.148.148,0,0,1-.228.125l-7.926-5.22a.147.147,0,0,1,0-.246l7.929-5.22a.146.146,0,0,1,.228.125V8.808a.146.146,0,0,0,.139.147,8.546,8.546,0,0,1,6,2.4A7.8,7.8,0,0,1,18.7,17.185C18.7,17.563,18.7,18.114,18.7,18.547Z' transform='translate(-2.25 -5.625)' fill='%23000000'/%3E%3C/svg%3E%0A"); background-size:100% auto; background-position:0 0;} .btn-return:hover{color:var(--link-color-hover) !important;} .btn-return:hover:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.45' height='12.922' viewBox='0 0 16.45 12.922'%3E%3Cpath id='Icon_ionic-ios-redo' data-name='Icon ionic-ios-redo' d='M18.7,18.547h-.106a.159.159,0,0,1-.151-.1,7.983,7.983,0,0,0-.786-1.457,8.955,8.955,0,0,0-3.469-3.065,8.575,8.575,0,0,0-3.565-.852.147.147,0,0,0-.154.147v3a.148.148,0,0,1-.228.125l-7.926-5.22a.147.147,0,0,1,0-.246l7.929-5.22a.146.146,0,0,1,.228.125V8.808a.146.146,0,0,0,.139.147,8.546,8.546,0,0,1,6,2.4A7.8,7.8,0,0,1,18.7,17.185C18.7,17.563,18.7,18.114,18.7,18.547Z' transform='translate(-2.25 -5.625)' fill='%23C73A9C'/%3E%3C/svg%3E%0A");} html[lang="ar"] .btn-return{padding:0 22px 0 26px;} html[lang="ar"] .btn-return:before{left:auto; right:0; transform:scaleX(-100%);} .terms, .terms :is(p, a, li, div, span) { font-size: 13px !important; line-height: 1.5; } .terms>h5 {font-size: 15px !important; font-weight: 800;} .terms ol {margin-bottom: 0 !important;} .terms ol>li:nth-child(n + 4) {display: none;} .terms ol.expand>li:nth-child(n + 4) {display: list-item;} a.btn-expand-terms {color: #000 !important;} #theme-sup3 :is(span.icon, span.icon *){color:#9d7f95 !important;} span.label-visitor-exclusive{display:inline-flex; padding:4px 16px; border-radius:999px; background:#2d8be2; background:linear-gradient(101deg,rgba(45, 139, 226, 1) 0%, rgba(24, 86, 232, 1) 100%); --main-font-color:#fff; font-weight:800 !important; font-size:120% !important;} span.label-visitor-exclusive.margin-left{margin-left:8px;} span.label-visitor-exclusive.margin-right{margin-left:8px;} span.label-visitor-exclusive.margin-top{margin-top:8px;} span.label-visitor-exclusive.margin-bottom{margin-bottom:8px;} /* Component {Article Info} */ #theme-sup3 .dhkarticleinfo .title.rainbow-bar--vertical{padding-left:0 !important;} #theme-sup3 .dhkarticleinfo .title.rainbow-bar--vertical .cmp-title__text > h1:before{display:none;} #theme-sup3 .dhkarticleinfo .article-detail__heading{padding-left:0 !important; padding-top:0 !important; margin-top:30px; margin-bottom:20px;} /* Component {DHK Data View Upcoming Event List} */ #theme-sup3 .dataviewcontainer .dataview-filters{display:none !important;} #theme-sup3 .dataviewcontainer :is(.dataview-filters, .dataview-wrapper) > .cmp-container{padding-top:0 !important;} #theme-sup3 .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-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item{margin-top:0; flex:0 0 calc(33.3% - (16px * 2 / 3)); max-width:none; width:calc(33.3% - (16px * 2 / 3)); width:auto;} #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content :is(.list-item, .list-item *){font-family:var(--main-font) !important;} #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:20px;} #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap .card-img{border-radius:12px;} #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{margin-bottom:10px; font-weight:800;} #theme-sup3 .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-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date, #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue, #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text, #theme-sup3 .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-sup3 .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;} #theme-sup3 .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) {#theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item :is(.card-date, .card-venue){--main-font-size:17px;}} */ /* Component {GOHK POI List} */ /* #theme-sup3 .gk-poi-list-container .poi-wrapper:not(:nth-of-type(3n+3)){margin-right:16px !important;} */ #theme-sup3 .poi-list-header.disable-map-view{display:none;} #theme-sup3 .list-view-container .list-view{column-gap:16px !important; row-gap:32px !important;} #theme-sup3 .gk-poi-list-container .poi-wrapper{margin-right:0 !important; margin-top:0 !important;} #theme-sup3 .gk-poi-list-container .poi-wrapper{flex:0 0 calc(33.3% - (16px * 2 / 3)); width:calc(33.3% - (16px * 2 / 3));} #theme-sup3 .gk-poi-list-container .poi-wrapper a.hidden-anchor{display:block; text-indent:-9999px; width:0; height:0;} #theme-sup3 .gk-poi-list-container .poi-wrapper .image-wrapper{margin-bottom:20px; border:solid 1px #ccc; border-radius:12px; overflow:hidden;} #theme-sup3 .gk-poi-list-container .poi-wrapper .owl-item > .image-wrapper{margin-bottom:0 !important;} #theme-sup3 .gk-poi-list-container .poi-wrapper .image-wrapper .image-item > img{border-radius:0 !important;} #theme-sup3 .gohk-poi-card .poi-title-container{height:auto !important;} #theme-sup3 .gohk-poi-card .poi-title-wrapper :is(.poi-title, .poi-title *){font-size:var(--h5-font-size); font-family:var(--main-font) !important; font-weight:800; line-height:1.2;} #theme-sup3 .gohk-poi-card .poi-title-wrapper .poi-title span.icon-bus{margin-bottom:10px;} #theme-sup3 .gohk-desc-container :is(.gohk-desc, .gohk-desc *){font-weight:600; margin-top:8px; margin-bottom:0; line-height:1.3;} #theme-sup3 .gohk-poi-card .poi-title-wrapper .poi-title > a.hidden-anchor{display:none !important;} /* Element {Tour Table} */ .tour-table{ display:flex; flex-direction:column; margin:0 auto; border-radius:16px; background-color:#f1f9fc; overflow: hidden; --main-font-color: #000; } .tour-table:not(:last-child){margin-bottom:20px;} .tour-table .t-row{display:flex; flex-direction:row; flex-wrap:nowrap;} .tour-table .t-row:not(:first-child){border-top:2px solid #e2eff6;} .tour-table .t-cell{flex:1; padding:25px 50px;} .tour-table .cell-head{flex:0 0 26%; padding:25px 50px; padding-right:2%; color:#074759 !important; font-weight:800 !important; line-height:1.2 !important;} .tour-table .cell-content{flex:1;} .tour-table .cell-content > .t-cell, .tour-table .cell-content > .t-row > .t-cell{padding-left:2%;} .tour-table .cell-content > .cell-head{padding-bottom:0; margin-bottom:-25px;} .tour-table .data-head{margin-bottom:10px; font-weight:800 !important; color:#074759 !important; line-height:1.2 !important;} .tour-table .colorTable{border-radius:8px;} .tour-table .colorTable:last-child{margin-bottom:0;} .tour-table .colorTable.cellwithcolor th, .tour-table .colorTable.cellwithcolor td{background-color:#fff;} /* Section | Map */ .map-info-title{margin-bottom:-10px;} .map-info-title h6{Margin-bottom:0 !important;} .map-info{display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; gap:8px;} .map-info .map-info-left{ flex:0 0 30%; min-width:280px; max-height:100%; overflow:hidden; align-self:stretch; opacity:0.01; transition:opacity .3s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:opacity .3s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:opacity .3s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:opacity .3s cubic-bezier(0.25, 1, 0.5, 1); } .map-info .map-info-left.visible{opacity:1;} .map-info .map-info-right{position:relative; flex:1 1 auto; height:auto;} .map-info .map-info-right img{border-radius:12px;} /* .map-info .map-holder:not(:last-child){margin-bottom:20px;} */ .btn-primary.btn-view-map{ position:absolute !important; bottom:10px; right:10px; margin-bottom:0 !important; padding:10px 26px 10px 14px !important; border-radius:8px !important; transition:background-color .2s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:background-color .2s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:background-color .2s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:background-color .2s cubic-bezier(0.25, 1, 0.5, 1); --main-font-size: .95em; --primary-button-bgcolor: #0e3895; } .btn-primary.btn-view-map:hover{--primary-button-bgcolor: #1330af;} .btn-primary.btn-view-map:after{right:12px !important; top:calc(50% - 7px) !important; width:7px !important; height:14px !important;} span.icon-boat{display:inline-flex; min-height:32px; padding-left:calc(29px + 6px); background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.955 16.9421C33.7928 16.4851 33.4043 16.2147 32.9983 16.0319L30.4686 15.0348V5.17969C30.4686 4.77565 30.3081 4.38815 30.0224 4.10245C29.7367 3.81675 29.3492 3.65625 28.9452 3.65625H23.1561V1.21875C23.1561 0.895517 23.0277 0.585524 22.7992 0.356964C22.5706 0.128404 22.2606 0 21.9374 0H12.1874C11.8641 0 11.5542 0.128404 11.3256 0.356964C11.097 0.585524 10.9686 0.895517 10.9686 1.21875V3.65625H5.17956C4.77552 3.65625 4.38803 3.81675 4.10233 4.10245C3.81663 4.38815 3.65613 4.77565 3.65613 5.17969V15.0409L1.13636 16.0357C0.730365 16.2185 0.330462 16.4927 0.167455 16.9498C0.00444683 17.4068 -0.0732485 17.8494 0.0912828 18.397L3.97986 29.8365H4.0606C6.65958 29.8365 8.9356 28.5104 10.5588 26.4987C12.1828 28.5104 14.4573 29.707 17.0563 29.707C19.6553 29.707 21.9313 28.5066 23.5545 26.4949C25.1785 28.5066 27.453 29.8365 30.052 29.8365H30.1327L34.0365 18.3978C34.201 17.9408 34.118 17.3999 33.955 16.9421ZM17.0624 9.75L6.09363 14.0788V6.39844C6.09363 6.31763 6.12573 6.24013 6.18287 6.18299C6.24001 6.12585 6.31751 6.09375 6.39831 6.09375H27.7264C27.8072 6.09375 27.8847 6.12585 27.9419 6.18299C27.999 6.24013 28.0311 6.31763 28.0311 6.39844V14.0735L17.0624 9.75Z' fill='%23B2EBF4'/%3E%3Cpath d='M23.8586 29.1738C19.8786 31.9358 14.2343 31.9351 10.2543 29.1738C10.2543 29.1738 6.77783 33.9727 3.04541 33.9727L4.06078 34.0488C6.33527 34.0488 8.52826 33.1553 10.559 32.0996C12.5667 33.1404 14.795 33.6837 17.0565 33.6837C19.3179 33.6837 21.5463 33.1404 23.5539 32.0996C25.5847 33.1561 27.7777 34.0496 30.0521 34.0496L31.0675 33.9734C27.4379 33.9727 23.8586 29.1738 23.8586 29.1738Z' fill='%23B2EBF4'/%3E%3C/svg%3E%0A"); background-size:29px auto; background-repeat:no-repeat; background-position:left top 3px; align-items:center;} .bus-stop-list-head{display:flex; flex-direction:row; align-items:center; min-height:30px; padding-left:calc(29px + 6px); margin-bottom:12px; background-size:29px auto; background-image:url(/content/dam/dhk/common/theme/2025/summer-island-fun-hong-kong-geoparks/icon-boat.svg); background-repeat:no-repeat; background-position:left top; font-weight:800 !important; color:#0d6bb2 !important;} ol.bus-stop-list{position:relative; list-style:none; padding-left:0; margin-top:18px; margin-bottom:30px; counter-reset:my-awesome-counter 0;} /* ol.bus-stop-list:before{display:block; content:''; position:absolute; top:0; left:12px; width:1px; height:100%; background-color:transparent; border-right:1px dashed #9d9aa1;} */ /* ol.bus-stop-list:after{display:block; content:''; position:absolute; top:0; left:6px; width:12px; height:100%; background-image: url("data:image/svg+xml,%3Csvg width='11' height='337' viewBox='0 0 11 337' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.210111 31.7754L4.77538 27.2101C5.05553 26.93 5.50974 26.93 5.78989 27.2101L10.3552 31.7754C10.6353 32.0555 10.6353 32.5097 10.3552 32.7899C10.075 33.07 9.6208 33.07 9.34066 32.7899L5.28264 28.7319L1.22462 32.7899C0.944468 33.07 0.490259 33.07 0.210111 32.7899C-0.070037 32.5097 -0.070037 32.0555 0.210111 31.7754Z' fill='%23E30026'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.218756 186.775L4.97188 182.21C5.26355 181.93 5.73645 181.93 6.02812 182.21L10.7812 186.775C11.0729 187.056 11.0729 187.51 10.7812 187.79C10.4896 188.07 10.0167 188.07 9.72499 187.79L5.5 183.732L1.27501 187.79C0.98333 188.07 0.510431 188.07 0.218756 187.79C-0.0729188 187.51 -0.0729188 187.056 0.218756 186.775Z' fill='%23E30026'/%3E%3C/svg%3E%0A"); background-repeat:repeat-y; background-position:top center;} */ ol.bus-stop-list li{position:relative; padding-left:36px; padding-bottom:14px; min-height:24px;} ol.bus-stop-list li:first-child{padding-bottom:24px;} ol.bus-stop-list li:last-child{padding-bottom:0;} ol.bus-stop-list li:not(:last-child):before{display:block; content:''; position:absolute; top:6px; left:12px; width:1px; height:100%; background-color:transparent; border-right:2px dashed #9d9aa1;} ol.bus-stop-list li:not(:first-child, :last-child)::after{display:inline-block; counter-increment:my-awesome-counter; content:counter(my-awesome-counter); position:absolute; left:0; top:0; width:24px; height:24px; font-weight:800; color:#fff; background-color:#f6272d; line-height:22px; border-radius:50%; text-align:center;} ol.bus-stop-list :is(li.starting-point, li.end-point) > mark{display:inline-block; padding:0 5px; background:#E25E2D; background:linear-gradient(101deg,rgba(226, 94, 45, 1) 0%, rgba(232, 24, 40, 1) 100%); border-radius:3px; font-size:12px !important; --linebox-font-color:#fff; font-weight:800 !important;} ol.bus-stop-list :is(li.starting-point, li.end-point)::after{display:inline-block; content:''; position:absolute; left:7px; top:6px; width:12px; height:12px; font-weight:800; color:#fff; background-color:#f6272d; line-height:22px; border-radius:50%; text-align:center;} ol.bus-stop-list a.point-trans-button{display:block; position:absolute; left:0; top:0; width:24px; height:24px; z-index:3;} ol.bus-stop-list .list-note{margin-top:6px;} a.btn-map-route{display:inline-block; margin-left:8px; width:24px; height:24px; background-image:url(/content/dam/dhk/common/theme/2025/summer-island-fun-hong-kong-geoparks/icon-map-route.svg); background-size:100% auto; background-repeat:no-repeat;} a.btn-nearby{ position:relative; display:inline-block; padding:3px calc(8px + 6px + 8px) 3px 8px; max-width:85%; border-radius:10px; /* background-color:#f3e7f3 !important; */ background-color:#fff; box-shadow: 0px 0px 7px -3px rgba(0,0,0,0.55) !important; transition:background-color .3s cubic-bezier(0.25, 1, 0.5, 1); -moz-transition:background-color .3s cubic-bezier(0.25, 1, 0.5, 1); -ms-transition:background-color .3s cubic-bezier(0.25, 1, 0.5, 1); -webkit-transition:background-color .3s cubic-bezier(0.25, 1, 0.5, 1); } a.btn-nearby:hover{background-color:#fff4ff;} a.btn-nearby, a.btn-nearby *{font-size:13px !important; line-height:1.3;} a.btn-nearby:after{display:inline-block; content:''; position:absolute; right:8px; top:calc(50% - 5px); margin-left:8px; width:6px; height:10px; 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;} /* .mapbox-bottom{padding-top:20px; border-top:1px solid var(--line-table-border-color);} */ .mapbox .line-table :is(.data-head, .data-head *){color:#0e3895 !important;} .map-info-footer{display:flex; flex-direction:row; flex-wrap:nowrap;} .map-info-footer .map-info-footer-right{flex:auto; margin-left:20px;} .map-info-footer .map-info-footer-right > a{white-space:nowrap;} /* Section | Events */ span.icon-bus{ display:inline-flex; min-height:32px; padding-left:calc(29px + 6px); background-image:url(/content/dam/dhk/common/theme/2025/summer-island-fun-hong-kong-geoparks/icon-boat.svg); background-size:29px auto; background-repeat:no-repeat; background-position:left top 3px; align-items:center; font-size:var(--main-font-size) !important; --title-font-color: #0d6bb2; --main-font-color: #0d6bb2; } /* Section | Tourists pass */ .tourists-pass-wrapper > .row{padding-left:0 !important; padding-right:0 !important; margin-left:-15px !important; margin-right:-15px !important;} .tourists-pass .bio-cover{margin-bottom:20px;} .tourists-pass .bio-name:not(:last-child){margin-bottom:20px;} .tourists-pass :is(.bio-name, .bio-name *){font-size:var(--h5-font-size) !important; font-weight:800 !important; line-height:1.2 !important;} /* `lg` applies to medium devices (tablets, less than 992px) */ @media (max-width: 991.98px) { /* Component {DHK Data View Upcoming Event List} */ #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content{gap:10px;} #theme-sup3 .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-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:15px;} #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item img.card-img{border-radius:8px; margin-bottom:10px;} #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-content{padding-top:0;} #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{margin-bottom:15px; font-size:18px; font-weight:800;} #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date, #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue, #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text, #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text-see-more-btn{font-size:15px;} /* Component {GOHK POI List} */ #theme-sup3 .gohk-poi-card .poi-title-wrapper .poi-title span.icon-bus{display:flex;} /* Element {Tour Table} */ .tour-table{width:auto; border-radius:10px;} .tour-table .t-row{flex-wrap:wrap;} .tour-table .t-cell{flex:1 1 100%; padding-right:30px;} .tour-table .t-cell:not(:first-child){border-left:0; border-top:2px solid #F8E4FC;} .tour-table .cell-content{flex:1; padding:0;} .tour-table .cell-head{padding-left:30px;} /* Section | Map */ /* .map-info .map-holder:not(:last-child){margin-bottom:15px;} */ .btn-primary.btn-view-map{bottom:auto; top:10px;} a.btn-map-route{margin-left:6px; width:22px; height:22px;} a.btn-nearby, a.btn-nearby *{font-size:12px !important;} .map-info-title{margin-bottom:0px;} } /* `md` applies to small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { .btn-return{margin-left:0;} /* Component {DHK Data View Upcoming Event List} */ #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content{gap:16px;} #theme-sup3 .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-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-img-wrap{margin-bottom:12px;} #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-title{font-size:15px;} #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-date, #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-venue, #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text, #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text-see-more-btn{font-size:13px;} #theme-sup3 .dataviewcontainer .upcoming-event-list .list-content .list-item .card-text{margin-top:10px;} /* Component {GOHK POI List} */ #theme-sup3 .gk-poi-list-container .poi-wrapper{flex:auto; width:100%;} /* Element {Tour Table} */ .tour-table .t-cell{padding:15px 12px;} .tour-table .cell-head{flex: 1 1 100%; padding:15px 12px;} .tour-table .cell-content{padding:0 12px;} .tour-table .cell-content > .t-cell{padding-top:0;} .tour-table .cell-content > .t-cell, .tour-table .cell-content > .t-row > .t-cell{padding-left:0; padding-right:0;} /* Section | Map */ .map-info{flex-direction:column; gap:16px;} .map-info .map-info-left{flex:auto; min-width:0; order:2;} .map-info .map-info-right{flex:auto; order:1;} .map-info .map-holder:not(:last-child){margin-bottom:10px;} .btn-primary.btn-view-map{position:relative !important; float:right; top:auto; right:auto;} .map-info .overlay-scrollarea:not(:last-child){margin-bottom:15px;} .mapbox .line-table-col{padding-left:0 !important; padding-right:0 !important;} /* Section | Events */ span.icon-bus{min-height:16px; padding-left:calc(26px + 6px); background-size:26px 16px; background-position:left top;} /* Section | Tourists pass */ .tourists-pass-wrapper > .row{gap:30px;} }