.cmp-list-of-posts{margin:24px 0;overflow:hidden}
.cmp-posts__featured .cmp-post__item:first-child{display:block;color:#fff;padding:0;margin:24px 0}
.cmp-posts__featured .cmp-post__item:first-child .cmp-post__item__image-wrapper{width:100%;height:300px;margin-right:0}
.cmp-posts__featured .cmp-post__item:first-child .cmp-post__item__content-wrapper{width:100%;padding:16px}
.cmp-posts__featured .cmp-post__item:first-child p{color:#fff}
.cmp-posts__featured .cmp-post__item:first-child:hover p,.cmp-posts__featured .cmp-post__item:first-child:focus p,.cmp-posts__featured .cmp-post__item:first-child:active p{color:#fff}
.cmp-posts__featured .cmp-post__item:first-child:hover h3,.cmp-posts__featured .cmp-post__item:first-child:focus h3,.cmp-posts__featured .cmp-post__item:first-child:active h3{color:#a1d1ff}
.cmp-posts__text-list .cmp-post__item{padding:8px 0}
.cmp-posts__text-list .cmp-post__item__image-wrapper{display:none}
.cmp-posts__text-list .cmp-post__item__content-wrapper{width:100%}
.cmp-posts__text-list .cmp-post__item-date{font-size:14px}
.cmp-posts__text-list h3{font-size:16px;line-height:22px;margin-top:0}
.cmp-posts__mansory .cmp-post__item{padding:0;display:block;margin:16px 0;position:relative}
.cmp-posts__mansory .cmp-post__item-date{color:#fff}
.cmp-posts__mansory .cmp-post__item__image-wrapper{width:100%;min-height:300px}
.cmp-posts__mansory .cmp-post__item__image-wrapper::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 60%,#000 100%)}
.cmp-posts__mansory .cmp-post__item__content-wrapper{width:100%;padding:16px;position:absolute;bottom:0;color:#fff}
@media(min-width:992px){.cmp-posts__featured .cmp-post__item:first-child{position:relative}
.cmp-posts__featured .cmp-post__item:first-child .cmp-post__item__image-wrapper{min-height:500px;position:relative}
.cmp-posts__featured .cmp-post__item:first-child .cmp-post__item__content-wrapper{position:absolute;bottom:0;width:90%;padding:1.5rem 2rem}
.cmp-posts__featured .cmp-post__item:first-child .cmp-post__item__content-wrapper h3{font-size:27px;line-height:32px}
.cmp-posts__featured .cmp-post__item:first-child .cmp-post__item__image-wrapper::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 60%,#000 100%)}
.cmp-posts__mansory .cmp-posts{display:grid;grid-template-columns:repeat(2,1fr);column-gap:24px;row-gap:24px}
.cmp-posts__mansory .cmp-post__item{margin:0}
.cmp-posts__mansory .cmp-post__item:first-child{grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:3}
.cmp-posts__mansory .cmp-post__item:first-child .cmp-post__item__image-wrapper{min-height:500px}
.cmp-posts__mansory .cmp-post__item:first-child .cmp-post__item__content-wrapper{width:90%;padding:1.5rem 2rem}
.cmp-posts__mansory .cmp-post__item:first-child .cmp-post__item__content-wrapper h3{font-size:27px;line-height:32px}
}