:root {

     --picks-list-icon-arrow-image: url(../png/circle-arrow-a50bb.png);

    --main-font: 'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
    --title-font: 'Noto Sans', 'Noto Sans TC', 'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
    --main-font-size: 18px;
    --h2-font-size: 40px;
    --h3-font-size: 36px;
    --title-font-color:#114FA8;
    --link-color: #000;
    --link-color-hover: #C73A9C;
    --intro-table-border-color:#8BF7E2;
}

html[dir] body.zh-TW .gohk-poi-card .poi-title-wrapper .poi-title {
    font-family: 'source-han-sans-traditional', 'Microsoft JHei TC Blod','Open Sans Bold', arial, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: 0em !important;
}

html[dir] body.zh-CN .gohk-poi-card .poi-title-wrapper .poi-title {
    font-family: 'source-han-sans-simplified-c', 'Microsoft JHei TC Blod','Open Sans Bold', arial, sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: 0em !important;
}



#badge {
    background-image: url(https://www.discoverhongkong.com/content/dam/dhk/intl/explore/nightlife/asia-50-best-bars-in-hong-kong/2024/badge.svg);
    background-repeat: no-repeat;
    background-position-y: top;
    border-width: 0px;
    margin-bottom: 8px;
    align-items: baseline;
    padding-left: 25px;
    padding-top: 3px;
    /* align-content: center; */
    text-vertical-align: middle;
}


#badge-light {
    background-image: url(https://www.discoverhongkong.com/content/dam/dhk/intl/explore/nightlife/asia-50-best-bars-in-hong-kong/2024/badge-light.svg);
    background-repeat: no-repeat;
    background-position-y: top;
    border-width: 0px;
    margin-bottom: 8px;
    align-items: baseline;
    padding-left: 25px;
    padding-top: 3px;
    /* align-content: center; */
    text-vertical-align: middle;
}

html[dir] .gohk-poi-card .poi-title-container {
    margin-bottom: 5px !important;
}

html[dir] .gohk-btn-container .gohk-btn .btn-ico {
    height: 75% !important;
}


html[dir] .gk-poi-list-map-view-container .poi-info-win .poi-info-win-body .poi-info-content .poi-title-wrapper {
    margin-bottom: 0px !important;
}

html[dir] .gk-tools-column-container {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
}

.icon-hover__showed { fill="#ffffff" !important
}

.sharing{display:flex; width:100%; justify-content:center;}

html[dir] .sharing__list{margin-top:0 !important; margin-bottom:0 !important;}
html[dir=ltr] li.sharing__item{margin-right:15px;}
html[dir=ltr] li.sharing__item:last-child{margin-right:0;}
ul.sharing__list .icon-hover__showed path{fill:#fbe9d8;}
ul.sharing__list .icon-hover__hidden path{fill:#deab5b;}


    html[dir] .gohk-poi-card .poi-title-wrapper .poi-gtm-btn-wrapper .poi-gtm-btn > svg {
        height: 30px !important;
    }

.more-details-b{
    font-family: "elza-text", "Open Sans", arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 1.5;
    overflow: hidden;
}

.bar-info-light {
    font-family: "elza-text", "Open Sans", arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
    color: #FBE9D8;
}


.bar-info {
    font-family: "elza-text", "Open Sans", arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    overflow: hidden;
}

.bar-info-c-light {
    font-family: 'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 1.5;
    overflow: hidden;
    color: #FBE9D8;
}


.bar-info-c {
    font-family: 'Open Sans', arial, 'PingFang TC', 'Microsoft JhengHei', \5FAE\8EDF\6B63\9ED1\9AD4, 'MHei', PMingLiU, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 1.5;
    overflow: hidden;
}

#ideal-bar .poi-list-title {
    font-family: "elza-text", "Open Sans", arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    margin-top: 4px;
color: #fbe9d8;
}

#ideal-bar span.list-head {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    padding: 3px 3px 3px 0;
    font-size: 13px;
    font-weight: 700;
    background-color: #fbe9d8;
    color: #000000 !important;
}


#ideal-bar .picks-list > ul {
    list-style: none;
    padding-left: 0;
}

#ideal-bar .picks-list {
    position: relative;
    padding-top: 4px;
    border-top: 1px solid #52246D;
}

#ideal-bar .picks-list > ul > li {
    padding: 10px 0;
    border-bottom: 1px solid #52246D;
}

#ideal-bar .picks-list > ul > li > a:after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 1px;
    width: 17px;
    height: 17px;
    background-image: var(--picks-list-icon-arrow-image);
    background-size: contain;
    background-repeat: no-repeat;
}

#ideal-bar .picks-list > ul > li > a {
    display: block;
    position: relative;
    padding-right: 40px;
    color: #52246D !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}


#ideal-bar .col.col-12.col-md-4 {
    margin-top: 25px;
}

#ideal-bar .row {
    margin-right: 0px !important;
    margin-left: -10px !important;
}

#more-nightlife .poi-list-title {
    font-family: "elza-text", "Open Sans", arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    margin-top: 4px;
color: #52246D;
}

