/*---------------------------------------
    ## Video blog
---------------------------------------*/
.video-blog {
    position: relative;

    .play-icon {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;

        &.icon-style-01 {
            color: #fff;
            font-size: 18px;
        }
    }

    .right-top {
        position: absolute;
        right: 0;
        top: 0;
    }
}

.videos-blog-list {
    img {
        max-width: 200px !important;
        max-height: 200px !important;
    }
}


// video grid blog

.video-grid-single-item {
    position: relative;

    .img-box {
        position: relative;
    }

    .content {
        position: absolute;
        bottom: 20px;
        width: 100%;
        padding: 0 20px;
        z-index: 2;

        .title {
            font-family: var(--heading-font-two);
            font-size: 18px;
            font-weight: 500;
            color: #fff;
            line-height: 26px;
            transition: $transition;

            &:hover {
                color: var(--main-color-one);
            }

        }
    }

    .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to top, #000000d6, #0000001a, #0000);
        left: 0;
        top: 0;
    }

    .play-icon {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
    }
}