.alert-block {
  display: flex;
  padding: var(--Object-Spacing-spacing-12)
    var(--Structure-Spacing-margin-side-standard);
  align-items: center;
  gap: var(--Object-Spacing-spacing-24);
  align-self: stretch;
  background: linear-gradient(99deg, #084a77 15.63%, #008066 86.16%);
  color: var(--neutral-0);
  font-family: var(--franklin);
  font-size: var(--Body-Text-p-standard);
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 27.2px */
  letter-spacing: -0.25px;

  @media screen and (min-width: 1440px) {
    padding-left: calc((100% - 1240px) / 2);
    padding-right: calc((100% - 1240px) / 2);
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  a {
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    color: var(--neutral-0);
    &:hover,
    &:focus {
      color: var(--neutral-0);
      text-decoration-line: none;
    }
  }

  p {
    display: flow !important;
    margin: 0 !important;
    padding: 0;
    color: var(--neutral-0);
    @media screen and (max-width: 1439px) and (min-width: 744px) {
      padding: 0 !important;
    }
  }

  @media screen and (max-width: 743px) {
    svg {
      width: 57px;
    }
  }
}

.ASPEN .alert-block {
  background: var(
    --Main-Site-Cranberry-Gradient,
    linear-gradient(99deg, #320b2f 15.63%, #641f45 86.16%)
  );
  margin: var(--Object-Spacing-spacing-80, 80px) 0
    var(--Structure-Spacing-margin-section-bottom, 90px) 0;
  width: 100vw;
  margin-left: calc((1303px - 100vw) / 2);
  padding-inline: calc((100vw - 1303px) / 2) 32px;

  a {
    color: var(--yellow-200);
  }

  svg {
    path,
    rect {
      fill: var(--yellow-200) !important;
    }
  }
}

.ASPEN.home .alert-block {
  margin: 0;
}

.conference-homepage-header-block {
  color: var(--neutral-0);
  position: relative;
  display: flex;
  padding: var(--Object-Spacing-spacing-80) 0px var(--Object-Spacing-spacing-80)
    var(--Structure-Spacing-margin-side-standard);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--Object-Spacing-spacing-32);
  background-image: var(--conference-background);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  @media screen and (min-width: 1440px) {
    padding-left: calc((100% - 1240px) / 2);
    padding-right: calc((100% - 1240px) / 2);
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  h1 {
    color: var(--blue-110);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h1);
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 55px */
    letter-spacing: -0.25px;
  }
  .cfh-frame {
    display: flex;
    width: 952px;
    padding: 0px var(--Object-Spacing-spacing-60);
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: var(--Structure-Spacing-corner-radius-large);
    border: 2px solid var(--vibrant-conference);
    background: linear-gradient(
        0deg,
        rgba(38, 3, 89, 0.8) 0%,
        rgba(38, 3, 89, 0.8) 100%
      ),
      rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(2px);

    .cfh-frame-inner {
      display: flex;
      padding: var(--Object-Spacing-spacing-48) 0px;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-32);
      align-self: stretch;
    }
  }
  .intro {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--Object-Spacing-spacing-16);
    align-self: stretch;

    .intro-text {
      color: var(--neutral-0);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-large);
      font-style: normal;
      font-weight: 400;
      line-height: 160%; /* 30.4px */
      letter-spacing: -0.25px;
    }
  }

  .buttons {
    display: flex;
    padding-top: var(--Object-Spacing-spacing-24);
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;

    .primary-button,
    .secondary-button {
      display: flex;
      gap: 12px;
      align-items: center;
      width: 100%;
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text);
      font-style: normal;
      font-weight: 900;
      line-height: 145%;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      position: relative;
      z-index: 2;
      transition: 0.25s all;
      text-decoration: none;

      span {
        z-index: 2;
        transition: 0.25s all;
        padding-top: 2px;
        color: var(--neutral-0);
        text-decoration: none;
      }

      .button-back {
        width: 44px;
        height: 44px;
        position: absolute;
        transition: 0.25s all;
        background: #ffe4b8;
        border-radius: 60px;
      }

      svg {
        display: flex;
        width: 44px;
        height: 44px;
        padding: var(--Object-Spacing-spacing-12)
          var(--Object-Spacing-spacing-16);
        align-items: center;
        gap: var(30px);
        border-radius: 60px;
        background: var(--neutral-0);
        z-index: 2;
        transition: 0.25s all;
      }

      &:hover,
      &:focus {
        span {
          color: var(--brand-navy);
        }
        .button-back {
          width: 120%;
        }
        svg {
          background: transparent;
        }
      }
    }
  }

  .upper-highlights,
  .lower-highlights {
    display: flex;
    width: 362px;
    padding: var(--Object-Spacing-spacing-48, 48px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 975px;
    bottom: 0.5px;
    border-radius: var(--Structure-Spacing-corner-radius-large)
      var(--Structure-Spacing-corner-radius-large) 0px 0px;
    background: var(--vibrant-conference);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    @media screen and (min-width: 1440px) {
      right: calc((100% - 1240px) / 2);
      left: auto;
    }

    h3 {
      padding-top: 0;
    }

    p {
      margin: 0;
      padding: 0;
    }

    .highlight {
      display: flex;
      padding: var(--Object-Spacing-spacing-8) 0px
        var(--Object-Spacing-spacing-4) 0px;
      align-items: center;
      gap: var(--Object-Spacing-spacing-24);
      align-self: stretch;
      align-items: center;

      img {
        display: flex;
        width: 30px;
        height: 30px;
      }

      .highlight-head {
        gap: 12.5px;

        .highlight-header {
          color: var(--neutral-50);
          font-family: var(--dm-sans);
          font-size: var(--Headings-h4);
          font-style: normal;
          font-weight: 900;
          line-height: 130%; /* 18.2px */
          letter-spacing: 1px;
          text-transform: uppercase;
          @media screen and (max-width: 1325px) {
            padding-left: 0;
          }
        }

        .highlight-text {
          color: var(--neutral-0);
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-standard);
          font-style: normal;
          font-weight: 300;
          line-height: 160%; /* 27.2px */
        }
      }
    }
  }

  .lower-highlights {
    background: var(--neutral-100);
    border-radius: 0;
    bottom: -362px;
    align-items: flex-start;
    box-shadow: none;
    border: 1px solid var(--neutral-150);

    h3 {
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h3);
      font-style: normal;
      font-weight: 600;
      line-height: 130%; /* 28.6px */
      padding-bottom: var(--Object-Spacing-spacing-12);
    }

    .highlight {
      .highlight-head {
        .highlight-header {
          color: var(--brand-navy);
        }
        .highlight-text {
          color: var(--neutral-600);
          font-weight: 400;
        }
      }
    }
  }
  .highlights-image {
    display: flex;
    width: 362px;
    height: 250px;
    padding: 70px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    bottom: -608px;
    left: 975px;
    @media screen and (min-width: 1440px) {
      right: calc((100% - 1240px) / 2);
      left: auto;
    }
    img {
      border-radius: 0px 0px var(--Structure-Spacing-corner-radius-large)
        var(--Structure-Spacing-corner-radius-large);
    }
  }
}

.home .thumbnail-text-block,
.home .thumbnail-text-block-standard {
  margin: 0px;
  padding: var(--Object-Spacing-spacing-32) var(--Object-Spacing-spacing-120)
    var(--Object-Spacing-spacing-32) 0;
  /*@media screen and (max-width: 1340px) {
		margin: 0px calc(var(--Structure-Spacing-margin-side-standard) + 362px) 0px
			var(--Structure-Spacing-margin-side-standard);
	}*/
  @media screen and (min-width: 1440px) {
    padding: var(--Object-Spacing-spacing-32) var(--Object-Spacing-spacing-120)
      var(--Object-Spacing-spacing-32) calc((100% - 1240px) / 2);
  }
}

.thumbnail-text-block {
  display: flex;
  padding: var(--Object-Spacing-spacing-32) 0;
  align-items: flex-start;
  gap: var(--Structure-Spacing-column-gap);
  align-self: stretch;
  max-width: 1340px;
  margin: auto;
  /* margin-top: var(--Structure-Spacing-margin-section-bottom); */

  .thumbnail-icon {
    width: 100px;
    height: 100px;
    border-radius: var(--Structure-Spacing-corner-radius-small);
  }

  .block-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Object-Spacing-spacing-12);
    flex: 1 0 0;
    max-width: var(--Structure-Spacing-max-text-width);
    align-self: stretch;

    h2 {
      margin-top: 0;
    }

    .super-header {
      color: var(--blue-600);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    .description {
      color: var(--neutral-600);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-small);
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 21px */
      letter-spacing: -0.25px;

      a {
        color: var(--blue-600);
        text-decoration: underline;
      }

      strong {
        font-weight: 700;
      }
    }
  }
}

.thumbnail-text-block-standard {
  display: flex;
  padding: var(--Object-Spacing-spacing-32) 0;
  align-items: center;
  gap: var(--Structure-Spacing-column-gap);
  align-self: stretch;
  max-width: 1340px;
  margin: auto;

  .thumbnail-icon {
    width: 100px;
    height: 100px;
    border-radius: var(--Structure-Spacing-corner-radius-small);
  }

  .block-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*gap: var(--Object-Spacing-spacing-12);*/
    gap: 0;
    flex: 1 0 0;
    max-width: var(--Structure-Spacing-max-text-width);
    /*align-self: stretch;*/

    .super-header {
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text);
      font-style: normal;
      font-weight: 900;
      line-height: 145%; /* 15.95px */
      letter-spacing: 1.2px;
      text-transform: uppercase;
    }

    h4 {
      margin-bottom: 0;
    }

    .description {
      color: var(--neutral-600);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-standard);
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 21px */
      letter-spacing: -0.25px;

      a {
        color: var(--blue-600);
        text-decoration: underline;
      }

      strong {
        font-weight: 700;
      }
    }
  }
}

.aspen-highlight-wrapper {
  width: 700px;
  height: 150px;
  margin: var(--Object-Spacing-spacing-60) auto
    var(--Structure-Spacing-margin-section-bottom) auto;
  text-align: center;
}

.sneak-peek-agenda-block,
.agenda-day {
  display: flex;
  padding: var(--Structure-Spacing-margin-section-top)
    var(--Structure-Spacing-margin-side-standard)
    var(--Structure-Spacing-margin-section-bottom)
    var(--Structure-Spacing-margin-side-standard);
  align-items: flex-start;
  gap: var(--Structure-Spacing-column-gap);
  border-top: 6px solid var(--gradient1-conference);
  border-bottom: 6px solid var(--gradient1-conference);
  background: var(--neutral-50);
  transition: all 2s;
  @media screen and (min-width: 1440px) {
    padding-left: calc((100% - 1240px) / 2);
    padding-right: calc((100% - 1240px) / 2);
    flex-wrap: wrap;
    justify-content: center;
  }

  .agenda-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    color: var(--vibrant-conference);
    font-family: var(--dm-sans);
    font-size: var(--components-ct-as-button-text);
    font-style: normal;
    font-weight: 900;
    line-height: 145%; /* 15.95px */
    letter-spacing: 1.2px;
    max-width: 490px;

    h4.super-header {
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    h2.header {
      margin: 0;
    }

    .view-different-day {
      color: var(--brand-red);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text);
      font-style: normal;
      font-weight: 900;
      line-height: 145%; /* 15.95px */
      letter-spacing: 1.2px;
      text-transform: uppercase;
      display: flex;
      padding: var(--Object-Spacing-spacing-12, 12px) 0px;
      align-items: center;
      gap: var(--Object-Spacing-spacing-12, 12px);
      text-decoration: none;

      &:nth-child(4) {
        border-top: 1px solid var(--neutral-150);
      }

      icon {
        display: flex;
        padding: 6.3px;
        flex-direction: column;
        align-items: center;
        gap: 5.25px;
        border-radius: 21px;
        border: 1.5px solid var(--brand-red);
      }
      &:hover {
        icon {
          border-color: var(--neon-conference);
        }
      }
    }
  }

  .agenda-right {
    width: 855px;
    .session {
      display: flex;
      width: 883px;
      padding: var(--Object-Spacing-spacing-32);
      flex-direction: column;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-24);
      border-top: 1px solid var(--neutral-150);
      border-bottom: 1px solid var(--beutral-150);

      .session-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Object-Spacing-spacing-12);
      }

      h4.date {
        color: var(--vibrant-conference);
        font-family: var(--dm-sans);
        font-size: var(--Headings-h4);
        font-style: normal;
        font-weight: 900;
        line-height: 130%; /* 18.2px */
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 0;
        display: flex;
        gap: 24px;
        @media screen and (max-width: 1024px) {
          font-size: 11px;
          gap: 8px;
          letter-spacing: 0;
        }
      }

      .format {
        color: var(--neutral-600);
        font-family: var(--franklin);
        font-size: var(--components-ct-as-label);
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 16px */
        letter-spacing: 0.4px;
        text-transform: uppercase;
        span {
          padding: 0 12px;
          color: var(--neutral-300);
        }
      }
      .additional-fee {
        color: var(--brand-red);
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-button-text);
        font-style: normal;
        font-weight: 900;
        line-height: 145%; /* 15.95px */
        letter-spacing: 1.2px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 12px;
        svg {
          align-self: flex-start;
        }
      }
      .title-holder {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        cursor: pointer;
        &:hover,
        &:focus {
          color: var(--deeep-conference);
          text-decoration: underline;
          text-decoration-thickness: 0.5px;

          .accordion-icon {
            border-color: var(--neon-conference);
          }
        }

        .title {
          color: var(--neutral-800);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-card-title);
          font-style: normal;
          font-weight: 700;
          line-height: 120%; /* 24px */
          letter-spacing: -0.25px;
          flex: 1 0 0;
          padding-right: 10px;
        }
      }

      .accordion-icon {
        border-radius: 28px;
        border: 2px solid var(--blue-600);
        display: flex;
        padding: 8.4px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 7px;
        cursor: pointer;
        margin-top: -2px;
        &:after {
          content: " ";
          width: 12px;
          height: 12px;
          background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.600006" y="5.70004" width="11" height="1.5" rx="0.75" fill="%23002857"/><rect x="6.60001" y="0.700043" width="11" height="1.5" rx="0.75" transform="rotate(90 6.60001 0.700043)" fill="%23002857"/></svg>');
        }
        &.open {
          &:after {
            content: " ";
            width: 12px;
            height: 12px;
            background-repeat: no-repeat;
            background-position: center;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none"><rect x="0.400391" y="0.150024" width="11" height="1.5" rx="0.75" fill="%23002857"/></svg>');
          }
          margin-top: 0px;
          padding-top: 9px;
        }
      }

      .view-session-button {
        display: flex;
        color: #fff;
        padding: var(--Object-Spacing-spacing-8)
          var(--Object-Spacing-spacing-24);
        align-items: center;
        gap: var(--Object-Spacing-spacing-12);
        border-radius: 50px;
        background: var(--Conference-Bright-Gradient);
        transition: none;
        color: var(--Neutral-0, #fff);
        text-align: right;
        font-size: var(--Body-Text-p-small);
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
        letter-spacing: -0.25px;
        text-decoration: none;
        &:hover,
        &:focus {
          background: linear-gradient(270deg, #af01c6 0%, #3f04bf 100%);
          text-decoration: none;
        }
      }

      .col-info {
        color: var(--neutral-600);
        font-size: var(--Body-Text-p-small);
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
        letter-spacing: -0.25px;
      }

      .details {
        display: flex;
        overflow: hidden;
        max-height: 0;
        gap: 32px;
        flex-direction: column;
        align-items: flex-start;
        &.open {
          max-height: 1000px;
          transition: max-height 1.5s;
        }
      }

      .top-details {
        display: flex;
        align-items: center;
        gap: var(--Object-Spacing-spacing-12);
        transition: none;
      }

      .credits,
      .session-topics,
      .course-level {
        display: flex;
        align-items: center;
        gap: var(--Object-Spacing-spacing-12);
        transition: none;
        color: var(--neutral-600);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-small);
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
        letter-spacing: -0.25px;

        .icon-holder {
          display: flex;
          width: 32.813px;
          height: 32.813px;
          justify-content: center;
          align-items: center;
          gap: 7.5px;
          border-radius: 37.5px;
          background: var(--neon-conference);
          transition: none;

          @media screen and (max-width: 1324px) {
            width: 29.0862px;
            height: 29.0862px;

            svg {
              height: px;
              width: 27px;
            }
          }

          @media screen and (max-width: 1024px) {
            width: 26.2504px;
            height: 26.2504px;

            svg {
              height: 24px;
              width: 24px;
            }
          }

          icon {
            width: 11.87px;
            height: 18.157px;
            flex-shrink: 0;
            transition: none;
          }
        }
      }
    }
  }
}

.sneak-peek-agenda-block .agenda-left {
  a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: 12px;
    border-radius: 50px;
    position: relative;
    transition: 0.25s all;
    z-index: 2;
    padding-bottom: 2px;
    text-decoration: none;

    span {
      z-index: 2;
      display: inline;
      padding-top: 2px;
    }

    .button-back {
      position: absolute;
      width: 44px;
      height: 44px;
      background: var(--Conference-Bright-Gradient);
      transition: 0.25s all;
      border-radius: 60px;
      z-index: 0;
    }

    icon {
      display: flex;
      width: 44px;
      height: 44px;
      padding: var(--Object-Spacing-spacing-12, 12px)
        var(--Object-Spacing-spacing-16, 16px);
      align-items: center;
      gap: var(--Structure-Spacing-column-gap, 30px);
      border-radius: 60px;
      background: #3f04bf;
      transition: background 0.25s linear;
      z-index: 2;
    }
    &:hover,
    &:focus {
      border-radius: 50px;
      color: #fff;
      text-decoration: none;

      icon {
        background: transparent;
      }
      .button-back {
        width: 110%;
      }
    }
  }
}

.wp-block-list {
  display: flex;
  max-width: var(--Structure-Spacing-max-text-width);
  padding: var(--Object-Spacing-spacing-24) 0px 0px
    var(--Object-Spacing-spacing-4);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Object-Spacing-spacing-12);
  align-self: stretch;
  padding-left: 20px;
}

.full-agenda-block {
  .schedule-filter {
    display: flex;
    padding: var(--Object-Spacing-spacing-40)
      var(--Structure-Spacing-margin-side-standard)
      var(--Structure-Spacing-margin-section-bottom)
      var(--Structure-Spacing-margin-side-standard);
    align-items: flex-start;
    align-content: flex-start;
    max-width: 100%;
    gap: var(--Object-Spacing-spacing-24) var(--Structure-Spacing-column-gap);
    flex-wrap: wrap;
    @media screen and (min-width: 1440px) {
      width: 1340px;
      max-width: none;
    }

    input,
    select {
      background-color: var(--neutral-50);
    }

    .search-area {
      position: relative;
      display: flex;
      width: var(--Structure-Spacing-max-text-width);
      max-width: var(--Structure-Spacing-max-text-width);
      flex-direction: column;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-8);
      flex-shrink: 0;

      input {
        display: flex;
        padding: var(--Object-Spacing-spacing-12)
          var(--Object-Spacing-spacing-24);
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: 50px;
        border: 1px solid var(--vibrant-conference);
      }

      svg {
        position: absolute;
        top: 42px;
        right: 24px;
      }

      .search-title {
        color: var(--deep-conference);
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-toggle-title);
        font-style: normal;
        font-weight: 900;
        line-height: 140%; /* 18.2px */
        letter-spacing: 1.2px;
        text-transform: uppercase;
      }
    }

    span.descriptor {
      color: var(--deep-conference);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-toggle-title);
      font-style: normal;
      font-weight: 900;
      line-height: 140%; /* 18.2px */
      letter-spacing: 1.2px;
      text-transform: uppercase;
    }

    .checkbox-filters {
      color: var(--neutral-600);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-small);
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 21px */
      letter-spacing: -0.25px;
      display: flex;
      width: var(--Structure-Spacing-max-text-width);
      max-width: var(--Structure-Spacing-max-text-width);
      align-items: center;
      gap: var(--Structure-Spacing-column-gap);
      flex-shrink: 0;

      label {
        display: flex;
        padding-right: 10px;
        align-items: center;
        gap: var(--Object-Spacing-spacing-16, 16px);

        input {
          width: 20px;
          height: 20px;
        }
      }
    }

    .day-filters {
      display: flex;
      width: var(--Structure-Spacing-max-text-width);
      max-width: var(--Structure-Spacing-max-text-width);
      align-items: center;
      gap: var(--Structure-Spacing-column-gap);
      flex-shrink: 0;

      select {
        display: flex;
        width: 250px;
        padding: var(--Object-Spacing-spacing-12, 12px)
          var(--Object-Spacing-spacing-16, 16px);
        align-items: center;
        flex-shrink: 0;
        align-self: stretch;
        border-radius: var(--Structure-Spacing-corner-radius-small);
        border: 1px solid var(--vibrant-conference);
        color: var(--neutral-600);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-small);
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
        letter-spacing: -0.25px;
        appearance: none;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="9" viewBox="0 0 16 9" fill="none"><path d="M0.25 1.12501C0.25 0.837198 0.359687 0.549384 0.579533 0.329539C1.01875 -0.109683 1.73126 -0.109683 2.17048 0.329539L7.00005 5.1591L8.12506 6.00012L9.25007 5.1591L14.0796 0.329539C14.5189 -0.109683 15.2314 -0.109683 15.6706 0.329539C16.1098 0.768761 16.1098 1.48127 15.6706 1.92049L8.92053 8.67054C8.48131 9.10976 7.76881 9.10976 7.32958 8.67054L0.579533 1.92049C0.359687 1.70064 0.25 1.41283 0.25 1.12501Z" fill="%23641F45"/></svg>');
        background-repeat: no-repeat;
        background-position: right 1rem top 50%;
        background-size: 18px;
      }
    }
  }

  .agenda-day {
    border-top: 0;
    display: flex;
    padding: 0px var(--Structure-Spacing-margin-side-standard);
    align-items: flex-start;
    gap: var(--Structure-Spacing-column-gap);
    align-self: stretch;
    &:nth-child(even) {
      background: var(--neutral-25);
    }
    @media screen and (min-width: 1440px) {
      padding: 0px var(--Structure-Spacing-margin-side-standard);
      flex-wrap: wrap;
      justify-content: center;
    }
  }

  .agenda-left {
    display: flex;
    padding: var(--Object-Spacing-spacing-60, 60px) 0px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    flex-basis: 23%;
    flex-grow: 0;
    flex-shrink: 0;
    align-self: flex-start;
  }
  .agenda-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: -1px;
    .session {
      display: flex;
      padding: var(--Object-Spacing-spacing-32) 0;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-24);
    }
  }
}

