nb-card {
  @apply com-mx-0;
}

.event-stats {
  @apply com-min-h-[120px];
  .stats {
    @apply com-flex com-justify-evenly com-flex-wrap;
    p {
      @apply com-text-center com-text-base;
    }
    span {
      @apply com-text-2xl com-font-bold;
    }
  }
}

.event-details-container {
  .image-container {
    @apply com-my-4 com-mx-6 com-p-0;
    .event-header-delete {
      @apply com-block com-mt-2;
    }
    .event-details {
      @apply com-p-0 com-mb-2;
    }

    .no-image-path {
      @apply md:com-w-2/3 com-h-full com-flex com-flex-col com-justify-center com-items-center com-px-4 com-py-6 com-tracking-wide com-cursor-pointer com-bg-gray-100 com-rounded-md com-transition-shadow hover:com-shadow-md;
    }
  }
}

.description {
  &::ng-deep {
    a {
      @apply com-text-primary-500 #{!important};
    }
  }
}

.inner-html {
  word-break: break-word;

  ::ng-deep {
    p {
      @apply com-m-0;
    }
  }
}

.next-step-section {
  a {
    @apply com-text-lg com-font-semibold com-text-Yankees-Blue com-no-underline hover:com-text-Yankees-Blue com-ml-3 md:com-ml-0;
  }
}

.banner-image-container {
  @apply com-flex com-items-center com-h-64 com-mb-5;
}

.event-details-header {
  @apply com-flex com-items-center com-gap-6 com-mb-4;
}

.event-details-title {
  @apply com-flex com-items-center com-m-0 com-text-3xl #{!important};
}

.event-start-time {
  @apply com-flex com-items-start com-gap-2 com-m-0 com-mb-4;

  nb-icon {
    @apply com-m-0 md:com-text-xl com-text-xl com-flex-shrink-0;
  }
}

.event-description {
  @apply com-flex com-items-start com-gap-2 com-m-0;

  nb-icon {
    @apply com-m-0 md:com-text-xl com-text-xl com-flex-shrink-0;
  }
}
