/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License version 3.0
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 */

.caption {
    margin-top: 8px;
}
.text-center {
    text-align: center;
}
.full-width-100 {
    width: 100%;
}
.slick-prev, .slick-next {
    border-radius: 50%;
    background: #24b9d7;
    position: absolute;
    top: 45%;
    z-index: 9;
    border: none;
    transform: translate(0, -50%);
    cursor: pointer;
}
.slick-slider .slick-prev {
    left: 10px;
}
.slick-slider .slick-next {
    right: 10px;
}
.slick-slider .slick-next:before, .slick-slider .slick-prev:before {
    content: '' !important;
}
.slick-prev:hover, .slick-next:hover {
    background-color: #3c3a3a !important;
    border-color: #3c3a3a !important;
    color: #fff;
}

.ces-galleryslider {
    visibility: hidden;
    height: 233px !important;
    overflow: hidden;
}
.ces-galleryslider.slick-initialized {
    visibility: visible;
    height: auto !important;
}

.ces-galleryslider {
    visibility: hidden;
    height: 233px !important;
    overflow: hidden;
}
.ces-galleryslider.slick-initialized {
    visibility: visible;
    height: auto !important;
}
.ces-galleryslider:hover .slick-prev,
.ces-galleryslider:hover .slick-next {
  transition-delay: 0.15s;
}

/* Show arrows on hover (desktop only) */
@media (hover: hover) and (min-width: 992px) {
    .slick-prev, .slick-next {
        width: 50px;
        height: 50px;
    }
    /* Hide arrows by default */
    .ces-galleryslider .slick-prev,
    .ces-galleryslider .slick-next {
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease;
    }
  .ces-galleryslider:hover .slick-prev,
  .ces-galleryslider:hover .slick-next {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 991px) {
    .slick-prev, .slick-next {
        width: 40px;
        height: 40px;
    }
}