﻿/* Общие стили slick */

.slick-list.draggable {
  cursor: grab;
}

.slick-track {
  transition: all 0.3s ease;
}

/* Стили для WMBSC[b-ym8nfzch4d] */

.WMBSC[b-ym8nfzch4d] .slick-slide {
  height: inherit;
}

.WMBSC[b-ym8nfzch4d] .slick-arrow {
  position: absolute;
  border: none;
  font-size: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translateY(-50%);
  box-shadow: none;
  cursor: pointer;
  z-index: 90;
  width: 40px;
  height: 40px;
  border-radius: 4px;
}

.WMBSC[b-ym8nfzch4d] .slick-prev:before,
.WMBSC[b-ym8nfzch4d] .slick-next:before {
  content: "";
}

.WMBSC[b-ym8nfzch4d] .slick-arrow.slick-disabled {
  filter: invert(92%) sepia(65%) saturate(0%) hue-rotate(177deg) brightness(103%) contrast(70%);
  cursor: default;
  display: none !important;
}

.WMBSC[b-ym8nfzch4d] .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.WMBSC[b-ym8nfzch4d] .slick-dots {
  margin-top: 15px;
  display: none;
}

  .WMBSC[b-ym8nfzch4d] .slick-dots li,
  .WMBSC[b-ym8nfzch4d] .slick-dots li button {
    width: 10px;
    height: 10px;
  }

    .WMBSC[b-ym8nfzch4d] .slick-dots li button {
      background-color: #d9d9d9;
    }

    .WMBSC[b-ym8nfzch4d] .slick-dots li.slick-active button {
      background-color: #1d1e1c;
      opacity: 1;
    }

/* Стили для event-slider */

.event-slider .WMBSC[b-ym8nfzch4d] .slick-prev,
.news-slider .WMBSC[b-ym8nfzch4d] .slick-prev {
  left: calc(100% - 14.95vw);
  top: -36px;
  background-image: url(../../v2/images/buttons/sl-arrow-right.svg);
}

.event-slider .WMBSC[b-ym8nfzch4d] .slick-next,
.news-slider .WMBSC[b-ym8nfzch4d] .slick-next {
  right: 10.4vw;
  top: -36px;
  background-image: url(../../v2/images/buttons/sl-arrow-left.svg);
}

.event-slider .WMBSC[b-ym8nfzch4d] .slick-slide {
  margin: 20px 20px 0 20px;
}

.event-slider .WMBSC[b-ym8nfzch4d] .slick-slider {
  padding: var(--padding);
  padding-right: 0;
}

.event-slider .WMBSC[b-ym8nfzch4d] .slick-list {
  margin: 0;
}

.event-slider .WMBSC[b-ym8nfzch4d] .slick-slider div {
  transition: none;
}

/* Стили для news-slider */

.news-slider .WMBSC[b-ym8nfzch4d] .slick-prev {
  left: calc(100% - 14.95vw);
  top: -16px;
  background-image: url(../../v2/images/buttons/sl-arrow-right.svg);
}

.news-slider .WMBSC[b-ym8nfzch4d] .slick-next {
  right: 10.4vw;
  top: -16px;
  background-image: url(../../v2/images/buttons/sl-arrow-left.svg);
}

.news-slider .WMBSC[b-ym8nfzch4d] .slick-slide {
  margin: 20px;
}

.ap-publications-block .news-slider .WMBSC[b-ym8nfzch4d] .slick-slide {
  margin-top: 32px;
}

.news-slider .WMBSC[b-ym8nfzch4d] .slick-list {
  margin-top: -20px;
}

.ap-publications-block .news-slider .WMBSC[b-ym8nfzch4d] .slick-list {
  margin-top: -32px;
}

.news-slider .WMBSC[b-ym8nfzch4d] .slick-slider {
  padding: 0 40px;
  padding-right: 0;
}

.ap-publications-block .aside-slider .news-slider .WMBSC[b-ym8nfzch4d] .slick-slider {
  padding: var(--padding);
  padding-right: 0;
}

.aside-slider .news-slider .WMBSC[b-ym8nfzch4d] .slick-slider {
  padding-left: var(--gap-for-aside-slider);
  padding-right: 0;
}

.news-slider .WMBSC[b-ym8nfzch4d] .slick-slider div {
  transition: none;
}

/* Стили для m-entry-gallery-slider */

.m-entry-gallery-slider .WMBSC[b-ym8nfzch4d] .slick-prev {
  left: 16px;
  top: 50%;
  background-image: url(../../v2/images/buttons/sl-arrow-right.svg);
  background-size: 40px;
  height: 40px;
  width: 40px;
  z-index: 2;
}

