/*
 * Original Design Specifications
 * Target: > 1800px
 * Test Resolution: 1920 x 1080
 */
:root {
  /* Consortium Header */
  --page-consortium-header-min-height: 130rem;
  --page-consortium-section-heading-margin-bottom: 4rem;

  /* Sticky Notes */
  --page-consortium-sticky-note-dimensions: 32rem;
  --page-consortium-sticky-note-padding: 5rem;
  --page-consortium-sticky-note-label-font-size: 3rem;

  --page-consortium-sticky-note-left-1-top: 77.5rem;
  --page-consortium-sticky-note-left-1-right: 25rem;

  --page-consortium-sticky-note-left-2-top: 10rem;
  --page-consortium-sticky-note-left-2-right: 35rem;

  --page-consortium-sticky-note-left-3-top: 50rem;
  --page-consortium-sticky-note-left-3-right: 45rem;

  --page-consortium-sticky-note-left-4-top: 90rem;
  --page-consortium-sticky-note-left-4-right: 0;

  --page-consortium-sticky-note-right-1-top: 10rem;
  --page-consortium-sticky-note-right-1-left: 45rem;

  --page-consortium-sticky-note-right-2-top: 70rem;
  --page-consortium-sticky-note-right-2-left: 35rem;

  --page-consortium-sticky-note-right-3-top: 40rem;
  --page-consortium-sticky-note-right-3-left: 43rem;

  /* Participating Institutes */
  --page-consortium-participating-institutes-margin-bottom: 16rem;

  /* Disciplines and Members */
  --page-consortium-disciplines-and-members-margin-bottom: 28rem;
  --page-consortium-disciplines-and-members-list-flex-direction: row;
  --page-consortium-disciplines-and-members-list-gap: calc(
    var(--layout-gap-basis) * 0.75
  );
  --page-consortium-disciplines-and-members-sublist-heading-margin-bottom: calc(
    var(--layout-gap-basis) * 0.5
  );
  --page-consortium-disciplines-and-members-sublist-font-size: var(
    --typography-content-text-font-size
  );

  /* International Advisory Board */
  --page-consortium-advisory-list-column-count: 2;
  --page-consortium-advisory-list-item-padding: 1.5rem 2.5rem 2.25rem 2.5rem;
  --page-consortium-advisory-list-item-flex-direction: column;
  --page-consortium-advisory-list-item-name-font-size: 2.2rem;
  --page-consortium-advisory-icon-margin-top: 0.7rem;
  --page-consortium-advisory-list-item-spacing: 2rem;
  --page-consortium-advisory-sticky-note-dimensions: 27.5rem;
  --page-consortium-international-advisory-board-light-box-sticky-note-display: flex;
}

/*
 * 2XL Media Query (1536px)
 * Target: 1799px > 1536px
 * Test Resolution: 1536 x 864
 */
@media screen and (max-width: 1799px) {
  :root {
    --page-consortium-header-min-height: 95rem;
    --page-consortium-section-heading-margin-bottom: 3.5rem;
    --page-consortium-sticky-note-dimensions: 22rem;
    --page-consortium-sticky-note-padding: 3rem;
    --page-consortium-sticky-note-label-font-size: 2.2rem;

    --page-consortium-sticky-note-left-1-top: 55rem;
    --page-consortium-sticky-note-left-1-right: 32.5rem;

    --page-consortium-sticky-note-left-2-top: 10rem;
    --page-consortium-sticky-note-left-2-right: 42.5rem;

    --page-consortium-sticky-note-left-3-top: 40rem;
    --page-consortium-sticky-note-left-3-right: 42.5rem;

    --page-consortium-sticky-note-left-4-top: 62.5rem;
    --page-consortium-sticky-note-left-4-right: 12.5rem;

    --page-consortium-sticky-note-right-1-top: 10rem;
    --page-consortium-sticky-note-right-1-left: 45rem;

    --page-consortium-sticky-note-right-2-top: 50rem;
    --page-consortium-sticky-note-right-2-left: 35rem;

    --page-consortium-sticky-note-right-3-top: 30rem;
    --page-consortium-sticky-note-right-3-left: 43rem;

    --page-consortium-participating-institutes-margin-bottom: 14rem;
    --page-consortium-disciplines-and-members-margin-bottom: 24rem;
    --page-consortium-advisory-list-item-padding: 1.25rem 2rem 2rem 2rem;
    --page-consortium-advisory-list-item-name-font-size: 2rem;
    --page-consortium-advisory-icon-margin-top: 0.6rem;
    --page-consortium-advisory-list-item-spacing: 1.5rem;
    --page-consortium-advisory-sticky-note-dimensions: 24rem;
  }
}