/* Explore More */
.explore-more{padding:0 20px;}
.explore-more .item-article{
    height:100%; border-radius:18px; overflow:hidden; background-color:#FBE9D8;
    transition: transform .5s cubic-bezier(0.25, 1, 0.5, 1);
    -moz-transition: transform .5s cubic-bezier(0.25, 1, 0.5, 1);
    -ms-transition: transform .5s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-transition: transform .5s cubic-bezier(0.25, 1, 0.5, 1);
}
.explore-more .item-article:hover{transform:translateY(-8px);}
.explore-more .item-article *{color:#52246D;}
.explore-more .article-bio{padding:35px;}
.explore-more .article-bio h5{font-size:20px !important; font-weight:800; font-family:var(--title-font) !important; color: #000000 !important}
.explore-more .article-bio *:not(h5, h5 *){font-size:16px !important;}
.explore-more .article-action{margin-top:20px;}
.explore-more .article-cover img {width: 100%}



@media (max-width: 991.98px) {
    /* Explore More */
    .explore-more{margin-left:-8px; margin-right:-8px;}
    .explore-more .col{padding-left:8px !important; padding-right:8px !important;}
    .explore-more .item-article{border-radius:14px;}
    .explore-more .article-bio{padding:25px;}
    }


@media screen and (max-width: 768px) {
    .bar-info {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
    }

   .bar-info-light {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
    }


    .bar-info-light-c-light {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
    }


    .bar-info-light-c {
        font-weight: 400;
        font-size: 14px;
        line-height: 1.5;
    }

#ideal-bar .poi-list-title {
        font-size: 20px !important;
        margin-top: 12px !important;
    }

#more-nightlife .poi-list-title {
        font-size: 20px !important;
        margin-top: 12px !important;
    }

        /* Explore More */
    .explore-more{padding:0;}
    .explore-more .article-bio{padding:20px 25px;}
    .explore-more .article-bio h5{font-size:18px !important;}
    .explore-more .article-bio *:not(h5){font-size:15px !important;}


}


/*cs banner */

#more-nightlife img{max-width:100%;}
#more-nightlife .title > .cmp-title > .cmp-title__text > h3{font-size:2.813rem; font-weight:800; line-height:1.1;}



html[dir=ltr] .dhk #more-nightlife .text.padding-horizontal .cmp-text{margin-left:-20px; margin-right:-20px;}
#more-nightlife .breadcrumb > .cmp-breadcrumb > .container{max-width:none !important; padding-left:0 !important; padding-right:0 !important;}

@media (min-width: 1599.98px) {
    #more-nightlife .container-cust{max-width:1720px; padding:0 40px;}
    #more-nightlife .aem-GridColumn--default--10, #more-nightlife .aem-GridColumn.aem-GridColumn--default--8{float:none !important; max-width:1365px !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; padding:0 !important; clear:both !important;}
    #more-nightlife .container.dhk-container.max-width-1100 .cmp-container{max-width:none !important;}
}


/* Component {Offer Cross-Sell Banner Banner} */
#more-nightlife .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper{padding:0;}
#more-nightlife .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;}
#more-nightlife .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;}
#more-nightlife .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper{padding-bottom:0;}
#more-nightlife .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;}
#more-nightlife .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details .item-brand {display: none ;}

@media (min-width: 1500.98px) {
    #more-nightlife .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:20px 60px;}
    #more-nightlife .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details .offer-name {
    font-size: 25px; }
#more-nightlife .offer-cross-sell-cmp-container .item-details .item-brand{display:none;}
#more-nightlife .offer-cross-sell-cmp-container .item-details .offer-name{line-height:1.5;}
#more-nightlife .offer-cross-sell-cmp-container .item-details .offer-name > .desc{font-size:18px; margin-top:8px;}
}


@media (max-width: 1500px) {
    #more-nightlife .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details .offer-name {
    font-size: 20px !important; 
    line-height: 1.5;}
    #more-nightlife .offer-cross-sell-cmp-container .item-details .item-brand{display:none;}

}

@media (max-width: 1300.98px) {


    #more-nightlife .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper {
    padding: 20px 60px ;}
}

@media (max-width: 991.98px) {
    /* Component {Offer Cross-Sell Banner} */
    #more-nightlife .offer-cross-sell-cmp-container .offer-cross-sell-cmp-pc-wrapper .offer-cross-sell-item .item-details-wrapper{padding:2.4% 6%;}
    #more-nightlife .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper{width:auto !important;}

}

@media (max-width: 767.98px) {
        /* Component {Offer Cross-Sell Banner} */
    #more-nightlife .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-photo-wrapper .item-photo{object-fit:cover !important;}
    #more-nightlife .offer-cross-sell-cmp-container .item-details .offer-name > .desc{font-size:15px; margin-top:6px;}
}

@media (max-width: 575.98px) {
    /* Component {Offer Cross-Sell Banner} */
    #more-nightlife .offer-cross-sell-cmp-container .offer-cross-sell-cmp-mb-wrapper .offer-cross-sell-item .item-details-wrapper{padding:20px;}
    #more-nightlife .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;}
}