[data-component-id="iaapa:event-time"] {
}

/*
Much of this is to style the datetimes on Event node pages without having
to update/rewrite a bunch of .scss in the IAAPA theme.
 */
.page-node-type-event {
  .event-page__hero__meta {
    div[data-component-id="iaapa:event-time"] {
      margin-bottom: 36px;
      .event-date, .event-time {
        margin-bottom: 0;
        font-weight: 400;
      }
      .event-card__date-time__time {
        font-size: 24px;
      }
      span.tooltip-info:hover,
      span.tooltip-info {
        background-image: url(../../../img/icons/info-2-fill--navy.svg);
      }
    }
  }
  .details {
    div[data-component-id="iaapa:event-time"] {
      .event-card__date-time__time,
      .event-date, .event-time {
        color: rgba(0, 0, 0, 0.7);
        font-size: 20px;
        font-weight: 400;
      }
      span.tooltip-info {
      }
    }
  }
}

.view-events, .view-events-calendar {
  div[data-component-id="iaapa:event-time"] {
    color: rgba(0, 0, 0, 0.7);
    /*margin-top: -12px; !* To cancel out the 12px gap in .event-card__meta *!*/
    .event-date, .event-time {
      font-size: unset;
      font-weight: 400;
      line-height: unset;
      margin-bottom: unset;
      -webkit-text-decoration-skip-ink: unset;
      text-decoration-skip-ink: unset;
      text-underline-position: unset;
    }
  }
}