.rotator when (@widget-rotator){
    position   : relative;
    overflow   : hidden;
    background : #fff;

    // -- Description
    .slide-description{
        padding : @padding-large-vertical @padding-large-horizontal;
        color   : #FFF;
        .rgba(#000; 0.5);
    }

    img{
        width : 100%;

        & ~ .slide-description{
            position : absolute;
            right    : 0;
            bottom   : 0;
            left     : 0;
        }
    }
}





.full-width-image{
     .cycle-slideshow{
        background: #ffffff;

    }
}

.slider-logo{
    .rgba(#fff,.5);
    position: absolute;
    z-index: 100;
    top: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;

}

.full-width-image{
    .cycle-slideshow{
        margin: 0;
        padding:0;
        min-height: 200px;
    }
}





.cycle-slideshow when (@widget-rotator){




    .slide{
        position   : absolute;
        top        : 0;
        left       : 0;
        width      : 100%;
        height     : 100%;
        list-style : none;

        & > a.generator-links:not(:first-child), & > a.tpopup:not(:first-child){
            position : absolute;
            top      : 10px;
            left     : 10px;
        }
    }

    // -- Pager
    .cycle-pager{
        position    : absolute;
        top         : 5px;
        right       : 0;
        z-index     : 20;
        text-align  : center;
        font-size   : 0;
        line-height : 0;

        > *{
            .inline-block;
            cursor     : pointer;
            margin     : 0 3px;
            color      : @primary-color;
            background : #FFF;
            .border-radius(14px);
            .icon-size(10px; true);

            &:hover{
                background : darken(@primary-bg, 10%);
            }

            &.cycle-pager-active{
                cursor     : default;
                color      : @primary-color;
                background : @primary-bg;
            }
        }
    }

    [class*="cycle-"].action-button{
        background : @primary-bg;
        color      : @primary-color;
        position   : absolute;
        top        : 50%;
        z-index    : 20;
        cursor     : pointer;
        margin-top : -@slider-button-size / 2 - @padding-large-vertical;
        padding    : @padding-large-vertical;
        .box-sizing(content-box);
        .icon-size(@slider-button-size; true);
        .transition();

        &:hover{
            background : darken(@primary-bg, 10%);
            color      : @primary-color;
        }

        &:before{
            font-family : @font-family-icons;
        }

        &.cycle-prev{
            left : -@slider-button-size * 3;

            &:before{
                content : "\e0c5";
            }
        }

        &.cycle-next{
            right : -@slider-button-size * 3;

            &:before{
                content : "\e0c6";
            }
        }
    }

    &:hover .action-button{
        &.cycle-prev{
            left : 10px;
        }

        &.cycle-next{
            right : 10px;
        }

    }


    &.full-wh{
        margin: 0;
        padding: 0;
        height:100vh;
        position: relative;
        z-index: 10;
        overflow: hidden;
    }
}