/* stylelint-disable */
/* stylelint-disable max-line-length */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-sm-s: 760px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.events-layout {
  display: flex;
  justify-content: space-between;
  gap: 65px;
  margin: 120px 0 150px;
}
@media (max-width: 768px) {
  .events-layout {
    margin: 60px 0;
  }
}
@media (max-width: 1280px) {
  .events-layout {
    gap: 32px;
  }
}
.section .events-layout {
  margin: 0;
}
@media (max-width: 768px) {
  .events-layout {
    flex-direction: column;
  }
}
.events-layout__content {
  min-width: 350px;
}
@media (max-width: 1024px) {
  .events-layout__content {
    min-width: 250px;
  }
}
.events-layout__list {
  width: 100%;
}

.event-item {
  padding: 24px 0 20px;
  display: flex;
  gap: 24px;
  border-top: 1px solid var(--sk-color-nine);
}
.event-item:last-child {
  border-bottom: 1px solid var(--sk-color-nine);
}
.event-item a::after {
  display: none;
}
.event-item a:hover .event-item__title {
  color: var(--sk-color-primary);
}
.event-item__date {
  width: 90px;
}
.event-item__date .month {
  display: flex;
  gap: 12px;
}
.event-item__date .sk-text--h6 {
  color: var(--sk-color-one);
  font-weight: 400;
  letter-spacing: 0;
}
.event-item__title {
  margin-bottom: 5px;
  transition: color 0.3s ease;
  font-weight: 400;
  letter-spacing: 0;
}
.event-item__location, .event-item__time {
  color: var(--sk-color-eight);
}
.event-item__separator {
  color: var(--sk-color-eight);
  display: inline-block;
  margin: 0 5px;
}