Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/app/design/frontend/Cnc/default/web/scss/common/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// SLIDESHOW
// ==============================================

//
//  Common
//  _____________________________________________

// Flex override
.slick-track {
    display: flex;

    .slick-slide {
        display: flex !important;
        height: auto;
        float: none;

        // Fix Slide Item Content Width
        & > div {
            width: 100%;
        }

        // Image
        img {
            margin: 0 auto;
        }
    }
}

.slick-list {
    padding: 20px 0 90px;
    width: 100%;

    @include breakpoint(md) {
        padding: 20px 0;
    }
}


/* Navigation arrows */

.slick-slider {
    @include breakpoint(md) {
        padding: 0 60px;
    }
}

.slick-prev,
.slick-next {
    @include icon-icomoon;
    position: absolute;
    bottom: 20px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 0;
    line-height: 1;
    color: $c-blue-dark;
    background: transparent;
    transform: translateY(-50%);
    z-index: 1;


    @include breakpoint(md) {
        bottom: auto;
        top: 50%;

        &:hover {
            transform: scale(1.1);
        }
    }


    &:hover,
    &:focus {
        &::before {
            opacity: 1;
        }
    }

    &.slick-disabled,
    &.slick-disabled {
        &::before {
            opacity: .25;
        }
    }

    // Arrows
    &::before {
        font-size: 2.8rem;
        display: inline-block;

        @include breakpoint(md) {
            font-size: 3rem;
        }
    }
}

.slick-prev {
    left: 48%;
    transform: translateX(-100%);

    @include breakpoint(md) {
        left: 0;
        transform: translateX(0);
    }

    &::before {
        content: "\e914";
        transform: rotate(180deg);
    }
}

.slick-next {
    right: 48%;
    transform: translateX(100%);

    @include breakpoint(md) {
        right: 0;
        transform: translateX(0);
    }

    &::before {
        content: "\e914";
    }
}

// Hide Elements Before Slick Initialization

*[data-slideshow] * {
    opacity: 0;
    transition: opacity .3s linear;
}
.slick-slider[data-slideshow] * {
    opacity: 1;
}

@include breakpoint(only-md) {
    *[data-slideshow-mobile] *,
    *[data-slideshow-mobile-custom] * {
        opacity: 0;
        transition: opacity .3s linear;
    }
    .slick-slider[data-slideshow-mobile] *,
    .slick-slider[data-slideshow-mobile-custom] *  {
        opacity: 1;
    }
}