/* ==========================================================================
# Portfolio Gallery  - begin
========================================================================== */

.qodef-ptf-gallery{

    width: calc(100% + 1px);

    .qodef-portfolio-list-holder {

        article {
            margin: 0;
            float: left;

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

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

            .qodef-item-image-holder img{
                width: 100%;
            }

            .qodef-item-text-overlay {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                opacity: 0;
                background-color: rgba(254, 234, 14, 0.9);
                @include qodefTransition(opacity .3s 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;
                padding: 0 10%;

                .qodef-item-title {
                    position: relative;
                    top: 50px;
                    opacity: 0;
                    @include qodefTransition(top .3s cubic-bezier(.25,.46,.45,.94) 0s);
                }

                .qodef-ptf-category-holder {
                    line-height: 18px;
                    margin-top: 8px;
                    font-size: 16px;
                    font-weight: 700;
                    text-transform: capitalize;
                    letter-spacing: 0.5px;
                    color: $default-heading-color;
                    position: relative;
                    top: 50px;
                    opacity: 0;
                    @include qodefTransition(top .3s cubic-bezier(.25,.46,.45,.94) 0s);
                }
            }

            &:hover {
                .qodef-item-text-overlay {
                    opacity: 1;
                }

                .qodef-item-title {
                    opacity: 1;
                    top: 0;
                    transition-delay: 0s;
                }

                .qodef-ptf-category-holder {
                    opacity: 1;
                    top: 0;
                    transition-delay: .1s;
                }
            }
        }
    }

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

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

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

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

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

}

/* ==========================================================================
# Portfolio Gallery  - end
========================================================================== */