/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 18 2026 | 09:02:15 */
html:has(.single-work){
	margin-top: 0!important
}


.single-work{
	--active-offset: 50%;
	--miniature-width: calc(100vw / 12);
	--highlighted-width: calc(100vw * 2 / 3);
}

/*
.miniatures .swiper-slide-active{
	transform: translate(var(--active-offset));
}

.miniatures .swiper-slide:where(.swiper-slide-prev, .swiper-slide-next){
	transform: translate(calc(var(--active-offset) / 1.7));
}
*/

.miniatures .swiper-slide{
	transition-duration: none;
}
.single-work .highlighted-element .swiper-wrapper, 
.single-work .highlighted-element .swiper-wrapper .swiper-slide{
	transition-duration: 1ms!important;
}

.single-work .highlighted-element .swiper-wrapper img{
	object-fit: contain;
	object-position: 50% 50%;
	width:100%;
	height: 100%;
}


.single-work .highlighted-element .wp-block-greenshift-blocks-swipe{
	height: 100%
}


.single-work, .single-work *{
	transition: unset;
}