.images.nickx_product_images_with_video span.nickx-popup, .show_lightbox span.nickx-popup_trigger{
background-image: url(//forestrydoors.com/wp-content/plugins/product-video-gallery-slider-for-woocommerce/public/css/expand.svg);
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
position: absolute;
width: 30px;
}
.images.nickx_product_images_with_video span.nickx-popup{
bottom: 10px;
display: none;
padding: 15px 0;
right: 13px;
z-index: 10;
}
.show_lightbox span.nickx-popup_trigger {
display: block;
overflow: hidden;
padding-top: 25px;
z-index: 2;
}
div.overlay-div {
display: none;
}
.show_lightbox .nswiper-slide-active span.nickx-popup,
.tc_video_slide.nswiper-slide-active div.overlay-div{
display:block;
}
.nswiper {
width: 100%;
}
.nswiper.nickx-slider-for {
height: 80%;
}
.nswiper.nickx-slider-nav {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.nickx_product_images_with_video.v-left .nswiper.nickx-slider-nav,
.nickx_product_images_with_video.v-right .nswiper.nickx-slider-nav {
height: 80%;
width: 120px;
padding: 0;
max-height: 430px;
}
.nickx_product_images_with_video.v-left,
.nickx_product_images_with_video.v-right {
display: flex;
flex-direction: row-reverse;
gap: 10px;
}
.nickx_product_images_with_video.v-right {
flex-direction: row !important;
}
.nswiper.nickx-slider-nav .nswiper-slide{
max-height: 210px;
max-width: 210px;
}
.grid div#nickx-gallery .nswiper-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(102px, 0fr));
grid-gap: 5px;
}
.nswiper-slide {
align-items: center;
display: flex;
justify-content: center;
text-align: center;
user-select: none;
}
.nswiper-slide-active iframe{
display: block !important;
}
.nswiper-slide img, .nswiper-slide video, .nswiper-slide iframe {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.nickx-slider-nav .nswiper-slide {
opacity: 0.7;
}
.nickx-slider-nav .nswiper-slide-thumb-active,
.nickx-slider-nav .nickx-thumbnail:hover {
opacity: 1;
}
.video-thumbnail {
position: relative;
cursor: pointer;
}
.nswiper-button-next,
.nswiper-button-prev {
padding: 30px 20px;
z-index: 999 !important;
pointer-events: auto !important;
}
.nswiper-vertical .thumb_arrow {
top: unset;
transform: rotateZ(90deg);
}
.nswiper-vertical .nswiper-button-next.thumb_arrow {
bottom: -9px;
right: 0px;
position-area: bottom;
}
.nswiper-vertical .nswiper-button-prev.thumb_arrow {
position-area: top;
top: 15px;
left: 0;
}
.grid div#nickx-gallery .thumb_arrow {
display: none;
}
.thumb_arrow {
padding: 10px;
font-size: 10px;
}
.thumb_arrow:after{
font-size: 20px !important;
font-weight: bold;
}
.video-thumbnail .video_icon_img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
z-index: 1;
}
.nickx-slider-for {
position: relative;
}
.zoomContainer {
z-index: 1 !important;
}
.nickx-slider-for .zoomContainer {
top: 0 !important;
left: 0 !important;
}
.admin-bar .fancybox-container {
z-index: 999999;
}
.single-product.woocommerce span.onsale{
z-index:9;
}
.main_arrow, .thumb_arrow {
opacity: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.nickx-slider-for:hover .main_arrow, .nickx-slider-nav:hover .thumb_arrow {
opacity: 1;
}
.nickx_product_images_with_video:not(:has(.nswiper.nickx-slider-nav .nswiper-slide:nth-child(2))) .thumb_arrow,
.nickx_product_images_with_video:not(:has(.nswiper.nickx-slider-nav .nswiper-slide:nth-child(2))) .main_arrow{
display: none;
}
.images.nickx_product_images_with_video {
max-width: 650px;
}
.images.nickx_product_images_with_video .fluid-width-video-wrapper {
padding-top: 100% !important;
}
@media (max-width:767px){
.nickx_product_images_with_video.yes.v-left,
.nickx_product_images_with_video.yes.v-right{
flex-direction: column;
}
.nickx_product_images_with_video.yes.v-left .nswiper.nickx-slider-nav,
.nickx_product_images_with_video.yes.v-right .nswiper.nickx-slider-nav{
width: 100%;
height: 20%;
padding: 10px 0;
}
}