//
//  Common
//  _____________________________________________

& when (@media-common = true) {
    .cms-block-informational-slider {
        .cms-block-informational {
            display: inline-block;
            .informational-header {
                -webkit-box-align: center;
                   -ms-flex-align: center;
                      align-items: center;
                box-sizing: border-box;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                   -ms-flex-pack: center;
                 justify-content: center;
            }
            .informational-body {
                box-sizing: border-box;
            }
        }
        .slider-arrow {
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            &.slider-arrow-prev {
                left: 0;
            }
            &.slider-arrow-next {
                right: 0;
            }
        }
    }
}


//
//  Desktop
//  _____________________________________________

.media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) {
    .cms-block-informational-slider {
        .cms-block-informational {
            display: inline-block;
            float: none;
            vertical-align: middle;
            .cms-block-informational-inner {
                transition: transform .5s ease;
            }

            // uncentered slides
            &:not(.slick-current) {
                .cms-block-informational-inner {
                    -webkit-transform: scale(.8722);
                            transform: scale(.8722);
                }
                .informational-header {
                    &::before {
                        background-color: rgba(221, 221, 221, .95);
                    }
                }
                .informational-body {
                    border-bottom-color: transparent;
                    color: @djo-gray-light;
                }
            }

            // centered slide
            &.slick-current {
                .informational-header {
                    height: auto !important;
                    min-height: 216px;
                }
                .informational-body {
                    height: auto !important;
                    min-height: 250px;
                }
            }
        }
    }
}