.m-entry-gallery-slider .WMBSC[b-ym8nfzch4d] .slick-next {
  right: 16px;
  top: 50%;
  background-image: url(../../v2/images/buttons/sl-arrow-left.svg);
  background-size: 40px;
  height: 40px;
  width: 40px;
  z-index: 2;
}

.m-entry-gallery-slider .WMBSC[b-ym8nfzch4d] .slick-slide {
  margin: 20px 20px 0 20px;
}

.m-entry-gallery-slider .WMBSC[b-ym8nfzch4d] .slick-slider {
  padding: 0;
  padding-right: 0;
}


.m-entry-gallery-slider .WMBSC[b-ym8nfzch4d] .slick-list {
  margin: 0;
  margin-top: -20px; /* возможно конфликт, см. ниже */
}

.m-entry-gallery-slider .m-entry-gallery-slide {
  width: 900px;
}

.m-entry-gallery-slider .WMBSC[b-ym8nfzch4d] .slick-slider div {
  transition: none;
}

/* Стили для cosmos-slider */

/* для того чтобы работал draggable у слайдера */

.aside-slider .news-slider .WMBSC[b-ym8nfzch4d] .slick-slider {
  padding-left: var(--gap-for-aside-slider);
  /* добавляется отступ слева, чтобы влезала навигация + потом ширина навигации + отступ между навигацией и слайдером */
  padding-right: 0;
}

.event-slider .WMBSC[b-ym8nfzch4d] .slick-list {
  margin: 0;
}

.event-slider .WMBSC[b-ym8nfzch4d] .slick-slider div {
  transition: none;
}

.news-slider .WMBSC[b-ym8nfzch4d] .slick-slider div {
  transition: none;
}

/* MainEvents */
.event-card {
  width: 38vw;
  height: 548px;
}

/* MainMediaCenter */

.news-card {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  background: #FFFFFF;
  width: 18vw;
  height: fit-content;
}

.news-cover {
  height: 230px;
}

/* MainCosmosNews */

.cosmos-slider .WMBSC[b-ym8nfzch4d] .slick-slider {
  padding-left: 60px;
}

.cosmos-slider .WMBSC[b-ym8nfzch4d] .slick-list {
  margin: 0;
}

.cosmos-slider .WMBSC[b-ym8nfzch4d] .slick-slide {
  margin: 20px;
}

.cosmos-slider .WMBSC-content.slick-initialized.slick-slider {
  padding: 0 calc(var(--margin-left) - 20px);
}

.cosmos-card {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  background: #FFFFFF;
  width: 38vw;
  height: fit-content;
}

  .cosmos-card > a > .n-inf {
    padding: 8px 24px 16px 24px;
    min-height: 103px;
  }

.cosmos-news-cover {
  /*height: 320px;*/
  display: block;
}

/* Стили для coming-events и coming-events-big */

.coming-events .WMBSC[b-ym8nfzch4d] .slick-slider,
.coming-events-big .WMBSC[b-ym8nfzch4d] .slick-slider {
  padding: 0;
}

.coming-events .WMBSC[b-ym8nfzch4d] .slick-next,
.coming-events-big .WMBSC[b-ym8nfzch4d] .slick-next {
  right: 0;
  top: calc(100% + 30px);
  background-image: url(../../v2/images/buttons/sl-arrow-left.svg);
}

.coming-events .WMBSC[b-ym8nfzch4d] .slick-prev {
  left: 264px;
  top: calc(100% + 30px);
  background-image: url(../../v2/images/buttons/sl-arrow-right.svg);
}

.coming-events-big .WMBSC[b-ym8nfzch4d] .slick-prev {
  left: 656px;
  top: calc(100% + 30px);
  background-image: url(../../v2/images/buttons/sl-arrow-right.svg);
}

.coming-events .WMBSC[b-ym8nfzch4d] .slick-slider div,
.coming-events-big .WMBSC[b-ym8nfzch4d] .slick-slider div {
  transition: none;
}

.coming-events-big .event-coming {
  width: 740px;
}

/* Медиазапросы для coming-events и coming-events-big */

@media (max-width: 1880px) {
  .coming-events-big .WMBSC[b-ym8nfzch4d] .slick-prev {
    left: 87%;
    top: calc(100% + 30px);
    background-image: url(../../v2/images/buttons/sl-arrow-right.svg);
  }
}

