/*! 
 *   Unlock Commerce
 *   Snippet Type: Backbone
 *   Snippet Name: Products
 *   Author: Shashank Agarwal
 */


/* +++++++++++++++++++++++++++++ Products +++++++++++++++++++++++++++++ */


/*
    Product
*/

.product-box a:hover {
    text-decoration: none;
}

@media (max-width: 500px) {
    .product-box-wrapper .col-xs-6 {
        width: 100%;
    }
}

/*@media (min-width: 501px) and (max-width: 991px) {
    [id*="divProdListWrapper"] > .row:not(.pagination-result), [id*="divProdListWrapper"] .product-box-wrapper {
        display: inline;
    }

        [id*="divProdListWrapper"] > .row:not(.pagination-result):before, [id*="divProdListWrapper"] > .row:not(.pagination-result):after {
            display: none;
        }

    .product-box-wrapper .col-xs-12 {
        width: 50%;
    }
}*/

@media (min-width: 992px) {
    .product-box-wrapper:after {
        content: '';
        display: block;
        clear: both;
    }
}

.tags-section span {
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 1.7s;
    animation: 1.7s blinker infinite cubic-bezier(.5, 0, 1, 1);
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

@keyframes blinker {
    from {
        opacity: 1.0;
    }

    to {
        opacity: 0.0;
    }
}

.product-box-wrapper.grid .product-box {
    position: relative;
    border: 1px solid #e7e7e7;
    transition: .2s;
    -webkit-transition: .2s;
    margin-bottom: 30px;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

.product-box .product-image {
    text-align: center;
}

.product-box-wrapper .product-image .images {
    position: relative;
    padding-top: 75%;
    text-align: center;
    display: block;
}

.product-box .product-image img {
    max-height: 100% !important;
    position: absolute !important;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 100%;
}

.product-box .product-hover-details .quick-info {
    width: 100%;
    padding: 15px 0;
    position: absolute;
    top: 43%;
    left: 0;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.8);
}


/*Products Sold Out*/
.product-box .soldOutwrap {
    position: absolute;
    transform: rotate(-45deg) translate3d(0%, 0%, 0 );
    width: 100px;
    text-align: center;
    background: #fff;
    padding: 5px 0;
    z-index: 999;
    left: 0px;
    top: 70px;
    line-height: 22px;
    font-size: 14px;
    transform-origin: 0 0;
}

    .product-box .soldOutwrap:before,
    .product-box .soldOutwrap:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        border: 16px solid #fff;
    }

    .product-box .soldOutwrap:before {
        right: 100%;
        border-color: transparent #fff #fff transparent;
    }

    .product-box .soldOutwrap:after {
        left: 100%;
        border-color: transparent transparent #fff #fff;
    }

/* Product Info */

.product-info {
    text-align: center;
    position: relative;
}


    .product-info .ratings {
        display: block;
        position: relative;
    }


    .product-info .price-btn-wrap {
        margin: 5px 0;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

@media screen and (max-width:991px) {
    .product-info .price-btn-wrap {
        -webkit-justify-content: center;
        justify-content: center;
    }
}

.product-info .product-price, .product-info .product-btn {
    display: inline-block;
}

    .product-info .product-btn .btn {
        border-radius: 0;
    }

.product-info .btn.viewall {
    margin-top: 25px;
}

.product-price .new-price {
    font-size: 1.2rem;
}

.product-price .old-price {
    text-decoration: line-through;
}

/* Product Hover Info */

.product-hover-details {
    display: none;
}

.product-box:hover .product-hover-details {
    display: block;
}

.review-favourite-wrap {
    width: 100%;
    position: absolute;
    top: 4px;
    left: 0;
    padding: 0 5px;
    z-index: 1;
}

    .review-favourite-wrap .faviourite a .fa.fa-heart:before, .product-fav .faviourite a .fa.fa-heart:before {
        content: "\f08a";
    }

    .review-favourite-wrap .faviourite.active a .fa.fa-heart:before, .product-fav .faviourite.active a .fa.fa-heart:before, .review-favourite-wrap .faviourite a .fa:hover.fa-heart:before, .product-fav .faviourite a .fa:hover.fa-heart:before {
        content: "\f004";
        color: red;
    }

#divLoveItWrapper.active {
    cursor: default;
}
/*
    Favourite Listing as well as detail    
*/

.review-favourite-wrap .faviourite span.count,
.product-fav .faviourite span.count {
    margin-left: 3px;
    position: relative;
    top: -1px;
}

.review-favourite-wrap .tooltip.top {
    margin-top: -15px;
}

/* +++++++++++++++++++++++++++++ Products Grid View +++++++++++++++++++++++++++++ */


.product-box-wrapper.grid .product-image {
    /* height: 275px; */
    /* flex: 1 0 auto; */
}


.product-box-wrapper.grid .product-info {
    padding: 7px;
}

    .product-box-wrapper.grid .product-info .small-desc {
        display: none;
    }
/* +++++++++++++++++++++++++++++ Products List View +++++++++++++++++++++++++++++ */

.product-box-wrapper.list .product-info .price-btn-wrap {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .product-box-wrapper.list #divProdItemWrapper {
        width: 100%;
    }

    .product-box-wrapper.list .product-box {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

    .product-box-wrapper.list .product-image-wrapper,
    .product-box-wrapper.list .product-info {
        text-align: left;
    }

    .product-box-wrapper.list .product-image-wrapper {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .product-box-wrapper.list .product-info {
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
        border-top: 0;
    }

        .product-box-wrapper.list .product-info .product-title {
            margin-top: 0;
        }

        .product-box-wrapper.list .product-info .product-price,
        .product-box-wrapper.list .product-info .product-btn {
            display: block;
            text-align: left;
        }

    .product-box-wrapper.list .product-image .images {
        padding-top: 0;
    }

    .product-box-wrapper.list .product-box .product-image img {
        position: relative !important;
        left: 0;
        transform: translateX(0);
    }
}