.wp-block-ucla-wordpress-plugin-card-event {
  .ucla-card.ucla-card__event {
    .ucla-card__event-image {
      max-width: 100%;
    }
    .ucla-card__event-body {
      display: flex;
      gap: 1rem;
      padding: 1.5rem;

      .ucla-card__event-date {
        font-weight: bold;
        text-align: center;

        .ucla-card__event-month {
          font-size: 1.25rem;
          display: block;
        }
        .ucla-card__event-day {
          font-size: 2.25rem;
          display: block;
        }
      }
      .ucla-card__title {
        font-size: 1.5rem;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 1rem;
        color: #00598c;
        > a {
          font-size: 1.5rem;
          font-weight: bold;
          color: #00598c;

          &:hover,
          &:focus {
            color: #0079bf;
          }
          &:active {
            color: #003b5c;
          }
        }
      }
      .ucla-card__event-content {
        width: 100%;
      }
      .ucla-card__event-time,
      .ucla-card__event-location {
        display: flex;
        align-items: center;
      }

      .ucla-card__event-time span,
      .ucla-card__event-location span {
        font-size: 0.75rem;
        font-weight: bold;
        color: #666;
      }

      .ucla-card__event-time svg,
      .ucla-card__event-location svg {
        margin-right: 10px;
      }

      .ucla-card__event-time {
        margin-bottom: 6px;
      }
      .ucla-card__event-location {
        margin-bottom: 1rem;
      }
    }
  }
}

.event-editor-date > .components-datetime {
  .components-base-control {
    margin-bottom: 0;
  }
}