@charset "UTF-8";
.news-slider {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(240px, 420px) minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    grid-template-areas:
        "prev image content next" 
        "prev image thumbs  next";
    align-items: center;
    column-gap: 40px;
    row-gap: 60px;
}
.swiper{ width:100%;}
.news-slider__main,
.news-slider__nav {display: contents;}
.news-slider .img-wrapper {
    grid-area: image;
  top: 49%;
  left: 51%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  margin: 0;
  height:auto;
  width: 134%;
}

.news-slider__image {grid-area: image; position: relative; z-index: 1;}
.news-slider__image .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
}
.news-slider__text {grid-area: content; width: 100%; min-width: 0;}
.news-slider__text .post-wrapper .date {display: flex; align-items: center; margin-bottom: 10px;}
.news-slider__text .post-wrapper .date img {width: 17px; margin-right: 10px; display: none;}
.news-slider__text .post-wrapper .date time {font-size: 14px; position: relative; padding-left: 15px;}
.news-slider__text .post-wrapper .date time:before {content: ''; width: 2px; height: 36px; background-color: #FF4956; position: absolute; left: 0; top: -12px;}
.news-slider__text .post-wrapper ul {list-style-type: none; padding: 0; margin: 10px 0; display: flex; flex-wrap: wrap; gap: 20px;}
.news-slider__text .post-wrapper ul li:not(:first-of-type) {position: relative;}
.news-slider__text .post-wrapper ul li:not(:first-of-type):before {content: ''; width: 7px; height: 7px; background-color: #C23035; border-radius: 100%; display: inline-block; position: absolute; left: -14px; top: 6px;}
.news-slider__text .post-wrapper h3 {font-size: 20px; margin: 10px 0;}
.news-slider__text .post-wrapper .excerpt {position: relative; font-size: 14px; margin-bottom: 10px; max-height: 66px; overflow: hidden;}
.news-slider__text .post-wrapper a.read-more {display: inline-flex; align-items: center; gap: 10px;}
.news-slider__text .post-wrapper a.read-more span {font-size: 16px; font-weight: 700;}
.news-slider__text .post-wrapper a.read-more img {width: 32px; height: 32px; flex: 0 0 auto;}

.news-slider__arrow--prev {grid-area: prev;}
.news-slider__arrow--next {grid-area: next;}
.news-slider__arrow {background: none; border: none; cursor: pointer; padding: 8px;}
.news-slider__arrow img {width: 20px; height: auto;}
.news-slider__arrow:disabled {opacity: .3; cursor: default;}

.news-slider__peek {grid-area: thumbs; width: 100%; margin-top: 0;}
.news-peek__item {opacity: .55; transition: opacity .35s ease !important; cursor: grab;}
.news-peek__item.is-active, .news-peek__item:hover {opacity: 1;}
.news-peek__item img {display: block; width: 100%; height: 191px; object-fit: cover; border-radius: 8px; transition: transform .35s ease !important;}
.news-peek__item:hover img {transform: scale(1.04);}
.news-peek__item .date {margin: 12px 0 6px;}
.news-peek__item .date time {font-size: 14px; position: relative; padding-left: 15px;}
.news-peek__item .date time:before {content: ''; width: 2px; height: 20px; background-color: #FF4956; position: absolute; left: 0; top: -3px;}
.news-peek__item h3 {font-size: 16px; margin: 0;}

@media only screen and (max-width: 1200px) {
.news-slider {
	display: grid;
	grid-template-columns: minmax(140px, 240px) 1fr;
	grid-template-rows: auto auto auto;
	grid-template-areas: "image content" "nav nav" "thumbs thumbs";
	column-gap: 24px;
	row-gap: 20px;
	align-items: start;
}
.news-slider__main,
.news-slider__nav {display: contents;}
.news-slider .img-wrapper {
    top: 48%;
    width: 133%;
    position: absolute;
}

.news-slider__image {grid-area: image; width: 100%; height: auto; aspect-ratio: 1 / 1;}
.news-slider__image .swiper-slide img {width: 100%; height: 100%;}
.news-slider__text {grid-area: content; width: 100%; text-align: left;}
.news-slider__text .post-wrapper .date {justify-content: flex-start;}
.news-slider__nav {display: flex; grid-area: nav; justify-content: center; gap: 16px; margin: 0;}
.news-slider__peek {grid-area: thumbs; width: 100%; margin-top: 0;}
}

@media only screen and (max-width: 800px) and (min-width: 577px) {
  .news-slider .img-wrapper {
    inset: 0;
    transform: translate(-11%, -15%);
    }
}

@media only screen and (max-width: 576px) {
.news-slider {
	grid-template-columns: 1fr;
	grid-template-areas: "image" "content" "nav" "thumbs";
	row-gap: 16px;
}
.news-slider__image {width: 100%; max-width: 240px; margin: 0 auto;}
.news-slider .img-wrapper {
	position: absolute;
	inset: auto;
	top: 50%;
	left: 50%;
	width: 133%;
	max-width: 320px;
	transform: translate(-50%, -50%);
}
.news-slider__text {text-align: center;}
.news-slider__text .post-wrapper .date {justify-content: center;}
}