/*
 * XL Media Query (1280px)
 * Target: 1535px > 1280px
 * Test Resolution: 1280 x 720
 */
@media screen and (max-width: 1535px) {
  :root {
    --page-consortium-header-min-height: 80rem;
    --page-consortium-section-heading-margin-bottom: 3rem;
    --page-consortium-sticky-note-dimensions: 17rem;
    --page-consortium-sticky-note-padding: 3.5rem;
    --page-consortium-sticky-note-label-font-size: 1.8rem;

    --page-consortium-sticky-note-left-1-top: 50rem;
    --page-consortium-sticky-note-left-1-right: 22.5rem;

    --page-consortium-sticky-note-left-2-top: 10rem;
    --page-consortium-sticky-note-left-2-right: 35rem;

    --page-consortium-sticky-note-left-3-top: 40rem;
    --page-consortium-sticky-note-left-3-right: 35rem;

    --page-consortium-sticky-note-left-4-top: 55.5rem;
    --page-consortium-sticky-note-left-4-right: 6.5rem;

    --page-consortium-sticky-note-right-1-top: 10rem;
    --page-consortium-sticky-note-right-1-left: 37.5rem;

    --page-consortium-sticky-note-right-2-top: 45rem;
    --page-consortium-sticky-note-right-2-left: 32.5rem;

    --page-consortium-sticky-note-right-3-top: 27.5rem;
    --page-consortium-sticky-note-right-3-left: 35rem;

    --page-consortium-participating-institutes-margin-bottom: 12rem;
    --page-consortium-disciplines-and-members-margin-bottom: 20rem;
    --page-consortium-advisory-list-item-padding: 1.25rem 1.75rem 1.75rem
      1.75rem;
    --page-consortium-advisory-list-item-name-font-size: 1.9rem;
    --page-consortium-advisory-icon-margin-top: 0.5rem;
    --page-consortium-advisory-list-item-spacing: 1.4rem;
    --page-consortium-advisory-sticky-note-dimensions: 18rem;
  }
}

/*
 * L Media Query (1024px)
 * Target: 1279px > 1024px
 * Test Resolution: 1024 x 768
 */
@media screen and (max-width: 1279px) {
  :root {
    --page-consortium-header-min-height: 72.5rem;
    --page-consortium-section-heading-margin-bottom: 2.5rem;
    --page-consortium-sticky-note-dimensions: 15rem;
    --page-consortium-sticky-note-padding: 3rem;
    --page-consortium-sticky-note-label-font-size: 1.5rem;

    --page-consortium-sticky-note-left-1-top: 47.5rem;
    --page-consortium-sticky-note-left-1-right: 22.5rem;

    --page-consortium-sticky-note-left-2-top: 10rem;
    --page-consortium-sticky-note-left-2-right: 27.5rem;

    --page-consortium-sticky-note-left-3-top: 32.5rem;
    --page-consortium-sticky-note-left-3-right: 30rem;

    --page-consortium-sticky-note-left-4-top: 52.5rem;
    --page-consortium-sticky-note-left-4-right: 10rem;

    --page-consortium-sticky-note-right-1-top: 10rem;
    --page-consortium-sticky-note-right-1-left: 30rem;

    --page-consortium-sticky-note-right-2-top: 40rem;
    --page-consortium-sticky-note-right-2-left: 27.5rem;

    --page-consortium-sticky-note-right-3-top: 25rem;
    --page-consortium-sticky-note-right-3-left: 30rem;

    --page-consortium-participating-institutes-margin-bottom: 10rem;
    --page-consortium-disciplines-and-members-margin-bottom: 16rem;
    --page-consortium-advisory-list-item-padding: 1rem 1.5rem 1.5rem 1.5rem;
    --page-consortium-advisory-list-item-name-font-size: 1.8rem;
    --page-consortium-advisory-icon-margin-top: 0.3rem;
    --page-consortium-advisory-list-item-spacing: 1.25rem;
    --page-consortium-advisory-sticky-note-dimensions: 18rem;
    --page-consortium-disciplines-and-members-sublist-font-size: 1.4rem;
  }
}

/*
 * M Media Query (768px)
 * Target: 1023px > 768px
 * Test Resolution: 768 x 1024
 */
