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



.eyc-carousel-links
{
    display: flex;
    align-items: center;
    outline: none;
    padding: 50px 0;
    flex-direction: column;
}

.eyc-carousel-links > .title
{
    text-align: center;
    margin-bottom: 60px;
}

.eyc-carousel-links .slider-container
{
    flex-grow: 1;
    width: 100%;
    position: relative;
}



.eyc-carousel-links .slider .img
{
    max-width: 150px;
    text-align: center;
    display: block !important;
    margin: auto;
    cursor: pointer;
}

.eyc-carousel-links .slider .img img
{
    width: 60%;
    height: auto;
}

.eyc-carousel-links .slider .img .title
{
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 9px;
    display: block;
}

.eyc-carousel-links .slider-container .prev1,
.eyc-carousel-links .slider-container .next1
{
    position: absolute;
    top: 30%;
    cursor: pointer;
    transition: .2s all ease-in-out;
    z-index: 1;
    height: auto;
}


.eyc-carousel-links .slider-container .prev1
{
    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);
}


.eyc-carousel-links .slider-container .next1
{
    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;
}

.eyc-carousel-links .slider-container .prev1:hover,
.eyc-carousel-links .slider-container .next1:hover
{
    color: #333333e3;
}