@media (max-width: 1620px) {
  .coming-events-big .event-coming {
    width: 36vw;
  }

  .coming-events .WMBSC[b-ym8nfzch4d] .slick-prev {
    left: 70%;
    top: calc(100% + 30px);
    background-image: url(../../v2/images/buttons/sl-arrow-right.svg);
  }

  .coming-events-big .WMBSC[b-ym8nfzch4d] .slick-prev {
    left: 85%;
    top: calc(100% + 30px);
    background-image: url(../../v2/images/buttons/sl-arrow-right.svg);
  }
}

@media (max-width: 1520px) {
  .coming-events-big .WMBSC[b-ym8nfzch4d] .slick-prev {
    left: 82%;
    top: calc(100% + 30px);
    background-image: url(../../v2/images/buttons/sl-arrow-right.svg);
  }
}

@media (max-width: 1300px) {
  .coming-events-big .event-coming {
    width: 37vw;
  }

  .coming-events-big .WMBSC[b-ym8nfzch4d] .slick-prev {
    left: 80%;
    top: calc(100% + 30px);
    background-image: url(../../v2/images/buttons/sl-arrow-right.svg);
  }
}

@media (max-width: 1130px) {
  .coming-events-big .WMBSC[b-ym8nfzch4d] .slick-prev {
    left: 75%;
    top: calc(100% + 30px);
    background-image: url(../../v2/images/buttons/sl-arrow-right.svg);
  }
}

@media (max-width: 1024px) {
  .coming-events .WMBSC[b-ym8nfzch4d] .slick-prev,
  .coming-events-big .WMBSC[b-ym8nfzch4d] .slick-prev {
    left: 85%;
  }
}

@media (max-width: 800px) {
  .coming-events .WMBSC[b-ym8nfzch4d] .slick-prev,
  .coming-events-big .WMBSC[b-ym8nfzch4d] .slick-prev {
    left: 80%;
  }
}

@media (max-width: 700px) {
  .coming-events .WMBSC[b-ym8nfzch4d] .slick-prev,
  .coming-events-big .WMBSC[b-ym8nfzch4d] .slick-prev {
    left: 77%;
  }
}

@media (max-width: 620px) {
  .coming-events .WMBSC[b-ym8nfzch4d] .slick-prev,
  .coming-events-big .WMBSC[b-ym8nfzch4d] .slick-prev {
    left: 75%;
  }
}

@media (max-width: 380px) {
  .coming-events-big .WMBSC[b-ym8nfzch4d] .slick-prev {
    left: 68%;
    top: calc(100% + 30px);
    background-image: url(../../v2/images/buttons/sl-arrow-right.svg);
  }
}

@media (max-width: 350px) {
  .coming-events .WMBSC[b-ym8nfzch4d] .slick-prev,
  .coming-events-big .WMBSC[b-ym8nfzch4d] .slick-prev {
    left: 66%;
  }
}

/* Карточки и обложки */

.event-card {
  width: 38vw;
  height: 548px;
}

.news-card {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  background: #FFFFFF;
  width: 18vw;
  height: fit-content;
}

.news-cover {
  /*height: 230px;*/
}

.cover {
  width: 100%;
  object-fit: cover;
}

/* Дублирование cursor: pointer в .slick-prev и .slick-next */
.WMBSC[b-ym8nfzch4d] .slick-prev,
.WMBSC[b-ym8nfzch4d] .slick-next {
  cursor: pointer;
}

/* Повторяющиеся свойства height, width, z-index в m-entry-gallery-slider .slick-prev и .slick-next */
.m-entry-gallery-slider .WMBSC[b-ym8nfzch4d] .slick-prev,
.m-entry-gallery-slider .WMBSC[b-ym8nfzch4d] .slick-next {
  height: 40px;
  width: 40px;
  z-index: 2;
  background-size: 40px;
}

/* Повторяющиеся padding-right: 0; в нескольких местах */

/* Комментарии и закомментированный код */
/*
.event-slider .WMBSC[b-ym8nfzch4d] .slick-slider > .slick-list > .slick-track:first-child:has(.slick-active) {
  padding-left: calc(9vw - 10px);
}
*/

/*
.coming-events .event-coming {
  width: 350px;
}
*/

/*
@media (max-width: 480px) {
  .coming-events-big .event-coming {
    width: 90vw;
  }

  .coming-events-nav-mobile .coming-events .event-coming {
    width: 90vw;
  }
}
*/

/*
.coming-events .event-coming {
  width: 300px;
}
*/

/*
.coming-events-big .event-coming {
  width: 80vw;
}

.coming-events-nav-mobile .coming-events .event-coming {
  width: 80vw;
}
*/
