/*
--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# 
# Quick view modal
 
*/

@media (min-width: 992px) {
    #QuickViewModal .modal-lg {
        max-width: 900px;
   }
}
#QuickViewModal .modal-content {
    position: relative;
    border-radius: 0;
}
#QuickViewModal .modal-content .modal-header {
    position: fixed;
    top: 15px;
    right: 15px;
    border-bottom: none;
    padding: 0;
    z-index: 999999;
    outline: none;
}
#QuickViewModal .modal-content .modal-header .close {
    margin: 0;
    outline: none;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}
#QuickViewModal .modal-content .modal-header .close span {
    color: #FFF;
    outline: none;
    font-size: 50px;
}
#QuickViewModal .woocommerce-product-details__short-description {
    border-bottom: 0;
}
#QuickViewModal .woocommerce-review-link {
    pointer-events: none;
}
.list-products li .wrap-product__thumbnail .ButtonAction a,.list-products li .wrap-product__thumbnail .ButtonAction span {
    min-width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
    padding: 3px !important;
    cursor: pointer;
    color: #FFF !important;
    background: #337ab7 !important;
    margin: 0 5px !important;
}
.list-products li .wrap-product__thumbnail .ButtonAction {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}
.list-products li .wrap-product__thumbnail #openQuickView,
.list-products li .wrap-product__thumbnail .view-detail {
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
}
.list-products li .wrap-product__thumbnail #openQuickView {
    transition: 0.35s ease-in-out !important;
}
.list-products li .wrap-product__thumbnail .view-detail {
    transition: 0.5s ease-in-out !important;
}
.quantity_text {
    margin-right: 30px;
}
.list-products li.open .wrap-product__thumbnail #openQuickView,
.list-products li.open .wrap-product__thumbnail .view-detail {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);   
}
.list-products li:hover .wrap-product__thumbnail #openQuickView,
.list-products li:hover .wrap-product__thumbnail .view-detail {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.list-products li .wrap-product__thumbnail .ButtonAction a:hover,.list-products li .wrap-product__thumbnail .ButtonAction span:hover {
    background-color: #000 !important;
}
#QuickViewModal .quantity .plus {
    top: 0;
    right: 15px;
    border-left: none;
    z-index: 99999;
    border: 1px solid #d3d3d3;
}
/* WooCommerce Css */
/* Gallery Vertical */
.slick-prev:before {
    transition: 0.3s ease-in-out;
}
.slick-next:before {
    transition: 0.3s ease-in-out;
}
a.unidev-popup {
    transition: 0.3s ease-in-out;
    bottom: 10px;
    font-size: 20px;
    padding: 10px;
    width: 40px;
    text-align: center;
    position: absolute;
    right: 10px;
    z-index: 9;
    color: #444;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 0 5px rgba(0, 0, 0, .08);
    color: rgba(0, 0, 0, .7);
    border-radius: 50%;
}
a.unidev-popup:hover {
    opacity: 1;
    color: #444;
}
.unidev-slider-nav img {
    cursor: pointer;
    opacity: 0.9;
}
.unidev-slider-nav img:hover {
    opacity: 1;
}
.unidev-slider-nav .slick-current img {
    opacity: 1;
}
.unidev-slider-for .zoom img:first-child {
    display: none !important;
}
.unidev-slider-for .zoomImg {
    cursor: default;
}
.unidev-slider-for .slick-slide {
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
}
.admin-bar .fancybox-container {
    z-index: 999999;
}
.single-product.woocommerce span.onsale {
    z-index: 9;
}
.unidev-slider-for.slick-slider {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px;
}
.gallery-horizontal .unidev-slider-for.slick-slider {
    margin-bottom: 20px;
}
.gallery-horizontal #unidev-gallery:hover .slick-prev {
    left: 10px;
}
.gallery-horizontal #unidev-gallery:hover .slick-next {
    right: 14px;
}
#unidev-gallery.slick-slider {
    margin-left: -10px !important;
    margin-right: -10px !important;
}
#unidev-gallery .slick-slide {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#unidev-gallery .slick-slide img {
    border: 1px solid #ddd;
    opacity: 0.5;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity 0.6s;
}
#unidev-gallery .slick-slide:hover img {
    border-color: rgba(0, 0, 0, 0.3);
    opacity: 1;
}
#unidev-gallery .slick-slide.slick-current img {
    border-color: rgba(0, 0, 0, 0.3);
    opacity: 1;
}
#unidev-gallery .slick-arrow {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out;
    width: 20px !important;
    height: 20px !important;
    background: transparent !important;
    border-radius: 0 !important;
}
#unidev-gallery .slick-arrow:before {
    color: #337ab7 !important;
}
#unidev-gallery:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}
.gallery-vertical {
    clear: both;
}
.gallery-vertical .unidev-slider-for {
    float: right;
    width: calc(100% - 20% - 10px);
}
.gallery-vertical #unidev-gallery {
    float: left;
    width: 20%;
    margin-left: 0;
    margin-right: 0;
}
.gallery-vertical #unidev-gallery .slick-slide {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.gallery-vertical #unidev-gallery:hover .slick-prev {
    top: 10px;
}
.gallery-vertical #unidev-gallery:hover .slick-next {
    bottom: 10px;
}
.gallery-vertical #unidev-gallery.slick-slider .slick-prev {
    left: 50%;
    right: 50%;
    top: 0;
    transform: translate(-50%, 0);
}
.gallery-vertical #unidev-gallery.slick-slider .slick-next {
    left: 50%;
    right: 50%;
    bottom: 0;
    top: initial;
    transform: translate(-50%, -50%);
}
.gallery-vertical #unidev-gallery.slick-slider .slick-prev:before {
    content: "\f077";
}
.gallery-vertical #unidev-gallery.slick-slider .slick-next:before {
    content: "\f078";
}
@media (max-width: 991.98px) {
    #QuickViewModal .quantity .plus {
        right: 0;
    }
}
@media (max-width: 767.98px) {
    #QuickViewModal .modal-content {
        height: 85vh;
        overflow: auto;
        margin-top: 50px;
    }
    #QuickViewModal .modal-content::-webkit-scrollbar {
        display: none;
    }
    #QuickViewModal .modal-content .modal-header {
        top: 5px;
        right: 5px;
    }
}