/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin: 15px 0 0 0;
}

.slick-list
{
    position: relative;
	z-index: 1;
    display: block;
    overflow: hidden;

    margin: 0 -30px;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: flex;   
}

.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    min-height: 1px;
    margin: 0!important;
    padding: 0 30px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;

}
.slick-arrow.slick-hidden {
    display: none;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -40px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    display: block;
    width: 10px;
    height: 10px;
	padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
	border-radius: 50%;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}

.slick-dots li.slick-active button{ background: #0099A8 }
.slick-dots li button{ border: 1px solid #0099A8; }

.slick-arrow{ position: absolute; width: 40px; height: 40px; top: 92px; overflow: hidden; text-indent: 9999px; cursor: pointer; padding: 0; z-index: 3; }
.slick-prev{ background: url(next.svg); border: none; left: -20px; background-size: contain; transform: rotate(180deg); }
.slick-next{ background: url(next.svg); border: none; right: -20px; background-size: contain; }

.slick-prev:not(.slick-disabled):hover{ background: url(next-black.svg);  }
.slick-next:not(.slick-disabled):hover{ background: url(next-black.svg); }

.slick-arrow.slick-disabled{ opacity: 0.5; cursor: default; }


section.related.articles div.item{ padding-bottom: 45px;  }
section.related.articles div.item a.button{ position: absolute; bottom: 0; }

@media (min-width: 576px){  
    
    .slick-list::before{ content: ""; display: block; width: 30px; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #fff;}
    .slick-list::after{ content: ""; display: block; width: 30px; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; background-color: #fff; }

    section.bg-greenalmue .slick-list::before,
    section.bg-greenalmue .slick-list::after { background-color: var(--greenalmue); }

    section.bg-grayblue .slick-list::before,
    section.bg-grayblue .slick-list::after { background-color: var(--grayblue); }

}