/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .wn-feed-latest-posts-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.wn-feed-latest-post-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.wn-feed-post-content {
    width: 80%;
}
.wn-feed-post-title{
	margin: 0 0 10px;
    font-size: 20px;
}
.wn-feed-post-thumbnail{
    width: 20%;
}
.wn-feed-post-thumbnail img{
    width: 100%;
}

@media only screen and (max-width: 767px) {
	.wn-feed-latest-post-item {
		flex-wrap: wrap;
	}
    .wn-feed-post-thumbnail{
        width: 100%;
    }
  	.wn-feed-post-content{
	  	width: 100%;
  	}
}