/**
 * biva.webroot/material/less/biva/api/special_issue_m/iframe.less
 *
 * @author Mitsutoshi Nakamura <mitsutoshi.nakamura.jp@gmail.com>
 */

@bower: '../../../../../../../bower_components';
@import '@{bower}/slick-carousel/slick/slick.less';
@import '@{bower}/slick-carousel/slick/slick-theme.less';

body {
    .special_issue_m {
        /**
         * 390
         *
         * 263
         */
        //@w: 390px;
        @w: 324px;
        @h: 304px;
        width: @w;
        height: @h;
        margin: 0 auto;
        .slick-arrow {
            @size:40px;
            width: @size;
            height: @size;
            z-index: 9;
            &:before {
                font-size: @size;
            }
        }
        .slick-prev {
            left: 10px;
        }
        .slick-next {
            right: 10px;
        }
        .slick-dots {
            margin: 0;
            bottom: 5px;
            z-index: 9;
        }
        .slide {
            a {
                width: @w;
                height: @h;
                position: relative;
                display: block;
                text-align: center;
                font-size: 50px;
                text-decoration: none;
                background: #faa;
                img {
                    width: @w;
                    height: @h;
                }
                .caption {
                    @p: 100px;
                    width: @w - @p * 2;
                    height: auto;
                    padding: 10px;
                    position: absolute;
                    bottom: 30px;
                    left: @p;
                    text-align: center;
                    font-size: 16px;
                    color: #fff;
                    background: rgba(0,0,0,.4);
                    border-radius: 10px;
                    overflow: hidden;
                }
            }
        }
    }
}