/* RECENT POSTS */
.ArticleMediaSlider .slick-list:before,
.ArticleMediaSlider .slick-list:after {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: calc(24px + 60px + 24px);
  top: 0;
  z-index:9;
}
.ArticleMediaSlider .slick-track{
  display:flex;
  align-items:center;
}
.ArticleMediaSlide{
  height:clamp(350px,var(--pas)*350,650px);
  width:auto;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  transition:1s ease;
  position:relative;
  margin:0 calc(var(--space)/2);
}
.ArticleMediaSlide img,
.ArticleMediaSlide iframe,
.ArticleMediaSlide video{
  width:auto;
  height:100%;
  position:relative;
  border-radius:10px;
  box-shadow:0px 10px 20px rgb(164 181 133 / 20%);
}
.ArticleMediaSlide iframe{
  height:clamp(350px,var(--pas)*350,650px);
  width:clamp(623px,var(--pas)*623,1156px);
}
@media (max-width:1120px){
  .ArticleMediaSlide{
    height:clamp(550px,var(--pas)*550,600px);
  }
  .ArticleMediaSlide iframe{
    height:clamp(550px,var(--pas)*550,600px);
    width:calc(100vw - (var(--space)*4));
  }
  .ArticleMediaSlide video{
    max-width:calc(100vw - (var(--space)*4));
    height:auto;
  }
}
@media (max-width:991px){
  .ArticleMediaSlide{
    height:clamp(400px,var(--pas)*400,550px);
  }
  .ArticleMediaSlide iframe{
    min-height:clamp(400px,var(--pas)*400,550px);
  }
}
@media (max-width:767px){
  .ArticleMediaSlider .slick-list:before,
  .ArticleMediaSlider .slick-list:after {
    width: calc(24px + 30px);
  }
  .ArticleMediaSlide{
    height:clamp(250px,var(--pas)*250,400px);
  }
  .ArticleMediaSlide iframe{
    min-height:clamp(250px,var(--pas)*250,400px);
  }
}
@media (max-width:479px){
  .ArticleMediaSlide{
    height:clamp(240px,var(--pas)*240,319px);
  }
  .ArticleMediaSlide iframe{
    min-height:clamp(240px,var(--pas)*240,319px);
    width:100vw;
  }
  .ArticleMediaSlide video{
    max-width:100vw;
  }
}


/* RECENT POSTS ARROWS */
.ArticleMediaSlider .carousel-arrows{
  z-index:9;
}
.ArticleMediaSlider .carousel-arrow-prev{
  left:var(--space);
}
.ArticleMediaSlider .carousel-arrow-next{
  right:var(--space);
}