/* 
 *  Created on : 06.01.2017, 00:20:27
 *  @copyright : Samet Tarim
 *  @author    : Samet Tarim
 *  @link      : http://www.samet-tarim.de/
 */

.mb-lps-slider {

    position: relative;
    width: 100%;
    padding: 5px 0;

    .box-sizing();

    &.shadow {

        .box-shadow(0 1px 3px 0 rgba(0,0,0,.3));
    }

    &.shadow-inset {

        .box-shadow(inset 0 1px 3px 0 rgba(0,0,0,.3));
    }

    h3 {

        margin: 0 40px;
        padding: 10px;
    }

    .slide {

        position: relative;
        white-space: nowrap;
        overflow: hidden;
        margin: 0 40px;

        .box-sizing();
    }

    .item {

        display: inline-block;
        vertical-align: top;

        @media @screen-sm-max {
            width: (100%/1);
        }
        @media @screen-sm {
            width: (100%/2);
        }
        @media @screen-md {
            width: (100%/3);
        }
        @media @screen-lg-min {
            width: (100%/4);
        }
        height: 100%;

        margin: 0;
        padding: 10px;

        .border-radius(0);
        .box-sizing();

        .item-wrap {

            display: block;
            height: 230px;

            h3 {

                padding: 0 4.7%;
            }

            p {

                padding: 0 4.7%;
            }

            .item-image {

                display: block;
                min-height: 100px;

                &._16_9 {

                    .aspect-ratio();
                }

                &.border-small {

                    border: 2px solid #fff;
                }

                &.border-middle {

                    border: 5px solid #fff;
                }

                &.border-big {

                    border: 10px solid #fff;
                }

                img {

                    width: 100%;
                    height: 100%;
                }
            }

            .item-title {

                overflow: hidden;
                display: block;
                white-space: normal;
                text-overflow: ellipsis;
            }

            .item-description {

                overflow: hidden;
                display: block;
                white-space: normal;
            }
        }
    }

    .mb-lps-slider-control-left {

        position:absolute;
        height: 34px;
        width: 21px;
        top: 50%; 
        left: 15px;
        z-index: 10;

        .transform(translateY(-50%));

        &:before {

            content: "";
            display: inline-block;
            position: relative;
            top: 17%;
            width: 14px;
            height: 14px;
            margin: 0 0px 0px 3px;

            .transform(rotate(-180deg));
        }
    }

    .mb-lps-slider-control-right {

        position:absolute;
        height: 34px;
        width: 21px;
        top: 50%; 
        right: 15px;
        z-index: 10;

        &:before {

            content: "";
            display: inline-block;
            position: relative;
            top: 17%;
            width: 14px;
            height: 14px;
            margin: 0 0px 0px 3px;

            .transform(rotate(0));
        }
    }
}