// Custom slick
.explore-slider {
    margin-bottom: 30px;
    .card-slide {
        margin-left: $gutter-width/2;
        margin-right: $gutter-width/2;
    }
    .slick-list {
        margin-left: -$gutter-width/2;
        margin-right: -$gutter-width/2;
    }
}


.card_grid {
    overflow:hidden;
} 


.card-slide { 
        display: flex;
 
        height: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    .card {
        display: flex;
        height: calc(100% - 10px);
        width: 100%;
        position: relative;

    }
    
}


.featured-article-wrapper {
    position:relative;
    .feature-article-slider-nav {
        position: absolute;
        left: $outer-padding;
        bottom: 20px;
        .control {
            border-color: #fff;
            font-size: 15px;
        }
        a {
            color: #fff;
        }

    }

    .slick-track
    {
        display: flex !important;
    }

    .slick-slide
    {
        height: inherit !important;
    }
    .featured-article-slide-inner {
        height: 100%;
    }

}

.featured-article-slide {
    display: flex;
    height: 100%;
}

.image-slider-nav {
        margin-bottom: 60px;
        .slick-disabled {
            opacity: .4;
        }
    color: $off-black;
    a {
        color: $off-black;
    }
}
@media screen and (max-width: $small-screen) {
    .image-slider-nav {
        margin-bottom: 30px;
        display: flex;
    }

    .explore-slider, .mobile-slider-cards, .news-slider {

        .slick-list {
            overflow: visible !important;

            // margin-left: $outer-padding;
            margin-right:$outer-padding;
        margin-left: 0px;

        }

        .card-slide {
            margin-left: $gutter-width/4;
            margin-right: $gutter-width/4;
        }
    }
    .news-slider {
    }

}
.explore-slider-nav {
    ul {
        margin: 0px auto 20px auto;
        display:flex;
        align-items: center;
        justify-content: space-between;
        li {
            display: block;
        }
    }
} 
.slick-disabled {
    opacity: 0;
}
.news-slider .slick-slide .card {
    display: flex !important
}

.slider-container.image {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.split-slider-nav {
    margin: 0px auto 60px auto;
    text-align:center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    button {
        display: block;
    }
}
.slick-arrow:focus, 
.slick-arrow:hover {
    appearance: none;
    outline: none;
    &.slick-prev {
            background-image:url(../../img/icons/arrow-left-active.svg);
    }
    &.slick-next {
            background-image:url(../../img/icons/arrow-right-active.svg);
    }
}

.split.slider-container {
    .slick-dots {
        padding:0px;
        margin: 0px;
        text-align: center;
        position: static;
        margin: 0 auto;
        margin-bottom: 0px;
        transform: none;
        position: relative;
        z-index: 2;
        left: 0;
        top: 0;

        li button:before {
            border-color: $primary-color;
        }
        li.slick-active button:before {
            background-color: $primary-color;

        }
    }

}

.split-slider-nav {
    position: relative;
    top: -2em;
}
    .slider-container {
        position: relative;
        margin-bottom: 30px;
        .slick-slide {
            margin-bottom: 40px;
        }
        .slick-arrow {
            transition: all .2s;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 2;
            color: transparent;
            background-color:transparent;
            @include containbg;
            width :20px;

        } 
        .slick-prev {
            left: -30px;
            background-image:url(../../img/icons/arrow-left.svg);
        }
        .slick-next {
            right: -30px;
            background-image:url(../../img/icons/arrow-right.svg);
        }
    }
.gotofirstslide, .gotolastslide {
    position:relative;
    z-index: 4;
}

@media screen and (min-width: $medium-screen-up) {
    .explore-slider {
        margin: 30px auto;
    }
.featured-article-wrapper {
    margin-bottom: 40px;
}
    .explore-slider-footer {
        position: relative;
        .explore-back-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
}