.qodef-blog-holder{

    &.qodef-blog-type-narrow {

        article {
            opacity:0;
            padding-bottom: 78px;
            border-bottom: 1px solid #dadada;
            text-align:center;
            width:63.63%;
            margin:0 auto 78px;
            -webkit-transform: translateY(30%);
            -moz-transform: translateY(30%);
            transform: translateY(30%);

            &.qodef-appeared{
                -webkit-transition: opacity 1s cubic-bezier(.23,1,.32,1),-webkit-transform 1s cubic-bezier(.23,1,.32,1);
                transition: opacity 1s cubic-bezier(.23,1,.32,1),transform 1s cubic-bezier(.23,1,.32,1);
                opacity: 1;
                -webkit-transform: translateY(0);
                -moz-transform: translateY(0);
                transform: translateY(0);
            }


            .qodef-post-image {
                margin-bottom: 52px;
                img {
                    vertical-align: middle;
                }
            }

            .qodef-post-excerpt {
                margin: 0 0 13px;
                padding: 0 8%;
            }

            .qodef-post-title {
                margin-bottom: 17px;
            }

            &.sticky {
                .qodef-post-title a {
                    color: $first-main-color;
                }
            }

            .qodef-post-info {
                font-size: 13px;
                line-height: 20px;
                font-weight: 500;

                &.qodef-section-top {
                    text-align: center;
                    margin-bottom: 5px;
                    > div {
                        display: inline-block;
                        position: relative;
                        padding-right: 25px;
                        margin-left: 7px;
                    }

                    > div:after {
                        content: "/";
                        position: absolute;
                        right: 5px;
                        top: 0;

                    }

                    > div:first-child {
                        margin-left: 0;
                    }

                    > div:last-child:after {
                        content: "";
                    }

                    div span {
                        color: #444;
                    }
                }

                &.qodef-section-bottom {
                    border-top: none;
                    padding-top: 3px;

                    .qodef-section-bottom-inner {
                        width: auto;
                        display: inline-block;
                        position: relative;
                        margin-left: 35px;
                    }

                    .qodef-blog-share {
                        display:inline-block;
                        position: absolute;
                        text-align: left;
                        left: -35px;

                        &:hover {
                            width: 100%;
                        }

                        &:hover ~ .qodef-post-info-author,
                        &:hover ~ .qodef-post-info-comments-holder,
                        &:hover ~ .qodef-blog-like {
                            opacity: 0;
                            visibility:hidden;
                            transition-delay: 0.1s;
                        }

                        .social_share {
                            margin-left: -1px;
                        }
                    }

                    .qodef-post-info-author {
                        margin-left:40px;
                    }

                    .qodef-post-info-author,
                    .qodef-post-info-comments-holder,
                    .qodef-blog-like {
                        transition: opacity 0.15s ease-out;
                        transition-delay: 0.4s;
                    }

                    .qodef-section-bottom-right {
                        > div {
                            margin-left: 17px;
                        }

                        > div:first-child {
                            margin-left: 0;
                        }
                    }

                    .qodef-post-info-author {
                        display: inline-block;
                        margin-left: 10px;
                        margin-right:12px;
                        line-height: 27px;
                        opacity: 1;
                        -webkit-transition: opacity 0.15s ease-out;
                        -moz-transition: opacity 0.15s ease-out;
                        transition: opacity 0.15s ease-out;
                        transition-delay: 0.4s;
                        color: #444;
                        a {
                            text-transform: capitalize;
                            color: #444;
                            &:hover {
                                color: $first-main-color;
                            }
                        }
                    }

                    .qodef-post-info-comments-holder,
                    .qodef-blog-like {
                        display: inline-block;

                        a {
                            display: inline-block;

                            span,
                            i {
                                vertical-align: middle;
                                color: #444;
                            }
                        }
                    }

                    .qodef-blog-like {
                        i:first-child,
                        span:first-child {
                            @include qodefTransition(color 0.15s ease-out);
                            margin-right: 7px;
                            color: #c4c3c3;
                        }

                        &:hover {
                            i:first-child,
                            span:first-child {
                                color: $first-main-color;
                            }
                        }
                    }

                    .qodef-post-info-comments-holder {
                        margin-right: 15px;
                        span:first-child {
                            @include qodefTransition(color 0.15s ease-out);
                            margin-right: 7px;
                            color: #c4c3c3;
                        }
                        &:hover {
                            span:first-child {
                                color: $first-main-color;
                            }
                        }
                    }

                    &.qodef-no-info-share {
                        .qodef-post-info-author {
                            position: initial;
                            margin-left: 0;
                        }
                    }

                    &.qodef-no-info-left {
                        .qodef-section-bottom-right {
                            width: 100%;
                        }
                    }
                }

            }

            &.format-quote,
            &.format-link {
                .qodef-post-text {
                    background-color: #fff;
                    padding: 50px 53px;
                }

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

                .qodef-post-mark {
                    @include qodefTableCellLayout;
                    width: 50px;
                    vertical-align: top;
                    text-align: left;

                    .qodef-link-mark {
                        padding-top: 8px;
                        font-size: 36px;
                        color: $first-main-color;
                    }

                    .qodef-quote-mark {
                        padding-top: 5px;
                        font-size: 36px;
                        color: $first-main-color;
                    }
                }

                .qodef-post-title {
                    margin-bottom: 10px;
                    text-align:center;
                }
                .qodef-post-author {
                    font-size: 13px;
                    font-weight: 400;
                    color: #444444;
                    display: inline-block;
                    margin-bottom: 23px;
                    line-height: 20px;
                }

                .qodef-post-text-main {
                    @include qodefTableLayout;
                    text-align: left;
                }
            }

            &.format-audio {
                .qodef-post-image {
                    margin-bottom: 0;
                }
                .qodef-blog-audio-holder {
                    margin-bottom: 52px;
                }
            }

            .qodef-single-links-pages {
                margin: 20px 0;
                text-align: center;

                .qodef-single-links-pages-inner {
                    > a,
                    > span {
                        position: relative;
                        display: inline-block;
                        vertical-align: middle;
                        text-decoration: none;
                        cursor: pointer;
                        white-space: nowrap;
                        font-size: 16px;
                        font-weight: 600;
                        color: #444;
                        margin: 0 10px;
                        &:after {
                            content: "";
                            position: absolute;
                            border-bottom: 2px solid transparent;
                            display: inline-block;
                            width: 200%;
                            left: -25%;
                            bottom: -4px;
                            transform: translateX(-12%);
                            -webkit-transition: border-color 0.15s ease-out;
                            -moz-transition: border-color 0.15s ease-out;
                            transition: border-color 0.15s ease-out;
                        }
                    }

                    > span,
                    > a:hover {
                        color: #bdbdbd;
                        &:after {
                            border-color: #bdbdbd;
                        }
                    }
                }
            }

            &:last-of-type {
                margin:0 auto;
                border-bottom:0 solid #fff;
            }

        }

        .qodef-load-more-ajax-pagination {
            text-align:center;
        }

        .qodef-pagination {
            opacity:0;
            display: block;
            margin: 0 auto 92px auto;
            width: 63.63%;

            &.qodef-appeared{
                -webkit-transition: opacity 1s cubic-bezier(.23,1,.32,1) 0.4s;
                transition: opacity 1s cubic-bezier(.23,1,.32,1) 0.4s;
                opacity: 1;
            }
        }
    }
}

.qodef-filter-blog-holder{

	text-align: center;
	margin-bottom: 30px;

	li {
		display:inline-block;
		padding: 0 8px;
		cursor: pointer;
		font-size: 15px;

		&.qodef-active{
			color: $first-main-color;
		}
	}
}