@media screen and (max-width: 1023px) {
  :root {
    --page-consortium-header-min-height: 65rem;
    --page-consortium-sticky-note-dimensions: 14rem;

    --page-consortium-sticky-note-left-2-top: 1rem;
    --page-consortium-sticky-note-left-2-right: 20.5rem;

    --page-consortium-sticky-note-left-3-top: 40.5rem;
    --page-consortium-sticky-note-left-3-right: 20rem;

    --page-consortium-sticky-note-left-1-top: 44.5rem;
    --page-consortium-sticky-note-left-1-right: 10rem;

    --page-consortium-sticky-note-left-4-top: 46.5rem;
    --page-consortium-sticky-note-left-4-right: -3rem;

    --page-consortium-sticky-note-right-1-top: 2rem;
    --page-consortium-sticky-note-right-1-left: 20rem;

    --page-consortium-sticky-note-right-3-top: 42rem;
    --page-consortium-sticky-note-right-3-left: 21rem;

    --page-consortium-sticky-note-right-2-top: 44rem;
    --page-consortium-sticky-note-right-2-left: 10.5rem;

    --page-consortium-participating-institutes-margin-bottom: 7.5rem;
    --page-consortium-disciplines-and-members-margin-bottom: 12rem;

    --page-consortium-advisory-sticky-note-dimensions: 15rem;
    --page-consortium-advisory-list-column-count: 1;
    --page-consortium-disciplines-and-members-sublist-font-size: var(
      --typography-content-text-font-size
    );
  }
}

/*
 * S Media Query (640px)
 * Target: < 767px
 * Test Resolution: 390 x 844
 */
@media screen and (max-width: 767px) {
  :root {
    /* Consortium Header */
    --page-consortium-header-min-height: 65rem;
    --page-consortium-sticky-note-dimensions: 10rem;
    --page-consortium-sticky-note-padding: 2rem;
    --page-consortium-sticky-note-label-font-size: var(
      --typography-content-text-font-size
    );
    --page-consortium-section-heading-margin-bottom: 2rem;

    /* Sticky Notes */
    --page-consortium-sticky-note-left-2-top: 1rem;
    --page-consortium-sticky-note-left-2-right: 10rem;

    --page-consortium-sticky-note-left-3-top: 45rem;
    --page-consortium-sticky-note-left-3-right: 8rem;

    --page-consortium-sticky-note-left-1-top: 49.5rem;
    --page-consortium-sticky-note-left-1-right: 0rem;

    --page-consortium-sticky-note-left-4-top: 53rem;
    --page-consortium-sticky-note-left-4-right: -10rem;

    --page-consortium-sticky-note-right-1-top: 2rem;
    --page-consortium-sticky-note-right-1-left: 10.5rem;

    --page-consortium-sticky-note-right-3-top: 42rem;
    --page-consortium-sticky-note-right-3-left: 21rem;

    --page-consortium-sticky-note-right-2-top: 45rem;
    --page-consortium-sticky-note-right-2-left: 8rem;

    /* Participating Institutes */
    --page-consortium-participating-institutes-margin-bottom: 5rem;

    /* Disciplines and Members */
    --page-consortium-disciplines-and-members-margin-bottom: 5rem;
    --page-consortium-disciplines-and-members-list-flex-direction: column;
    --page-consortium-disciplines-and-members-list-gap: 3rem;
    --page-consortium-disciplines-and-members-sublist-heading-margin-bottom: 1rem;

    /* International Advisory Board */
    --page-consortium-international-advisory-board-light-box-sticky-note-display: none;
    --page-consortium-advisory-icon-margin-top: 0.2rem;
  }
}

.page-consortium {
  overflow-x: hidden;
}

.page-consortium-header-container {
  position: relative;
}

.page-consortium-header {
  min-height: var(--page-consortium-header-min-height);
  position: relative;
  z-index: 1;
}

.page-consortium-section-heading {
  margin-bottom: var(--page-consortium-section-heading-margin-bottom);
}

.page-consortium-stickies-container {
  position: absolute;
  z-index: 0;
  top: 0;
  width: 50%;
  height: 100%;
}

.page-consortium-stickies-container.left {
  left: 0;
}

.page-consortium-stickies-container.right {
  right: 0;
}

.page-consortium-sticky-note {
  width: var(--page-consortium-sticky-note-dimensions);
  height: var(--page-consortium-sticky-note-dimensions);
  border-radius: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: var(--page-consortium-sticky-note-padding);
}

.page-consortium-stickies-container .page-consortium-sticky-note {
  position: absolute;
  top: 0;
}

.page-consortium-stickies-container.left .page-consortium-sticky-note {
  right: 0;
}

.page-consortium-header-container.right .page-consortium-sticky-note {
  left: 0;
}

.page-consortium-sticky-note,
.page-consortium-sticky-note.primary {
  background-color: var(--theme-color-accent);
}

.page-consortium-sticky-note,
.page-consortium-sticky-note.secondary {
  background-color: var(--theme-color-light-brown);
}

