.edge-blog-list-holder {
    &.edge-bl-masonry {

        transition: none !important;
        overflow: visible !important;

        .edge-blog-list {
            opacity: 0;
            @include edgeTransition(opacity .2s ease-out);
        }

        .edge-bl-item {
            vertical-align: top;
            z-index: 100;
        }

        .edge-bl-item,
        .edge-bl-grid-sizer {
            width: 100%;
        }

        .edge-bl-grid-gutter {
            width: 0;
        }

        $masonry_columns_number: ('two', 'three', 'four', 'five');

        @for $i from 0 to length($masonry_columns_number) {
            &.edge-bl-#{nth($masonry_columns_number,$i+1)}-columns {
                $column_width: 100%/($i+2);

                .edge-bl-item,
                .edge-bl-grid-sizer {
                    width: $column_width;
                }
            }
        }

        .edge-post-title {
            font-family: $heading-font;
            font-size: 16px;
            line-height: 40px;
            font-weight: 400;
            margin: 20px 0 0;
            letter-spacing: 1.5px;
        }

        .edge-post-info-date {
            font-family: $heading-font;
            margin-top: -10px;

            a {
                font-size: 12px;
                letter-spacing: 1.5px;
                color: $additional-text-color;
                line-height:1em;
                font-weight: 400;
                text-transform: uppercase;
            }
        }

        .edge-post-excerpt-holder {
            @include edgeRelativeHolderLayout();
            margin: 14px 0 18px;
            columns: $default-border-color;

            .edge-post-excerpt {
                &:after {
                    content: none;
                }
            }
        }

        .edge-post-read-more-button {
            a {
                margin-top: -15px;
                font-family: $heading-font;
                span {
                    color: $additional-color;
                    font-weight: 400;
                    letter-spacing: 1.5px;
                    font-size: 13px;
                    text-transform: uppercase;
                }

                i {
                    color: $first-main-color;
                    font-size: 11px;
                }

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

        .edge-bli-info {
            @include edgeRelativeHolderLayout();
            margin: 0;
            clear: both;

            > div {
                position: relative;
                display: inline-block;
                vertical-align: top;
                float: left;
                padding: 0 13px 5px 0;

                &:after {
                    position: absolute;
                    top: 0;
                    right: 4px;
                    content: '/';
                }

                &:last-child {
                    padding: 0 0 5px;

                    &:after {
                        display: none;
                    }
                }
                a {
                    span {
                        padding-left: 3px;
                    }
                }
            }
        }
    }
}