.page-hero {
  background-color: #d5ecfe;
  background-image: url("/themes/custom/nitaac/dist/images/light-abstract-hero.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
  padding: 4rem 3rem;
  color: #1b2b34;
}
@media screen and (min-width: 769px) {
  .page-hero {
    background-position: center center;
  }
}
@media screen and (min-width: 1201px) {
  .page-hero {
    padding: 4.5rem 0;
  }
}
.page-hero:has(.page-hero--light-text) {
  background-color: #01579b;
}
.tool-page .page-hero {
  background-image: url("/themes/custom/nitaac/dist/images/t-t_hero_banner.jpg");
}
.tool-page .page-hero h1 {
  color: #ffffff;
}

.page-hero__content--half {
  width: 100%;
  margin-bottom: 21px;
}
@media screen and (min-width: 769px) {
  .page-hero__content--half {
    width: 50%;
    margin-right: 3rem;
  }
}
.page-hero--logo {
  margin-bottom: 1rem;
}
.page-hero--logo .field__item {
  display: flex;
}
.page-hero--logo img {
  max-height: 15rem;
  width: auto;
}
.page-hero--subtitle {
  padding: 2rem 0 0;
}
.page-hero--links {
  padding: 2rem 0 0;
}
@media screen and (min-width: 769px) {
  .page-hero--links-sidebar {
    width: 50%;
  }
}
.page-hero--links-sidebar .card__link {
  max-width: inherit;
}
@media screen and (min-width: 769px) {
  .page-hero--links-sidebar .card__link {
    margin-left: auto;
    max-width: 40rem;
  }
}
.page-hero h1 {
  color: #1b2b34;
}
.path-frontpage .page-hero h1 {
  font-size: 32px;
}
@media screen and (min-width: 1024px) {
  .path-frontpage .page-hero h1 {
    font-size: 4rem;
  }
}

.page-hero--light-text {
  color: #ffffff;
  text-shadow: none;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
}
.page-hero--light-text h1 {
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .page-hero .has-sidebar {
    flex-direction: row;
  }
}
@media screen and (min-width: 769px) {
  .page-hero .has-sidebar .page-hero__content {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.page-hero__agency {
  color: #f45c21;
  background-image: url("/themes/custom/nitaac/dist/images/nitaac_agency.jpeg");
}
@media screen and (max-width: 480px) {
  .page-hero__agency h1 {
    font-size: 3.6rem;
  }
}
.page-hero__agency .page-hero__content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.page-hero__agency .page-hero--logo {
  margin-right: 2rem;
}
.page-hero__agency .page-hero--logo img {
  max-height: 10rem;
}
.page-hero__portal {
  background-image: url("/themes/custom/nitaac/dist/images/light-hero-bg.jpg");
  background-color: #ffffff;
}
.page-hero__portal .page-hero--user {
  text-transform: uppercase;
}
.page-hero__portal .page-hero--user i,
.page-hero__portal .page-hero--user svg {
  margin-right: 0.5rem;
}

.node--type-lms-course .page-hero,
.node--type-lms-page .page-hero,
.node--type-lms-interactive-page .page-hero,
.node--type-lms-video .page-hero,
.node--type-lms-certificate .page-hero,
.view-my-account .page-hero,
.card__link .page-hero {
  background-image: url("/themes/custom/nitaac/dist/images/background - gradient light blue.png");
}
.node--type-lms-course .page-hero .field--name-field-subtitle,
.node--type-lms-page .page-hero .field--name-field-subtitle,
.node--type-lms-interactive-page .page-hero .field--name-field-subtitle,
.node--type-lms-video .page-hero .field--name-field-subtitle,
.node--type-lms-certificate .page-hero .field--name-field-subtitle,
.view-my-account .page-hero .field--name-field-subtitle,
.card__link .page-hero .field--name-field-subtitle {
  font-size: 20px;
}
.node--type-lms-course .page-hero .course-details,
.node--type-lms-page .page-hero .course-details,
.node--type-lms-interactive-page .page-hero .course-details,
.node--type-lms-video .page-hero .course-details,
.node--type-lms-certificate .page-hero .course-details,
.view-my-account .page-hero .course-details,
.card__link .page-hero .course-details {
  padding: 30px 0;
}
.node--type-lms-course .page-hero .course-details span,
.node--type-lms-page .page-hero .course-details span,
.node--type-lms-interactive-page .page-hero .course-details span,
.node--type-lms-video .page-hero .course-details span,
.node--type-lms-certificate .page-hero .course-details span,
.view-my-account .page-hero .course-details span,
.card__link .page-hero .course-details span {
  display: flex;
  font-weight: bold;
  padding: 4px 0;
}
.node--type-lms-course .page-hero .course-details span i,
.node--type-lms-page .page-hero .course-details span i,
.node--type-lms-interactive-page .page-hero .course-details span i,
.node--type-lms-video .page-hero .course-details span i,
.node--type-lms-certificate .page-hero .course-details span i,
.view-my-account .page-hero .course-details span i,
.card__link .page-hero .course-details span i {
  padding-right: 5px;
  margin-top: 3px;
}
.node--type-lms-course .page-hero .course-details span .field,
.node--type-lms-page .page-hero .course-details span .field,
.node--type-lms-interactive-page .page-hero .course-details span .field,
.node--type-lms-video .page-hero .course-details span .field,
.node--type-lms-certificate .page-hero .course-details span .field,
.view-my-account .page-hero .course-details span .field,
.card__link .page-hero .course-details span .field {
  margin-left: 5px;
}
.node--type-lms-course .page-hero .field--name-field-gwac,
.node--type-lms-page .page-hero .field--name-field-gwac,
.node--type-lms-interactive-page .page-hero .field--name-field-gwac,
.node--type-lms-video .page-hero .field--name-field-gwac,
.node--type-lms-certificate .page-hero .field--name-field-gwac,
.view-my-account .page-hero .field--name-field-gwac,
.card__link .page-hero .field--name-field-gwac {
  display: flex;
  flex-wrap: wrap;
}
.node--type-lms-course .page-hero .field--name-field-gwac .field__item,
.node--type-lms-page .page-hero .field--name-field-gwac .field__item,
.node--type-lms-interactive-page .page-hero .field--name-field-gwac .field__item,
.node--type-lms-video .page-hero .field--name-field-gwac .field__item,
.node--type-lms-certificate .page-hero .field--name-field-gwac .field__item,
.view-my-account .page-hero .field--name-field-gwac .field__item,
.card__link .page-hero .field--name-field-gwac .field__item {
  margin: 10px 10px 10px 0;
}
.node--type-lms-course .page-hero .field--name-field-gwac a,
.node--type-lms-page .page-hero .field--name-field-gwac a,
.node--type-lms-interactive-page .page-hero .field--name-field-gwac a,
.node--type-lms-video .page-hero .field--name-field-gwac a,
.node--type-lms-certificate .page-hero .field--name-field-gwac a,
.view-my-account .page-hero .field--name-field-gwac a,
.card__link .page-hero .field--name-field-gwac a {
  background-color: #00579b;
  color: #fff;
  padding: 7px 15px;
  border-radius: 32px;
}