.cta-cards-block {
  display: flex;
  padding: var(--Structure-Spacing-margin-section-top) 0;
  @media screen and (min-width: 1540px) {
    padding: var(--Structure-Spacing-margin-section-top) 96px
      var(--Structure-Spacing-margin-section-bottom) 96px;
  }
  flex-direction: column;
  align-items: center;

  .headers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--Object-Spacing-spacing-4);
    align-self: stretch;
    padding-left: calc((100% - 1340px) / 2);

    h2.header {
      margin: 0;
    }

    h4.sub-header {
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    p {
      margin: 0;
      padding: 0;
      &:first-of-type {
        padding: 0;
      }
    }
  }

  .cards {
    display: flex;
    padding-left: calc((100% - 1340px) / 2);
    padding-top: var(--Object-Spacing-spacing-32, 32px);
    @media screen and (min-width: 1540px) {
      padding: var(--Object-Spacing-spacing-32, 32px) 0 0 0;
    }
    align-items: flex-start;
    gap: var(--Structure-Spacing-column-gap, 30px);
    align-self: stretch;
    align-items: stretch;
    flex-wrap: wrap;

    .card {
      display: flex;
      padding: var(--Object-Spacing-spacing-40) var(--Object-Spacing-spacing-40)
        var(--Object-Spacing-spacing-48) var(--Object-Spacing-spacing-40);
      flex-direction: column;
      align-items: flex-start;
      border-radius: var(--Structure-Spacing-corner-radius-large);
      background: var(--deep-conference);
      position: relative;
      cursor: pointer;
      width: calc(25% - 24px);

      &:hover,
      &:focus {
        background: linear-gradient(
            0deg,
            rgba(18, 20, 44, 0.8) 0%,
            rgba(18, 20, 44, 0.8) 100%
          ),
          var(--conference-background) no-repeat;
        background-size: cover;
        background-position: bottom;

        .call-to-action {
          gap: 12px;
        }
      }

      &.count-3 {
        width: calc(33% - 24px);
      }
      .card-icon {
        max-width: 70px;
        z-index: 1;
        margin-bottom: 24px;
      }

      .sub-header {
        color: var(--neutral-100);
        text-align: right;
        font-family: var(--franklin);
        font-size: var(--components-ct-as-label);
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 16px */
        letter-spacing: 0.4px;
        text-transform: uppercase;
        z-index: 1;
        margin-bottom: 12px;
      }

      .header {
        color: var(--neutral-0);
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-card-title);
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 24px */
        letter-spacing: -0.25px;
        z-index: 1;
        /*height: 60px;*/
      }

      .description {
        color: var(--neutral-0);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-small);
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
        letter-spacing: -0.25px;
        z-index: 1;
        margin-bottom: 48px;
        @media screen and (max-width: 1024px) {
          margin-bottom: 72px;
        }
      }

      .call-to-action {
        color: var(--neon-conference);
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-card-cta);
        font-style: normal;
        font-weight: 500;
        line-height: 135%;
        display: flex;
        align-items: baseline;
        gap: 24px;
        margin-left: auto;
        position: absolute;
        z-index: 1;
        transition: 0.75s all;
        text-decoration: none;
        bottom: 40px;
        right: 48px;

        icon {
          display: flex;
          padding: 8.4px;
          flex-direction: column;
          align-items: center;
          gap: 7px;
          border-radius: 28px;
          border: 2px solid var(--neon-conference);
          z-index: 1;
        }
      }
    }
  }
}

table {
  width: auto;
  /*max-width: 1340px;*/
  margin: 40px 0;
  /*margin-left: calc((100% - 1340px) / 2);*/

  tr {
    border-bottom: 1px solid var(--blue-200);
    &:nth-child(even) {
      background: var(--neutral-100);
    }
    td {
      align-self: stretch;
      overflow: hidden;
      color: var(--neutral-600);
      text-overflow: ellipsis;
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-small);
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 21px */
      letter-spacing: -0.25px;
      padding: var(--Object-Spacing-spacing-12) var(--Object-Spacing-spacing-16);
      vertical-align: top;
    }
  }
  th {
    color: var(--brand-navy);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h4);
    font-style: normal;
    font-weight: 900;
    line-height: 130%; /* 18.2px */
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    padding: var(--Object-Spacing-spacing-12) var(--Object-Spacing-spacing-16);
  }

  td:first-child {
    padding-right: 50px;
  }
}

.wp-block-table .has-fixed-layout {
  width: auto;
}

.a-single {
  display: flex;
  padding: 49px !important;

  flex-direction: column;
  align-items: center;
  align-self: stretch;
  max-width: 700px;
  margin: auto;
  a {
    max-height: 150px;
  }
}
@media screen and (min-width: 992px) {
  .a-single {
    padding: unset !important;
  }
}
.faqs-block {
  display: flex;
  align-items: flex-start;
  gap: var(--Structure-Spacing-column-gap, 30px);
  align-self: stretch;
  max-width: 1340px;
  margin: auto;

  .faqs-left {
    display: flex;
    padding-top: var(--Structure-Spacing-margin-section-top);
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;

    h3 {
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h3);
      font-style: normal;
      font-weight: 600;
      line-height: 130%; /* 28.6px */
      padding: 0;
      align-items: flex-start;
    }

    .accordion-jump {
      display: flex;
      max-width: 138.475px;
      padding: var(--Object-Spacing-spacing-12) 0px;
      align-items: center;
      gap: var(--Object-Spacing-spacing-12);
      color: var(--brand-red);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text);
      font-style: normal;
      font-weight: 900;
      line-height: 145%; /* 15.95px */
      letter-spacing: 1.2px;
      text-transform: uppercase;

      icon {
        display: flex;
        transform: rotate(-90deg);
        padding: 6.3px;
        flex-direction: column;
        align-items: center;
        gap: 5.25px;
        border-radius: 21px;
        border: 1.5px solid var(--brand-red);

        svg {
          width: 8.438px;
          height: 7.875px;
          fill: var(--brand-red);
          transform: rotate(90deg);
        }
      }
    }
  }

  .faqs-right {
    display: flex;
    width: 75%;
    padding-top: var(--Structure-Spacing-margin-section-top);
    flex-direction: column;
    align-items: flex-start;

    .faq-section {
      padding-bottom: var(--Structure-Spacing-margin-section-bottom);
    }

    h4 {
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
      align-self: stretch;
    }

    h2 {
      align-self: stretch;
    }

    .accordion-single {
      display: flex;
      padding: var(--Object-Spacing-spacing-40) 0px
        var(--Object-Spacing-spacing-24) 0px;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-32);
      border-bottom: 1px solid var(--blue-200);

      .accordion-title {
        cursor: pointer;
        display: flex;
        width: 925px;
        gap: var(--Object-Spacing-spacing-32);

        icon {
          display: flex;
          width: 27.8px;
          height: 27.8px;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 7px;
          flex-shrink: 0;
          border-radius: 28px;
          border: 2px solid var(--blue-600);
          &:after {
            content: " ";
            width: 12px;
            height: 12px;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect x="0.398438" y="5.20117" width="11" height="1.5" rx="0.75" fill="%23002857"/><rect x="6.39844" y="0.201172" width="11" height="1.5" rx="0.75" transform="rotate(90 6.39844 0.201172)" fill="%23002857"/></svg>');
          }
        }

        span {
          color: var(--blue-600);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-card-title);
          font-style: normal;
          font-weight: 400;
          line-height: 120%; /* 24px */
          letter-spacing: -0.25px;
        }
      }

      &.open {
        .accordion-title icon:after {
          content: " ";
          width: 12px;
          height: 2px;
          background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none"><rect x="0.400391" y="0.150024" width="11" height="1.5" rx="0.75" fill="%23002857"/></svg>');
        }
      }

      .accordion-content {
        display: none;
        width: 925px;
        padding: var(--Object-Spacing-spacing-24) 0px
          var(--Object-Spacing-spacing-32) var(--Object-Spacing-spacing-60);
        flex-direction: column;
        align-items: flex-start;

        &.open {
          display: flex;
        }

        p {
          text-align: left;
          margin: 0;
          display: block;
        }

        .accordion-text-block {
          color: var(--neutral-600);
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-standard);
          font-style: normal;
          font-weight: 400;
          line-height: 160%; /* 27.2px */
          letter-spacing: -0.25px;

          ul {
            display: flex;
            max-width: var(--Structure-Spacing-max-text-width);
            padding: var(--Object-Spacing-spacing-24) 0px 0px
              var(--Object-Spacing-spacing-4);
            flex-direction: column;
            align-items: flex-start;
            gap: var(--Object-Spacing-spacing-12);
            align-self: stretch;
            margin-left: 20px;
            li {
              list-style-position: outside;
            }
          }

          strong {
            font-weight: 700;
          }
        }

        table {
          margin: 0;
        }
      }
    }
  }

  .faq-bottom-nav {
    display: none;
    border-top: 1px solid var(--blue-200);
    background: var(--neutral-25);
    padding: 0px;
    @media screen and (max-width: 1024px) {
      display: flex;
      color: var(--brand-red);
      font-family: var(--dmsans);
      font-size: var(--components-ct-as-button-text);
      font-style: normal;
      font-weight: 900;
      line-height: 145%; /* 14.5px */
      letter-spacing: 1.2px;
      text-transform: uppercase;
      position: fixed;
      left: 0;
      right: 0;
      width: 100%;
      bottom: 0px;
      align-items: baseline;
      justify-content: center;
      z-index: 3;
      @media screen and (min-width: 745px) {
        justify-content: flex-start;
        padding-left: 40px;
      }
      flex-wrap: nowrap;
      a {
        color: var(--brand-red);
      }
      .nav-item {
        display: flex;
        padding: var(--Object-Spacing-spacing-16)
          var(--Object-Spacing-spacing-24);
        align-items: center;
        gap: var(--Object-Spacing-spacing-12);
        border-right: 1px solid var(--blue-200);
        &:last-child {
          border: none;
        }
        &:first-child {
          text-decoration: none;
        }

        icon {
          display: flex;
          width: 17.23px;
          height: 17.232px;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 4.2px;
          border-radius: 16.8px;
          border: 1.2px solid var(--brand-red);
        }
      }
    }
  }
}

.interior-header-block {
  padding: 0 var(--Structure-Spacing-margin-side-standard);
  .interior-header {
    display: flex;
    padding: var(--Object-Spacing-spacing-80) 0 0 0;
    align-items: flex-start;
    align-content: flex-start;
    gap: var(--Object-Spacing-spacing-40) var(--Structure-Spacing-column-gap);
    align-self: stretch;
    max-width: 1340px;
    margin: auto;

    ol,
    ul {
      margin: 0;
    }

    .header-left {
      color: var(--blue-800);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-large);
      font-style: normal;
      font-weight: 500;
      line-height: 160%; /* 30.4px */
      letter-spacing: -0.25px;
      width: 25%;

      .content-summary {
        margin-bottom: 40px;
      }
    }

    .header-right {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 75%;

      img {
        width: 100%;
      }

      .intro-content-image {
        display: flex;
        padding-bottom: var(--Object-Spacing-spacing-48);
        align-items: flex-start;
        align-content: flex-start;
        gap: 2px;
        flex-wrap: wrap;
      }

      .text-block {
        margin-bottom: 0;
        font-size: var(--Body-Text-p-standard);
      }

      .button {
        display: flex;
        margin-top: var(--Object-Spacing-spacing-40);
        align-items: center;
      }

      p {
        display: block;
        margin: 0;
        padding: 0;
      }

      .intro-content-text {
        color: var(--neutral-600);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-standard);
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 27.2px */
        letter-spacing: -0.25px;

        a {
          color: var(--blue-600);
          text-decoration: underline;
        }

        strong {
          font-weight: 700;
        }
      }
      .interior_header_button_1 {
        display: flex;
        align-items: center;
        gap: var(--Object-Spacing-spacing-24);
        z-index: 2;
        position: relative;
        color: var(--vibrant-conference);
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-button-text);
        font-style: normal;
        font-weight: 900;
        line-height: 145%; /* 15.95px */
        letter-spacing: 1.2px;
        text-transform: uppercase;
        transition: 0.25s all;
        text-decoration: none;

        .button-back {
          position: absolute;
          width: 44px;
          height: 44px;
          background: var(--Conference-Bright-Gradient);
          transition: 0.25s all;
          border-radius: 60px;
        }

        icon {
          display: flex;
          width: 44px;
          height: 44px;
          /*padding: var(--Object-Spacing-spacing-12)
						var(--Object-Spacing-spacing-16);*/
          align-items: center;
          justify-content: center;
          gap: var(--Structure-Spacing-column-gap);
          border-radius: 60px;
          background: linear-gradient(
            180deg,
            var(--vibrant-conference) 0%,
            var(--vibrant-conference) 100%
          );
          transition: 0.2s all;
          z-index: 2;
        }

        span {
          z-index: 2;
          padding-top: 4px;
        }

        &:hover,
        &:focus {
          icon {
            background: transparent;
            color: #fff;
          }
          .button-back {
            width: 110%;
          }
          span {
            color: #fff;
          }
        }
      }

      .interior_header_button_2 {
        display: flex;
        padding-top: var(--Object-Spacing-spacing-12);
        justify-content: center;
        align-items: center;
        gap: var(--Structure-Spacing-column-gap);
        color: var(--blue-600);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-small);
        font-style: italic;
        font-weight: 400;
        line-height: 150%; /* 21px */
        letter-spacing: -0.25px;
        text-decoration-line: underline;
        &:hover,
        &:focus {
          text-decoration: none;
        }
      }
    }
  }
}

.ASPEN .interior-header-block {
  .interior-header .header-right .interior_header_button_1 {
    color: #002857;

    icon {
      background: linear-gradient(180deg, #002857 0%, #002857 100%);
    }

    .button-back {
      background: linear-gradient(
        90deg,
        #008066 3.61%,
        #075d98 46.99%,
        #053975 100%
      );
    }
  }
}

.decorative-button-block {
  .decorative-button {
    display: inline-flex;
    align-items: center;
    padding-top: var(--Object-Spacing-spacing-40);
    /*margin-left: var(--Structure-Spacing-margin-side-standard);*/
    gap: var(--Object-Spacing-spacing-24);
    color: var(--vibrant-conference);
    font-family: var(--dm-sans);
    font-size: var(--components-ct-as-button-text, 11px);
    font-style: normal;
    font-weight: 900;
    line-height: 145%; /* 15.95px */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    position: relative;
    transition: 0.25s all;
    z-index: 2;
    text-decoration: none;

    .button-back {
      position: absolute;
      width: 44px;
      height: 44px;
      background: var(--Conference-Bright-Gradient);
      transition: 0.25s all;
      border-radius: 60px;
      z-index: 0;
      transition: 0.25s all;
    }

    icon {
      display: flex;
      width: 44px;
      height: 44px;
      padding: var(--Object-Spacing-spacing-12) var(--Object-Spacing-spacing-16);
      align-items: center;
      gap: var(--Structure-Spacing-column-gap);
      border-radius: 60px;
      background: linear-gradient(
        180deg,
        var(--vibrant-conference) 0%,
        var(--vibrant-conference) 100%
      );
      z-index: 2;
      transition: 0.25s all;
    }

    span {
      z-index: 2;
      transition: 0.25s all;
      padding-top: 2px;
    }

    &:hover,
    &:focus {
      icon {
        background: transparent;
        color: #fff;
      }
      .button-back {
        width: calc(100% + 24px);
      }
      span {
        color: #fff;
      }
    }
  }
}

.ASPEN .decorative-button-block {
  .decorative-button {
    .button-back {
      position: absolute;
      width: 44px;
      height: 44px;
      background: linear-gradient(
        90deg,
        #008066 3.61%,
        #075d98 46.99%,
        #053975 100%
      );
      border-radius: 60px;
      transition: all 0.2s;
    }
    icon {
      display: flex;
      width: 44px;
      height: 44px;
      align-items: center;
      justify-content: center;
      gap: 30px;
      border-radius: 60px;
      background: linear-gradient(180deg, #002857 0%, #002857 100%);
      transition: 0.2s all;
      z-index: 2;
    }
    span {
      color: var(--Primary-brand-navy, #002857);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text, 11px);
      font-style: normal;
      font-weight: 900;
      line-height: 145%;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      display: flex;
      padding: 10px 10px;
      align-items: center;
      text-decoration: none;
    }
    &:hover {
      .button-back {
        width: calc(100% + 30px);
      }
      span {
        color: #fff;
      }
    }
  }
}

.countdown-block {
  display: flex;
  padding: var(--Object-Spacing-spacing-40)
    var(--Structure-Spacing-margin-side-standard);
  align-items: center;
  justify-content: flex-start;
  gap: var(--Structure-Spacing-column-gap);
  align-self: stretch;

  h2 {
    display: flex;
    align-items: end;
    margin-bottom: 0;
    padding-bottom: 0;
    justify-content: end;
    margin-right: 24px;
  }

  div {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
    column-gap: var(--Structure-Spacing-column-gap);
    color: var(--brand-navy);
    text-align: center;
    font-family: var(--dm-sans);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 122.222% */
    letter-spacing: -0.72px;

    &.divider {
      color: var(--brand-navy);
      text-align: center;

      /* Heading/H3 */
      font-family: var(--dm-sans);
      font-size: 36px;
      font-style: normal;
      font-weight: 700;
      line-height: 44px; /* 122.222% */
      letter-spacing: -0.72px;
      &:after {
        content: ":";
        width: 11px;
        height: 44px;
      }
    }

    &#clock {
      flex-direction: row;
      align-items: end;
    }

    span {
      color: var(--vibrant-conference);
      text-align: center;
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
    }
  }

  &.home {
    padding: 0 0 var(--Object-Spacing-spacing-32) 0;
    gap: var(--Object-Spacing-spacing-32);
    border-bottom: 1px solid var(--vibrant-conference);
    span {
      color: var(--neon-conference);
    }
    div {
      color: var(--Neutral-0);
      &.divider {
        color: var(--Neutral-0);
      }
    }
  }
}

.icon-text-block {
  display: flex;
  padding: var(--Object-Spacing-spacing-12)
    var(--Structure-Spacing-margin-side-standard)
    var(--Object-Spacing-spacing-24)
    var(--Structure-Spacing-margin-side-standard);
  align-items: center;
  gap: var(--Object-Spacing-spacing-24, 24px);
  align-self: stretch;
  max-width: 1340px;
  @media screen and (min-width: 1440px) {
    margin: auto;
  }

  .thumbnail {
    width: 23.25px;
    height: 20.34px;
    flex-shrink: 0;
  }

  .thumbnail-icon {
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    gap: 12.5px;
  }

  .h4 {
    color: var(--brand-navy);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h4);
    font-style: normal;
    font-weight: 900;
    line-height: 130%; /* 18.2px */
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .description {
    color: var(--neutral-600);
    font-family: var(--franklin);
    font-size: var(--Body-Text-p-standard);
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 27.2px */
    letter-spacing: -0.25px;
  }
}

body .entry-content .icon-text-block p {
  display: block;
  margin: 0;
  padding: 0;
}

.interior-header-block {
  .interior-header {
    .header-right .icon-text-block {
      padding-left: 0;
      padding-right: 0;
      &:last-of-type {
        margin-bottom: 20px;
      }
      img {
        width: 30px;
      }
    }
  }
}

.next-steps-wrap {
  /*padding: var(--Structure-Spacing-margin-section-top) 0 24px
		var(--Structure-Spacing-margin-side-standard);*/
  @media screen and (max-width: 1443px) {
    /* //padding-left: 0; */
  }
  h2 {
    margin-bottom: 0;
    padding-bottom: 3px;
    margin-top: 0;
  }

  .h4 {
    color: var(--brand-navy);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h4);
    font-style: normal;
    font-weight: 900;
    line-height: 130%;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0.5em;
  }

  .description {
    padding-bottom: 24px;
    max-width: 1140px;
  }

  .next-steps-block {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0 var(--Object-Spacing-spacing-48);
    align-self: stretch;
    flex-wrap: wrap;
    max-width: 1340px;

    .step {
      border-bottom: 1px solid var(--blue-200);
      width: 404.5px;
      align-self: stretch;
      align-items: center;
      display: flex;
      text-decoration: none;

      @media screen and (max-width: 1470px) {
        width: calc(50% - 48px);
      }

      &:hover,
      &:focus {
        text-decoration: none;
        span {
          padding-left: 24px;
        }
        icon {
          border-color: var(--neon-conference);
        }
      }

      color: var(--brand-red);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-card-cta);
      font-style: normal;
      font-weight: 500;
      line-height: 135%; /* 21.6px */
      display: flex;
      align-items: center;
      justify-content: space-between;

      span {
        display: flex;
        padding: var(--Object-Spacing-spacing-24, 24px)
          var(--Object-Spacing-spacing-32, 32px)
          var(--Object-Spacing-spacing-24, 24px) 7px;
        align-items: center;
        gap: 10px;
        flex: 1 0 0;
        transition: 0.25s all;
      }

      icon {
        display: flex;
        padding: 8.4px;
        margin-left: 25px;
        flex-direction: column;
        align-items: center;
        gap: 7px;
        border-radius: var(--components-ct-as-xl-callout);
        border: 2px solid var(--brand-red);
      }
    }
  }
}

.Rhoads-Research-Foundation {
  .next-steps-wrap {
    .next-steps-block {
      .step {
        color: var(--blue-800);

        &:hover {
          color: var(--brand-navy);

          icon {
            border-color: var(--blue-300) !important;
            path {
              fill: var(--brand-navy) !important;
            }
          }
        }

        icon {
          border-color: var(--blue-800);

          path {
            fill: var(--blue-800) !important;
          }
        }
      }
    }
  }
}

.ASPEN .next-steps-wrap .next-steps-block .step:hover icon,
.next-steps-wrap .next-steps-block .step:focus icon {
  border-color: var(--orange-400);
}

