@import "compass/css3";

.loopsns-notice{
    display: block;
    text-align: center;
    background: #ebfbed;
    padding: .5em;
    margin:.5em;
}

.imgcover{
    object-fit: cover;
    width:100%;
    height:100%;
}

.loopsns-loop{
    position:relative;
    margin:1em 0;
    &.loopsns-loop-template-loop-carousel,
    &.loopsns-loop-template-loop-gallery
    {
        .hentry{
            height:500px;
            .loopsns-slide-title{
                word-break: break-all;
            }
            figure{
                height:100%;
                width:100%;
                position:relative;
                z-index:0;
                > img{
                    position:absolute;
                    @extend .imgcover;
                }
                figcaption{
                    border-top:1px solid white;
                    padding: 2em;
                    box-sizing: border-box;
                    z-index:1;
                    position: absolute;
                    width:100%;
                    bottom: 0;
                    background:rgba(255,255,255,0.75);
                    .loopsns-slide-title{
                        margin-top:0;
                    }
                }
            }
        }

    }
}