#legend
#legend
Inside #legend 2022 summer party at Zuma
cultureentertainmentstyle

Inside #legend 2022 summer party at Zuma

By#legendJuly 8, 2022

#legend is back, bringing one of the city’s most exciting celebrations – our summer party, which took place on Tuesday, 5 July 2022, at Zuma

#legend opens the summer season with a party at Zuma attended by some of the city’s finest brand partners, socialites, KOLs and the #legend100 group of influencers.

109399_0_109668.jpg

Photo: Zuma

#legendturns6

START SLIDESHOW

.lightbox-msg { padding: 10px 10px; transition: opacity 0.5s ease-in-out; position: absolute; font-size: 25px; line-height: 0.5; top: 33px; right: 0; left: 0; z-index: 10; color: #fff; font-style: italic; opacity: 1; } .lightbox-msg.hiding { opacity: 0; } @keyframes fadeout { 100% { opacity: 1 } 0% { opacity: 0 } } body.noscroll { overflow: hidden; } .intro-container { margin-top: 0.5em; } .intro-container .intro { } .lightbox { margin-bottom: 50px; } .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { margin-bottom: 16px!important;

} .image-slider-container { position: relative; }

.lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,.8); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .lightbox-overlay-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .image-slider-container .slick-slider .slick-slide { position: relative; text-align: center; overflow: hidden; }

.image-slider-container .slick-slider .slick-slide, .image-slider-container .slick-slide img { max-height: 650px; max-width: 95%; }