.two-col-cta-block {
  width: var(--content-width);
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  /*padding: var(--Structure-Spacing-margin-section-top, 90px)
		var(--Structure-Spacing-margin-side-standard, 227px)
		var(--Structure-Spacing-margin-section-bottom, 90px)
		var(--Structure-Spacing-margin-side-standard, 227px);*/
  padding: var(--Structure-Spacing-margin-section-top, 90px)
    var(--Object-Spacing-spacing-60) 0 var(--Object-Spacing-spacing-60);
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  position: relative;
  gap: 64px;

  &::after {
    content: "";
    position: absolute;
    top: var(--Structure-Spacing-margin-section-top, 90px);
    bottom: 0;
    left: 50%;
    background-color: #679fd5;
    width: 1px;
    height: 100%;
    opacity: 0.4;
  }

  .cta {
    display: flex;
    /*padding: 0
			var(--Structure-Spacing-margin-side-standard)
			0
			var(--Structure-Spacing-margin-side-standard);*/
    align-items: center;
    gap: var(--Object-Spacing-spacing-80);
    border-top: 6px solid var(--gradient2-conference);
    background: var(--neutral-50);

    img {
      /*height: 326px;*/
      width: 100%;
      flex: 1 0 0;
      border-radius: var(--Structure-Spacing-corner-radius-small)
        var(--Structure-Spacing-corner-radius-small) 0 0;
      object-fit: cover;
      object-position: center;
      border-image: linear-gradient(
          to right,
          #d9630b 0%,
          #a71d69 73.01%,
          #641f45 100%
        )
        1;
      border-bottom-width: 5px;
      border-bottom-style: solid;
    }

    .sub-heading {
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    .description {
      color: var(--neutral-800);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-standard);
      font-style: normal;
      font-weight: 400;
      line-height: 160%; /* 27.2px */
      letter-spacing: -0.25px;
    }
    a.button {
      background: none;
      padding: 0;
      color: var(--vibrant-conference);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text);
      font-style: normal;
      font-weight: 900;
      line-height: 145%; /* 15.95px */
      letter-spacing: 1.2px;
      text-transform: uppercase;
      position: relative;
      z-index: 2;
      transition: 0.2s all;

      .button-back {
        position: absolute;
        width: 44px;
        height: 44px;
        background: var(--Conference-Bright-Gradient);
        transition: 0.2s all;
        border-radius: 60px;
      }

      span {
        padding-top: 2px;
        z-index: 2;
        transition: 0.25s all;
      }

      icon {
        display: flex;
        width: 44px;
        height: 44px;
        padding: var(--Object-Spacing-spacing-12)
          var(--Object-Spacing-spacing-16);
        align-items: center;
        gap: var(--Structure-Spacing-column-gap);
        border-radius: 60px;
        background: linear-gradient(
          180deg,
          var(--vibrant-conference) 0%,
          var(--vibrant-conference) 100%
        );
        z-index: 2;
        transition: 0.2s all;
      }

      &:hover,
      &:focus {
        icon {
          background: transparent;
        }
        span {
          color: #fff;
        }
        .button-back {
          width: 80%;
        }
      }
    }
    &.two-image-columns {
      display: flex;
      /*padding-right: 145px;*/
      justify-content: space-between;
      align-items: flex-end;
      flex: 1 0 0;
      max-width: 492px;
    }
  }
}

.ASPEN {
  .two-col-cta-block {
    .cta.two-image-columns {
      border-top: none;
      background: none;
    }
  }
  .single-accordion-block {
    .accordion-title {
      &:hover {
        icon {
          border-color: var(--blue-800);
        }
        span {
          color: var(--blue-800);
        }
      }
    }
  }
}

.single-accordion-block {
  color: var(--blue-600);
  font-family: var(--dm-sans);
  font-size: var(--components-ct-as-card-title);
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 24px */
  letter-spacing: -0.25px;
  display: flex;
  max-width: 1340px;
  margin: auto;
  text-align: left;
  border-bottom: 1px solid var(--blue-200);

  padding: var(--Object-Spacing-spacing-32) 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Object-Spacing-spacing-32);

  .accordion-title {
    cursor: pointer;
    display: flex;
    width: 925px;
    gap: var(--Object-Spacing-spacing-32);
    align-items: center;

    icon {
      display: flex;
      width: 27.8px;
      height: 27.8px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 7px;
      flex-shrink: 0;
      border-radius: 28px;
      border: 2px solid var(--blue-600);
      &:after {
        content: " ";
        width: 12px;
        height: 12px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><rect x="0.398438" y="5.20117" width="11" height="1.5" rx="0.75" fill="%23002857"/><rect x="6.39844" y="0.201172" width="11" height="1.5" rx="0.75" transform="rotate(90 6.39844 0.201172)" fill="%23002857"/></svg>');
      }
    }

    span {
      color: var(--blue-600);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-card-title);
      font-style: normal;
      font-weight: 400;
      line-height: 120%; /* 24px */
      letter-spacing: -0.25px;
      padding-top: 2px;
    }

    &:hover {
      icon {
        border-color: var(--neon-conference);
      }
      span {
        color: var(--deep-conference);
        text-decoration: none;
      }
    }
  }

  .accordion-single.open {
    .accordion-title {
      icon {
        &:after {
          content: " ";
          width: 12px;
          height: 2px;
          background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="2" viewBox="0 0 12 2" fill="none"><rect x="0.400391" y="0.150024" width="11" height="1.5" rx="0.75" fill="%23002857"/></svg>');
        }
      }
    }
  }

  .accordion-content {
    display: none;
    width: 925px;
    padding: var(--Object-Spacing-spacing-24) 0px
      var(--Object-Spacing-spacing-32) var(--Object-Spacing-spacing-60);
    flex-direction: column;
    align-items: flex-start;

    &.open {
      display: flex;
    }

    p {
      text-align: left;
      margin: 0;
      display: block;
    }

    .accordion-text-block {
      color: var(--neutral-600);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-standard);
      font-style: normal;
      font-weight: 400;
      line-height: 160%; /* 27.2px */
      letter-spacing: -0.25px;

      img.alignLeft {
        float: left;
        margin-right: 24px;
        margin-bottom: 24px;
      }

      /*ul {
				display: flex;
				max-width: var(--Structure-Spacing-max-text-width);
				padding: var(--Object-Spacing-spacing-24) 0px 0px
					var(--Object-Spacing-spacing-4);
				flex-direction: column;
				align-items: flex-start;
				gap: var(--Object-Spacing-spacing-12);
				align-self: stretch;
				margin-left: 20px;
				li {
					list-style-position: outside;
				}
			}*/

      strong {
        font-weight: 700;
      }
      ol {
        padding-left: 20px;
      }
    }

    table {
      margin: 0;
    }
  }
}

body .entry-content .wp-block-group {
  padding: var(--Object-Spacing-spacing-32) 0;
  max-width: 1340px;
  margin: auto;

  .icon-text-block,
  h3,
  h4,
  h2 {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

  &:has(.decorative-button-block) {
    flex-wrap: wrap !important;
  }
}

.conf-registration-card-block {
  display: flex;
  padding: var(--Object-Spacing-spacing-48)
    var(--Structure-Spacing-margin-side-narrow)
    var(--Structure-Spacing-margin-section-bottom)
    var(--Structure-Spacing-margin-side-narrow);
  align-items: flex-start;
  gap: var(--Structure-Spacing-column-gap);
  align-self: stretch;
  justify-content: space-between;
  flex-wrap: wrap;

  .card-outer {
    max-width: calc(33% - var(--Structure-Spacing-column-gap));
    display: flex;
    flex-wrap: wrap;
    align-self: stretch;
  }

  .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 2px solid var(--neutral-150);
    border-right: 2px solid var(--neutral-150);
    border-left: 2px solid var(--neutral-150);
    border-radius: var(--Structure-Spacing-corner-radius-large)
      var(--Structure-Spacing-corner-radius-large) 0 0;
    background: var(--neutral-100);
    padding: var(--Object-Spacing-spacing-48);
    justify-content: flex-start;
    width: 100%;
    height: calc(100% - 80px);

    h3 {
      color: var(--vibrant-conference);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h3);
      font-style: normal;
      font-weight: 600;
      line-height: 130%; /* 28.6px */
      padding: 0;
      margin: 0;
      justify-content: flex-start;
      align-items: flex-start;
    }

    .format {
      color: var(--brand-navy);
      font-family: var(--franklin);
      font-size: var(--components-ct-as-label);
      font-style: normal;
      font-weight: 500;
      line-height: 160%; /* 16px */
      letter-spacing: 0.4px;
      text-transform: uppercase;
      align-self: flex-start;
      margin-bottom: 12px;
    }

    .label {
      color: var(--deeep-conference);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
      margin: 20px 0;
      display: flex;
      align-self: flex-start;
    }

    .start {
      color: var(--beutral-600);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-small);
      font-style: italic;
      font-weight: 400;
      line-height: 150%; /* 21px */
      letter-spacing: -0.25px;
      align-self: flex-start;
      display: flex;
    }

    .types {
      display: flex;
      padding-top: var(--Object-Spacing-spacing-24);
      justify-content: space-between;
      align-items: flex-start;
      align-self: stretch;
      flex-direction: column;
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-small);
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 21px */
      letter-spacing: -0.25px;

      .headers,
      .prices {
        display: flex;
        align-items: flex-start;
        gap: var(--Object-Spacing-spacing-16);
        align-self: stretch;

        icon {
          width: 16.83px;
          height: 16.38px;
          border-radius: 16.8px;
          border: 1.5px solid var(--vibrant-conference);
          margin-top: 5px;
          margin-left: 5px;
          position: absolute;
          right: 0;

          svg {
            margin-top: 2px;
            margin-left: 4px;
            display: block;
          }
        }

        span {
          flex-grow: 1;
          height: 65px;
          align-items: center;
          display: flex;
          flex-grow: 1;
        }

        .left {
          width: 135px;
          align-self: flex-end;
          position: relative;

          a {
            display: flex;
            color: var(--blue-800);
            font-family: var(--franklin);
            font-size: var(--Body-Text-p-small);
            font-style: normal;
            font-weight: 400;
            line-height: 150%; /* 21px */
            letter-spacing: -0.25px;
            text-decoration-line: underline;
          }
        }
        .middle {
          width: 90px;
          text-align: center;
          justify-content: center;
          flex-wrap: wrap;
          align-self: flex-end;
        }
        .right {
          width: 109px;
          text-align: right;
          justify-content: flex-end;
          flex-wrap: wrap;
          align-self: flex-end;
        }
        s {
          width: 100%;
          color: var(--neutral-400);
          font-size: var(--Body-Text-p-small);
          font-style: normal;
          font-weight: 400;
          line-height: 150%; /* 21px */
          letter-spacing: -0.25px;
        }
      }

      .prices {
        font-size: var(--Body-Text-p-standard);
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 27.2px */
        letter-spacing: -0.25px;
        border-bottom: 1px solid var(--neutral-150);
        &:last-of-type {
          border: none;
        }
        .middle,
        .right {
          height: auto;
        }
        .left {
          width: 135px;
          justify-content: flex-start;
          color: var(--neutral-600);
          font-size: var(--Body-Text-p-small);
          font-style: normal;
          font-weight: 400;
          line-height: 150%; /* 21px */
          letter-spacing: -0.25px;
        }
      }

      h4 {
        color: var(--deep-conference);
        font-family: var(--dm-sans);
        font-size: var(--Headings-h4);
        font-style: normal;
        font-weight: 900;
        line-height: 130%; /* 18.2px */
        letter-spacing: 1px;
        text-transform: uppercase;
        flex-grow: 1;
      }
    }

    .order-soon {
      margin-top: var(--Object-Spacing-spacing-16);
      p {
        display: inline-block;
        padding: 0;
      }
      strong {
        color: var(--deep-conference);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-standard);
        font-style: normal;
        font-weight: 700;
        line-height: 160%; /* 27.2px */
        letter-spacing: -0.25px;
      }
    }
  }
  .card-bottom {
    display: flex;
    padding: var(--Object-Spacing-spacing-24) var(--Object-Spacing-spacing-12);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Object-Spacing-spacing-8);
    align-self: stretch;
    border-radius: 0px 0px var(--Structure-Spacing-corner-radius-large)
      var(--Structure-Spacing-corner-radius-large);
    border-right: 2px solid var(--deep-conference);
    border-bottom: 2px solid var(--deep-conference);
    border-left: 2px solid var(--deep-conference);
    background: var(--deep-conference);
    width: 100%;
    height: 80px;

    &:hover,
    &:focus {
      background: linear-gradient(
          0deg,
          rgba(18, 20, 44, 0.8) 0%,
          rgba(18, 20, 44, 0.8) 100%
        ),
        var(--conference-background) no-repeat;
      background-size: cover;
      background-position: bottom;
    }

    a {
      color: var(--neutral-0);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-card-cta);
      font-style: normal;
      font-weight: 500;
      line-height: 135%; /* 21.6px */
      display: flex;
      justify-content: center;
      align-items: center;
      column-gap: var(--Object-Spacing-spacing-24);
      align-self: stretch;
      text-decoration: none;
      transition: 0.5s gap;

      span {
        max-width: 75%;
      }

      icon {
        display: flex;
        padding: 8.4px;
        flex-direction: column;
        align-items: center;
        gap: 7px;
        border-radius: 28px;
        border: 2px solid var(--neon-conference);
      }
    }

    &:hover,
    &:focus {
      background: linear-gradient(
          0deg,
          rgba(18, 20, 44, 0.8) 0%,
          rgba(18, 20, 44, 0.8) 100%
        ),
        var(--conference-background) no-repeat;
      background-size: cover;
      background-position: bottom;

      a {
        color: var(--neon-conference);
        gap: 12px;
      }
    }
  }
}

.modal-conference-registration {
  width: 70%;
  max-width: 671px;
  padding: var(--Object-Spacing-spacing-60) var(--Object-Spacing-spacing-80);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Object-Spacing-spacing-24);
  border-radius: var(--Structure-Spacing-corner-radius-large);
  border: 4px solid var(--neutral-100);
  background: var(--neutral-25);
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  .close-modal {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
  }

  .divider {
    display: flex;
    margin: var(--Object-Spacing-spacing-16, 16px) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    width: 511px;
    height: 1px;
    background: var(--Conference-neon, #07dbf2);
  }

  h3 {
    margin: 0;
    padding: 0;
    text-align: center;
    align-self: auto;
  }
  .item {
    display: flex;
    padding: var(--Object-Spacing-spacing-24) 0px
      var(--Object-Spacing-spacing-12) 0px;
    align-items: center;
    gap: var(--Object-Spacing-spacing-24);
    align-self: stretch;

    .content {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-4, 4px);
      flex: 1 0 0;

      a {
        color: var(--Blue-600, #0a72ba);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-standard);
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.25px;
        text-decoration-line: underline;
      }
    }

    .h4 {
      color: var(--brand-navy);
      font-family: var(--dmsans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
      align-self: stretch;
    }
    icon {
      display: flex;
      padding: 9px 11px;
      justify-content: center;
      align-items: center;
      gap: 0;
      border-radius: 63px;
      background: var(--vibrant-conference);

      svg {
        width: 20.65px;
        height: 24.25px;
        flex-shrink: 0;
      }
    }
    .price-type-descs {
      color: var(--Neutral-600, #34353f);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-standard);
      font-style: normal;
      font-weight: 400;
      line-height: 160%; /* 27.2px */
      letter-spacing: -0.25px;
      align-self: stretch;
    }
  }
  &.open {
    display: flex;
    z-index: 2;
  }
}

.modal-back,
.modal-top-back {
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%; /*treated as min-height in display table*/
  background-color: rgba(0, 40, 87, 0.7);
  opacity: 0;
  transition: opacity 1s ease;
  position: fixed;
  z-index: 1;
  &.open {
    display: block;
    opacity: 1;
  }
}

.modal-top-back {
  margin-top: 80px;
}

.modal-conference-virtual {
  padding: var(--Object-Spacing-spacing-60, 60px)
    var(--Object-Spacing-spacing-80, 80px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Object-Spacing-spacing-24, 24px);
  border-radius: var(--Structure-Spacing-corner-radius-small, 6px);
  border: 4px solid var(--Blue-200, #bad9e1);
  background: var(--Blue-110, #eaf4f6);
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 3s ease;
  opacity: 0;

  .close-modal {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
  }

  h3 {
    color: var(--brand-navy);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h3);
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 28.6px */
    align-self: stretch;
    padding: 0;
    align-items: flex-start;
  }

  .item {
    display: flex;
    width: 357px;
    padding: var(--Object-Spacing-spacing-24) 0px
      var(--Object-Spacing-spacing-12) 0px;
    align-items: center;
    gap: var(--Object-Spacing-spacing-24);

    icon {
      display: flex;
      width: 43.75px;
      height: 43.75px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      flex-shrink: 0;
      border-radius: 50px;
      background: var(--brand-red);
    }

    .h4 {
      color: var(--brand-navy);
      font-family: var(--dmsans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
      align-self: stretch;
    }

    a {
      color: var(--blue-600);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-standard);
      font-style: normal;
      font-weight: 400;
      line-height: 160%; /* 27.2px */
      letter-spacing: -0.25px;
      text-decoration-line: underline;
      align-self: stretch;
    }
  }
  &.open {
    display: block;
    opacity: 1;
    z-index: 1;
  }
}

.modal {
  display: none;
}

.details {
  .top-details {
    flex-wrap: wrap;
  }
  .col {
    width: 33%;
    display: flex;
    min-width: 275px;
    align-items: center;
    column-gap: var(--Object-Spacing-spacing-12);

    .icon {
      display: flex;
      width: 32.813px;
      height: 32.813px;
      justify-content: center;
      align-items: center;
      gap: 7.5px;
      border-radius: 37.5px;
      background: var(--neon-conference);
      transition: none;

      @media screen and (max-width: 1325px) {
        width: 29.0862px;
        height: 29.0862px;

        svg {
          height: 27px;
          width: 27px;
        }
      }

      @media screen and (max-width: 1024px) {
        width: 26.2504px;
        height: 26.2504px;

        svg {
          height: 24px;
          width: 24px;
        }
      }
    }
  }
}

.entry-content
  .single-accordion-block:nth-last-child(1 of .single-accordion-block) {
  /*margin-bottom: 60px;*/
}

.single-accordion-block + .wp-block-heading {
  /*margin-top: 24px !important;*/
}

.single-accordion-block + p {
  margin-top: 48px;
}
#panel-bar {
  width: 100%;
  height: 50px;
  flex-shrink: 0;
  display: none;
  &.panel-1 {
    display: block;
  }
}
.panel-block {
  display: none;
  min-height: 492px;
  padding: 0px var(--Structure-Spacing-margin-side-standard);
  gap: 241px;
  width: 100%;
  grid-template-columns: 3fr 1fr;
  &.active {
    display: grid;
  }
  &.background-Pink {
    background: var(--Main-Site-Pink-Gradient);
  }
  &.background-Green {
    background: var(--Main-Site-Green-Gradient);
  }
  &.background-Blackberry {
    background: var(--Main-Site-Blackberry-Gradient);
  }
  &.background-Purple {
    background: var(--Main-Site-Purple-Gradient);
  }
  &.background-Blue {
    background: var(--Main-Site-Blue-Gradient);
  }
  &.background-Red {
    background: var(--Main-Site-Red-Gradient);
  }

  .left-frame {
    .left-frame-inner {
      display: flex;
      /*width: 803px;*/
      padding: 78px 0px var(--Object-Spacing-spacing-48, 48px) 0px;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-32, 32px);
      align-self: stretch;
      h1 {
        color: var(--neutral-0);
        font-family: var(--dmsans);
        font-size: var(--Headings-h1);
        font-style: normal;
        font-weight: 700;
        line-height: 110%; /* 55px */
        letter-spacing: -0.25px;
      }
      .sponsors {
        display: flex;
        padding: var(--Object-Spacing-spacing-8, 8px) 0px;
        align-items: center;
        gap: 20px;

        .sponsor-text {
          color: var(--neutral-100);
          text-align: center;
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-small);
          font-style: italic;
          font-weight: 400;
          line-height: 150%; /* 21px */
          letter-spacing: -0.25px;
        }

        .divider {
          color: var(--Blue-300, #58bdf9);
          text-align: center;
          font-family: Anona;
          font-size: 15px;
          font-style: italic;
          font-weight: 500;
          line-height: 20px; /* 133.333% */
          &:last-of-type {
            display: none;
          }
        }

        .sponsor {
          width: 90px;
          height: 30px;
          flex-shrink: 0;
        }
      }
      .intro {
        color: var(--neutral-0);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-large);
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 30.4px */
        letter-spacing: -0.25px;

        p {
          color: var(--neutral-0);
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-large);
          font-style: normal;
          font-weight: 400;
          line-height: 160%; /* 30.4px */
          letter-spacing: -0.25px;
        }

        &:before {
          content: " ";
          display: block;
          background: linear-gradient(
            110deg,
            rgba(103, 159, 213, 0.5) 6.72%,
            rgba(161, 196, 229, 0.4) 70.8%
          );
          width: 250px;
          height: 1px;
          margin-bottom: 32px;
        }
      }
      .buttons {
        display: flex;
        padding-top: var(--Object-Spacing-spacing-24);
        align-items: flex-start;
        gap: 12px;
        flex-wrap: wrap;

        .primary-button,
        .secondary-button {
          display: flex;
          gap: 12px;
          align-items: center;
          width: 100%;
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-button-text);
          font-style: normal;
          font-weight: 900;
          line-height: 145%;
          letter-spacing: 1.2px;
          text-transform: uppercase;
          position: relative;
          z-index: 1;
          transition: 0.25s all;
          text-decoration: none;
          a {
            text-decoration: none;
          }

          span {
            z-index: 2 !important;
            transition: 0.25s all !important;
            padding-top: 2px !important;
            color: var(--neutral-0) !important;
            text-decoration: none !important;
          }

          .button-back {
            width: 44px;
            height: 44px;
            position: absolute !important;
            transition: 0.25s all !important;
            background: var(--Main-Site-Vivid-Gradient) !important;
            border-radius: 60px !important;
          }

          svg {
            display: flex;
            width: 44px;
            height: 44px;
            /*padding: var(--Object-Spacing-spacing-12)
							var(--Object-Spacing-spacing-16);*/
            padding: 12px 16px;
            align-items: center;
            gap: var(30px);
            border-radius: 60px;
            background: linear-gradient(90deg, #ffcf85 3.61%, #ffcf85 100%);
            z-index: 2;
            transition: 0.25s all;
          }

          &:hover,
          &:focus {
            .button-back {
              width: 120%;
            }
            svg {
              background: transparent;
              path {
                fill: #fff;
              }
            }
          }
        }
      }
    }
  }
  .right-frame {
    display: flex;
    /*width: 231px;*/
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--Object-Spacing-spacing-24);
    align-self: stretch;
    min-height: 85px;

    .featured-item {
      position: relative;
      cursor: pointer;

      .item-header {
        color: var(--yellow-400);
        font-family: var(--dmsans);
        font-size: var(--components-ct-as-toggle-title);
        font-style: normal;
        font-weight: 900;
        line-height: 140%; /* 18.2px */
        letter-spacing: 1.2px;
        text-transform: uppercase;
      }
      .item-text {
        color: var(--neutral-0);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-small);
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
        letter-spacing: -0.25px;
        height: 42px;
        text-decoration: none;
      }
      icon {
        border-radius: 28px;
        border: 2px solid var(--yellow-200);
        position: absolute;
        margin-left: -54px;
        display: flex;
        padding: 8.4px;
        flex-direction: column;
        align-items: center;
        gap: 7px;
        bottom: 43.7px;
        /*transition: all 0.5s;*/
        animation-name: featuredItemArrow;
        animation-duration: 2s;
        animation-iteration-count: infinite;
      }

      &:after {
        content: " ";
        width: 231px;
        height: 1px;
        background: linear-gradient(
          110deg,
          rgba(103, 159, 213, 0.5) 6.72%,
          rgba(161, 196, 229, 0.4) 70.8%
        );
        display: block;
        margin-top: var(--Object-Spacing-spacing-24);
      }

      &:last-child {
        &:after {
          content: none;
        }
        icon {
          bottom: 19.7px;
        }
      }

      /*&:hover {
				icon {
					margin-left: -44px;
				}
			}*/
      &.active {
        display: none;
        icon {
          display: none;
        }
        .item-header {
          color: var(--yellow-100);
        }
        &:before {
          content: " ";
          width: 9px;
          height: 9px;
          position: absolute;
          left: -37px;
          top: 27px;
          background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" viewBox="0 0 9 9" fill="none"><circle cx="4.5" cy="4.5" r="4.5" fill="%23FFE4B8"/></svg>');
        }
      }
      @media screen and (min-width: 769px) {
        &.active {
          display: block;
        }
      }
    }
  }
}
.header-panel-bar {
  width: 100%;
}

