// List Pages & List Categories
//==================================================
.listpages, .listcategories{
    & when (@widget-LP-LC){
        overflow: visible;
        li{
            display: block;

        }

        a{ }

        .page-teaser-image{


            img{ }
        }

        .page-title{
            //color: #fff;
            font-weight: bold;
            font-size: @font-size-base;
            margin: 0;
            padding: 7px;
            .transition(background);
            &:hover {
                background: @brand-primary-dark;
                color: #fff;
            }
            &.current {
                background: @brand-primary-dark;
                color: #fff;

                .grid_4.alpha.omega & {
                    //margin-right: -15px;
                }
            }
        }

        span{
            display: none;
        }

        // Hover
        li:hover{

            a{ }

            .page-teaser-image{
                img{ }
            }

            .page-title{ }

            span{ }
        }
    }
}

// List Pages
//==================================================
.listpages when (@widget-LP) and (@widget-LP-LC){

    li{ }

    a{ }

    .page-teaser-image{
        img{ }
    }

    .page-title{ }

    span{ }

    // Hover
    li:hover{

        a{ }

        .page-teaser-image{
            img{ }
        }

        .page-title{ }

        span{ }
    }
}

// List Categories
//==================================================
.listcategories when (@widget-LC) and (@widget-LP-LC){
    li{ }

    a{ }

    .page-teaser-image{
        img{ }
    }

    .page-title{ }

    span{ }

    // Hover
    li:hover{
        a{ }

        .page-teaser-image{
            img{ }
        }

        .page-title{ }

        span{ }
    }
}