.page-consortium-sticky-note.image {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-consortium-sticky-note-label {
  font-size: var(--page-consortium-sticky-note-label-font-size);
  line-height: 1.2;
}

.page-consortium-stickies-container.left .sticky-note-1 {
  transform: rotate(-6deg);
  top: var(--page-consortium-sticky-note-left-1-top);
  right: var(--page-consortium-sticky-note-left-1-right);
}

.page-consortium-stickies-container.left .sticky-note-2 {
  transform: rotate(-18deg);
  top: var(--page-consortium-sticky-note-left-2-top);
  right: var(--page-consortium-sticky-note-left-2-right);
}

.page-consortium-stickies-container.left .sticky-note-3 {
  transform: rotate(12deg);
  top: var(--page-consortium-sticky-note-left-3-top);
  right: var(--page-consortium-sticky-note-left-3-right);
}

.page-consortium-stickies-container.left .sticky-note-4 {
  transform: rotate(-10deg);
  top: var(--page-consortium-sticky-note-left-4-top);
  right: var(--page-consortium-sticky-note-left-4-right);
}

.page-consortium-stickies-container.right .sticky-note-1 {
  transform: rotate(18deg);
  top: var(--page-consortium-sticky-note-right-1-top);
  left: var(--page-consortium-sticky-note-right-1-left);
}

.page-consortium-stickies-container.right .sticky-note-2 {
  transform: rotate(14deg);
  top: var(--page-consortium-sticky-note-right-2-top);
  left: var(--page-consortium-sticky-note-right-2-left);
}

.page-consortium-stickies-container.right .sticky-note-3 {
  transform: rotate(-10deg);
  top: var(--page-consortium-sticky-note-right-3-top);
  left: var(--page-consortium-sticky-note-right-3-left);
}

.page-consortium-participating-institutes {
  margin-bottom: var(--page-consortium-participating-institutes-margin-bottom);
}

.page-consortium-disciplines-and-members {
  margin-bottom: var(--page-consortium-disciplines-and-members-margin-bottom);
}

.page-consortium-disciplines-and-members-list {
  display: flex;
  align-items: flex-start;
  gap: var(--page-consortium-disciplines-and-members-list-gap);
  flex-direction: var(
    --page-consortium-disciplines-and-members-list-flex-direction
  );
}

.page-consortium-disciplines-and-members-list-item {
  display: block;
  flex: 1;
}

.page-consortium-disciplines-and-members-sublist-heading {
  font-weight: 600;
  margin-bottom: var(
    --page-consortium-disciplines-and-members-sublist-heading-margin-bottom
  );
}

.page-consortium-disciplines-and-members-sublist {
  font-size: var(--page-consortium-disciplines-and-members-sublist-font-size);
}

.page-consortium-international-advisory-board-light-box {
  padding: var(--layout-gap-basis);
  background-color: var(--theme-color-accent);
  border-radius: var(--layout-lightbox-border-radius);
  position: relative;
}

.page-consortium-international-advisory-board-list {
  column-count: var(--page-consortium-advisory-list-column-count);
  column-gap: calc(var(--layout-gap-basis));
}

.page-consortium-international-advisory-board-list-item {
  break-inside: avoid;
  padding: var(--page-consortium-advisory-list-item-padding);
  border-radius: var(--layout-lightbox-border-radius);
  border: 1px solid var(--theme-color-orange);
}

.page-consortium-international-advisory-board-list-item-link {
  display: flex;
  flex-direction: var(--page-consortium-advisory-list-item-flex-direction);
  gap: 0.5rem;
}

.page-consortium-international-advisory-board-list-item-name-and-link {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.page-consortium-international-advisory-board-list-item-name {
  font-size: var(--page-consortium-advisory-list-item-name-font-size);
}

.page-consortium-international-advisory-board-list-item-icon {
  width: 2em;
  height: 2rem;
  margin-top: var(--page-consortium-advisory-icon-margin-top);
  flex-shrink: 0;
}

.page-consortium-international-advisory-board-list-item-icon > svg > path {
  fill: var(--theme-color-orange);
}

.page-consortium-international-advisory-board-list-item
  + .page-consortium-international-advisory-board-list-item {
  margin-top: var(--page-consortium-advisory-list-item-spacing);
}

.page-consortium-international-advisory-board-light-box
  .page-consortium-sticky-note {
  display: var(
    --page-consortium-international-advisory-board-light-box-sticky-note-display
  );
  position: absolute;
  top: 0;
  right: calc(var(--layout-gap-basis) * 2.5);
  transform: translateY(-50%) rotate(-6deg);
  width: var(--page-consortium-advisory-sticky-note-dimensions);
  height: var(--page-consortium-advisory-sticky-note-dimensions);
}