/* 
 *  Created on : 29.01.2017, 21:47:48
 *  @copyright : Samet Tarim
 *  @author    : Samet Tarim
 *  @link      : http://www.samet-tarim.de/
 */

.mb-lps-slider {

    .mb-lps-slider-container {

        .user-select();
        .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));
        }

        .mb-lps-slider-wrapper {

            &.described {

                height: 320px;

                @media only screen and (min-width: 320px) {

                    height: 340px;
                }

                @media only screen and (min-width: 340px) {

                    height: 380px;
                }

                @media only screen and (min-width: 420px) {

                    height: 400px;
                }

                @media only screen and (min-width: 460px) {

                    height: 300px;
                }

                @media only screen and (min-width: 550px) {

                    height: 340px;
                }

                @media only screen and (min-width: 640px) {

                    height: 380px;
                }

                @media only screen and (min-width: 768px) {

                    height: 340px;
                }

                @media only screen and (min-width: 900px) {

                    height: 300px;
                }

                @media only screen and (min-width: 1000px) {

                    height: 350px;
                }

                @media only screen and (min-width: 1100px) {

                    height: 370px;
                }

                @media only screen and (min-width: 1200px) {

                    height: 430px;
                }

                @media only screen and (min-width: 1400px) {

                    height: 450px;
                }

                @media only screen and (min-width: 1600px) {

                    height: 430px;
                }
            }

            .mb-lps-slider-item {

                display: block;
                margin-top: 10px;
                margin-bottom: 10px;

                &.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));
                }

                .mb-lps-slider-item-wrap {

                    .mb-lps-slider-item-image-overlay {

                        display: none;
                        visibility: hidden;
                        opacity: 0;
                    }

                    .mb-lps-slider-item-image {

                        display: block;
                        min-height: 100px;

                        &._16_9 {

                            .aspect-ratio();

                            img {

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

                        &.border-small {

                            border: 2px solid #fff;
                        }

                        &.border-middle {

                            border: 5px solid #fff;
                        }

                        &.border-big {

                            border: 10px solid #fff;
                        }

                        img {

                            max-width: 100%;
                            max-height: 100%;
                        }
                    }

                    .mb-lps-slider-item-title {

                        padding: 0 4.7%;
                        margin: 20px auto;
                        color: fade(#000000, 64%);
                        .font-size(14px, 15px, 17px, 20px, 24px, 24px);
                        .line-height(18px, 19px, 22px, 26px, 32px, 32px);
                        font-family: 'DINNextRdforYelloW04', Helvetica, Arial;
                        font-weight: 700;
                    }

                    .mb-lps-slider-item-meta {

                        padding: 0 4.7%;
                        margin: 0;

                        span {

                            padding: 0 .3em;
                            border-right: 1px solid #ddd;
                            font-size: .8em;

                            &:first-child {

                                padding-left: 0;
                                padding-right: .3em;
                            }

                            &:last-child {

                                border: 0;
                            }
                        }
                    }

                    .mb-lps-slider-item-description {

                        overflow: hidden;
                        display: block;
                        white-space: normal;
                        padding: 0 4.7%;
                    }
                }
            }
        }
    }

    .mb-lps-slider-control {

        text-decoration: none;
        .box-shadow(none);

        &:before {

        }

        &-left {

            &:before {

                width: 13px;
                height: 22px;
            }
        } 

        &-right {

            &:before {

                width: 13px;
                height: 22px;
            }
        }
    }
}