/* events */
.tournament__sliderwrap {
  position: relative;
  padding: 0 40px;

  & .swiper-button-next.-tournament,
  & .swiper-button-prev.-tournament {
    color: rgb(var(--c-secondary));
    width: 25px;
  }

  & .swiper-button-next.-tournament {
    right: 0;
  }

  & .swiper-button-prev.-tournament {
    left: 0;
  }
}

.gkmb__oneforall.-eventlist {
  display: block;
  padding-top: 2rem;

  & .oneforall__event {
    position: relative;
    background-color: rgb(var(--c-neutral-lighter));
    text-align: center;
    border-radius: var(--b-radius);
    border-bottom: 2px solid transparent;
    height: auto;
  }

  & .event__date {
    position: absolute;
    top: -2rem;
    left: 50%;
    transform: translateX(-50%);
    color: rgb(var(--c-neutral-lightest));
    background-color: rgb(var(--c-secondary));
    border: 5px solid rgb(var(--c-neutral-lightest));
    border-radius: 30px;
    line-height: 1.2;
    height: 55px;
    width: 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  & .event__name {
    color: rgb(var(--c-primary));
    font-weight: var(--f-weight-m);
    margin-top: 2.5rem;
  }

  & .date__day {
    font-weight: var(--f-weight-m);
    font-size: var(--f-size-l-1);
  }

  & .date__month {
    font-size: var(--f-size-s-3);
    text-transform: uppercase;
    font-weight: var(--f-weight-m);
  }

  & .date__month {
    font-size: var(--f-size-s-3);
    text-transform: uppercase;
    font-weight: var(--f-weight-m);
  }

  & .event__links {
    margin-bottom: 0.5rem;
  }

  & .event__link::after {
    content: "\f054";
    font-family: "FaLight", sans-serif;
    color: rgb(var(--c-primary));
    font-size: var(--f-size-s-3);
  }

  & .event__info {
    margin: 1rem 0 1rem 0;
  }
}

@media (hover: hover) {
  .gkmb__oneforall.-eventlist .oneforall__event:hover .event__date {
    background-color: rgb(var(--c-primary));
    border: 4px solid rgb(var(--c-secondary));
  }

  .gkmb__oneforall.-eventlist .oneforall__event:hover {
    border-bottom: 2px solid rgb(var(--c-primary));
  }
}

/* =============================================================================
   Media Queries
   ========================================================================== */
@media (min-width: 1580px) {
  /* Event list */
  .tournament__sliderwrap {
    padding: 0;

    & .swiper-button-next.-tournament {
      right: -60px;
    }

    & .swiper-button-prev.-tournament {
      left: -60px;
    }
  }
}