.homepage-featured-cards-block {
  display: flex;
  width: 100%;
  padding: var(--Structure-Spacing-margin-section-top) 0px
    var(--Structure-Spacing-margin-section-bottom)
    var(--Structure-Spacing-margin-side-standard);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Object-Spacing-spacing-48);
  background: var(--neutral-50);
  border-image: linear-gradient(to right, #8363aa 0%, #f57f26 100%) 1;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-top-width: 5px;
  border-top-style: solid;

  .header {
    display: flex;
    padding-bottom: var(--Object-Spacing-spacing-16);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--Object-Spacing-spacing-4);
    align-self: stretch;
  }

  .description {
    color: var(--neutral-600);
    font-family: var(--franklin);
    font-size: var(--Body-Text-p-standard);
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 27.2px */
    letter-spacing: -0.25px;
    text-transform: unset;
  }

  .cards {
    display: flex;
    width: 1501px;
    align-items: flex-start;
    gap: var(--Object-Spacing-spacing-24);
  }

  .card {
    display: flex;
    width: 363px;
    padding: var(--Object-Spacing-spacing-32) var(--Object-Spacing-spacing-32)
      var(--Object-Spacing-spacing-48) var(--Object-Spacing-spacing-32);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Object-Spacing-spacing-40);
    flex-shrink: 0;
    border-radius: var(--Structure-Spacing-corner-radius-large);
    border: 1px solid var(--neutral-150);
    background: #f8f0df;
    flex-grow: 1;
    /*height: 520px;*/
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    text-decoration: none;

    &:after {
      content: " ";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 20px;
      border: none;
      transition: all 0.4s ease-in-out;
      display: block;
      background: linear-gradient(
        to right,
        #d9630b 0%,
        #d9630b 60%,
        #a71d69 75%,
        #a71d69 85%,
        #641f45 95%,
        #641f45 100%
      );
      opacity: 0;
    }

    &:hover {
      /* //background: linear-gradient(99deg, #320B2F 15.63%, var(--Primary-brand-red, #641F45) 86.16%); */
      background: #641f45;
      &:after {
        opacity: 1;
      }

      .card-top {
        .sub-header {
          color: var(--yellow-200);
        }

        .header,
        .headline {
          color: var(--neutral-0);
        }

        .headline {
          border-top: 1px solid var(--orange-800);
        }

        .label {
          border: 1px solid var(--neutral-0) !important;
          background: unset !important;
          background-color: transparent !important;
          color: var(--neutral-0) !important;
          padding: 3.5px 16px 1px 16px;
        }
      }

      .call-to-action {
        color: var(--neutral-0);

        icon {
          border: 2px solid var(--yellow-400);
          svg {
            path {
              fill: var(--yellow-400) !important;
            }
          }
        }
      }
    }

    .card-icon {
      width: var(--Structure-Spacing-margin-side-narrow);
      height: var(--Structure-Spacing-margin-side-narrow);
      border-radius: var(--Structure-Spacing-corner-radius-small, 6px);
    }

    .card-top {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      align-self: stretch;

      .card-icon {
        margin-bottom: 24px;
      }

      .sub-header {
        color: var(--brand-red);
        text-align: right;
        font-family: var(--franklin);
        font-size: var(--components-ct-as-label);
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 16px */
        letter-spacing: 0.4px;
        text-transform: uppercase;
        margin-bottom: 12px;
      }

      .header {
        color: var(--brand-navy);
        font-family: var(--dmsans);
        font-size: var(--components-ct-as-card-title);
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 24px */
        letter-spacing: -0.25px;
      }

      .label {
        display: flex;
        padding: 4px var(--Object-Spacing-spacing-16, 16px) 2px
          var(--Object-Spacing-spacing-16, 16px);
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
        border-radius: 70px;
        background: var(
          --Main-Site-Vivid-Gradient,
          linear-gradient(90deg, #d9630b 3.61%, #a71d69 73.01%, #641f45 100%)
        );
        color: var(--Purple-100, #f9e5fa);
        text-align: right;
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-button-text, 11px);
        font-style: normal;
        font-weight: 500;
        margin-bottom: 16px;
        line-height: 1.2;
        text-decoration: none;
      }

      .headline {
        color: var(--neutral-800);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-small);
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
        letter-spacing: -0.25px;
        border-top: 1px solid var(--neutral-150);
        padding-top: var(--Object-Spacing-spacing-16);
      }
    }

    .call-to-action {
      color: var(--brand-red);
      font-family: var(--dmsans);
      font-size: var(--components-ct-as-card-cta);
      font-style: normal;
      font-weight: 500;
      line-height: 135%; /* 21.6px */
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: var(--Object-Spacing-spacing-24);
      align-self: stretch;
      text-decoration: none;
      transition: gap 0.3s ease-in;

      icon {
        display: flex;
        padding: 8.4px;
        flex-direction: column;
        align-items: center;
        gap: 7px;
        border-radius: 28px;
        border: 2px solid var(--brand-red);
      }
    }
    &:hover .call-to-action,
    &:focus-within .call-to-action {
      gap: var(--Object-Spacing-spacing-12);
    }
  }
}

.ASPEN.home {
  article {
    width: 100%;
    overflow: hidden;
  }
}

.intro-updates-block {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: var(--Structure-Spacing-margin-section-top)
    var(--Structure-Spacing-margin-side-standard)
    var(--Structure-Spacing-margin-section-bottom)
    var(--Structure-Spacing-margin-side-standard);
  align-items: flex-start;
  gap: 150px;
  align-self: stretch;

  .call-to-action {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--Object-Spacing-spacing-24, 24px);
    align-self: stretch;
    color: var(--purple-600, #542e8e);
    font-family: var(--dm-sans);
    font-size: var(--components-ct-as-card-cta, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
    transition: gap 0.2s ease-in;

    &:hover {
      color: var(--purple-800);
      gap: var(--Object-Spacing-spacing-12, 12px);

      icon {
        path {
          fill: var(--purple-800) !important;
        }
      }
    }

    icon {
      display: flex;
      padding: 8.4px;
      flex-direction: column;
      align-items: center;
      gap: 7px;
      border-radius: 28px;
      border: 2px solid var(--Purple-600, #542e8e);
    }
  }

  .intro-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Object-Spacing-spacing-24, 24px);

    .desc {
      color: var(--neutral-600);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-standard);
      font-style: normal;
      font-weight: 400;
      line-height: 160%; /* 27.2px */
      letter-spacing: -0.25px;
    }

    .primary-button {
      display: flex;

      svg {
        width: 44px;
        height: 44px;
        /*padding: var(--Object-Spacing-spacing-12, 12px)
					var(--Object-Spacing-spacing-16, 16px);*/
        padding: 12px 16px;
        align-items: center;
        gap: var(--Structure-Spacing-column-gap, 30px);
        border-radius: 60px;
        background: linear-gradient(180deg, #002857 0%, #002857 100%);
        text-decoration: none;
        display: flex;

        path {
          fill: #ffffff !important;
        }
      }

      span {
        color: var(--Primary-brand-navy, #002857);
        leading-trim: both;
        text-edge: cap;

        /* Components & CTAs/Button Text */
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-button-text, 11px);
        font-style: normal;
        font-weight: 900;
        line-height: 145%; /* 15.95px */
        letter-spacing: 1.2px;
        text-transform: uppercase;
        display: flex;
        padding: 10px 10px;
        align-items: center;
        text-decoration: none;
      }
    }
  }
  .update-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--Object-Spacing-spacing-48, 48px);

    h4 {
      color: var(--Primary-brand-navy, #002857);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4, 14px);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    .news {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-12, 12px);

      h4 {
        padding: 0 var(--Object-Spacing-spacing-24, 24px);
      }

      .update {
        display: flex;
        /*width: 492px*/
        padding: var(--Object-Spacing-spacing-16, 16px)
          var(--Object-Spacing-spacing-24, 24px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Object-Spacing-spacing-4, 4px);
        border-bottom: 1px solid #679fd5;
        align-self: stretch;

        &:last-of-type {
          border: none;
        }

        .title {
          color: var(--blue-600, #0a72ba);
          font-family: var(--franklin);
          font-size: var(--components-ct-as-block-title, 17px);
          font-style: normal;
          font-weight: 500;
          line-height: 130%; /* 22.1px */
          letter-spacing: -0.25px;
          text-decoration: none;
          transition: all 0.15x;

          &:hover {
            color: var(--brand-navy);
          }
        }

        .category {
          color: var(--brand-red, #641f45);
          text-align: right;
          display: inline-block;
          font-family: var(--franklin);
          font-size: var(--components-ct-as-label, 10px);
          font-style: normal;
          font-weight: 500;
          line-height: 160%; /* 16px */
          letter-spacing: 0.4px;
          text-transform: uppercase;
        }

        .date {
          color: var(--brand-red, #641f45);
          text-align: right;
          display: inline-block;
          font-family: var(--franklin);
          font-size: var(--components-ct-as-label, 10px);
          font-style: normal;
          font-weight: 500;
          line-height: 160%; /* 16px */
          letter-spacing: 0.4px;
          text-transform: uppercase;
        }
      }
    }
  }
}

.intext-callout-block {
  display: flex;
  /*margin: 60px calc((100% - 1340px) / 2) 40px;*/
  margin: 60px 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  padding: var(--Object-Spacing-spacing-40, 40px) 0;
  max-width: 1140px;
  border-top: 11px solid;

  &.Blue {
    background: var(--blue-110);
    border-image: url('data:image/svg+xml,<svg width="1014" height="11" viewBox="0 0 1014 11" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_13624_55285" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1274" height="11"><rect width="1274" height="11" fill="url(%23paint0_linear_13624_55285)"/></mask><g mask="url(%23mask0_13624_55285)"><rect x="0.0800781" width="1274" height="11" fill="url(%23paint1_linear_13624_55285)"/><g style="mix-blend-mode:color-dodge" opacity="0.3"><path d="M-3.91797 2.06445C676.994 16.0217 1292.4 1.93668 1292.4 1.93668" stroke="url(%23paint2_linear_13624_55285)" stroke-width="17.1"/></g><g style="mix-blend-mode:screen" opacity="0.5"><path d="M-19.8268 26.483C424.163 -15.0033 1300.9 -4.44226 1300.9 -4.44226" stroke="url(%23paint3_linear_13624_55285)" stroke-width="17.1"/></g></g><defs><linearGradient id="paint0_linear_13624_55285" x1="4.93215e-07" y1="1.97797" x2="22.1647" y2="176.648" gradientUnits="userSpaceOnUse"><stop stop-color="%23641F45"/><stop offset="1" stop-color="%23542E8E"/></linearGradient><linearGradient id="paint1_linear_13624_55285" x1="0.0800781" y1="5.5" x2="1274.08" y2="5.5" gradientUnits="userSpaceOnUse"><stop stop-color="%230A72BA"/><stop offset="1" stop-color="%23008066"/></linearGradient><linearGradient id="paint2_linear_13624_55285" x1="-2.1745" y1="13.4851" x2="1264.64" y2="-179.906" gradientUnits="userSpaceOnUse"><stop stop-color="%230A72BA"/><stop offset="1" stop-color="%23008066"/></linearGradient><linearGradient id="paint3_linear_13624_55285" x1="-20.804" y1="18.8987" x2="1282.28" y2="-149.002" gradientUnits="userSpaceOnUse"><stop stop-color="%230A72BA"/><stop offset="1" stop-color="%23008066"/></linearGradient></defs></svg>')
      1;

    .wrapper .cta a {
      text-decoration: none;
      span {
        color: var(--blue-600);
        text-decoration: none;
      }
    }

    .wrapper a svg path {
      fill: var(--blue-600) !important;
    }
  }

  &.Purple {
    background: rgba(249, 229, 250, 0.5);
    border-image: url('data:image/svg+xml,<svg width="1014" height="12" viewBox="0 0 1014 12" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_13624_55312" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1274" height="12"><rect y="0.300781" width="1274" height="11" fill="url(%23paint0_linear_13624_55312)"/></mask><g mask="url(%23mask0_13624_55312)"><rect x="0.0800781" y="0.300781" width="1274" height="11" fill="url(%23paint1_linear_13624_55312)"/><g style="mix-blend-mode:color-dodge"><path d="M-1.58594 2.36523C679.332 16.3363 1294.74 2.26403 1294.74 2.26403" stroke="url(%23paint2_linear_13624_55312)" stroke-opacity="0.6" stroke-width="17.1"/></g><g style="mix-blend-mode:screen"><path d="M-19.8268 26.7818C424.163 -14.7045 1300.9 -4.14343 1300.9 -4.14343" stroke="url(%23paint3_linear_13624_55312)" stroke-opacity="0.35" stroke-width="17.1"/></g></g><defs><linearGradient id="paint0_linear_13624_55312" x1="4.93215e-07" y1="2.27875" x2="22.1647" y2="176.949" gradientUnits="userSpaceOnUse"><stop stop-color="%23542E8E"/><stop offset="1" stop-color="%23641F45"/></linearGradient><linearGradient id="paint1_linear_13624_55312" x1="0.0800786" y1="2.27875" x2="22.2448" y2="176.949" gradientUnits="userSpaceOnUse"><stop stop-color="%23542E8E"/><stop offset="1" stop-color="%23641F45"/></linearGradient><linearGradient id="paint2_linear_13624_55312" x1="-20.2715" y1="17.3987" x2="-20.2208" y2="20.0421" gradientUnits="userSpaceOnUse"><stop stop-color="%23641F45"/><stop offset="1" stop-color="%23542E8E"/></linearGradient><linearGradient id="paint3_linear_13624_55312" x1="-19.4871" y1="29.8331" x2="-19.4269" y2="32.4761" gradientUnits="userSpaceOnUse"><stop stop-color="%23641F45"/><stop offset="1" stop-color="%23542E8E"/></linearGradient></defs></svg>')
      1;
    .wrapper .cta a {
      text-decoration: none;
      icon {
        border-color: var(--purple-600);
      }
      span {
        color: var(--purple-600);
        text-decoration: none;
      }
    }

    .wrapper a svg path {
      fill: var(--purple-600) !important;
    }
  }

  &.Yellow {
    background: var(--yellow-100);
    border-image: url('data:image/svg+xml,<svg width="1014" height="12" viewBox="0 0 1014 12" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_13624_55335" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="1274" height="12"><rect y="0.599609" width="1274" height="11" fill="url(%23paint0_linear_13624_55335)"/></mask><g mask="url(%23mask0_13624_55335)"><rect x="0.0800781" y="0.599609" width="1274" height="11" fill="url(%23paint1_linear_13624_55335)"/><g style="mix-blend-mode:color-dodge" opacity="0.3"><path d="M-2.07422 2.66406C678.843 16.6352 1294.25 2.56285 1294.25 2.56285" stroke="url(%23paint2_linear_13624_55335)" stroke-width="17.1"/></g><g style="mix-blend-mode:screen" opacity="0.5"><path d="M-19.8268 27.0826C424.163 -14.4037 1300.9 -3.84265 1300.9 -3.84265" stroke="url(%23paint3_linear_13624_55335)" stroke-width="17.1"/></g></g><defs><linearGradient id="paint0_linear_13624_55335" x1="4.93215e-07" y1="2.57758" x2="22.1647" y2="177.248" gradientUnits="userSpaceOnUse"><stop stop-color="%23641F45"/><stop offset="1" stop-color="%23542E8E"/></linearGradient><linearGradient id="paint1_linear_13624_55335" x1="0.0800781" y1="6.09961" x2="1274.08" y2="6.09961" gradientUnits="userSpaceOnUse"><stop offset="0.36" stop-color="%23641F45"/><stop offset="1" stop-color="%23FDB831"/></linearGradient><linearGradient id="paint2_linear_13624_55335" x1="-0.328715" y1="14.0847" x2="1266.42" y2="-179.523" gradientUnits="userSpaceOnUse"><stop stop-color="%23641F45"/><stop offset="1" stop-color="%23FDB831"/></linearGradient><linearGradient id="paint3_linear_13624_55335" x1="-20.804" y1="19.4983" x2="1282.28" y2="-148.402" gradientUnits="userSpaceOnUse"><stop stop-color="%23641F1F"/><stop offset="1" stop-color="%23FDB831"/></linearGradient></defs></svg>')
      1;
    .wrapper .cta a {
      text-decoration: none;
      icon {
        border-color: var(--brand-red);
      }
      span {
        color: var(--brand-red);
        text-decoration: none;
      }
    }

    .wrapper a svg path {
      fill: var(--brand-red) !important;
    }
  }
  .wrapper {
    display: flex;
    padding: 0px var(--Object-Spacing-spacing-40, 40px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Object-Spacing-spacing-24, 24px);
    align-self: stretch;

    .header {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-16, 16px);
      align-self: stretch;

      .sub-title {
        color: var(--brand-navy);
        leading-trim: both;
        text-edge: cap;
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-button-text);
        font-style: normal;
        font-weight: 900;
        line-height: 145%; /* 15.95px */
        letter-spacing: 1.2px;
        text-transform: uppercase;
      }

      .title {
        color: var(--brand-navy);
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-card-title);
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 24px */
        letter-spacing: -0.25px;
      }
    }

    .cta a {
      display: flex;
      align-items: center;
      gap: var(--Object-Spacing-spacing-24, 24px);
      transition: gap 0.2s ease-in;

      &:hover {
        gap: var(--Object-Spacing-spacing-12, 12px);
      }

      span {
        color: var(--purple-600);
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-card-cta);
        font-style: normal;
        font-weight: 500;
        line-height: 135%; /* 21.6px */
      }

      icon {
        display: flex;
        padding: 8.4px;
        flex-direction: column;
        align-items: center;
        gap: 7px;
        border-radius: 28px;
        border: 2px solid var(--Blue-600, #0a72ba);
      }
    }
  }
}

.filters:has(> .bookstore.search-area) {
  width: 100%;
}

.book-bank {
  display: none;
}

