.rm-blog-post {
    padding-bottom: 0;

    &-photo,
    &-text {
        margin-bottom: 30px;
    }

    &-photo {

        img {
            transition: opacity $mainTransition;
            backface-visibility: hidden;
        }

        &:hover img {
            opacity: 0.95;
        }
    }

    &-gallery {
        &-item {
            position: relative;
            z-index: 1;
            transition: box-shadow $mainTransition;
            overflow: hidden;
            display: block;
            margin-bottom: 30px;

            span {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: transparent;
                transition: background 0.46s ease 0.04s, width 0.5s ease, height 0.5s ease;

                &:before {
                    content: '';
                    background: url(../img/sprite.svg#include--zoom-icon) no-repeat;
                    width: 54px;
                    height: 54px;
                    opacity: 0;
                    transition: opacity 0.3s ease 0.1s;
                    visibility: hidden;
                }
            }

            &:hover {
                box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.03);

                span {
                    background: rgba(33, 33, 33, 0.73);

                    &:before {
                        opacity: 1;
                        visibility: visible;
                    }
                }
            }
        }
    }

    &-info {
        padding: 25px 0;
        border-top: $mainBorder;
        border-bottom: $mainBorder;
        color: $lightTextColor;

        &-item {
            &:not(:last-child) {
                margin-bottom: 10px;
                @media (min-width: $break-md) {
                    margin-right: 30px;
                    margin-bottom: 0;
                }
            }

            &:before {
                content: '';
                margin-right: 10px;
                display: inline-block;
            }

            &-date:before {
                background: url(../img/sprite.svg#include--blog-post-date) no-repeat;
                width: 16px;
                height: 16px;
            }

            &-comments:before {
                background: url(../img/sprite.svg#include--blog-post-comments) no-repeat;
                width: 18px;
                height: 14px;
            }

            &-views:before {
                background: url(../img/sprite.svg#include--blog-post-views) no-repeat;
                width: 18px;
                height: 12px;
            }
        }
    }

    &-comments {
        .rm-module-header {
            font-weight: 500;
            font-size: 18px;
            line-height: 22px;

            span {
                padding-bottom: 10px;
            }
        }
    }
}
