/* event list */
.gkmb__oneforall.-eventlist {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3px;
  overflow: hidden;
  border-radius: var(--b-radius-l);

  & .oneforall__event {
    padding: 3rem 1.2rem;
    background: rgb(var(--c-neutral-lighter));
    text-align: center;

    & .event__date {
      font-size: var(--f-size-l-3);
      font-family: var(--f-family-2);
      color: rgb(var(--c-primary-light));
      text-transform: uppercase;
      margin-bottom: 1rem;
      line-height: 110%;
    }

    & .event__name {
      font-size: var(--f-size-l-2);
      font-family: var(--f-family-2);
      font-weight: var(--f-weight-b);
      color: rgb(var(--c-neutral-darker));
      text-transform: uppercase;
    }

    & .event__links {
      display: flex;
      grid-gap: 1rem;
      gap: 1rem;
      margin-top: 1rem;
      justify-content: center;

      & .event__link {
        color: rgb(var(--c-neutral-dark));
        text-transform: uppercase;
        font-family: var(--f-family-2);
        font-size: var(--f-size-l-1);

        &::before {
          content: '\f061';
          font-family: 'FaRegular', sans-serif;
          font-size: var(--f-size-s-2);
          margin-right: .2rem;
        }
      }
    }
  }
}

.content > .frame:nth-child(2n) {
  & .gkmb__oneforall.-eventlist {
    & .oneforall__event {
      background: rgb(var(--c-neutral-lightest));
    }
  }
}

/* area today */
.gkmb__oneforall.-today {
  line-height: 130%;

  & .subarea__title {
    color: rgb(var(--c-primary));
  }
}

/* area week */
.gkmb__oneforall.-weeks {
  & .week__table {
    & tr:first-child  {
      & th:first-child {
        border-top-left-radius: var(--b-radius-l);
      }
      & th:last-child {
        border-top-right-radius: var(--b-radius-l);
      }
    }
    & tr:last-child  {
      & td:first-child {
        border-bottom-left-radius: var(--b-radius-l);
      }
      & td:last-child {
        border-bottom-right-radius: var(--b-radius-l);
      }
    }
  }
}

@media (hover: hover) {
  .gkmb__oneforall.-eventlist {
    & .oneforall__event {
      & .event__links {
        & .event__link:hover {
          color: rgb(var(--c-primary));
        }
      }
    }
  }
}

@media (min-width: 720px) {
  .gkmb__oneforall.-eventlist {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1140px) {
  .gkmb__oneforall.-eventlist {
    grid-template-columns: repeat(4, 1fr);
  }
}