.muy-events {
  .container {
    > div {
      > div:last-child {
        .teaser-event {
          @apply border-b-0;
        }
      }
    }

    .teaser-event {
      header {
        @apply mt-6 mb-4;
      }

      .teaser-content {
        .category-link {
          &:not(:first-child)::before {
            content: " | ";
          }
        }
      }
    }
  }
}

.teaser-event {
  @apply
    flex
    h-full
    flex-col
    max-w-2xl
    border-b-0
    px-4
    border-gray-200
    mb-10;

  .teaser-title {
    @apply text-xl
      font-semibold;
  }

  .teaser-content {
    .teaser-info {
      > :not(:first-child) {
        &::before {
          content: " | ";
        }
      }
    }
  }

  &.event-single-column {
    @apply
      flex-col
      max-w-full;

    @screen md {
      @apply
        flex-row
        items-center
        justify-center;
    }

    .teaser-content {
      @apply
        w-full;

      @screen md {
        width: 55%;
      }
    }

    .figure-wrapper {
      @screen md {
        @apply
          pr-16
          w-full;
      }
    }

    h2 {
      @apply
        text-4xl
        font-medium;
    }
  }

  &.event-multi-column {
    @apply mb-16;
  }

  .entry-summary {
    @apply
      mb-6
      max-w-xl
      font-normal;

    font-size: 15px;
  }

  h2 {
    @apply
      text-2xl
      font-medium;
  }

  .updated {
    @apply
      text-sm
      inline-block
      border
      mb-4;

    padding: 0.5rem 24px;
  }

  figure {
    @apply
      mb-6
      bg-gray-100
      overflow-hidden
      w-full
      rounded-xl;

    max-height: 300px;

    img {
      @apply w-full
        h-full
        object-cover
        object-center;
    }
  }

  a.cta-event {
    padding: 10px 20px;
  }
}

.tribe-events-meta-group-details {
  width: 100% !important;
  margin: 0 0 16px 0 !important;

  dl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 0;

    @media screen and (max-width: 740px) {
      grid-template-columns: 1fr;
    }
  }
}

.meta-container {
  dd,
  dt {
    color: #23242b;
    margin: 0 !important;
  }
}

.tribe-events-single-section-title {
  @apply font-bold;
}

.tribe-block__venue {
  padding: 0 !important;
  border: 0;

  &__name {
    h3 {
      font-weight: 700 !important;
      font-size: 16px !important;
      color: #23242b !important;
    }
  }

  &__address {
    span {
      color: #23242b !important;
    }
  }
}

.tribe-events.tribe-common {
  svg {
    @apply hidden;

    &.tribe-common-c-svgicon {
      path {
        fill: #fff !important;
      }
    }
  }

  .tribe-events-c-subscribe-dropdown__button {
    @apply
      bg-black
      cursor-pointer
      rounded-lg
      p-2;

    button {
      @apply text-white;
    }
  }
}
