/**
 * 2018 - 2022 Enjoycreativ
 * module eyc_associated
 *
 * @author    Enjoycreativ <contact@enjoycreativ.com>
 * @copyright 2018 - 2022 Enjoycreativ
 * @license   commercial
 * @version   1.0.0
 */

 .products-associated{
 position: relative;
 /* overflow: hidden; */
 flex-wrap: nowrap;
 padding: 0 0 40px;
 margin-top: 100px;
}



.products-associated .products-associated-list
{
    display: flex;
    flex-wrap: wrap;
}

.products-associated .container
{
    padding: 0;
}

.products-associated .product
{
    position: relative;
}


.products-associated h2, .featured-products h2
{   text-transform: uppercase;
    color: #1a7d91;
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 900;
}



.slick-slider .slick-track, .slick-slider .slick-list
{
    width: 100%;
    margin: 0;
}



.products-associated .container
{
    position: relative;
}
.products-associated .container .prev,
.products-associated .container .next
{
    position: absolute;
    top: 30%;
    cursor: pointer;
    transition: .2s all ease-in-out;
    z-index: 1;
    height: auto;
}


.products-associated .container .prev
{
    left: -5%;
    padding: 5px 2px 5px 12px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 320 512'%3E%3Cpath fill='%231c7d91' d='M299.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-192 192c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L265.4 256 84.7 75.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l192 192z'/%3E%3C/svg%3E");  display: block;
    transform: rotate(180deg);

}

 .container .next
{
    right: -5%;
    padding: 5px 6px 5px 7px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 320 512'%3E%3Cpath fill='%231c7d91' d='M299.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-192 192c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L265.4 256 84.7 75.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l192 192z'/%3E%3C/svg%3E");  display: block;
}


.products-associated .product-miniature .thumbnail-container
{
    background: transparent;
    margin: 0px 6px;
}

.products-associated .product-miniature .product-description
{
    background: transparent;
}


.slick-dots li button:before{    background: #1c7d91; width: 8px; height: 8px;}

.slick-dots li.slick-active button:before {width: 16px; border-radius: 5px;}