.bookstore.search-area {
  display: flex;
  padding: 0px var(--Structure-Spacing-margin-side-standard, 227px)
    var(--Structure-Spacing-margin-section-bottom, 90px)
    var(--Structure-Spacing-margin-side-standard, 227px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  position: relative;

  input {
    display: flex;
    padding: var(--Object-Spacing-spacing-12) var(--Object-Spacing-spacing-24);
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 50px;
    border: 1px solid var(--blue-400);
    width: 100%;
  }

  .search-icon {
    position: absolute;
    top: 72px;
    right: 24px;
  }
}

.books-holder {
  display: flex;
  padding: var(--Structure-Spacing-margin-section-top, 90px)
    var(--Structure-Spacing-margin-side-standard, 227px)
    var(--Structure-Spacing-margin-section-bottom, 90px)
    var(--Structure-Spacing-margin-side-standard, 227px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Object-Spacing-spacing-48);
  align-self: stretch;
  flex-wrap: wrap;

  .book-holder {
    width: 100%;
  }

  .book-row {
    --card-width: 360px;
    /*display: flex;
		row-gap: 97px;
		flex-wrap: wrap;
		width: 100%;
		justify-content: stretch;*/
    display: grid;
    column-gap: 112px;
    row-gap: 96px;
    /* try auto-fit or auto-fill depending on the scenario */
    grid-template-columns: repeat(
      auto-fill,
      minmax(min(var(--card-width), 100%), 1fr)
    );

    .book-block {
      /*width: calc(33.333% - 97px);
			max-width: 33.333%;*/
      display: flex;
      /*flex: 1 1 calc(33.333% - 97px);*/
      flex-direction: column;
      align-items: center;
      justify-content: stretch;
      gap: 0;
      position: relative;
      /*border-bottom: 3px solid var(--blue-200); /* Border under each row */
      /*padding: 0 48px var(--Object-Spacing-spacing-32) 48px;
			&:nth-child(3n+1){
				padding-left: 0;
			}
			&:nth-child(3n){
				padding-right: 0;
			}
			&.last-row {
				border: none;
			}*/

      &:nth-child(3n),
      &.last-row {
        &::after {
          width: 100%;
        }
      }

      &::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -48px;
        width: calc(100% + 112px);
        height: 3px;
        background-color: var(--blue-200);
      }

      .info-top {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        margin-bottom: 12px;
      }

      .cover {
        cursor: pointer;
        margin-bottom: 24px;
        img {
          height: 214px;
          align-self: stretch;
        }
      }

      .label {
        display: flex;
        padding: var(--Object-Spacing-spacing-4, 4px)
          var(--Object-Spacing-spacing-16, 16px) 0
          var(--Object-Spacing-spacing-16, 16px);
        justify-content: flex-end;
        align-items: center;
        gap: 10px;
        border-radius: 70px;
        background: var(
          --Main-Site-Vivid-Gradient,
          linear-gradient(90deg, #d9630b 3.61%, #a71d69 73.01%, #641f45 100%)
        );
        color: var(--Purple-100, #f9e5fa);
        text-align: right;
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-button-text, 11px);
        font-style: normal;
        font-weight: 500;
        line-height: 145%;
      }

      .copyright {
        display: flex;
        gap: 12px;
        align-items: center;
        justify-content: center;
        line-height: 1;

        .label {
          font-size: 11px;
          color: var(--purple-100);
          background: linear-gradient(
            90deg,
            #d9630b 3.61%,
            #a71d69 73.01%,
            #641f45 100%
          );
          display: inline-flex;
          padding: 4px 12px;
          border-radius: 12px;
        }

        .copyright-text {
          font-size: 10px;
          color: var(--neutral-600);
        }
      }

      .single-accordion-block {
        max-width: 100%;
        border-bottom: 0;
        padding-bottom: var(--Object-Spacing-spacing-24);
        padding-top: 0;
        span {
          color: var(--brand-navy);
          font-family: var(--franklin);
          font-size: var(--components-ct-as-label, 9px);
          font-style: normal;
          font-weight: 500;
          line-height: 160%; /* 14.4px */
          letter-spacing: 0.4px;
          text-transform: uppercase;
        }

        .accordion-single,
        .accordion-title {
          width: 100%;
        }

        .accordion-title {
          justify-content: center;
          align-items: center;
          gap: 12px;
        }

        .accordion-content {
          width: 100%;
          flex-direction: column;
          gap: 12px;
          padding: 0;
          padding-top: 24px;

          .accordion-text-block {
            font-size: 12px;

            a {
              padding-left: 24px;
              position: relative;
              display: flex;
            }

            .checkmark {
              position: absolute;
              top: 0;
              left: 0;
              width: 16.8px;
              height: 16.8px;
              accent-color: var(--blue-600);
              background-color: var(--blue-600);
              border: none;

              &:after {
                content: "";
                position: absolute;
                display: block;
                left: 6px;
                top: 3px;
                width: 5px;
                height: 8px;
                border: solid white;
                border-width: 0 2px 2px 0;
                -webkit-transform: rotate(35deg);
                -ms-transform: rotate(35deg);
                transform: rotate(35deg);
              }
            }
          }
        }
      }

      .title {
        color: var(--blue-600);
        text-align: center;
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-card-cta);
        font-style: normal;
        font-weight: 700;
        line-height: 135%; /* 21.6px */
        margin-bottom: 12px;
      }

      .price-row {
        width: 100%;
        display: flex;
        padding: var(--Object-Spacing-spacing-8) 0px;
        align-items: center;
        gap: 26px;
        &:not(:first-child):not(:last-child) {
          border-bottom: 1px solid var(--blue-200);
        }

        > span {
          display: flex;
        }

        .price-member {
          width: 100px;
          color: var(--brand-navy);
          font-family: var(--franklin);
          font-size: var(--components-ct-as-label);
          font-style: normal;
          font-weight: 500;
          line-height: 160%; /* 16px */
          letter-spacing: 0.4px;
          text-transform: uppercase;
        }

        .price-type {
          color: var(--4eutral-400);
          text-align: center;
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-extra-small);
          font-style: italic;
          font-weight: 400;
          line-height: 140%; /* 14px */
          letter-spacing: -0.15px;
          width: 55px;
        }
      }

      &::after {
        content: "";
        flex: 1 1 100%; /* Forces the last row to align correctly */
      }
    }
  }

  .seperator {
    height: 5px;
    flex-shrink: 0;
    align-self: stretch;
    background: linear-gradient(94deg, #641f45 1.15%, #542e8e 103.94%);

    svg {
      width: 1321.211px;
      height: 7.166px;
      transform: rotate(-15.256deg);
      flex-shrink: 0;
      stroke-width: 17.1px;
      stroke: #8363aa;
      mix-blend-mode: screen;
    }
  }
}
.page-template-archive-store-book,
.resource-slider-list-block {
  .subject-filter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .tabs {
    display: flex;
    padding: var(--Object-Spacing-spacing-16, 16px)
      var(--Object-Spacing-spacing-48, 48px);
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    justify-content: center;

    .titles,
    .subjects {
      display: block;
      border-bottom: 1px solid var(--Blue-200, #bad9e1);
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4, 14px);
      font-style: normal;
      font-weight: 600;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
      padding: var(--Object-Spacing-spacing-16, 16px)
        var(--Object-Spacing-spacing-48, 48px);
      cursor: pointer;

      &:hover,
      &.active {
        border-bottom: 4px solid var(--Blue-200, #bad9e1);
        color: var(--Blue-600, #0a72ba);
        font-family: var(--dm-sans);
        font-size: var(--Headings-h4, 14px);
        font-style: normal;
        font-weight: 900;
        line-height: 130%; /* 18.2px */
        letter-spacing: 1px;
        text-transform: uppercase;
      }
    }
  }

  .terms {
    display: flex;
    padding: var(--Object-Spacing-spacing-24, 24px) 95px
      var(--Object-Spacing-spacing-8, 8px) 95px;
    justify-content: center;
    align-items: center;
    gap: 56px;
    color: var(--brand-navy);
    text-align: center;
    font-family: var(--franklin);
    font-size: var(--Body-Text-p-small, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.25px;
    border-bottom: 1px solid var(--Blue-200, #bad9e1);
    background: var(--Neutral-25, #fdfbf8);
    max-width: 1055px;
    @media screen and (max-width: 1140px) {
      max-width: 800px;
    }
    @media screen and (max-width: 800px) {
      /*max-width: 525px;*/
      max-width: 610px;
      padding-inline: 48px;
      .owl-carousel {
        .owl-nav {
          button.owl-prev {
            margin-left: -24px !important;
          }

          button.owl-next {
            right: -24px !important;
            top: 5 !important;
          }
        }
      }
    }
    @media screen and (max-width: 550px) {
      max-width: 450px;
      /*padding-inline: 36px;
				
				.owl-carousel {
					.owl-nav {
						button.owl-prev {
							margin-left: -24px !important;
						}
						
						button.owl-next {
							right: -24px !important;
							top: 0 !important;
						}
					}
				}*/
    }

    margin: auto;
    overflow-x: hidden;

    .owl-stage {
      display: flex;
      margin: auto;
      align-items: center;
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
      display: flex;
      padding: 8.4px !important;
      flex-direction: column;
      align-items: center;
      gap: 7px;
      border-radius: 28px;
      background: var(--Primary-brand-red, #641f45);
    }

    .owl-carousel .owl-nav button.owl-prev {
      position: absolute;
      margin-left: -90px;
      margin-top: -45px;
    }
    .owl-carousel .owl-nav button.owl-next {
      position: absolute;
      right: -90px;
      top: 0;
    }

    .resource-carousel .owl-carousel .owl-nav button.owl-next.disabled,
    .resource-carousel .owl-carousel .owl-nav button.owl-prev.disabled {
      background: var(--Blue-200, #bad9e1);
    }

    .term {
      cursor: pointer;
      width: 89px;
      margin-right: 10px;
      &.active,
      &:hover {
        color: var(--Primary-brand-navy, #002857);
        text-align: center;
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-small, 14px);
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 21px */
        letter-spacing: -0.25px;
      }
    }
  }
}

.resource-wrapper {
  display: flex;
  padding: var(--Structure-Spacing-margin-section-top, 90px) 0px
    var(--Structure-Spacing-margin-section-bottom, 90px)
    var(--Structure-Spacing-margin-side-standard);
  gap: var(--Structure-Spacing-column-gap, 30px);
  align-self: stretch;
  /*flex-wrap: wrap;*/
  border-image: linear-gradient(to right, #8363aa 0%, #f57f26 100%) 1;
  border-bottom-width: 5px;
  border-bottom-style: solid;

  &:last-of-type {
    border-bottom: none;
  }

  .owl-theme .owl-dots {
    text-align: left;
  }

  .resource-title {
    display: flex;
    /* //width: 20%; */
    flex-direction: column;
    align-content: center;
    justify-content: center;
    width: 350px;

    .sub-title {
      color: var(--blue-600);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    h2 {
      margin-top: 0;
    }

    .description {
      color: var(--neutral-900);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-standard, 17px);
      font-style: normal;
      font-weight: 400;
      line-height: 160%; /* 27.2px */
      letter-spacing: -0.25px;
    }
    .cta {
      display: flex;
      align-items: flex-end;
      icon {
        display: flex;
        width: 44px;
        height: 44px;
        padding: 12px 16px;
        align-items: center;
        gap: 30px;
        border-radius: 60px;
        background: linear-gradient(180deg, #002857 0%, #002857 100%);
        margin-top: 40px;
      }
      a {
        color: var(--brand-navy);
        font-family: var(--dm-sans);
        font-size: var(--components-ct-as-button-text, 11px);
        font-style: normal;
        font-weight: 900;
        line-height: 145%; /* 15.95px */
        letter-spacing: 1.2px;
        text-transform: uppercase;
        padding-bottom: 11px;
        text-decoration: none;
        padding-left: 12px;
      }
    }
  }
}

.resource-carousel-wrapper {
  /*width: 77%;*/
  overflow-x: hidden;
  margin-left: auto;
  margin-right: 0;
}
.resource-carousel {
  width: 1400px;
  overflow: hidden;
  margin-left: auto;
  margin-right: 0;
  overflow-x: hidden;

  @media screen and (max-width: 743px) {
    width: 100%;
  }

  .owl-stage {
    padding-left: 0 !important;
    display: flex;
  }

  .owl-nav {
    display: flex;
  }

  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev {
    display: flex;
    padding: 8.4px !important;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    border-radius: 28px;
    background: var(--Primary-brand-red, #641f45);
    &.disabled {
      background: var(--Blue-200, #bad9e1);
    }
  }

  .owl-item {
    display: flex;
    .resource-card {
      align-self: stretch;
    }
  }
}
.resource-card {
  display: none;
  width: 363px;
  padding: var(--Object-Spacing-spacing-32, 32px)
    var(--Object-Spacing-spacing-32, 32px) 110px
    var(--Object-Spacing-spacing-32, 32px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Object-Spacing-spacing-12, 12px);
  flex-shrink: 0;
  border-radius: var(--Structure-Spacing-corner-radius-large, 12px);
  border: 1px solid var(--Neutral-150, #e8d7ba);
  background: var(--Neutral-100, #f8f0df);
  position: relative;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  /* //justify-content: space-between; */

  &:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    background-image: linear-gradient(
      to right,
      #d9630b 0%,
      #a71d69 72%,
      #641f45 100%
    );
    display: block;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    border-radius: 0 0 var(--Structure-Spacing-corner-radius-large, 12px)
      var(--Structure-Spacing-corner-radius-large, 12px);
  }

  &:hover {
    background: var(--brand-red);
    overflow: hidden;

    &::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 20px;
      background-image: linear-gradient(
        to right,
        #d9630b 0%,
        #a71d69 72%,
        #641f45 100%
      );
      display: block;
      opacity: 1;
    }

    .labels {
      .label {
        border: 1px solid var(--neutral-0) !important;
        background: unset !important;
        background-color: transparent !important;
        color: var(--neutral-0) !important;
      }
    }

    .resource-header {
      border-bottom-color: var(--orange-800);
      .title,
      .title {
        color: var(--neutral-0) !important;
      }

      .data {
        span {
          color: var(--yellow-200);
        }
        svg {
          path {
            fill: var(--yellow-200);
          }
        }
      }
    }

    .resource-body {
      .topics-description,
      .topics-description p,
      .description,
      .topics-description {
        color: var(--neutral-0) !important;
      }

      .topics-title,
      .my-story {
        color: var(--yellow-200) !important;
      }

      .sponsor {
        color: var(--neutral-100);
      }
    }

    .resource-cta {
      .cta-text {
        color: var(--neutral-0);
      }
      icon {
        border-color: var(--yellow-200);
        svg {
          path {
            fill: var(--yellow-400);
          }
        }
      }
    }
  }

  &.page-0 {
    display: flex;
  }

  .labels {
    display: flex;
    gap: 10px;
    &:empty {
      display: none;
    }

    .label {
      border-radius: 70px;
      background: var(
        --Main-Site-Vivid-Gradient,
        linear-gradient(90deg, #d9630b 3.61%, #a71d69 73.01%, #641f45 100%)
      );
      display: flex;
      padding: var(--Object-Spacing-spacing-4, 5px)
        var(--Object-Spacing-spacing-16, 16px) 2px
        var(--Object-Spacing-spacing-16, 16px);
      justify-content: flex-end;
      align-items: center;
      gap: 10px;
      color: var(--purple-100);
      text-align: right;
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text, 11px);
      font-style: normal;
      font-weight: 500;
      line-height: 145%; /* 15.95px */
      color: var(--Purple-100, #f9e5fa);
      max-height: 22px;

      &.featured {
        background: var(--Main-Site-Deep-Gradient);
      }

      &.ce {
        border: 2px solid var(--neutral-300);
        background: none;
        color: var(--brand-red);
      }

      &.archive {
        background-color: var(--neutral-300);
        color: var(--neutral-800);
        background-image: none;
      }
    }
  }

  .resource-header {
    display: flex;
    padding-bottom: var(--Object-Spacing-spacing-16, 16px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Object-Spacing-spacing-16, 16px);
    align-self: stretch;
    border-bottom: 1px solid #e8d7ba;

    .title {
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-card-title, 20px);
      font-style: normal;
      font-weight: 700;
      line-height: 120%; /* 24px */
      letter-spacing: -0.25px;
      text-decoration: none;
    }

    .data {
      display: flex;
      height: 24px;
      /*padding-right: var(--Object-Spacing-spacing-12, 12px);*/
      align-items: center;
      align-self: stretch;
      gap: 8px;

      span {
        color: var(--brand-red);
        text-align: right;
        font-family: var(--franklin);
        font-size: var(--components-ct-as-label, 10px);
        font-style: normal;
        font-weight: 500;
        line-height: 160%; /* 16px */
        letter-spacing: 0.4px;
        text-transform: uppercase;

        &:last-of-type {
          margin-left: auto;
        }
      }
    }
  }
  .resource-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Object-Spacing-spacing-12, 12px);
    align-self: stretch;

    .topics-title {
      color: var(--Primary-brand-navy, #002857);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4, 14px);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    .topics-description,
    .description {
      color: var(--neutral-800);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-small, 14px);
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 21px */
      letter-spacing: -0.25px;
      /*padding-bottom: 16px;*/
      @include vertical-clamp(4);

      .description-holder {
        overflow: hidden;
        display: block;
        max-height: 125px;
        text-overflow: ellipsis;
      }
    }

    .topics-description p {
      color: var(--neutral-800);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-small, 14px);
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 21px */
      letter-spacing: -0.25px;
      padding-top: 24px;
    }

    .sponsor {
      color: var(--Neutral-600, #34353f);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-small, 14px);
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 21px */
      letter-spacing: -0.25px;
    }
  }

  .resource-cta {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--Object-Spacing-spacing-24, 24px);
    align-self: stretch;
    position: absolute;
    bottom: 40px;
    right: 32px;
    text-decoration: none;
    transition: gap 0.3s ease-in;
    &:hover {
      gap: var(--Object-Spacing-spacing-12, 12px);
    }

    .cta-text {
      color: var(--brand-red);
      font-family: var(--franklin);
      font-size: var(--components-ct-as-card-cta, 16px);
      font-style: normal;
      font-weight: 500;
      line-height: 135%; /* 21.6px */
    }

    icon {
      display: flex;
      padding: 8.4px;
      flex-direction: column;
      align-items: center;
      gap: 7px;
      border-radius: 28px;
      border: 2px solid var(--brand-red);
    }
  }

  &:hover .resource-cta {
    gap: var(--Object-Spacing-spacing-12, 12px);
  }
}

.Malnutrition-Awareness-Week .resource-card:after {
  content: none;
}

.resource-wrapper {
  .resource-carousel .resource-card {
    display: flex;

    .resource-header {
      /* //width: 312px; */
    }
  }
  .resource-title {
    .title {
      color: var(--blue-800, #002857);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h2, 32px);
      font-style: normal;
      font-weight: 800;
      line-height: 125%; /* 40px */
      letter-spacing: -0.5px;
    }

    .sub-title {
      color: var(--blue-600);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 4px;
    }

    .description {
      color: var(--Neutral-900, #111827);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-standard, 17px);
      font-style: normal;
      font-weight: 400;
      line-height: 160%; /* 27.2px */
      letter-spacing: -0.25px;
    }

    .cta {
      align-items: center;
      margin-top: 40px;

      icon {
        margin-top: 0;
      }

      a {
        padding-bottom: 0;
      }
    }
  }
}

.ASPEN .interior-header-block .interior-header .header-left {
  color: var(--brand-red);
}

.ASPEN.home .a-single {
  padding-bottom: 0;
}

blockquote {
  display: flex;
  padding: var(--Object-Spacing-spacing-40) var(--Object-Spacing-spacing-60);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Object-Spacing-spacing-16);
  align-self: stretch;
  margin: 0 0 var(--Object-Spacing-spacing-16) calc((100% - 1340px) / 2);
  max-width: 1140px;

  p {
    color: var(--blue-600);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h3);
    font-style: normal;
    font-weight: 700;
    line-height: 155%; /* 34.1px */
    letter-spacing: -0.25px;
  }

  cite {
    display: flex;
    padding: 0px var(--Object-Spacing-spacing-60, 60px);
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: var(--brand-navy);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h4);
    font-style: normal;
    font-weight: 900;
    line-height: 130%; /* 18.2px */
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
  }
}

.ASPEN .entry-content {
  .wp-block-image {
    /*margin: 0 0 var(--Object-Spacing-spacing-16) calc((100% - 1340px) / 2);
		max-width: 1140px;*/
  }

  .icon-text-block {
    padding-left: 0;
    padding-right: 0;
  }
}

.ASPEN .primary-button,
.ASPEN .two-col-cta-block .cta a.button,
.Rhoads-Research-Foundation
  .interior-header-block
  .interior-header
  .header-right
  .interior_header_button_1,
.Rhoads-Research-Foundation .decorative-button {
  font-family: var(--dm-sans);
  font-size: var(--components-ct-as-button-text);
  font-style: normal;
  font-weight: 900;
  line-height: 145%; /* 15.95px */
  letter-spacing: 1.2px;
  text-transform: uppercase;
  transition: 0.25s all;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  transition: all 0.2s;

  .button-back {
    position: absolute;
    width: 44px;
    height: 44px;
    background: linear-gradient(
      90deg,
      #008066 3.61%,
      #075d98 46.99%,
      #053975 100%
    );
    border-radius: 60px;
    transition: all 0.2s;
  }

  icon {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    gap: 30px;
    border-radius: 60px;
    background: linear-gradient(180deg, #002857 0%, #002857 100%);
    transition: 0.2s all;
    z-index: 2;
  }

  span {
    z-index: 2;
    padding-top: 4px;
    color: var(--brand-navy);
  }

  &:hover,
  &:focus {
    icon {
      background: transparent;
      color: #fff;
    }
    .button-back {
      width: calc(100% + 30px);
    }
    span {
      color: #fff;
    }
  }
}

.Rhoads-Research-Foundation
  .interior-header-block
  .interior-header
  .header-right
  .interior_header_button_1 {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ASPEN,
.Rhoads-Research-Foundation {
  .books-holder {
    &:has(.staff-block) {
      gap: 0;
      padding-bottom: 0;
      flex-wrap: unset;

      .book-row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 97px;
        row-gap: 24px;
        width: 100%;
        /*&:not(:last-of-type) {
					.staff-block {					
						border-bottom: 1px solid var(--blue-200);
					}
				}*/
      }
    }
  }

  .wp-block-heading + .books-holder {
    padding-top: 0;
  }
}

.ASPEN .staff-block,
.Rhoads-Research-Foundation .staff-block {
  display: flex;
  padding: var(--Object-Spacing-spacing-24) 0px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  height: 100%;
  border-bottom: 1px solid var(--blue-200);

  img {
    width: 120px;
    height: 120px;
    margin-bottom: var(--Object-Spacing-spacing-24, 24px);
  }

  h3 {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    padding-top: 0;

    span {
      color: var(--brand-navy);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-extra-small);
      font-style: normal;
      font-weight: 400;
      line-height: 140%; /* 14px */
      letter-spacing: -0.15px;
    }
  }

  ul {
    color: var(--neutral-600);
    font-family: var(--franklin);
    font-size: var(--Body-Text-p-small);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.25px;
    padding: 0;
    margin: 0 0 0 16px;

    li {
      margin-bottom: 0;
    }
  }
}

.resource-page-block {
  /*max-width: 1340px;
	margin: var(--Structure-Spacing-margin-section-top, 90px) auto 0 auto;*/
  display: flex;
  margin-top: var(--Structure-Spacing-margin-section-top, 90px);

  .cards {
    display: flex;
    padding-bottom: var(--Structure-Spacing-margin-section-top, 90px);
    flex-direction: column;
    gap: var(--Object-Spacing-spacing-60, 60px);
    flex: 1 0 0;
  }

  .filters {
    display: flex;
    width: 235px;
    margin-right: 60px;
    padding: 0 var(--Object-Spacing-spacing-32)
      var(--Structure-Spacing-margin-section-top, 90px) 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-right: 1px solid var(--blue-200);
    /*> div {
			display: none;
			width: 100%;
		}*/

    .filter-options {
      display: flex;
      flex-direction: column;
      gap: 24px;
    }

    .clear {
      display: block;
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text, 11px);
      font-style: normal;
      font-weight: 900;
      line-height: 145%;
      letter-spacing: 1.2px;
      cursor: pointer;
      text-transform: uppercase;
    }

    h3 {
      padding-top: 0;

      .mobile-only {
        display: none;
      }
    }

    .filter-title {
      display: flex;
      align-items: center;
      gap: var(--Object-Spacing-spacing-12);
      cursor: pointer;
      margin-bottom: 16px;
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%;
      letter-spacing: 1px;
      text-transform: uppercase;
      align-self: stretch;

      span {
        padding-top: 4px;
      }

      icon {
        display: flex;
        width: 26px;
        height: 26px;
        padding: 7px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5.6px;
        flex-shrink: 0;
        border-radius: 22.4px;
        border: 1.6px solid var(--blue-600);
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><rect x="0.720703" y="4.04688" width="9" height="1.5" rx="0.75" fill="%23002857"/><rect x="5.7207" y="0.046875" width="9" height="1.5" rx="0.75" transform="rotate(90 5.7207 0.046875)" fill="%23002857"/></svg>');
        background-position: center;
        background-size: containt;
        background-repeat: no-repeat;
      }

      &.open {
        icon {
          background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none"><rect x="0.720215" y="0.269531" width="9" height="1.5" rx="0.75" fill="%23002857"/></svg>');
        }
      }
    }

    .filter-items-holder {
      display: flex;
      padding-left: 4px;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
      width: 100%;
    }

    .filter-items {
      display: none;
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      align-self: stretch;
      border-bottom: 1px solid var(--blue-200);
      transition: all 1s;
      padding-bottom: 12px;

      &:has(.exists) {
        padding-bottom: var(--Object-Spacing-spacing-24);
      }

      &.open {
        display: flex;
      }

      .filter-item {
        display: none;
        padding-right: 10px;
        align-items: center;
        gap: 16px;
        cursor: pointer;

        label {
          position: relative;
          margin-left: 4px;
          cursor: pointer;
        }

        .item-name {
          padding-left: 32px;
          color: var(--neutral-600);
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-small);
          font-style: normal;
          font-weight: 400;
          line-height: 150%; /* 21px */
          letter-spacing: -0.25px;
          display: block;
          margin-top: -2px;
        }

        input {
          position: absolute;
          opacity: 1;
          cursor: pointer;
          height: 16.8px;
          width: 16.8px;
        }

        .checkmark {
          position: absolute;
          top: 0;
          left: 0;
          width: 16.8px;
          height: 16.8px;
          accent-color: var(--blue-600);
          background-color: var(--blue-600);
          border: none;
        }

        /* When the checkbox is checked, add a blue background */
        label input:checked ~ .checkmark {
          background-color: var(--blue-600);
        }

        /* Create the checkmark/indicator (hidden when not checked) */
        label .checkmark:after {
          content: "";
          position: absolute;
          display: none;
        }

        /* Show the checkmark when checked */
        label input:checked ~ .checkmark:after {
          display: block;
        }

        /* Style the checkmark/indicator */
        label .checkmark:after {
          left: 6px;
          top: 3px;
          width: 5px;
          height: 8px;
          border: solid white;
          border-width: 0 2px 2px 0;
          -webkit-transform: rotate(35deg);
          -ms-transform: rotate(35deg);
          transform: rotate(35deg);
        }
        &.exists {
          display: block;
        }
      }
    }
  }

  .resource-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;

    .resource-card {
      width: unset;
    }
  }
  .resources-page-title {
    width: 100%;
    .search-area {
      input {
        display: flex;
        padding: var(--Object-Spacing-spacing-12, 12px)
          var(--Object-Spacing-spacing-24, 24px);
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: 50px;
        border: 1px solid var(--Blue-400, #679fd5);
        width: 100%;
      }
      position: relative;

      svg {
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
      }
    }
  }
}

h2 + .awards-block {
  .awardee {
    padding-top: 0;
  }
}

.awards-block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;

  .awardee {
    width: 361px;
    padding: var(--Object-Spacing-spacing-32) 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Object-Spacing-spacing-8);
    display: flex;

    &.Large {
      img {
        padding: var(--Object-Spacing-spacing-16);
        width: 225px;
        height: 225px;
      }
    }

    &.Medium {
      img {
        padding: var(--Object-Spacing-spacing-12);
        width: 175px;
        height: 175px;
      }
    }

    &.Small {
      img {
        padding: var(--Object-Spacing-spacing-8);
        width: 125px;
        height: 125px;
      }
    }

    .title {
      margin-top: 12px;
    }

    .headshot {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 225px;
      height: 225px;
    }

    &.Blue-Green .headshot {
      background: var(--blue-200);
    }
    &.Orange-Yellow .headshot {
      background: var(--yellow-200);
    }
    &.Purple-Pink .headshot {
      background: var(--purple-200);
    }

    .medium .headshot {
      width: 175px;
      height: 175px;
    }

    .small .headshot {
      width: 125px;
      height: 125px;
    }

    .name {
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-card-title);
      font-style: normal;
      font-weight: 700;
      line-height: 120%; /* 24px */
      letter-spacing: -0.25px;
    }

    .acronyms {
      color: var(--blue-800);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-extra-small);
      font-style: normal;
      font-weight: 400;
      line-height: 140%; /* 14px */
      letter-spacing: -0.15px;
      display: block;
    }

    .award-name {
      display: flex;
      align-items: baseline;
      gap: var(--Object-Spacing-spacing-12);
      align-self: stretch;
      color: var(--brand-navy);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-small);
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 21px */
      letter-spacing: -0.25px;

      &:empty {
        display: none;
      }
    }

    .cta {
      margin-top: var(--Object-Spacing-spacing-4);

      &:has(a[href=""]) {
        display: none;
      }
    }

    .cta a {
      color: var(--brand-red);
      font-family: var(--franklin);
      font-size: var(--components-ct-as-label);
      font-style: normal;
      font-weight: 500;
      line-height: 160%; /* 16px */
      letter-spacing: 0.4px;
      text-transform: uppercase;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: var(--Object-Spacing-spacing-16);
      align-self: stretch;
      text-decoration: none;

      icon {
        display: flex;
        padding: 5.67px;
        flex-direction: column;
        align-items: center;
        gap: 4.725px;
        border-radius: 18.9px;
        border: 1.35px solid var(--brand-red);
        width: 22px;
        height: 22px;
      }
    }
  }
}

.maw-home-header-block,
.foundation-home-header-block {
  display: grid;
  width: 100%;
  padding: var(--Object-Spacing-spacing-40)
    var(--Structure-Spacing-margin-side-standard);
  align-items: center;
  gap: 32px;
  grid-template-columns: 3fr 1fr;
  background-size: cover;

  .left-content {
    display: flex;
    /*width: 614.5px;
		max-width: 100%;
		padding: var(--Object-Spacing-spacing-32) 0px;*/
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Object-Spacing-spacing-32);
    flex-shrink: 0;
    /*align-self: stretch;*/

    .sub-title {
      color: var(--neutral-100);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
    }

    h1 {
      color: var(--MAW-bright);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h1);
      font-style: normal;
      font-weight: 700;
      line-height: 110%; /* 55px */
      letter-spacing: -0.25px;
    }

    .description {
      color: var(--neutral-0);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-large);
      font-style: normal;
      font-weight: 400;
      line-height: 160%; /* 30.4px */
      letter-spacing: -0.25px;
    }

    .primary-button {
      display: flex;
      gap: 12px;
      align-items: center;
      width: 100%;
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text);
      font-style: normal;
      font-weight: 900;
      line-height: 145%;
      letter-spacing: 1.2px;
      text-transform: uppercase;
      position: relative;
      z-index: 2;
      transition: 0.25s all;

      span {
        z-index: 2;
        transition: 0.25s all;
        padding-top: 2px;
        color: var(--neutral-0);
        text-decoration: none;
      }

      .button-back {
        width: 44px;
        height: 44px;
        position: absolute !important;
        transition: 0.25s all !important;
        background: #ffe4b8 !important;
        border-radius: 60px !important;
      }

      svg {
        display: flex;
        width: 44px;
        height: 44px;
        padding: var(--Object-Spacing-spacing-12)
          var(--Object-Spacing-spacing-16);
        align-items: center;
        gap: 30px;
        border-radius: 60px;
        background: var(--neutral-0);
        z-index: 2;
        transition: 0.25s all;
      }

      &:hover,
      &:focus {
        span {
          color: var(--brand-navy);
        }
        .button-back {
          width: 225px;
        }
        svg {
          background: transparent;
        }
      }
    }
  }

  .right-content {
    display: flex;
    /*padding: 0px var(--Object-Spacing-spacing-60);*/
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex: 1 0 0;
    align-self: center;
    justify-content: center;

    img {
      max-height: 350px;
      margin: auto;
      aspect-ratio: 1 / 1;
    }
  }
}

