.base-layout {
  @apply com-pb-8 com-pt-4;
  .container {
    .details-section {
      @apply com-mx-0 com-mt-0;
      nb-card-body {
        @apply com-flex com-justify-between com-items-center;
        .details {
          @apply com-flex com-flex-col;
          .event-name {
            @apply com-text-Yankees-Blue com-text-4xl com-font-bold com-m-0 com-mb-4;
          }
        }
        // .social-links {
        //   @apply com-flex com-gap-6 com-items-center;
        //   a {
        //     @apply com-text-xl com-w-9 com-h-9 com-grid com-items-center com-justify-center com-border com-border-solid com-border-Bright-Gray com-rounded-lg com-text-primary-500 hover:com-shadow;
        //   }
        // }
      }
    }
    // .community-badge {
    //   @apply md:com-mb-2 com-mb-3 md:com-mx-0 com-mx-3;
    // }
    .no-header-image {
      @apply com-bg-white md:com-pl-[42px] md:com-py-[42px] com-px-4 com-py-7 md:com-pr-4 com-p-0 com-rounded-t-[10px] com-border com-border-solid com-border-Bright-Gray com-border-b-0;

      h2 {
        @apply com-m-0 md:com-text-[32px] com-text-2xl com-text-Yankees-Blue;
      }
    }

    .event-header-image {
      @apply com-m-0;
    }

    .home-event-menu {
      @apply com-sticky com-top-14 com-z-10 com-m-0 com-rounded-t-none md:com-rounded-b-[10px] com-rounded-b-none;

      nb-card-body {
        @apply com-px-0;

        nb-actions {
          nb-icon {
            @apply com-text-xl;
          }

          span {
            a {
              @apply com-no-underline com-text-base com-ml-2 com-font-semibold com-text-Yankees-Blue;
            }
          }
        }
      }
    }

    .two-column-layout {
      .home-event-discussion {
        @apply com-mx-0 md:com-rounded-[10px] com-rounded-none;
        nb-card-header {
          @apply com-py-4 md:com-px-6 com-px-4 com-flex com-items-center com-justify-between;
          .title {
            @apply com-flex com-m-0 com-items-center;
            a {
              @apply md:com-font-semibold com-font-bold com-no-underline com-text-Yankees-Blue;
              nb-icon {
                @apply com-mr-1;
              }
            }
          }
        }
        nb-card-body {
          @apply com-p-0;
          overflow: initial;
        }
      }

      nb-card {
        @apply com-mb-0 com-mx-0 md:com-ml-4 com-ml-0 md:com-rounded-[10px] com-rounded-none com-flex md:com-sticky md:com-top-32;
        .event-date-time {
          @apply com-p-0;
          .event-date,
          .event-timing,
          .event-type {
            @apply com-flex com-flex-row com-m-0 com-pb-4 com-items-center;
          }

          .event-timing,
          .event-type {
            @apply com-pt-4 com-border-0 com-border-t com-border-solid com-border-Bright-Gray;
          }
        }

        .attending-members {
          @apply com-py-3 com-border-0 com-border-t com-border-solid com-border-Bright-Gray;
        }

        .view-attended-members-button {
          @apply com-pt-4 com-border-0 com-border-t com-border-solid com-border-Bright-Gray;
        }
      }

      app-messages {
        @apply com-block com-h-96;
      }
    }
  }
}

.event-date-time-container {
  @apply com-p-6;
}

.event-date-icon,
.event-timing-icon,
.event-type-icon {
  @apply com-flex com-items-center com-justify-center com-h-6 com-w-6 com-flex-shrink-0 com-mr-3 com-text-Cadet-Grey;
}

.event-date-text,
.event-timing-text,
.event-type-text {
  @apply com-text-base com-font-semibold com-text-Yankees-Blue com-m-0;
}

.mobile-register-button {
  @apply com-fixed com-bottom-[68px] com-left-0 com-right-0 com-p-4 com-bg-white com-border-t com-border-solid com-border-Bright-Gray com-z-50 com-shadow-md;
}
