//==============================================================================
// widget_recent_posts
//==============================================================================

&.widget_chained_recentpost_widget
{
    .widget-post
    {
        margin-bottom: 12px;
        
        .post-wrap
        {
            display: grid;
            grid-template-columns: 30% 1fr;
            grid-gap: 24px;
            
            &:hover
            {
                .title
                {
                   a
                   {
                        color: $accent_color;
                   }
                }
            }
            
            a
            {
                &.image
                {
                    position: relative;
                    display: flex;
                    width: 100%;
                    
                    &:after
                    {
                        content: "";
                        display: block;
                        padding-bottom: 100%;
                    }
                }
                
                img
                {
                    object-fit: cover;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    width: 100%;
                    height: 100%;
                    object-position: center;
                    object-fit: cover;
                    transition: filter .25s ease-in-out;
                }
            }

            .content
            {
                .title
                {
                    margin-top: 0;
                    font-weight: normal;
                    font-size: 16px;
                }

                .entry-date
                {
                    font-size: 13px;
                    opacity: .7;
                }
            }
        }
    }
}