.image-slider-container .slick-slider .slick-slide:before { opacity: 0; } .slick-slider .slick-slide img{ margin-left: auto; margin-right: auto; } .viewbutton { padding: 10px 10px; text-align:center; position: absolute; top: 0; right: 0; margin-right: 0; cursor: pointer; color:#fff; width: 70px; } .viewbutton.outer { width: auto; } .slick-slide .viewbutton img { max-width: 50px; } .cap_viewbutton { margin-top: 1em; position: relative; width: 100%; height: 50px; display: flex; justify-content: center; } .cap_viewbutton .viewbutton { background-color: rgba(47,47,47,1); display: block; left: unset; right: unset; margin-left: auto; margin-right: auto; }

.image-slider-container .viewbutton span:nth-child(3){ padding-left: 5px; } .image-slider-container .viewbutton:before:hover { content: 'View in Slideshow'; color: #fff; opacity: 1; } , .image-slider-container .viewbutton span { color: #fff; font-size: 16px; letter-spacing: 2px; width: 100%; text-align:center; }

.image-slider-container .image-slider .caption { margin-top: 1em; } .image-slider-container .image-slider .slick-prev { left: 0; } .image-slider-container .image-slider .slick-next { right: 0; } .image-slider-container .image-slider .arrow-container .slick-prev:before { left: 0; } .image-slider-container .image-slider .slick-next:after { right: 0; } .image-slider-container .slick-prev { width: 35px; height: 38px; } .image-slider-container .slick-next { width: 30px; height: 38px; }

.image-slider-container .image-slider .slick-next:before , .image-slider-container .image-slider .slick-next:before, .image-slider-container .image-slider .slick-prev:before , .image-slider-container .image-slider .slick-prev:before { font-size: 40px; } .nav-slider .slick-slide { overflow:hidden; margin-top: 10px; margin-left: 2px; margin-right: 2px; } .nav-slider .slick-slide, .nav-slider .slick-slide img { max-height: 60px; } .nav-slider .slick-next, .nav-slider .slick-prev { width: 20px; height: 38px; color: #000; } .nav-slider .arrow-container { top: 32%; height: 40px; width: 40px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { max-width: unset; margin-top: -55px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { max-width: 95%; } .slick-lightbox-slick .arrow-container.prev { left: 0; } .slick-lightbox-slick .arrow-container.next { right: 0; } .arrow-container.flickity-button-icon { fill: #fff!important; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .slick-prev { height: 100%; width: 80px; } .slick-lightbox-slick .arrow-container path, .slick-lightbox-slick .arrow-container path { color:#fff; } .slick-lightbox-slick .slick-lightbox-slick-caption { max-width: unset; display: inline-block; overflow-y: auto; max-height: 69px; margin-top: 0; padding: 0 20px; font-size: 16px; } .slick-lightbox-slick svg.arrow-container { color:#fff; } .slick-lightbox-close { padding: 5px; width: 50px!important; height: 55px!important; z-index: 10; right: 25px!important; top: 15px; line-height: 0.5; } .counter { padding: 5px; z-index: 10; right: 86px!important; top: 33px; line-height: 0.5; position: absolute; color: #fff; font-size: 25px; }

.slick-lightbox-close:before { line-height: 0.5!important; font-size: 50px!important; }

.arrow-container { cursor: pointer; position: absolute; height: 45px; width: 80px; z-index: 1; top: 0; top: 45%; } .slick-next:hover, .slick-prev:hover { opacity: 1!important; } .arrow-container.next, .arrow-container.prev { transition: background-color 0.5s ease; } .arrow-container.next:hover { opacity: 0.8; } .arrow-container.prev:hover { opacity: 0.8; } .arrow-container.next { right: -60px; transition: all 0.25s ease;

} .arrow-container.prev { left: -60px; transition: all 0.25s ease;

} .image-slider-container .arrow-container { width: 55px; height: 55px; }

.arrow-container.next, .arrow-container.prev { transition: all 0.25s ease; } .arrow-container.next:hover path, .arrow-container.prev:hover path { opacity: 0.8; }

@media only screen and (max-width: 640px){

.slick-slider .slick-slide { max-height: 70vh; } .slide-slide img { max-height: 70vh; } .slick-lightbox-slick .slick-lightbox-slick-item { max-height: unset; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { margin-top: 20%; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { height: auto; margin-top: 0px; margin-bottom: 10px!important;

max-height: 75vh!important; }

.slick-lightbox .slick-lightbox-slick .slick-next { right: 8px; } .slick-lightbox .slick-lightbox-slick .slick-prev { left: 8px; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .image-slider .slick-prev { color:#fff; width: 20px; } .slick-lightbox-slick .slick-lightbox-slick-caption { font-size: 14px; max-height: 86px; }

}

(function($){ $(document).ready(function(){ var imageSlider = $('#lightbox-block_61bc08ad8c537 .image-slider'); var navSlider = $('#lightbox-block_61bc08ad8c537 .nav-slider') ; var msgRead = 0;

// Image Slider

$('#lightbox-block_61bc08ad8c537').find('.image-slider:not(.slick-initialized)').slick({ fade: true, // arrows: , arrows: false, prevArrow: ' ', nextArrow: ' ', dots: false, infinite: true, autoplay: false, autoplaySpeed: 3000, adaptiveHeight: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, draggable: false, // asNavFor: '' ,

responsive: [ { breakpoint: 640, settings: { draggable: true, dots: false, arrows: true, } } ] }); // Nav Slider // $('#').find('.nav-slider:not(.slick-initialized)').slick({ // arrows: true, // dots: false, // infinite: true, // speed: 500, // prevArrow: ' ', // nextArrow: ' ', // slidesToShow: 7, // useHistoryApi: true, // focusOnSelect: true, // draggable: true, // centerMode: true, // asNavFor: imageSlider, // responsive: [ // { // breakpoint: 640, // settings: { // draggable: true, // arrows: true, // slidesToScroll: 4, // } // } // ] // }); // $('#').find('.nav-slider.slick-initialized').slick('slickSetOption', 'slidesToScroll', 4, true);

// Lightbox $('#lightbox-block_61bc08ad8c537').find('.image-slider.slick-initialized').slickLightbox({ itemSelector: '.slick-slide a', lazy: true, slick: { fade: true, speed: 300, asNavFor: imageSlider, prevArrow: ' ', nextArrow: ' ', responsive: [ { breakpoint: 640, settings: { draggable: true, arrows: false, } } ] }, imageMaxHeight: 0.89, caption: function(element, info) { if ($(element).find('img').data('caption') != undefined) { return $(element).find('img').data('caption'); } else { return ''; } } , captionPosition: 'dynamic', fade: true, }).on({ 'show.slickLightbox': function() { counterGen(); toggleBodyScroll(); }, 'hide.slickLightbox': function() { console.log('exit'); toggleBodyScroll(); } }) // Start slideshow with second button $('#lightbox-block_61bc08ad8c537 .viewbutton.outer').on('click', function(e) { // console.log($('# .image-slider .slick-active a')); e.preventDefault(); $('#lightbox-block_61bc08ad8c537 .image-slider .slick-active a').click(); });

// Refresh current slide position imageSlider.on('afterChange', function() { hideMsg(); $('.galposition').text(refreshGalPos()); })

function toggleBodyScroll() { if (!$('body').hasClass('noscroll')) { $('body').addClass('noscroll'); } else { $('body').removeClass('noscroll');

} }

// Display current slide position function refreshGalPos() { var galcurrent = $('#lightbox-block_61bc08ad8c537 .image-slider .slick-active').data('pos'); return galcurrent; }

// Display swipe message on first visit to lightbox function createMsg() { var msg = 'Swipe left or right'; var msgDiv = document.createElement('div'); var msgSpan = document.createElement('span'); msgDiv.classList.add('lightbox-msg'); msgSpan.append(msg); msgDiv.append(msgSpan); document.querySelector('.slick-lightbox-slick.slick-initialized').append(msgDiv); }

function hideMsg() { $('.slick-lightbox-slick.slick-initialized .lightbox-msg').addClass('hiding'); }

// Generate counter in slideshow function counterGen () { var counterDiv = document.createElement('div'); var counterPos = document.createElement('span'); var counterTotal = $('#lightbox-block_61bc08ad8c537 .image-slider').data('total'); counterPos.classList.add('galposition'); counterDiv.classList.add('counter'); counterPos.append(refreshGalPos()); counterDiv.append(counterPos, '/' + counterTotal); document.querySelector('.slick-lightbox-slick.slick-initialized').append(counterDiv); }

}); })(jQuery);

Swipe to see all images

The celebration is a culmination of months of hard work leading up to this year’s summer party. From our outstanding anniversary covers and digital covers in the past 12 months to diving straight into the metaverse, #legend has become a spearhead in the industry by embracing digital activations in the publishing field.

The #legend100

START SLIDESHOW

.lightbox-msg { padding: 10px 10px; transition: opacity 0.5s ease-in-out; position: absolute; font-size: 25px; line-height: 0.5; top: 33px; right: 0; left: 0; z-index: 10; color: #fff; font-style: italic; opacity: 1; } .lightbox-msg.hiding { opacity: 0; } @keyframes fadeout { 100% { opacity: 1 } 0% { opacity: 0 } } body.noscroll { overflow: hidden; } .intro-container { margin-top: 0.5em; } .intro-container .intro { } .lightbox { margin-bottom: 50px; } .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { margin-bottom: 16px!important;

} .image-slider-container { position: relative; }

.lightbox-overlay { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,.8); -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .lightbox-overlay-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .image-slider-container .slick-slider .slick-slide { position: relative; text-align: center; overflow: hidden; }

.image-slider-container .slick-slider .slick-slide, .image-slider-container .slick-slide img { max-height: 650px; max-width: 95%; }

.image-slider-container .slick-slider .slick-slide:before { opacity: 0; } .slick-slider .slick-slide img{ margin-left: auto; margin-right: auto; } .viewbutton { padding: 10px 10px; text-align:center; position: absolute; top: 0; right: 0; margin-right: 0; cursor: pointer; color:#fff; width: 70px; } .viewbutton.outer { width: auto; } .slick-slide .viewbutton img { max-width: 50px; } .cap_viewbutton { margin-top: 1em; position: relative; width: 100%; height: 50px; display: flex; justify-content: center; } .cap_viewbutton .viewbutton { background-color: rgba(47,47,47,1); display: block; left: unset; right: unset; margin-left: auto; margin-right: auto; }

.image-slider-container .viewbutton span:nth-child(3){ padding-left: 5px; } .image-slider-container .viewbutton:before:hover { content: 'View in Slideshow'; color: #fff; opacity: 1; } , .image-slider-container .viewbutton span { color: #fff; font-size: 16px; letter-spacing: 2px; width: 100%; text-align:center; }

.image-slider-container .image-slider .caption { margin-top: 1em; } .image-slider-container .image-slider .slick-prev { left: 0; } .image-slider-container .image-slider .slick-next { right: 0; } .image-slider-container .image-slider .arrow-container .slick-prev:before { left: 0; } .image-slider-container .image-slider .slick-next:after { right: 0; } .image-slider-container .slick-prev { width: 35px; height: 38px; } .image-slider-container .slick-next { width: 30px; height: 38px; }

.image-slider-container .image-slider .slick-next:before , .image-slider-container .image-slider .slick-next:before, .image-slider-container .image-slider .slick-prev:before , .image-slider-container .image-slider .slick-prev:before { font-size: 40px; } .nav-slider .slick-slide { overflow:hidden; margin-top: 10px; margin-left: 2px; margin-right: 2px; } .nav-slider .slick-slide, .nav-slider .slick-slide img { max-height: 60px; } .nav-slider .slick-next, .nav-slider .slick-prev { width: 20px; height: 38px; color: #000; } .nav-slider .arrow-container { top: 32%; height: 40px; width: 40px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { max-width: unset; margin-top: -55px; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { max-width: 95%; } .slick-lightbox-slick .arrow-container.prev { left: 0; } .slick-lightbox-slick .arrow-container.next { right: 0; } .arrow-container.flickity-button-icon { fill: #fff!important; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .slick-prev { height: 100%; width: 80px; } .slick-lightbox-slick .arrow-container path, .slick-lightbox-slick .arrow-container path { color:#fff; } .slick-lightbox-slick .slick-lightbox-slick-caption { max-width: unset; display: inline-block; overflow-y: auto; max-height: 69px; margin-top: 0; padding: 0 20px; font-size: 16px; } .slick-lightbox-slick svg.arrow-container { color:#fff; } .slick-lightbox-close { padding: 5px; width: 50px!important; height: 55px!important; z-index: 10; right: 25px!important; top: 15px; line-height: 0.5; } .counter { padding: 5px; z-index: 10; right: 86px!important; top: 33px; line-height: 0.5; position: absolute; color: #fff; font-size: 25px; }

.slick-lightbox-close:before { line-height: 0.5!important; font-size: 50px!important; }

.arrow-container { cursor: pointer; position: absolute; height: 45px; width: 80px; z-index: 1; top: 0; top: 45%; } .slick-next:hover, .slick-prev:hover { opacity: 1!important; } .arrow-container.next, .arrow-container.prev { transition: background-color 0.5s ease; } .arrow-container.next:hover { opacity: 0.8; } .arrow-container.prev:hover { opacity: 0.8; } .arrow-container.next { right: -60px; transition: all 0.25s ease;

} .arrow-container.prev { left: -60px; transition: all 0.25s ease;

} .image-slider-container .arrow-container { width: 55px; height: 55px; }

.arrow-container.next, .arrow-container.prev { transition: all 0.25s ease; } .arrow-container.next:hover path, .arrow-container.prev:hover path { opacity: 0.8; }

@media only screen and (max-width: 640px){

.slick-slider .slick-slide { max-height: 70vh; } .slide-slide img { max-height: 70vh; } .slick-lightbox-slick .slick-lightbox-slick-item { max-height: unset; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner { margin-top: 20%; } .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img { height: auto; margin-top: 0px; margin-bottom: 10px!important;

max-height: 75vh!important; }

.slick-lightbox .slick-lightbox-slick .slick-next { right: 8px; } .slick-lightbox .slick-lightbox-slick .slick-prev { left: 8px; } .slick-lightbox-slick .slick-next, .slick-lightbox-slick .image-slider .slick-prev { color:#fff; width: 20px; } .slick-lightbox-slick .slick-lightbox-slick-caption { font-size: 14px; max-height: 86px; }

}

(function($){ $(document).ready(function(){ var imageSlider = $('#lightbox-block_62c256cf62b1f .image-slider'); var navSlider = $('#lightbox-block_62c256cf62b1f .nav-slider') ; var msgRead = 0;

// Image Slider

$('#lightbox-block_62c256cf62b1f').find('.image-slider:not(.slick-initialized)').slick({ fade: true, // arrows: , arrows: false, prevArrow: ' ', nextArrow: ' ', dots: false, infinite: true, autoplay: false, autoplaySpeed: 3000, adaptiveHeight: true, speed: 500, slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, draggable: false, // asNavFor: '' ,

responsive: [ { breakpoint: 640, settings: { draggable: true, dots: false, arrows: true, } } ] }); // Nav Slider // $('#').find('.nav-slider:not(.slick-initialized)').slick({ // arrows: true, // dots: false, // infinite: true, // speed: 500, // prevArrow: ' ', // nextArrow: ' ', // slidesToShow: 7, // useHistoryApi: true, // focusOnSelect: true, // draggable: true, // centerMode: true, // asNavFor: imageSlider, // responsive: [ // { // breakpoint: 640, // settings: { // draggable: true, // arrows: true, // slidesToScroll: 4, // } // } // ] // }); // $('#').find('.nav-slider.slick-initialized').slick('slickSetOption', 'slidesToScroll', 4, true);

// Lightbox $('#lightbox-block_62c256cf62b1f').find('.image-slider.slick-initialized').slickLightbox({ itemSelector: '.slick-slide a', lazy: true, slick: { fade: true, speed: 300, asNavFor: imageSlider, prevArrow: ' ', nextArrow: ' ', responsive: [ { breakpoint: 640, settings: { draggable: true, arrows: false, } } ] }, imageMaxHeight: 0.89, caption: function(element, info) { if ($(element).find('img').data('caption') != undefined) { return $(element).find('img').data('caption'); } else { return ''; } } , captionPosition: 'dynamic', fade: true, }).on({ 'show.slickLightbox': function() { counterGen(); toggleBodyScroll(); }, 'hide.slickLightbox': function() { console.log('exit'); toggleBodyScroll(); } }) // Start slideshow with second button $('#lightbox-block_62c256cf62b1f .viewbutton.outer').on('click', function(e) { // console.log($('# .image-slider .slick-active a')); e.preventDefault(); $('#lightbox-block_62c256cf62b1f .image-slider .slick-active a').click(); });

// Refresh current slide position imageSlider.on('afterChange', function() { hideMsg(); $('.galposition').text(refreshGalPos()); })

function toggleBodyScroll() { if (!$('body').hasClass('noscroll')) { $('body').addClass('noscroll'); } else { $('body').removeClass('noscroll');

} }

// Display current slide position function refreshGalPos() { var galcurrent = $('#lightbox-block_62c256cf62b1f .image-slider .slick-active').data('pos'); return galcurrent; }

// Display swipe message on first visit to lightbox function createMsg() { var msg = 'Swipe left or right'; var msgDiv = document.createElement('div'); var msgSpan = document.createElement('span'); msgDiv.classList.add('lightbox-msg'); msgSpan.append(msg); msgDiv.append(msgSpan); document.querySelector('.slick-lightbox-slick.slick-initialized').append(msgDiv); }

function hideMsg() { $('.slick-lightbox-slick.slick-initialized .lightbox-msg').addClass('hiding'); }

// Generate counter in slideshow function counterGen () { var counterDiv = document.createElement('div'); var counterPos = document.createElement('span'); var counterTotal = $('#lightbox-block_62c256cf62b1f .image-slider').data('total'); counterPos.classList.add('galposition'); counterDiv.classList.add('counter'); counterPos.append(refreshGalPos()); counterDiv.append(counterPos, '/' + counterTotal); document.querySelector('.slick-lightbox-slick.slick-initialized').append(counterDiv); }

}); })(jQuery);

Swipe to see all images

The 2021 edition of our annual #legend100 list was officially released in August of last year. On Tuesday, most of our #legend100 influencers and brand partners made their appearances to enjoy the big day.

START SLIDESHOW

.lightbox-msg {
padding: 10px 10px;
transition: opacity 0.5s ease-in-out;
position: absolute;
font-size: 25px;
line-height: 0.5;
top: 33px;
right: 0;
left: 0;
z-index: 10;
color: #fff;
font-style: italic;
opacity: 1;
}
.lightbox-msg.hiding {
opacity: 0;
}
@keyframes fadeout {
100% { opacity: 1 }
0% { opacity: 0 }
}
body.noscroll {
overflow: hidden;
}
.intro-container {
margin-top: 0.5em;
}
.intro-container .intro {
}
.lightbox {
margin-bottom: 50px;
}
.slick-lightbox-slick-item-inner .slick-lightbox-slick-img {
margin-bottom: 16px!important;

}
.image-slider-container {
position: relative;
}

.lightbox-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: rgba(0,0,0,.8);
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.lightbox-overlay-inner {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image-slider-container .slick-slider .slick-slide {
position: relative;
text-align: center;
overflow: hidden;
}

.image-slider-container .slick-slider .slick-slide, .image-slider-container .slick-slide img {
max-height: 650px;
max-width: 95%;
}

.image-slider-container .slick-slider .slick-slide:before {
opacity: 0;
}
.slick-slider .slick-slide img{
margin-left: auto;
margin-right: auto;
}
.viewbutton {
padding: 10px 10px;
text-align:center;
position: absolute;
top: 0;
right: 0;
margin-right: 0;
cursor: pointer;
color:#fff;
width: 70px;
}
.viewbutton.outer {
width: auto;
}
.slick-slide .viewbutton img {
max-width: 50px;
}
.cap_viewbutton {
margin-top: 1em;
position: relative;
width: 100%;
height: 50px;
display: flex;
justify-content: center;
}
.cap_viewbutton .viewbutton {
background-color: rgba(47,47,47,1);
display: block;
left: unset;
right: unset;
margin-left: auto;
margin-right: auto;
}

.image-slider-container .viewbutton span:nth-child(3){
padding-left: 5px;
}
.image-slider-container .viewbutton:before:hover {
content: 'View in Slideshow';
color: #fff;
opacity: 1;
}
, .image-slider-container .viewbutton span {
color: #fff;
font-size: 16px;
letter-spacing: 2px;
width: 100%;
text-align:center;
}

.image-slider-container .image-slider .caption {
margin-top: 1em;
}
.image-slider-container .image-slider .slick-prev {
left: 0;
}
.image-slider-container .image-slider .slick-next {
right: 0;
}
.image-slider-container .image-slider .arrow-container .slick-prev:before {
left: 0;
}
.image-slider-container .image-slider .slick-next:after {
right: 0;
}
.image-slider-container .slick-prev {
width: 35px;
height: 38px;
}
.image-slider-container .slick-next {
width: 30px;
height: 38px;
}

.image-slider-container .image-slider .slick-next:before , .image-slider-container .image-slider .slick-next:before, .image-slider-container .image-slider .slick-prev:before , .image-slider-container .image-slider .slick-prev:before {
font-size: 40px;
}
.nav-slider .slick-slide {
overflow:hidden;
margin-top: 10px;
margin-left: 2px;
margin-right: 2px;
}
.nav-slider .slick-slide, .nav-slider .slick-slide img {
max-height: 60px;
}
.nav-slider .slick-next, .nav-slider .slick-prev {
width: 20px;
height: 38px;
color: #000;
}
.nav-slider .arrow-container {
top: 32%;
height: 40px;
width: 40px;
}
.slick-lightbox-slick-item .slick-lightbox-slick-item-inner {
max-width: unset;
margin-top: -55px;
}
.slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img {
max-width: 95%;
}
.slick-lightbox-slick .arrow-container.prev {
left: 0;
}
.slick-lightbox-slick .arrow-container.next {
right: 0;
}
.arrow-container.flickity-button-icon {
fill: #fff!important;
}
.slick-lightbox-slick .slick-next, .slick-lightbox-slick .slick-prev {
height: 100%;
width: 80px;
}
.slick-lightbox-slick .arrow-container path, .slick-lightbox-slick .arrow-container path {
color:#fff;
}
.slick-lightbox-slick .slick-lightbox-slick-caption {
max-width: unset;
display: inline-block;
overflow-y: auto;
max-height: 69px;
margin-top: 0;
padding: 0 20px;
font-size: 16px;
}
.slick-lightbox-slick svg.arrow-container {
color:#fff;
}
.slick-lightbox-close {
padding: 5px;
width: 50px!important;
height: 55px!important;
z-index: 10;
right: 25px!important;
top: 15px;
line-height: 0.5;
}
.counter {
padding: 5px;
z-index: 10;
right: 86px!important;
top: 33px;
line-height: 0.5;
position: absolute;
color: #fff;
font-size: 25px;
}

.slick-lightbox-close:before {
line-height: 0.5!important;
font-size: 50px!important;
}

.arrow-container {
cursor: pointer;
position: absolute;
height: 45px;
width: 80px;
z-index: 1;
top: 0;
top: 45%;
}
.slick-next:hover, .slick-prev:hover {
opacity: 1!important;
}
.arrow-container.next, .arrow-container.prev {
transition: background-color 0.5s ease;
}
.arrow-container.next:hover {
opacity: 0.8;
}
.arrow-container.prev:hover {
opacity: 0.8;
}
.arrow-container.next {
right: -60px;
transition: all 0.25s ease;

}
.arrow-container.prev {
left: -60px;
transition: all 0.25s ease;

}
.image-slider-container .arrow-container {
width: 55px;
height: 55px;
}

.arrow-container.next, .arrow-container.prev {
transition: all 0.25s ease;
}
.arrow-container.next:hover path, .arrow-container.prev:hover path {
opacity: 0.8;
}

@media only screen and (max-width: 640px){

.slick-slider .slick-slide {
max-height: 70vh;
}
.slide-

<

More Stories

Who is the mysterious male lead in Jennie’s MV? Meet Taiwan’s rising star, Nah Kai

Who is the mysterious male lead in Jennie’s MV? Meet Taiwan’s rising star, Nah Kai

By Aimee YanJul 22, 2026
NewJeans at four: Revisiting their defining eras as a new chapter begins

NewJeans at four: Revisiting their defining eras as a new chapter begins

By Tom KaoJul 22, 2026
What makes Nam Joo-hyuk’s "The East Palace" Netflix’s latest must-watch K-drama

What makes Nam Joo-hyuk’s "The East Palace" Netflix’s latest must-watch K-drama

By Tom KaoJul 21, 2026
7 sun-soaked romance films to add to your summer watchlist

7 sun-soaked romance films to add to your summer watchlist

By Tom KaoJul 20, 2026