@use "../colors" as c;
@use "../mixins" as m;

@use "sass:color";
.week-glance {
  .title {
    @include m.ilios-heading-h3;
    margin-bottom: 1em;

    &.collapsible {
      @include m.ilios-button-reset;
      @include m.font-size("xl");
    }
  }

  .event {
    padding: 0 0.25rem;
    margin: 1rem 0;
    border-left: 3px solid c.$lightBlue;

    &:nth-of-type(even) {
      border-left: 3px solid c.$lavenderBlush;
    }

    p {
      margin: 0;
      padding: 0;
    }

    .event-title {
      @include m.ilios-heading-h5;
      font-weight: 700;
      margin-bottom: 0;

      .date {
        font-weight: 400;
      }
    }

    .sessiontype,
    .location {
      font-style: italic;
    }

    .url {
      display: block;
      margin-left: 2em;
    }

    .instructors {
      label {
        font-weight: 600;
      }
    }
  }
}