.maw-stats-block {
  display: flex;
  width: 100%;
  padding: var(--Object-Spacing-spacing-48)
    var(--Structure-Spacing-margin-side-standard);
  flex-direction: column;
  background: var(--MAW-MAW-Gradient-3);

  .title p,
  .title {
    color: var(--neutral-25);
    font-family: var(--dm-sans);
    font-size: var(--components-ct-as-xl-callout);
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 30.8px */
    letter-spacing: -0.25px;
    margin-bottom: 16px;

    strong {
      color: var(--neutral-150);
    }
  }

  .sub-title {
    margin-bottom: 4px;
    color: var(--neutral-100);
    font-family: var(--dms-sans);
    font-size: var(--Headings-h4);
    font-style: normal;
    font-weight: 900;
    line-height: 130%; /* 18.2px */
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .cta {
    color: var(--neutral-0);
    font-family: var(--dm-sans);
    font-size: var(--components-ct-as-card-cta);
    font-style: normal;
    font-weight: 500;
    line-height: 135%; /* 21.6px */
    margin-bottom: 24px;
    display: flex;

    icon {
      display: flex;
      padding: 8.4px;
      flex-direction: column;
      align-items: center;
      gap: 7px;
      border-radius: 28px;
      border: 2px solid var(--MAW-bright);
      margin-left: 24px;
    }
  }

  .footnote {
    color: var(--neutral-0);
    font-family: var(--franklin);
    font-size: var(--Body-Text-p-extra-small);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 14px */
    letter-spacing: -0.15px;
  }
}

.foundation-home-header-block {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 72px;
  background: var(--brand-navy);
  background-size: cover;

  .left-content {
    width: 66%;

    h1 {
      color: var(--blue-100);
    }
  }
  .right-content {
    padding: 0;
  }
}

.single-tier-sponsor-block {
  display: flex;
  /*padding: 0 var(--Structure-Spacing-margin-side-standard);*/
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;

  .title {
    display: flex;
    padding: var(--Object-Spacing-spacing-24) 0px
      var(--Object-Spacing-spacing-12) 0px;
    flex-direction: column;
    justify-content: center;
    gap: var(--Object-Spacing-spacing-4);
    align-self: stretch;
    border-bottom: 1px solid var(--neutral-150);
    color: var(--brand-red);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h4);
    font-style: normal;
    font-weight: 900;
    line-height: 130%; /* 18.2px */
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .logos {
    display: flex;
    padding: 20px 0px;
    align-items: center;
    justify-items: center;
    gap: 30px;
    flex-wrap: wrap;

    a.sponsor-logo {
      max-width: 262px;
      max-height: 123px;
    }

    a.sponsor-text {
      width: 174.222px;
    }
  }

  &.Fifty .logos a.sponsor-logo {
    max-width: 200px;
    max-height: 100px;
  }

  &.Twenty.Five .logos a.sponsor-logo {
    max-width: 150px;
    max-height: 75px;
  }

  &.ambassador {
    .logos {
      width: 1230px;

      a {
        text-align: center;
      }
    }
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      display: flex;
      width: 33px;
      height: 33px;
      padding: 9px 12px;
      align-items: center;
      justify-content: center;
      gap: 22.5px;
      border-radius: 45px;
      background: var(--MAW-deep, #1a1266);
    }
    .owl-theme .owl-nav {
      margin-top: 34px;
      /* width: 50%; */
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}
.main-anchor-links {
  padding: 0 var(--Structure-Spacing-margin-side-standard, 227px);
  display: flex;
  height: 44px;
  align-items: flex-start;
  border-bottom: 2px solid var(--Blue-200, #bad9e1);
  background: #fdfbf8;
  margin: 60px 0;
  z-index: 1000;

  a {
    display: flex;
    padding: 10px 20px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-right: 2px solid var(--blue-200, #bad9e1);
    text-decoration: none;
    color: var(--brand-red);
    font-family: var(--dm-sans);
    font-size: var(--components-ct-as-button-text);
    font-style: normal;
    font-weight: 900;
    line-height: 145%; /* 15.95px */
    letter-spacing: 1.2px;
    text-transform: uppercase;

    &.scroll-to-tap {
      border-right: 0;
    }

    icon {
      display: flex;
      width: 17.23px;
      height: 17.232px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 4.2px;
      border-radius: 16.8px;
      border: 1.2px solid var(--brand-red);
    }
  }
  .jump-to-menu {
    display: none;
    border-top: 1px solid var(--blue-200);
    background: var(--neutral-25);
    padding: 0px;
  }

  &.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    margin: 0;
    left: 0;
  }
}

.resources-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--Object-Spacing-spacing-32, 32px);
  align-self: stretch;

  .pagination-item {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 5px 14px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 70px;
    border: 1px solid var(--blue-200);
    color: var(--brand-navy);
    text-align: center;
    font-family: var(--franklin);
    font-size: var(--Body-Text-p-standard);
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 27.2px */
    letter-spacing: -0.25px;
    cursor: pointer;

    &:hover,
    &.active {
      background: var(--brand-red);
      color: var(--neutral-0);
    }
  }
}

.resources-card-bank {
  display: none;
}

.resource-page-block .filters .date-filter .filter-item {
  display: block;
}

.chapter-selection-block {
  display: flex;
  padding: var(--Structure-Spacing-margin-section-top, 90px)
    var(--Structure-Spacing-margin-side-standard, 227px)
    var(--Structure-Spacing-margin-section-bottom, 90px)
    var(--Structure-Spacing-margin-side-standard, 227px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  background: var(--Neutral-50, #fcf9f3);
  border-image: linear-gradient(to right, #8363aa 0%, #f57f26 100%) 1;
  border-top-width: 5px;
  border-top-style: solid;

  .header {
    display: flex;
    padding-bottom: var(--Object-Spacing-spacing-16, 16px);
    flex-direction: column;
    justify-content: center;
    gap: var(--Object-Spacing-spacing-4, 4px);
    align-self: stretch;

    .sub-title {
      color: var(--Blue-600, #0a72ba);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4, 14px);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
      align-self: stretch;
    }

    h2 {
      margin-top: 0;
    }

    .description {
      color: var(--Neutral-600, #34353f);
      /* Body/P Standard */
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-standard, 17px);
      font-style: normal;
      font-weight: 400;
      line-height: 160%; /* 27.2px */
      letter-spacing: -0.25px;
      max-width: var(--Structure-Spacing-max-text-width, 1014px);
      align-self: stretch;
    }
  }

  .search-area {
    display: flex;
    width: 1009px;
    flex-direction: column;
    align-items: flex-start;

    select {
      border-radius: var(--Structure-Spacing-corner-radius-small, 6px);
      border: 1px solid var(--Blue-600, #0a72ba);
      display: flex;
      width: 300px;
      padding: var(--Object-Spacing-spacing-12, 12px)
        var(--Object-Spacing-spacing-16, 16px);
      align-items: center;
      background-color: var(--Neutral-50, #fcf9f3);
    }
    select option {
      background-color: var(--Neutral-50, #fcf9f3);
    }

    table {
      margin-left: 0;
      width: 100%;

      tbody tr {
        display: none;
      }
    }
  }

  .lower-text {
    color: var(--Neutral-600, #34353f);
    font-family: var(--franklin);
    font-size: var(--Body-Text-p-standard, 17px);
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 27.2px */
    letter-spacing: -0.25px;
  }
}

.grant-recipients-block {
  display: flex;
  padding: var(--Structure-Spacing-margin-section-top, 90px)
    var(--Structure-Spacing-margin-side-standard, 227px)
    var(--Structure-Spacing-margin-section-bottom, 90px)
    var(--Structure-Spacing-margin-side-standard, 227px);
  flex-direction: column;
  align-items: flex-start;

  .header {
    display: flex;
    /*padding: 0px var(--Structure-Spacing-margin-side-standard, 227px) var(--Object-Spacing-spacing-16, 16px) var(--Structure-Spacing-margin-side-standard, 227px);*/
    flex-direction: column;
    justify-content: center;
    gap: var(--Object-Spacing-spacing-4, 4px);
    align-self: stretch;

    .sub-title {
      color: var(--Primary-brand-navy, #002857);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4, 14px);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
      align-self: stretch;
    }

    h2 {
      margin-top: 0;
    }

    .description {
      color: var(--Neutral-600, #34353f);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-standard, 17px);
      font-style: normal;
      font-weight: 400;
      line-height: 160%; /* 27.2px */
      letter-spacing: -0.25px;
      max-width: var(--Structure-Spacing-max-text-width, 1014px);
      flex: 1 0 0;
      align-self: stretch;
    }
  }

  .recipients-area {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    /*padding: var(--Object-Spacing-spacing-60, 60px) var(--Structure-Spacing-margin-side-standard, 227px) 0px var(--Structure-Spacing-margin-side-standard, 227px);*/
    padding: var(--Object-Spacing-spacing-60, 60px) 0 0 0;
    gap: var(--Structure-Spacing-column-gap, 30px);
    align-self: stretch;

    .recipient {
      display: flex;
      width: 623px;
      padding: var(--Object-Spacing-spacing-48, 48px)
        var(--Object-Spacing-spacing-40, 40px)
        var(--Object-Spacing-spacing-40, 40px)
        var(--Object-Spacing-spacing-40, 40px);
      flex-direction: column;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-24, 24px);
      border-radius: 0px 0px var(--Structure-Spacing-corner-radius-large, 12px)
        var(--Structure-Spacing-corner-radius-large, 12px);
      /*border-top: 6px solid var(--Foundation-Foundation-Green, #084A77);*/
      border-image: var(--foundation-green-gradient) 1;
      border-top-width: 5px;
      border-top-style: solid;
      background: var(--blue-110, #eaf4f6);

      .head {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Object-Spacing-spacing-16, 16px);
        align-self: stretch;

        .years {
          color: var(--Primary-brand-navy, #002857);
          leading-trim: both;
          text-edge: cap;
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-button-text, 11px);
          font-style: normal;
          font-weight: 900;
          line-height: 145%; /* 15.95px */
          letter-spacing: 1.2px;
          text-transform: uppercase;
          align-self: stretch;
        }

        .grant-title {
          color: var(--Primary-brand-navy, #002857);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-card-title, 20px);
          font-style: normal;
          font-weight: 700;
          line-height: 120%; /* 24px */
          letter-spacing: -0.25px;
          align-self: stretch;
        }
      }

      .recip {
        display: flex;
        padding-bottom: var(--Object-Spacing-spacing-24, 24px);
        align-items: center;
        gap: var(--Object-Spacing-spacing-24, 24px);
        align-self: stretch;
        border-bottom: 2px solid var(--Foundation-Foundation-Vibrant, #59c2ad);

        img {
          width: 40px;
          /*height: 40px;*/
          aspect-ratio: 1 / 1;
        }

        .name {
          color: var(--Primary-brand-navy, #002857);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-card-cta, 16px);
          font-style: normal;
          font-weight: 700;
          line-height: 135%; /* 21.6px */
        }

        .creds {
          color: var(--Primary-brand-navy, #002857);
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-extra-small, 10px);
          font-style: normal;
          font-weight: 400;
          line-height: 140%; /* 14px */
          letter-spacing: -0.15px;
        }

        .grant-info {
          color: var(--Primary-brand-navy, #002857);
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-small, 14px);
          font-style: normal;
          font-weight: 400;
          line-height: 150%; /* 21px */
          letter-spacing: -0.25px;
          flex: 1 0 0;
        }
      }

      .updates {
        display: flex;
        align-items: flex-start;
        gap: var(--Object-Spacing-spacing-48, 48px);
        align-self: stretch;

        .sub-title {
          color: var(--Primary-brand-navy, #002857);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-button-text, 11px);
          font-style: normal;
          font-weight: 900;
          line-height: 145%; /* 15.95px */
          letter-spacing: 1.2px;
          text-transform: uppercase;
          align-self: stretch;
        }

        a {
          color: var(--Blue-600, #0a72ba);
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-small, 14px);
          font-style: normal;
          font-weight: 400;
          line-height: 150%; /* 21px */
          letter-spacing: -0.25px;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: none;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
        }

        .col-left {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          flex: 1 0 0;
          align-self: stretch;
          width: calc(50% - 24px);

          iframe {
            max-width: 100%;
            aspect-ratio: 16 / 9;
            margin-top: 24px;
          }
        }

        .col-right {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: var(--Object-Spacing-spacing-32, 32px);
          flex: 1 0 0;
          width: calc(50% - 24px);

          .year-title {
            color: var(--Primary-brand-navy, #002857);
            font-family: var(--dm-sans);
            font-size: var(--components-ct-as-button-text, 11px);
            font-style: normal;
            font-weight: 900;
            line-height: 145%; /* 15.95px */
            letter-spacing: 1.2px;
            text-transform: uppercase;
          }

          .year {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: var(--Object-Spacing-spacing-8, 8px);
          }
        }
      }
    }
  }
}

.interior-header-block + .grant-recipients-block,
.grant-recipients-block + .grant-recipients-block {
  padding-inline: 0;
}

.foundation-stats-block {
  display: flex;
  padding: 0px var(--Structure-Spacing-margin-side-standard, 227px) 0px
    var(--Structure-Spacing-margin-side-standard, 227px);
  flex-direction: column;
  align-items: flex-start;

  .header {
    display: flex;
    padding: 0px 0 var(--Object-Spacing-spacing-16, 16px) 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Object-Spacing-spacing-4, 4px);
    align-self: stretch;

    .sub-title {
      color: var(--Primary-brand-navy, #002857);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4, 14px);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
      align-self: stretch;
    }

    h2 {
      align-self: flex-start;
      margin-top: 0;
    }

    .title {
      color: var(--Blue-800, #075d98);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h2, 32px);
      font-style: normal;
      font-weight: 800;
      line-height: 125%; /* 40px */
      letter-spacing: -0.5px;
      align-self: stretch;
    }

    .content {
      color: var(--Neutral-600, #34353f);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-standard, 17px);
      font-style: normal;
      font-weight: 400;
      line-height: 160%; /* 27.2px */
      letter-spacing: -0.25px;
      max-width: var(--Structure-Spacing-max-text-width, 1014px);
      flex: 1 0 0;
      align-self: stretch;
    }
  }

  .stats {
    display: flex;
    padding: var(--Object-Spacing-spacing-40, 40px) 0px;
    align-items: flex-start;
    column-gap: 95px;
    row-gap: 36px;
    flex-wrap: wrap;
    .stat {
      display: flex;
      width: 362px;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-24, 24px);

      img {
        width: 127.5px;
        height: 127.5px;
        border-radius: 5.1px;
      }

      .icon-title {
        color: var(--Blue-600, #0a72ba);
        font-family: var(--dm-sans);
        font-size: var(--Headings-h3, 22px);
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 28.6px */
        align-self: stretch;
      }

      .icon-description {
        color: var(--Neutral-600, #34353f);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-small, 14px);
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
        letter-spacing: -0.25px;
      }
    }
  }
}

.complex-data-block {
  display: flex;
  padding: var(--Object-Spacing-spacing-40, 40px)
    var(--Structure-Spacing-margin-side-standard) 0
    var(--Structure-Spacing-margin-side-standard);
  align-items: flex-start;
  align-content: flex-start;
  gap: 30px var(--Structure-Spacing-column-gap, 30px);
  align-self: stretch;
  flex-wrap: wrap;

  .data-item {
    display: flex;
    padding: var(--Object-Spacing-spacing-40, 40px);
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    border-radius: var(--Structure-Spacing-corner-radius-large, 12px);
    border: 4px solid var(--Blue-200, #bad9e1);
    background: var(--Blue-110, #eaf4f6);
    flex-basis: 275px;

    .heading {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-24, 24px);
      align-self: stretch;

      .title {
        color: var(--Primary-brand-navy, #002857);
        font-family: var(dm-sans);
        font-size: var(--Headings-h3, 22px);
        font-style: normal;
        font-weight: 600;
        line-height: 130%; /* 28.6px */
      }

      .data-points {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Object-Spacing-spacing-8, 8px);
        align-self: stretch;

        .data-point {
          display: flex;
          align-items: center;
          gap: var(--Object-Spacing-spacing-12, 12px);
          align-self: stretch;

          img {
            display: flex;
            width: 22.5px;
            height: 22.5px;
            justify-content: center;
            align-items: center;
            gap: 9.375px;
          }

          .data-desc {
            color: var(--Neutral-600, #34353f);
            font-family: var(--franklin);
            font-size: var(--Body-Text-p-small, 14px);
            font-style: normal;
            font-weight: 400;
            line-height: 150%; /* 21px */
            letter-spacing: -0.25px;
            flex: 1 0 0;
            align-self: stretch;
          }
        }
      }
    }

    .hidden-description {
      color: var(--Neutral-600, #34353f);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-small, 14px);
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 21px */
      letter-spacing: -0.25px;
      display: none;
    }

    .open-desc,
    .close-desc {
      align-self: stretch;
      color: var(--blue-600, #0a72ba);
      font-family: var(--franklin);
      font-size: var(--components-ct-as-label, 10px);
      font-style: normal;
      font-weight: 700;
      line-height: 160%; /* 16px */
      letter-spacing: 0.4px;
      cursor: pointer;
      text-transform: uppercase;
      &:hover,
      &:focus {
        color: var(--blue-800);

        svg {
          path {
            fill: var(--blue-800) !important;
          }
        }
      }
      svg {
        width: 8px;
        height: 8px;
        display: inline-flex;
        margin-right: var(--Object-Spacing-spacing-8, 8px);
        path {
          fill: var(--blue-600) !important;
        }
      }
    }

    .close-desc {
      display: none;
    }

    .descriptions {
      display: flex;
      padding-top: var(--Object-Spacing-spacing-24, 24px);
      justify-content: center;
      align-items: center;
      gap: 10px;
      align-self: stretch;
      flex-direction: column;
    }

    .button {
      color: var(--Primary-brand-navy, #002857);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text, 10.5px);
      font-style: normal;
      font-weight: 900;
      line-height: 145%; /* 15.225px */
      letter-spacing: 1.2px;
      text-transform: uppercase;
      padding: 0;
      align-self: flex-start;

      icon {
        display: flex;
        width: 43px;
        height: 43px;
        padding: 12px 16px;
        align-items: center;
        gap: 30px;
        border-radius: 60px;
        background: linear-gradient(180deg, #002857 0%, #002857 100%);
      }
    }
  }
}

.complex-data-block + .wp-block-spacer,
p + .complex-data-block {
  padding-inline: 0;
}

.Malnutrition-Awareness-Week {
  .cta-cards-block .cards .card {
    background: var(--maw-deep);
  }
  .alert-block {
    background: var(--MAW-MAW-Gradient-4);
  }
}

.maw-events-block {
  display: flex;
  /*padding: var(--Structure-Spacing-margin-section-top, 90px) var(--Structure-Spacing-margin-side-standard, 227px) var(--Structure-Spacing-margin-section-bottom, 90px) var(--Structure-Spacing-margin-side-standard, 227px);*/
  padding: var(--Structure-Spacing-margin-section-top, 90px) 0
    var(--Structure-Spacing-margin-section-bottom, 90px) 0;
  flex-direction: column;
  align-items: flex-start;
  gap: -1px;
  align-self: stretch;

  .h2 {
    margin-bottom: 24px;
  }

  .aspen-events {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: -1px;

    .event {
      display: flex;
      width: 100%;
      align-items: center;
      gap: var(--Structure-Spacing-column-gap, 30px);
      border-top: 1px solid var(--Orange-200, #f1c586);
      border-bottom: 1px solid var(--Orange-200, #f1c586);

      &:hover {
        background-color: var(--MAW-deep-blue);

        .date {
          background-color: #150e52;
        }

        .event-body {
          .credits,
          .details p,
          .start-time,
          .sponsor-text {
            color: var(--neutral-0) !important;
          }

          .title {
            color: var(--neutral-100);

            &:hover {
              color: var(--neutral-100);
              text-decoration: underline;
            }
          }
        }
      }

      &:has(.date) {
        .event-body {
          padding-inline: 0;
        }
      }

      .date {
        display: flex;
        width: 175px;
        padding: var(--Object-Spacing-spacing-24, 24px) 0px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        align-self: stretch;
        background: var(--maw-deep, #1a1266);
        display: flex;

        .date-holder {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: var(--Object-Spacing-spacing-4, 4px);
          flex: 1 0 0;
        }

        .day {
          color: var(--Neutral-0, #fff);
          text-align: center;
          font-family: var(--dm-sans);
          font-size: var(--Headings-h4, 14px);
          font-style: normal;
          font-weight: 900;
          line-height: 130%; /* 18.2px */
          letter-spacing: 1px;
          text-transform: uppercase;
          align-self: stretch;
        }

        .digit {
          color: var(--Orange-200, #f1c586);
          text-align: center;
          font-family: var(--dm-sans);
          font-size: var(--Headings-h1, 50px);
          font-style: normal;
          font-weight: 400;
          line-height: 110%; /* 55px */
          letter-spacing: -0.25px;
          align-self: stretch;
        }

        .month {
          color: var(--Neutral-0, #fff);
          text-align: center;
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-button-text, 11px);
          font-style: normal;
          font-weight: 900;
          line-height: 145%; /* 15.95px */
          letter-spacing: 1.2px;
          text-transform: uppercase;
          align-self: stretch;
        }
      }

      .event-body {
        display: flex;
        padding: var(--Object-Spacing-spacing-24, 24px)
          var(--Object-Spacing-spacing-24, 24px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Object-Spacing-spacing-16, 16px);
        flex: 1 0 0;

        .start-time {
          color: var(--Primary-brand-navy, #002857);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-button-text, 11px);
          font-style: normal;
          font-weight: 900;
          line-height: 145%; /* 15.95px */
          letter-spacing: 1.2px;
          text-transform: uppercase;
        }

        .title {
          display: flex;
          justify-content: space-between;
          align-items: center;
          align-self: stretch;
          color: var(--Blue-600, #0a72ba);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-card-title, 20px);
          font-style: normal;
          font-weight: 700;
          line-height: 120%; /* 24px */
          letter-spacing: -0.25px;
          text-decoration: none;
          &:hover {
            color: var(--maw-deep, #161464);
          }
        }

        .credits {
          color: var(--Neutral-600, #34353f);
          font-family: var(--franklin);
          font-size: var(--components-ct-as-label, 10px);
          font-style: normal;
          font-weight: 500;
          line-height: 160%; /* 16px */
          letter-spacing: 0.4px;
          text-transform: uppercase;

          .pole {
            padding: 0 30px;
            color: var(--neutral-300);
          }
        }

        .details p,
        .sponsor-text {
          color: var(--Neutral-600, #34353f);
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-small, 14px);
          font-weight: 400;
          line-height: 150%; /* 21px */
          letter-spacing: -0.25px;
        }

        .sponsor-text {
          font-style: italic;
        }
      }
    }
  }

  &:nth-of-type(2) {
    padding-top: 0;
  }
}

.Malnutrition-Awareness-Week .advert {
  display: flex;
  padding: var(--Object-Spacing-spacing-60, 60px) 0px
    var(--Structure-Spacing-margin-section-bottom, 90px) 0px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  overflow: hidden;

  .g-1 {
    display: flex;
    width: 700px;
    height: 150px;
    padding: 10px;
    justify-content: center;
    align-items: center;
  }
}

.resource-page-block.maw {
  .filters > div {
    display: flex;
    width: 100%;
  }
  .filters .filter-items .filter-item {
    display: flex;
  }
  .resource-header {
    gap: 24px;
    img {
      width: 100px;
      height: 100px;
    }
    .photo {
      display: flex;
      padding-right: var(--Object-Spacing-spacing-12, 12px);
      justify-content: space-between;
      align-items: flex-end;
      align-self: stretch;
    }
  }

  .resource-body {
    display: flex;
    gap: 4px;
    align-items: flex-end;
    justify-content: flex-end;
    /*padding-bottom: 30px;*/
    .my-story {
      color: var(--Primary-brand-red, #641f45);
      text-align: right;
      font-family: var(--franklin);
      font-size: var(--components-ct-as-label, 10px);
      font-style: normal;
      font-weight: 500;
      line-height: 160%; /* 16px */
      letter-spacing: 0.4px;
      text-transform: uppercase;
      align-self: stretch;
    }
    .topics-description {
      color: var(--Primary-brand-red, #641f45);
      text-align: right;
      font-family: var(--dm-sans);
      font-size: var(--Navigation-nav-utility-item, 14px);
      font-style: normal;
      font-weight: 700;
      line-height: 125%; /* 17.5px */
      align-self: flex-end;
    }
    img {
      width: 186px;
    }
    .location {
      color: var(--Primary-brand-navy, #002857);
      text-align: right;
      font-family: var(--franklin);
      font-size: var(--components-ct-as-label, 10px);
      font-style: normal;
      font-weight: 500;
      line-height: 160%; /* 16px */
      letter-spacing: 0.4px;
      text-transform: uppercase;
    }
  }

  .resource-cta {
    display: flex;
    align-items: flex-end;
    gap: var(--Object-Spacing-spacing-16, 16px);
    align-self: flex-end;

    .cta-text {
      color: var(--Primary-brand-red, #641f45);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-toggle-title, 13px);
      font-style: normal;
      font-weight: 500;
      line-height: 135%; /* 17.55px */
    }

    icon {
      display: flex;
      padding: 5.88px;
      flex-direction: column;
      align-items: center;
      gap: 4.9px;
      border-radius: 19.6px;
      border: 1.4px solid var(--orange-800, #f57f26);
    }
  }
}

.Rhoads-Research-Foundation {
  .cta-cards-block .cards .card {
    background: var(--Primary-brand-navy, #002857);
    transition: all 1s;
  }
  .cta-cards-block .cards .card:hover,
  .cta-cards-block .cards .card:focus {
    background: #02142a;
  }
  .cta-cards-block .cards .card .call-to-action {
    color: #fff;
  }

  &.home .resource-carousel .resource-card {
    display: flex;
    min-height: 525px;
    padding: var(--Object-Spacing-spacing-32, 32px)
      var(--Object-Spacing-spacing-32, 32px)
      var(--Object-Spacing-spacing-40, 40px)
      var(--Object-Spacing-spacing-32, 32px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Object-Spacing-spacing-40, 40px);
    flex-shrink: 0;
    flex-grow: 1;

    .header {
      gap: var(--Object-Spacing-spacing-24, 24px);
    }

    img {
      width: 100px;
      height: 100px;
    }
    .image-label {
      display: flex;
      align-items: flex-end;
      flex-wrap: nowrap;
      justify-content: space-between;
      width: 100%;
    }
    .label {
      display: flex;
      padding: var(--Object-Spacing-spacing-4, 4px)
        var(--Object-Spacing-spacing-16, 16px);
      justify-content: flex-end;
      align-items: center;
      gap: 10px;
      border-radius: 70px;
      background: var(
        --Foundation-Foundation-Blue,
        linear-gradient(99deg, #0a72ba 15.63%, #084a77 86.16%)
      );
    }

    .title {
      color: var(--Primary-brand-navy, #002857);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-card-title);
      font-style: normal;
      font-weight: 800;
      line-height: 120%; /* 26.4px */
    }

    .my-story {
      color: var(--Neutral-400, #716664);
      text-align: right;
      font-family: var(--franklin);
      font-size: var(--components-ct-as-label, 10px);
      font-style: normal;
      font-weight: 500;
      line-height: 160%; /* 16px */
      letter-spacing: 0.4px;
      text-transform: uppercase;
    }

    .topics-description {
      color: var(--Blue-800, #075d98);
      text-align: right;
      font-family: var(--dm-sans);
      font-size: var(--Navigation-nav-utility-item, 14px);
      font-style: normal;
      font-weight: 700;
      line-height: 125%; /* 17.5px */
    }

    .resource-body {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
    }
  }
}

.maw-download-block {
  display: flex;
  padding: 0px var(--Structure-Spacing-margin-side-standard, 227px)
    var(--Object-Spacing-spacing-48, 48px)
    var(--Structure-Spacing-margin-side-standard, 227px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 1024px;
  max-width: 100%;

  .download-title {
    display: flex;
    padding: var(--Object-Spacing-spacing-24, 24px) 0px
      var(--Object-Spacing-spacing-12, 12px) 0px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--Object-Spacing-spacing-4, 4px);
    align-self: stretch;
    color: var(--Primary-brand-red, #641f45);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h4, 14px);
    font-style: normal;
    font-weight: 900;
    line-height: 130%; /* 18.2px */
    letter-spacing: 1px;
    text-transform: uppercase;
    align-self: stretch;
  }

  .download-desc {
    color: var(--Neutral-600, #34353f);
    font-family: var(--franklin);
    font-size: var(--Body-Text-p-standard, 17px);
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 27.2px */
    letter-spacing: -0.25px;
  }

  .header {
    display: flex;
    max-width: var(--Structure-Spacing-max-text-width, 1014px);
    padding-bottom: var(--Object-Spacing-spacing-16, 16px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Object-Spacing-spacing-4, 4px);
    align-self: stretch;
    color: var(--MAW-deep, #1a1266);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h2, 32px);
    font-style: normal;
    font-weight: 800;
    line-height: 125%; /* 40px */
    letter-spacing: -0.5px;
  }

  .downloads {
    display: flex;
    column-gap: 64px;
    row-gap: 12px;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;

    .download {
      display: flex;
      /*width: 622px;*/
      padding: var(--Object-Spacing-spacing-24, 24px) 0px
        var(--Object-Spacing-spacing-12, 12px) 0px;
      align-items: center;
      gap: var(--Object-Spacing-spacing-32, 32px);

      .graphic {
        width: 150px;
        flex-shrink: 0;
        border: 1px solid var(--Neutral-150, #e8d7ba);
        background: lightgray 50% / cover no-repeat;
      }
      .content {
        display: flex;
        padding: var(--Object-Spacing-spacing-24, 24px) 0px
          var(--Object-Spacing-spacing-12, 12px) 0px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        /*gap: var(--Object-Spacing-spacing-24, 24px);*/
        flex: 1 0 0;

        .file-name {
          color: var(--Blue-800, #075d98);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-button-text, 11px);
          font-style: normal;
          font-weight: 900;
          line-height: 145%; /* 15.95px */
          letter-spacing: 1.2px;
          text-transform: uppercase;
        }

        select {
          display: flex;
          padding: var(--Object-Spacing-spacing-8, 8px) 36px
            var(--Object-Spacing-spacing-8, 8px)
            var(--Object-Spacing-spacing-24, 24px);
          justify-content: center;
          align-items: center;
          gap: var(--Object-Spacing-spacing-16, 16px);
          border: 1px solid var(--Blue-300, #58bdf9);
          background: none;
          margin-bottom: var(--Object-Spacing-spacing-32, 32px);
          appearance: none;
          background-image: url('data:image/svg+xml,<svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 1.17136C9 1.00689 8.93732 0.842428 8.8117 0.716802C8.56071 0.465818 8.15357 0.465818 7.90258 0.716802L5.14283 3.47655L4.46873 4.10671L3.8571 3.47655L1.09735 0.716802C0.846368 0.465818 0.439222 0.465818 0.188238 0.716802C-0.062746 0.967786 -0.062746 1.37493 0.188238 1.62592L4.04541 5.48309C4.29639 5.73407 4.70354 5.73407 4.95452 5.48309L8.8117 1.62592C8.93732 1.50029 9 1.33582 9 1.17136Z" fill="%23002857"/></svg>');
          background-repeat: no-repeat;
          background-position: right 18px center;
          background-size: 12px;
        }

        .download-now {
          display: flex;
          align-items: center;
          gap: var(--Object-Spacing-spacing-24, 24px);
          color: var(--purple-600, #542e8e);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-card-cta, 16px);
          font-style: normal;
          font-weight: 500;
          line-height: 135%; /* 21.6px */
          cursor: pointer;

          &:hover {
            color: var(--purple-800);

            icon {
              path {
                fill: var(--purple-800) !important;
              }
            }
          }

          icon {
            display: flex;
            padding: 8.4px;
            flex-direction: column;
            align-items: center;
            gap: 7px;
            border-radius: 28px;
            border: 2px solid var(--purple-600, #542e8e);
          }
        }
      }
    }
  }
}

.success-story-template-default .wp-block-embed.alignleft,
.success-story-template-default .wp-block-embed.alignright,
.success-story-template-default
  .wp-block[data-align="left"]
  > [data-type="core/embed"],
.success-story-template-default
  .wp-block[data-align="right"]
  > [data-type="core/embed"] {
  max-width: 100%;
}

.wp-block-embed.is-type-video {
  text-align: center;
  iframe {
    /*width: auto;
		aspect-ratio: 1.7777777778;
		height: 500px;*/
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
  }
}

.donor-index-expand-header {
  display: flex;
  padding: var(--Object-Spacing-spacing-40, 40px)
    var(--Structure-Spacing-margin-side-standard, 227px) 0px
    var(--Structure-Spacing-margin-side-standard, 227px);
  align-items: flex-start;
  gap: var(--Structure-Spacing-column-gap, 30px);
  align-self: stretch;
  width: 100%;

  .tier-area-title {
    color: var(--Primary-brand-navy, #002857);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h2, 32px);
    font-style: normal;
    font-weight: 800;
    line-height: 125%; /* 40px */
    letter-spacing: -0.5px;
    width: 316px;
  }

  .tier-epxand {
    display: flex;
    align-items: center;
    gap: var(--Object-Spacing-spacing-24, 24px);
    flex: 1 0 0;
    cursor: pointer;

    icon {
      display: flex;
      padding: 8.4px;
      flex-direction: column;
      align-items: center;
      gap: 7px;
      border-radius: 28px;
      border: 2px solid var(--Blue-600, #0a72ba);
    }

    span {
      color: var(--Blue-600, #0a72ba);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-card-title, 20px);
      font-style: normal;
      font-weight: 400;
      line-height: 120%; /* 24px */
      letter-spacing: -0.25px;
    }
  }
}

.donor-index-block {
  display: flex;
  padding: var(--Object-Spacing-spacing-40, 40px)
    var(--Structure-Spacing-margin-side-standard, 227px) 0px
    var(--Structure-Spacing-margin-side-standard, 227px);
  align-items: flex-start;
  gap: var(--Structure-Spacing-column-gap, 30px);
  align-self: stretch;
  width: 100%;
  border-bottom: 2px solid var(--Foundation-Foundation-Vibrant, #59c2ad);

  &.closed {
    .tier-area {
      height: 0;
      display: none;
    }
  }

  .tier-area {
    display: flex;
    padding-bottom: var(--Object-Spacing-spacing-40, 40px);
    align-items: flex-start;
    gap: var(--Structure-Spacing-column-gap, 30px);
    flex: 1 0 0;
    width: 100%;
    transition: all 2s;
    border-bottom: 2px solid var(--Foundation-Foundation-Vibrant, #59c2ad);

    &:last-of-type {
      border: none;
    }

    .header-col {
      align-content: flex-start;
      h2 {
        display: flex;
        align-items: flex-start;
        gap: var(--Structure-Spacing-column-gap);
        align-self: stretch;
        width: 316px;
        justify-content: flex-start;
        color: var(--brand-navy);
      }
      .sub-title {
        color: var(--neutral-600);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-standard);
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 27.2px */
        letter-spacing: -0.25px;
      }
      .description {
        color: var(--neutral-600);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-small);
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 21px */
        letter-spacing: -0.25px;
      }
    }

    .col1 {
      display: flex;
      align-items: flex-start;
      align-content: flex-start;
      gap: 16px 30px;
      flex: 1 0 0;
      flex-wrap: wrap;

      .donor {
        display: flex;
        width: 40%;
        flex-direction: column;
        align-items: flex-start;

        .header {
        }

        .name {
          color: var(--brand-navy);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-card-cta);
          font-style: normal;
          font-weight: 700;
          line-height: 135%; /* 21.6px */
          gap: 6px;
          display: flex;
          align-items: baseline;

          .acryonyms {
            color: var(--neutral-400);
            font-family: var(--franklin);
            font-size: var(--Body-Text-p-extra-small);
            font-style: normal;
            font-weight: 400;
            line-height: 140%; /* 14px */
            letter-spacing: -0.15px;
          }

          icon {
            width: 10.212px;
            height: 9.39px;
          }
        }

        .description {
          color: var(--Neutral-600, #34353f);
          font-family: var(--franklin);
          font-size: var(--Body-Text-p-small, 14px);
          font-style: normal;
          font-weight: 400;
          line-height: 150%; /* 21px */
          letter-spacing: -0.25px;
        }
      }
    }
  }
}

.wp-block-media-text {
  gap: 24px;

  &.has-media-on-the-right {
    grid-template-columns: 2fr 1fr !important;
  }

  &.has-media-on-the-left {
    grid-template-columns: 1fr 2fr !important;
  }

  & > .wp-block-media-text__content {
    padding: 0;
  }
}

.ASPEN.home .resource-carousel-wrapper {
  width: 100%;
}
.ASPEN.home .resource-carousel {
  width: 100%;
}

.Rhoads-Research-Foundation.home {
  .resource-carousel {
    width: 100%;
  }

  .resource-wrapper {
    padding: var(--Structure-Spacing-margin-section-top) 0px
      var(--Structure-Spacing-margin-section-bottom)
      var(--Structure-Spacing-margin-side-standard);

    .resource-card {
      width: 363px;
    }
  }
}

.pathway-decision-block {
  .sponsor {
    .sub-title {
      display: flex;
      padding: var(--Object-Spacing-spacing-24, 24px) 0px
        var(--Object-Spacing-spacing-12, 12px) 0px;
      flex-direction: column;
      justify-content: center;
      gap: var(--Object-Spacing-spacing-4, 4px);
      align-self: stretch;
      color: var(--brand-red);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text, 11px);
      font-style: normal;
      font-weight: 900;
      line-height: 145%; /* 15.95px */
      letter-spacing: 1.2px;
      text-transform: uppercase;
    }
    .sponsor-logo {
      width: 170px;
    }
  }

  .controls {
    display: flex;
    padding: 0px 0px var(--Object-Spacing-spacing-32, 32px) 0px;
    align-items: center;
    align-self: stretch;
    display: flex;
    align-items: baseline;
    gap: var(--Object-Spacing-spacing-16, 8px);
    color: var(--blue-200);
    font-family: var(--franklin);
    font-size: var(--Body-Text-p-small, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.25px;

    span {
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text, 11px);
      font-style: normal;
      font-weight: 900;
      line-height: 145%; /* 15.95px */
      letter-spacing: 1.2px;
      text-transform: uppercase;
    }

    .expanded,
    .collapsed {
      color: var(--neutral-600);
      font-size: var(--Body-Text-p-small, 14px);
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 21px */
      letter-spacing: -0.25px;

      &.active {
        color: var(--blue-600);
        font-size: var(--Body-Text-p-small, 14px);
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 21px */
        letter-spacing: -0.25px;
      }
    }
  }

  .steps {
    position: relative;

    .step {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      align-self: stretch;
      border-radius: var(--Structure-Spacing-corner-radius-small, 6px);
      border-top: 2px solid var(--neutral-150);
      background: var(--neutral-100);
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-8, 8px);
      flex: 1 0 0;

      .header {
        display: flex;
        padding: var(--Object-Spacing-spacing-24, 24px)
          var(--Object-Spacing-spacing-32, 32px);
        align-items: center;
        gap: var(--Object-Spacing-spacing-40, 40px);
        align-self: stretch;

        icon {
          display: flex;
          width: 27.8px;
          height: 27.8px;
          padding: 8.4px;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 7px;
          border-radius: 28px;
          border: 2px solid var(--blue-600);
        }

        .sub-title {
          color: var(--brand-navy);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-button-text, 11px);
          font-style: normal;
          font-weight: 900;
          line-height: 145%; /* 15.95px */
          letter-spacing: 1.2px;
          text-transform: uppercase;
        }

        .title {
          color: var(--blue-600);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-card-title, 20px);
          font-style: normal;
          font-weight: 700;
          line-height: 120%; /* 24px */
          letter-spacing: -0.25px;
          display: flex;
          gap: 40px;
          &:hover {
            text-decoration: underline;
          }
        }
      }

      .content {
        display: none;
        color: var(--neutral-600);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-standard, 17px);
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 27.2px */
        letter-spacing: -0.25px;
        padding: 0px var(--Object-Spacing-spacing-32, 32px);

        ul {
          padding-bottom: 0;
          margin-bottom: 0;
        }
      }

      .resources {
        display: none;
        padding: 0px var(--Object-Spacing-spacing-32, 32px)
          var(--Object-Spacing-spacing-24, 24px)
          var(--Object-Spacing-spacing-32, 32px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Object-Spacing-spacing-16, 16px);
        align-self: stretch;

        .sub-title {
          display: flex;
          padding: var(--Object-Spacing-spacing-40, 40px) 0px
            var(--Object-Spacing-spacing-12, 12px) 0px;
          flex-direction: column;
          gap: var(--Object-Spacing-spacing-4, 4px);
          align-self: stretch;
          color: var(--brand-navy);
          font-family: var(--dm-sans);
          font-size: var(--Headings-h4, 14px);
          font-style: normal;
          font-weight: 900;
          line-height: 130%; /* 18.2px */
          letter-spacing: 1px;
          text-transform: uppercase;
        }

        .key {
          display: none;
        }
      }

      &.indented {
        background: none;
        border: none;
        position: relative;
        gap: 0;

        &:after {
          content: " ";
          background: url("/wp-content/themes/aspen/inc/images/line_12.png")
            repeat-y;
          position: absolute;
          top: 54px;
          height: calc(100% - 75px);
          width: 4px;
          left: 38px;
        }

        > .header:not(.steps.indented .header) {
          border: none;
          gap: 5px;
          padding: 16px 0;
          .title,
          .sub-title {
            color: var(--brand-navy);
            font-family: var(--franklin);
            font-size: var(--components-ct-as-block-title, 17px);
            font-style: italic;
            font-weight: 500;
            line-height: 130%; /* 22.1px */
            letter-spacing: -0.25px;
            text-transform: none;
          }
        }
        .steps {
          width: calc(100% - 40px);
          margin-left: 40px;
          .step.indented {
            background: url("/wp-content/themes/aspen/inc/images/horizontal.png")
              no-repeat;
            background-position: center left;
            padding-left: 90px;
            margin-bottom: 24px;

            div {
              background: var(--blue-110);
              padding-top: 8px;

              &.content {
                width: 100%;
              }
            }

            &:after {
              background: none;
            }
          }
        }
      }
    }
    .line-spacer {
      display: flex;
      padding: 0px 40px;
      align-items: center;
      gap: 10px;
      &:after {
        content: " ";
        width: 4px;
        height: 24px;
        background: url("/wp-content/themes/aspen/inc/images/line_12.png")
          repeat-y;
      }
      &:last-of-type {
        display: none;
      }
    }
    > .step:first-child .resources .pagination {
      #scrollToPrevH2 {
        display: none;
      }
      #scrollToNextH2 {
        border: none;
        padding: 0;
      }
    }
  }

  .decision-holder {
    .title {
      display: flex;
      padding: var(--Object-Spacing-spacing-16, 16px) 0px
        var(--Object-Spacing-spacing-8, 8px) 0px;
      align-items: center;
      gap: 10px;
      color: var(--brand-navy);
      font-family: var(--franklin);
      font-size: var(--components-ct-as-block-title, 17px);
      font-style: italic;
      font-weight: 500;
      line-height: 130%; /* 22.1px */
      letter-spacing: -0.25px;
    }
    .buttons {
      display: flex;
      align-items: flex-start;
      gap: 5px;
      padding-bottom: 16px;

      span {
        display: flex;
        padding: var(--Object-Spacing-spacing-12, 12px)
          var(--Object-Spacing-spacing-48, 48px);
        flex-direction: column;
        align-items: center;
        border: 1px solid var(--orange-800);
        color: var(--brand-red);
        font-family: var(--dm-sans);
        font-size: var(--Headings-h4, 14px);
        font-style: normal;
        font-weight: 900;
        line-height: 130%; /* 18.2px */
        letter-spacing: 1px;
        text-transform: uppercase;
      }
    }
  }
}

.pathway-1-block {
  .sponsor {
    .sub-title {
      display: flex;
      padding: var(--Object-Spacing-spacing-24, 24px) 0px
        var(--Object-Spacing-spacing-12, 12px) 0px;
      flex-direction: column;
      justify-content: center;
      gap: var(--Object-Spacing-spacing-4, 4px);
      align-self: stretch;
      color: var(--brand-red);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text, 11px);
      font-style: normal;
      font-weight: 900;
      line-height: 145%; /* 15.95px */
      letter-spacing: 1.2px;
      text-transform: uppercase;
    }
    .sponsor-logo {
      width: 170px;
    }
  }

  .controls {
    display: flex;
    padding: var(--Object-Spacing-spacing-48, 48px) 0px
      var(--Object-Spacing-spacing-32, 32px) 0px;
    align-items: center;
    align-self: stretch;
    display: flex;
    align-items: baseline;
    gap: var(--Object-Spacing-spacing-16, 8px);
    color: var(--blue-200);
    font-family: var(--franklin);
    font-size: var(--Body-Text-p-small, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.25px;

    span {
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--components-ct-as-button-text, 11px);
      font-style: normal;
      font-weight: 900;
      line-height: 145%; /* 15.95px */
      letter-spacing: 1.2px;
      text-transform: uppercase;
    }

    .expanded,
    .collapsed {
      color: var(--neutral-600);
      font-size: var(--Body-Text-p-small, 14px);
      font-style: normal;
      font-weight: 400;
      line-height: 150%; /* 21px */
      letter-spacing: -0.25px;

      &.active {
        color: var(--blue-600);
        font-size: var(--Body-Text-p-small, 14px);
        font-style: normal;
        font-weight: 700;
        line-height: 150%; /* 21px */
        letter-spacing: -0.25px;
      }
    }
  }

  .steps {
    position: relative;

    .step {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      align-self: stretch;
      border-radius: var(--Structure-Spacing-corner-radius-small, 6px);
      border-top: 2px solid var(--blue-200);
      background: var(--blue-110);
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--Object-Spacing-spacing-8, 8px);
      flex: 1 0 0;

      .header {
        display: flex;
        padding: var(--Object-Spacing-spacing-24, 24px)
          var(--Object-Spacing-spacing-32, 32px);
        align-items: center;
        gap: var(--Object-Spacing-spacing-40, 40px);
        align-self: stretch;
        border-bottom: 1px solid var(--blue-200);

        icon {
          display: flex;
          width: 27.8px;
          height: 27.8px;
          padding: 8.4px;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 7px;
          border-radius: 28px;
          border: 2px solid var(--blue-600);
        }

        .sub-title {
          color: var(--brand-navy);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-button-text, 11px);
          font-style: normal;
          font-weight: 900;
          line-height: 145%; /* 15.95px */
          letter-spacing: 1.2px;
          text-transform: uppercase;
        }

        .title {
          color: var(--blue-600);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-card-title, 20px);
          font-style: normal;
          font-weight: 700;
          line-height: 120%; /* 24px */
          letter-spacing: -0.25px;
          display: flex;
          gap: 40px;
          &:hover {
            text-decoration: underline;
          }
        }
      }

      .content {
        display: none;
        color: var(--neutral-600);
        font-family: var(--franklin);
        font-size: var(--Body-Text-p-standard, 17px);
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 27.2px */
        letter-spacing: -0.25px;
        padding: 0px var(--Object-Spacing-spacing-32, 32px);

        ul {
          padding-bottom: 0;
          margin-bottom: 0;
        }
      }

      .resources {
        display: none;
        padding: 0px var(--Object-Spacing-spacing-32, 32px)
          var(--Object-Spacing-spacing-24, 24px)
          var(--Object-Spacing-spacing-32, 32px);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--Object-Spacing-spacing-16, 16px);
        align-self: stretch;

        .sub-title {
          display: flex;
          padding: var(--Object-Spacing-spacing-40, 40px) 0px
            var(--Object-Spacing-spacing-12, 12px) 0px;
          flex-direction: column;
          gap: var(--Object-Spacing-spacing-4, 4px);
          align-self: stretch;
          color: var(--brand-navy);
          font-family: var(--dm-sans);
          font-size: var(--Headings-h4, 14px);
          font-style: normal;
          font-weight: 900;
          line-height: 130%; /* 18.2px */
          letter-spacing: 1px;
          text-transform: uppercase;
        }

        .resource {
          display: flex;
          align-items: center;
          gap: var(--Object-Spacing-spacing-12, 12px);
          align-self: stretch;
          color: var(--blue-600);
          font-family: var(--dm-sans);
          font-size: var(--components-ct-as-card-cta, 16px);
          font-style: normal;
          font-weight: 500;
          line-height: 135%; /* 21.6px */

          icon {
            display: flex;
            padding: 5.04px;
            flex-direction: column;
            align-items: center;
            gap: 4.2px;
            border-radius: 16.8px;
            border: 1.2px solid var(--blue-600);
          }
        }

        .pagination {
          display: flex;
          padding-top: var(--Object-Spacing-spacing-12, 12px);
          justify-content: center;
          align-items: flex-start;
          align-self: stretch;

          #scrollToNextH2 {
            display: flex;
            padding: 0px 20px;
            align-items: center;
            gap: 8px;
            border-right: 2px solid var(--blue-200);
            color: var(--brand-red);
            font-family: var(--dm-sans);
            font-size: var(--components-ct-as-button-text, 11px);
            font-style: normal;
            font-weight: 900;
            line-height: 145%; /* 15.95px */
            letter-spacing: 1.2px;
            text-transform: uppercase;

            icon {
              display: flex;
              padding: 6.3px;
              flex-direction: column;
              align-items: center;
              gap: 5.25px;
              border-radius: 21px;
              border: 1.5px solid var(--brand-red);
            }
          }

          #scrollToPrevH2 {
            display: flex;
            padding: 0px 20px;
            align-items: center;
            gap: 8px;
            color: var(--brand-red);
            font-family: var(--dm-sans);
            font-size: var(--components-ct-as-button-text, 11px);
            font-style: normal;
            font-weight: 900;
            line-height: 145%; /* 15.95px */
            letter-spacing: 1.2px;
            text-transform: uppercase;

            icon {
              display: flex;
              padding: 6.3px;
              flex-direction: column;
              align-items: center;
              gap: 5.25px;
              border-radius: 21px;
              border: 1.5px solid var(--brand-red);
            }
          }
        }
      }

      &.indented {
        background: none;
        border: none;
        position: relative;
        gap: 0;

        &:after {
          content: " ";
          background: url("/wp-content/themes/aspen/inc/images/line_12.png")
            repeat-y;
          position: absolute;
          top: 54px;
          height: calc(100% - 75px);
          width: 4px;
          left: 38px;
        }

        > .header:not(.steps.indented .header) {
          border: none;
          gap: 5px;
          padding: 16px 0;
          .title,
          .sub-title {
            color: var(--brand-navy);
            font-family: var(--franklin);
            font-size: var(--components-ct-as-block-title, 17px);
            font-style: italic;
            font-weight: 500;
            line-height: 130%; /* 22.1px */
            letter-spacing: -0.25px;
            text-transform: none;
          }
        }
        .steps {
          width: calc(100% - 40px);
          margin-left: 40px;
          .step.indented {
            background: url("/wp-content/themes/aspen/inc/images/horizontal.png")
              no-repeat;
            background-position: center left;
            padding-left: 90px;
            margin-bottom: 24px;

            div {
              background: var(--blue-110);
              padding-top: 8px;

              &.content {
                width: 100%;
              }
            }

            &:after {
              background: none;
            }
          }
        }
      }
    }
    .step.closed {
      .open-icon {
        display: flex;
      }
      .close-icon {
        display: none;
      }
    }

    .step.open {
      .open-icon {
        display: none;
      }
      .close-icon {
        display: flex;
      }
    }
    .line-spacer {
      display: flex;
      padding: 0px 40px;
      align-items: center;
      gap: 10px;
      &:after {
        content: " ";
        width: 4px;
        height: 24px;
        background: url("/wp-content/themes/aspen/inc/images/line_12.png")
          repeat-y;
      }
      &:last-of-type {
        display: none;
      }
    }
    > .step:first-child .resources .pagination {
      #scrollToPrevH2 {
        display: none;
      }
      #scrollToNextH2 {
        border: none;
        padding: 0;
      }
    }
  }
}

.resource-slider-list-block {
  border-bottom: 1px solid var(--Blue-200, #bad9e1);
  margin-top: 60px;
  z-index: 2;
  width: 100%;
  background: var(--Neutral-25, #fdfbf8);

  &.fixed {
    position: fixed;
    top: 0;
    margin-top: 0;
  }

  .terms {
    border-bottom: 0;

    .owl-carousel {
      .owl-nav {
        button.owl-next {
          top: 10px;
        }
      }
    }
  }

  /*.terms {
				display: flex;
				padding: var(--Object-Spacing-spacing-24, 24px) 95px var(--Object-Spacing-spacing-8, 8px) 95px;
				justify-content: center;
				align-items: center;
				gap: 56px;
				color: var(--brand-navy);
				text-align: center;
				font-family: var(--franklin);
				font-size: var(--Body-Text-p-small, 14px);
				font-style: normal;
				font-weight: 400;
				line-height: 150%; 
				letter-spacing: -0.25px;
				max-width: 1320px;
				margin: auto;
				overflow-x: hidden;

				.owl-stage{display:flex}

				.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
					display: flex;
					padding: 8.4px !important;
					flex-direction: column;
					align-items: center;
					gap: 7px;
					border-radius: 28px;
					background: var(--Primary-brand-red, #641F45);
				}

				.owl-carousel .owl-nav button.owl-prev {
					position: absolute;
					margin-left: -90px;
					margin-top: -45px;
				}
				.owl-carousel .owl-nav button.owl-next {
					position: absolute;
					right: -90px;
					top: -20px;
				}

				.owl-carousel .owl-nav button.owl-next.disabled, .owl-carousel .owl-nav button.owl-prev.disabled {
						background: var(--Blue-200, #BAD9E1);
					}

				.term { 
					    cursor: pointer;
						width: 140px;
						height: 62px;
						margin-right: 10px;
						display: flex;
						align-items: center;
						flex-direction: column;
						justify-content: center;
					
					&.active, &:hover {
					color: var(--Primary-brand-navy, #002857);
					text-align: center;
					font-family: var(--franklin);
					font-size: var(--Body-Text-p-small, 14px);
					font-style: normal;
					font-weight: 700;
					line-height: 150%;
					letter-spacing: -0.25px;
						&:after {
							content: " ";
							width: 8px;
							height: 8px;
							display: block;
							position: absolute;
							border-radius: 100%;
							bottom: 0;
							background-color: var(--blue-300);
							
						}
				}
				}

			}*/
}

.pathway-1-block {
  &.neutral-bg {
    .steps {
      .step {
        border-top: 0;
        background-color: var(--neutral-100);

        &.indented {
          background-color: transparent;

          .steps {
            .step.indented {
              background: none;
              padding-left: 48px;

              div {
                background-color: var(--neutral-100);
              }
            }
          }
        }

        &.open {
          .header {
            border-bottom: 1px solid var(--neutral-150);
          }
        }

        &.closed {
          .header {
            border-bottom: 0;
          }
        }
        .header {
          border-bottom: 0;
          &:hover {
            cursor: pointer;
            background-color: var(--neutral-150);
            text-decoration: none;
          }

          .title {
            align-items: center;

            &:hover {
              text-decoration: none;
            }
          }

          .step-number {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;

            span {
              color: var(--brand-navy);
              display: flex;
              align-items: center;
              gap: 8px;

              &:first-child {
                font-size: 14px;
                font-weight: 700;
              }

              &:last-child {
                text-transform: uppercase;
                font-size: 11px;
                font-weight: 400;
                letter-spacing: 1px;
              }

              &:not(:last-child) {
                &:after {
                  content: "|";
                  color: var(--neutral-300);
                  font-size: 11px;
                  font-weight: 400;
                }
              }
            }
          }
        }
        .content {
          flex-direction: column;
          padding: var(--Object-Spacing-spacing-32, 32px);

          ul,
          ol {
            padding-left: 24px;
          }
        }
      }
    }

    .question-group {
      margin-top: 8px;

      .answers {
        display: flex;
        gap: 4px;
      }

      &.is-open {
        .answers {
          gap: 0;
        }

        .btn-outline {
          border: 0;
          border-bottom: 1px solid var(--orange-800);

          &.is-active {
            position: relative;

            &:after {
              content: "";
              position: absolute;
              height: 5px;
              left: 0;
              right: 0;
              bottom: 0;
              background-color: var(--orange-800);
            }
          }
        }
      }

      .question {
        padding: 0;
        margin: 0 0 8px 0;
        color: var(--brand-navy);
        font-size: 17px;
        font-weight: 700;
        font-style: italic;
      }
    }

    .answer-group {
      .answer-group-wrapper {
        display: none;

        &.is-active {
          display: block;
        }
      }
    }

    .accordion-wrapper {
      margin-top: var(--Object-Spacing-spacing-24, 24px);

      .accordion-content {
        font-size: 14px;

        ul,
        ol {
          li {
            margin-bottom: 0;
            line-height: 1.5;
          }
        }
      }
    }
  }
}

.accordion-wrapper {
  .accordion {
    &.is-open {
      .accordion-header {
        .btn-toggle-accordion {
          background-image: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5.75C0 5.33579 0.335786 5 0.75 5H10.25C10.6642 5 11 5.33579 11 5.75C11 6.16421 10.6642 6.5 10.25 6.5H0.75C0.335786 6.5 0 6.16421 0 5.75Z" fill="%23002857"/></svg>');
        }
      }

      .accordion-content {
        grid-template-rows: 1fr;
      }
    }
    .accordion-header {
      .btn-toggle-accordion {
        border: 0;
        box-shadow: none;
        background: transparent
          url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 5.75C0 5.33579 0.335786 5 0.75 5H10.25C10.6642 5 11 5.33579 11 5.75C11 6.16421 10.6642 6.5 10.25 6.5H0.75C0.335786 6.5 0 6.16421 0 5.75Z" fill="%23002857"/><path d="M5.25 0C5.66421 1.81058e-08 6 0.335787 6 0.75L6 10.25C6 10.6642 5.66421 11 5.25 11C4.83579 11 4.5 10.6642 4.5 10.25L4.5 0.75C4.5 0.335786 4.83579 -1.81058e-08 5.25 0Z" fill="%23002857"/></svg>')
          no-repeat left center;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: var(--brand-navy);
        padding: 12px 0 12px 24px;
        cursor: pointer;
      }
    }

    .accordion-content {
      display: grid;
      grid-template-rows: 0;
      transition: grid-template-rows 0.2s ease-in;

      .accordion-content-wrapper {
        overflow: hidden;
      }
    }
  }
}

.Malnutrition-Awareness-Week {
  .resource-card {
    &:hover {
      background-color: var(--MAW-deep-blue);

      .resource-header {
        border-bottom-color: rgba(255, 255, 255, 0.2);
      }

      .resource-body {
        .my-story,
        .topics-description {
          color: var(--neutral-100);
        }
      }

      .location {
        color: #fff;
      }

      .resource-cta {
        .cta-text {
          color: var(--MAW-bright);
        }

        icon {
          path {
            fill: var(--neutral-0) !important;
          }
        }
      }
    }
  }
}

.single-tier-sponsor-block .owl-stage-outer {
  border-bottom: 1px solid var(--neutral-150);
}

.ASPEN.page-template-default .resource-carousel {
  width: 100% !important;
}

.ASPEN.page-template-default {
  overflow-x: hidden;
}

.ASPEN.page-template-default .resource-wrapper {
  position: absolute;
  margin-left: -85px;
  width: 100%;
  overflow: hidden;
  padding-left: 0;
  margin-left: 0px;
  overflow: hidden;

  .resource-carousel-wrapper {
    margin-left: 0;
  }
}