/*
    - Name: "highlight-full.scss"
    - Description: "Add custom styles to highlight full Banner"
*/
/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
.block__banner__highlight-full {
  --line-color: var(--primary-complementary-link);
  --padding-container: calc((100% - var(--container)) / 2);
  position: relative;
  margin: 0 -24px;
}

@media (min-width: 992px) {
  .block__banner__highlight-full {
    margin: 0 auto;
    padding-bottom: var(--spacing-4xl);
  }
}
.block__banner__highlight-full .block__banner__wrapper {
  flex-direction: column;
}

@media (min-width: 1200px) {
  .block__banner__highlight-full .block__banner__wrapper {
    flex-direction: row;
  }
}
.block__banner__highlight-full .group__image {
  z-index: 1;
}

@media (min-width: 480px) {
  .block__banner__highlight-full .group__image {
    flex: 0 1 100%;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .block__banner__highlight-full .group__image {
    flex: 0 1 66%;
    max-width: 75%;
  }
}
.block__banner__highlight-full .group__image img {
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 160px;
}

.block__banner__highlight-full .group__text {
  z-index: 2;
  padding: var(--spacing-md);
  background-color: var(--bg-color);
}

@media (min-width: 480px) {
  .block__banner__highlight-full .group__text {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .block__banner__highlight-full .group__text {
    position: absolute;
    top: 84px;
    right: 20px;
    width: 56%;
    padding: var(--spacing-2xl) 0 var(--spacing-2xl) var(--spacing-xxl);
  }
}
@media (min-width: 1394px) {
  .block__banner__highlight-full .group__text {
    right: 0;
  }
}
.block__banner__highlight-full .group__text--wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs, 12px);
}

.block__banner__highlight-full .group__text--wrapper::before {
  content: "";
  width: 25%;
  height: 2px;
  margin-bottom: var(--spacing-xs);
  background-color: var(--line-color);
}

@media (min-width: 992px) {
  .block__banner__highlight-full .group__text--wrapper::before {
    margin-bottom: var(--spacing-md);
  }
}
@media (min-width: 992px) {
  .block__banner__highlight-full .group__text--wrapper {
    gap: var(--spacing-xs, 12px);
  }
}
.block__banner__highlight-full .group__text--wrapper > * {
  flex: 0 1 100%;
}

.block__banner__highlight-full .field--name-link {
  margin-top: var(--spacing-xs);
}

@media (min-width: 992px) {
  .block__banner__highlight-full .field--name-link {
    margin-top: var(--spacing-md);
  }
}
.block__banner__highlight-full .field--name-button {
  margin-top: var(--spacing-xs);
}

@media (min-width: 992px) {
  .block__banner__highlight-full .field--name-button {
    margin-top: var(--spacing-md);
  }
}
.block__banner__highlight-full.bg-active {
  padding-inline: 0;
}

@media (min-width: 480px) {
  .block__banner__highlight-full.bg-active {
    margin: 0;
  }
}
.block__banner__highlight-full.bg-active .group__text {
  padding: var(--spacing-xl);
}

@media (min-width: 992px) {
  .block__banner__highlight-full.bg-active .group__text {
    padding: var(--spacing-xl);
  }
}
@media (min-width: 1200px) {
  .block__banner__highlight-full.bg-active .group__text {
    width: 58%;
    padding: var(--spacing-xl);
  }
}
@media (min-width: 1394px) {
  .block__banner__highlight-full.bg-active .group__text {
    padding: var(--spacing-2xl) var(--spacing-2xl) var(--spacing-2xl) var(--padding-container);
  }
}
.block__banner__highlight-full.position-right {
  padding-top: 50px;
}

.block__banner__highlight-full.position-right .group__text {
  padding: var(--spacing-md);
}

@media (min-width: 480px) {
  .block__banner__highlight-full.position-right .group__text {
    padding: var(--spacing-xl);
  }
}
@media (min-width: 992px) {
  .block__banner__highlight-full.position-right .group__text {
    top: 10px;
    right: inherit;
    bottom: inherit;
    left: 0;
    padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) var(--padding-container);
  }
}
.node--type-internal-page.node--view-mode-full .container.layout-settings-wrapper .block__banner__highlight-full .group__text,
.node--type-internal-page.node--view-mode-full .container.layout--onecol .block__banner__highlight-full .group__text,
.taxonomy-term .container.layout-settings-wrapper .block__banner__highlight-full .group__text,
.taxonomy-term .container.layout--onecol .block__banner__highlight-full .group__text {
  --padding-container: var(--spacing-2xl);
}

@media (min-width: 1200px) {
  .node--type-internal-page.node--view-mode-full .container.layout-settings-wrapper .block__banner__highlight-full .group__text,
  .node--type-internal-page.node--view-mode-full .container.layout--onecol .block__banner__highlight-full .group__text,
  .taxonomy-term .container.layout-settings-wrapper .block__banner__highlight-full .group__text,
  .taxonomy-term .container.layout--onecol .block__banner__highlight-full .group__text {
    padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl);
  }
}
/*# sourceMappingURL=highlight-full.css.map */