/* ==========================================================================
   Portfolio gallery space styles - begin
   ========================================================================== */

.qodef-ptf-gallery-space {

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

        article {
            margin: 0;
            float: left;
            @include qodefBoxSizing(border-box);
            padding: 15px;

            .qodef-portfolio-item-inner {
                overflow:hidden;
            }


            .qodef-portfolio-link {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 2;
            }

            .qodef-item-text-overlay {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                opacity: 0;
                @include qodefTransform(scale(0.3));
                -webkit-transition: -webkit-transform 0s .15s,opacity .1s ease-in-out;
                -moz-transition: -moz-transform 0s .15s,opacity .1s ease-in-out;
                transition: transform 0s .15s,opacity .1s ease-in-out;
            }

            .qodef-item-text-overlay-inner {
                display: inline-block;
                width: 100%;
                height: 100%;
                vertical-align: middle;
                @include qodefBoxSizing(border-box);
            }

            .qodef-item-text-holder {
                @include qodefTableLayout;
            }

            .qodef-item-text-holder-inner {
                @include qodefTableCellLayout;
                background-color: rgba($first-main-color, 0.95);
                padding: 0 10%;


                .qodef-ptf-category-holder {
                    line-height:18px;
                    color: #000;
                    font-size: 14px;
                    font-weight: 700;
                    text-transform: capitalize;
                    letter-spacing: 0.7px;
                    margin-top: 5px;
                }
            }

            &:hover {
                .qodef-item-text-overlay {
                    opacity: 1;
                    @include qodefTransform(scale(1));
                    transition: transform 0.4s cubic-bezier(0.38, 0.76, 0, 0.87), opacity 0.15s ease-out;
                }
            }
        }
    }

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

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

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

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

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

/* ==========================================================================
   Portfolio gallery space styles - end
   ========================================================================== */