/****************************************************************************
 * Gallery Slider
 ****************************************************************************/
 .gallery_slider_column.columns {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    overflow: hidden;
}

.gallery_slider_column.full_width.columns {
    overflow: visible;
}

/****************************************************************************
 * Slider
 ****************************************************************************/
.gallery_slider_column.columns .slick_slider {
    height: 15rem;
}
.gallery_slider_column.full_width .slick_slider {
    position: relative;
    width: 100svw;
    max-width: none;
    left: 50%;
    transform: translate(-50%,0);
}

@media screen and (min-width:40em){
    .gallery_slider_column.columns .slick_slider {
        height: 20rem;
    }
}

@media screen and (min-width:64em){
    .gallery_slider_column.columns .slick_slider {
        height: 25rem;
    }
}

/****************************************************************************
 * Img
 ****************************************************************************/
.gallery_slider_column.columns .slick-slide {
    padding: 0.5rem;
}

/****************************************************************************
 * Img
 ****************************************************************************/
 .gallery_slider_column.columns .slick-slide img {
    width: auto; height: 100%;
    max-width: none; max-height: 100%;
    border-radius: 1rem;
}


/****************************************************************************
 * Arrows
 ****************************************************************************/
 .slick_slider .slick-arrow {
    background-color: #e4eaf4;
    transform: translate(0,-50%); border-radius: 0.375rem;
    border: none; width: 2.5rem; height: 2.5rem;
}
.slick_slider .slick-arrow.slick-next {
    transform: translate(0,-50%) rotate(180deg);
}
.slick_slider .slick-arrow:after {
    content: ''; position: absolute;
    top: 50%; left: calc(50% + 0.125rem); width: 0.75rem; height: 0.75rem;
    border: 0.125rem solid var(--typo-primary-color);
    border-top: none;
    border-right: none;
    transform: translate(-50%,-50%) rotate(45deg);
}