/* ==========================================================================
# Portfolio Standard  - begin
========================================================================== */

.qodef-ptf-standard{

    .qodef-portfolio-list-holder {
        height: 100%;
        line-height: 0;
        text-align: justify;
        font-size: 0.1px;
        margin: 0 0 -2.5% 0;

        article{

            margin: 0 0 2.5%;
            text-align:left;

            .qodef-ptf-category-holder {
                line-height:18px;
                color: #444444;
                font-size: 13px;
                font-weight: 500;
            }

            .qodef-item-title{
                padding: 15px 0 0 0;
                margin-bottom: 4px;
            }

            .qodef-item-image-holder {

                .qodef-portfolio-item-overlay {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-color: rgba(0,0,0,0.3);
                    opacity: 0;
                    @include qodefTransition(0.3s opacity ease-out);

                    span {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        font-size: 30px;
                        color: #fff;
                        margin: -15px 0 0 -15px;
                        @include qodefTransform(translate(0px, 36px));
                        opacity: 0;
                        -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
                        -ms-transition: opacity 0.2s ease-out, -ms-transform 0.2s ease-out;
                        transition: opacity 0.2s ease-out, transform 0.2s ease-out;
                    }
                }

                img{
                    width: 100%;
                }

                &:hover {
                    .qodef-portfolio-item-overlay {
                        opacity: 0.95;
                        span {
                            -webkit-transform: translate(0px, 0px);
                            -ms-transform: translate(0px, 0px);
                            transform: translate(0px, 0px);
                            opacity: 1;
                        }
                    }
                }
            }

        }

    }

    &.qodef-ptf-two-columns {
        article,
        .qodef-filler{
            width: 48.8%;
        }
    }

    &.qodef-ptf-three-columns {
        article,
        .qodef-filler{
            width: 31.6%;
        }
    }

    &.qodef-ptf-four-columns {
        article,
        .qodef-filler{
            width: 23.2%;
        }
    }

    &.qodef-ptf-five-columns {
        article,
        .qodef-filler{
            width: 18%;
        }
    }

    &.qodef-ptf-six-columns {
        article,
        .qodef-filler{
            width: 14.7%;
        }
    }
}

/* ==========================================================================
# Portfolio Standard  - end
========================================================================== */