/*!
 * @client: Konica Minolta University
 * @version: 1.0.0
 * @build: 2026-01-01 | 090724
 */
@charset "UTF-8";
.node--lesson .node__vimeo-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.node--lesson .node__vimeo-video iframe,
.node--lesson .node__vimeo-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.node--course .node__tags-list, .product--full .product__tags-list {
  --list-margin: 0;
  --list-padding: 0;
  --li-margin: 0;
  --li-padding: 0;
  --li-style-type: none;
}

.kmu-certificate-page__print::before, .form--commerce-checkout-flow-multistep-default .form__element--actions button::after, form[class*=form--views-form-commerce-cart-form] button#edit-checkout::after, .add-to-cart .button--add-to-cart::after, .node--course .node__product-link a::after, .product--full .product__course-link a::after, .menu--account .menu__item--login a::before, .menu--account .menu__item--logout a::before, .block-cart a::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  vertical-align: middle;
}

.kmu-certificate-page__print::before, .form--commerce-checkout-flow-multistep-default .form__element--actions button::after, form[class*=form--views-form-commerce-cart-form] button#edit-checkout::after, .add-to-cart .button--add-to-cart::after, .node--course .node__product-link a::after, .product--full .product__course-link a::after, .menu--account .menu__item--login a::before, .menu--account .menu__item--logout a::before, .block-cart a::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}

form[class*=form--views-form-commerce-cart-form] .form__label--quantity {
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
}

.node-teaser--lesson.node-teaser--text, .menu--account .menu__item--account a, .menu--kmu-main a, .node--course .node__certificate-link a, .kmu-certificate-page__print {
  --animate-underline-background-size: 2px;
  display: inline;
  background-image: linear-gradient(0deg, currentColor 0%, currentColor 100%);
  background-size: var(--animate-underline-bg-size-width, 0%) var(--animate-underline-background-size);
  background-repeat: no-repeat;
  background-position: var(--animate-underline-bg-position-x, left) bottom;
  transition: background-size 200ms ease-in-out;
}
.node-teaser--lesson.node-teaser--text:hover, .menu--account .menu__item--account a:hover, .menu--kmu-main a:hover, .node--course .node__certificate-link a:hover, .kmu-certificate-page__print:hover, .node-teaser--lesson.node-teaser--text:focus-within, .menu--account .menu__item--account a:focus-within, .menu--kmu-main a:focus-within, .node--course .node__certificate-link a:focus-within, .kmu-certificate-page__print:focus-within {
  --animate-underline-bg-size-width: var(--animate-underline-bg-size-width--active, 100%);
}

.node--course .node__product-link a, .product--full .product__course-link a {
  --cta-primary-color: #0062c2;
  --cta-secondary-color: #ffffff;
}

.node--course .node__product-link a, .product--full .product__course-link a {
  --a-background-color: var(--cta-primary-color);
  --a-border-color: var(--cta-primary-color);
  --a-border-width: 1px;
  --a-color: var(--cta-secondary-color);
  --a-display: inline-flex;
  --svg-path-fill: var(--cta-secondary-color);
}
.node--course .node__product-link a:hover, .product--full .product__course-link a:hover, .node--course .node__product-link a:focus, .product--full .product__course-link a:focus {
  --a-background-color: var(--cta-secondary-color);
  --a-color: var(--cta-primary-color);
  --svg-path-fill: var(--cta-primary-color);
}

.node--course .node__product-link a, .product--full .product__course-link a {
  --a-border-radius: 0em;
}

.node--course .node__product-link a, .product--full .product__course-link a {
  --a-font-size: 1.2rem;
}

.node--course .node__product-link a, .product--full .product__course-link a {
  --a-font-family: Open Sans;
  font-weight: 600;
  font-variation-settings: "wdth" 75;
}

.node--course .node__product-link a, .product--full .product__course-link a {
  --a-padding: 0.5em 1em;
}

.node--course .node__product-link a::after, .product--full .product__course-link a::after {
  content: "";
  margin-left: 1ch;
}

.form--commerce-checkout-flow-multistep-default .form__element--actions button::after, form[class*=form--views-form-commerce-cart-form] button#edit-checkout::after, .add-to-cart .button--add-to-cart::after {
  content: "";
  margin-left: 1ch;
}

.menu--account .menu__item--login a::before {
  content: "";
  margin-right: 1ch;
}

.menu--account .menu__item--logout a::before {
  content: "";
  margin-right: 1ch;
}

.block-cart a::before {
  content: "";
  margin-right: 0.25em;
}

.product-variation--teaser-buy .product-variation__price-label,
.product-variation--teaser-buy .product-variation__availability-label, .product--full .product__purchase-label {
  font-weight: normal;
  text-transform: uppercase;
}

.block-masquerade .form-submit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.node--course .node__certificate-link a, .kmu-certificate-page__print {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px dotted #666666;
}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  background-color: var(--form-input-color);
  bottom: 0;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNi41LjEgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIzOSA0OTguN2wxNjAtMTI4IDE4LjctMTUtMzAtMzcuNS0xOC43IDE1LTE0NSAxMTZMNzkgMzMzLjNsLTE4LjctMTUtMzAgMzcuNSAxOC43IDE1IDE2MCAxMjggMTUgMTIgMTUtMTJ6bTAtNDg1LjVsLTE1LTEyLTE1IDEyTDQ5IDE0MS4zbC0xOC43IDE1IDMwIDM3LjUgMTguNy0xNSAxNDUtMTE2IDE0NSAxMTYgMTguNyAxNSAzMC0zNy41LTE4LjctMTVMMjM5IDEzLjN6Ii8+PC9zdmc+");
          mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNi41LjEgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIzOSA0OTguN2wxNjAtMTI4IDE4LjctMTUtMzAtMzcuNS0xOC43IDE1LTE0NSAxMTZMNzkgMzMzLjNsLTE4LjctMTUtMzAgMzcuNSAxOC43IDE1IDE2MCAxMjggMTUgMTIgMTUtMTJ6bTAtNDg1LjVsLTE1LTEyLTE1IDEyTDQ5IDE0MS4zbC0xOC43IDE1IDMwIDM3LjUgMTguNy0xNSAxNDUtMTE2IDE0NSAxMTYgMTguNyAxNSAzMC0zNy41LTE4LjctMTVMMjM5IDEzLjN6Ii8+PC9zdmc+");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  opacity: 1;
  width: 1rem;
  position: absolute;
  top: 0;
  right: 0.5rem;
}

:root {
  --heading-color: #0062c2;
  --a-color: #0062c2;
  --cta-primary-color: #0062c2;
  --cta-secondary-color: #ffffff;
}

.kmu-certificate {
  max-width: 800px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  border-radius: 1vh;
  border: 1px solid #666666;
  padding: 20px;
}
.kmu-certificate__title {
  grid-column: 1/3;
  font-size: 2.0736rem;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px dotted red;
  padding-bottom: 20px;
}
.kmu-certificate__intro {
  grid-column: 1/3;
}
.kmu-certificate__user-name {
  grid-column: 1/3;
  font-size: 2.0736rem;
  font-weight: 600;
  padding: 0;
}
.kmu-certificate__course {
  grid-column: 1/3;
  display: grid;
}
.kmu-certificate__course-name {
  font-weight: 600;
}
.kmu-certificate__details {
  grid-column: 1/2;
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  font-size: 0.8333333333rem;
}
.kmu-certificate__details-type {
  flex: 0 0 50%;
  white-space: nowrap;
}
.kmu-certificate__details-data {
  flex: 1;
  font-weight: 600;
}
.kmu-certificate__number {
  grid-column: 2/3;
  display: flex;
  gap: 0.5rem;
  align-self: center;
  justify-self: center;
  border: 1px solid #666666;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
  font-size: 0.8333333333rem;
}
.kmu-certificate__number-value {
  font-weight: 600;
}
.kmu-certificate__image {
  grid-column: 3/4;
  grid-row: 1/5;
  max-width: 150px;
  width: 75%;
  justify-self: end;
  fill: #7aaaff;
}
.kmu-certificate__logo {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 160px;
}

.site-page:has(.kmu-certificate-page) body::before {
  display: none;
  content: none;
}
@media print {
  .site-page:has(.kmu-certificate-page) .site-header,
.site-page:has(.kmu-certificate-page) .pre-footer,
.site-page:has(.kmu-certificate-page) .site-footer,
.site-page:has(.kmu-certificate-page) .masquerade-block-form,
.site-page:has(.kmu-certificate-page) .kmu-certificate-page__controls {
    display: none;
  }
}

.kmu-certificate-page {
  -webkit-print-color-adjust: exact !important;
  /* Chrome, Safari 6 – 15.3, Edge */
  color-adjust: exact !important;
  /* Firefox 48 – 96 */
  print-color-adjust: exact !important;
  /* Firefox 97+ */
  display: grid;
  gap: 10px;
  margin-top: 50px;
}
.kmu-certificate-page__print {
  color: #0062c2;
  padding: 0.5rem 1rem;
}
.kmu-certificate-page__print::before {
  content: "";
  margin-right: 1ch;
}

.block-kmu-branding {
  --svg-height: var(--logo-height);
}

.block-kmu-content {
  margin-top: 40px;
}
.site-page--node-has-banner .block-kmu-content {
  margin-top: 0;
}

.block-masquerade {
  --form-margin: 0;
  margin: 10px 0;
}
@media (min-width: 32em) {
  .block-masquerade .form {
    --form-margin: 0;
  }
}
.block-masquerade .form-submit {
  padding: var(--button-padding, 0.75em 0.5em);
}

.block-cart {
  padding: 15px calc(var(--safe-area-inset-right) + 50px) 15px 30px;
}
@media (min-width: 80em) {
  .block-cart {
    padding: 0;
  }
  .block-cart__label {
    display: none;
  }
}
.block-cart a {
  --a-display: flex;
  --a-color: #ffffff;
  align-items: center;
}

.add-to-cart form {
  --form-margin: 0;
  --form-input-color: #3b79dd;
  --form-input-padding: 0.75em 0.75em;
}
.add-to-cart .form__label {
  font-weight: normal;
  text-transform: uppercase;
}
.add-to-cart .button--add-to-cart {
  width: 100%;
  max-width: 200px;
}

.cart-empty-page {
  --p-font-size: clamp(
    1.2559621673rem,
    calc(1.194616223rem + 0.2726486411vw),
    1.44rem
  );
  --p-margin: 0;
  display: grid;
  gap: 40px;
  padding-bottom: 60px;
}

.product--full {
  display: grid;
  grid-template-areas: "TAGS" "IMG" "HEAD" "OVERVIEW" "COURSE" "MAIN" "ASIDE";
  grid-auto-rows: minmax(0, min-content);
  grid-gap: 20px 40px;
  margin-top: 40px;
  margin-bottom: 60px;
}
.product--full .product__image {
  grid-area: IMG;
}
.product--full .product__tags {
  grid-area: TAGS;
}
.product--full .product__tags-list {
  display: flex;
  gap: 10px;
}
.product--full .product__tags-item {
  background-color: #0062c2;
  border-radius: 2rem;
  color: #ffffff;
  font-size: 0.8333333333rem;
  padding: 0.5rem 1rem;
}
.product--full .product__header {
  grid-area: HEAD;
  display: grid;
  grid-gap: 20px;
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #b0b0b0;
}
.product--full .product__heading {
  font-size: clamp( 1.728rem, calc(1.5468283365rem + 0.8052073933vw), 2.2715149905rem );
}
.product--full .product__aside {
  grid-area: ASIDE;
}
.product--full .product__course-overview {
  grid-area: OVERVIEW;
}
.product--full .product__course-overview h3 {
  margin-bottom: 1rem;
}
.product--full .product__course-link-text {
  color: #5C1430;
  font-size: 0.8333333333rem;
  font-weight: 600;
  margin-bottom: 5px;
}
.product--full .product__course-link a {
  align-items: center;
}
.product--full .product__content {
  grid-area: MAIN;
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
}
.product--full .product__content h4 {
  margin-bottom: 1rem;
}
.product--full .product__purchase {
  display: flex;
  gap: 1ch;
}
.product--full .product__purchase-price, .product--full .product__purchase-unit {
  color: #5C1430;
  font-weight: 600;
}
@media (min-width: 48em) {
  .product--full {
    grid-template-areas: "IMG  TAGS     TAGS" "IMG  HEAD     HEAD" "IMG  OVERVIEW ASIDE" "IMG  COURSE   ASIDE" "MAIN MAIN     ASIDE";
    grid-template-columns: 4fr 4fr 4fr;
    grid-template-rows: repeat(4, minmax(0, min-content)) auto;
  }
}

.product--teaser-detail {
  display: grid;
  gap: 5px;
}
.product--teaser-detail .product__heading {
  font-size: 1.2rem;
  color: #0062c2;
}
.product--teaser-detail .product__image {
  grid-row: 1/2;
  grid-column: 1/2;
  overflow: hidden;
}
.product--teaser-detail .product__image img {
  transition: all 0.5s ease-in-out;
}
.product--teaser-detail .product__price {
  grid-row: 1/2;
  grid-column: 1/2;
  align-self: end;
  justify-self: start;
  transform: translateY(-1rem) translateX(1rem);
  padding: 0.25rem 0.5rem;
  border-radius: 2rem;
  background-color: #3b79dd;
  color: #ffffff;
  font-weight: 600;
}
.product--teaser-detail .product__meta {
  display: grid;
  grid-template-columns: 40% 60%;
}
.product--teaser-detail .product__meta-data {
  font-weight: 600;
  display: grid;
}
.product--teaser-detail .product__meta-authors {
  display: flex;
  flex-direction: column;
}
a:hover > .product--teaser-detail figure img {
  transform: scale(1.1);
}
a:hover > .product--teaser-detail .product__heading {
  text-decoration: underline;
}

.product-variation--cart {
  display: grid;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 10px;
  grid-template-columns: repeat(9, 1fr);
  grid-template-areas: "pv-image pv-image pv-title   pv-title   pv-title   pv-title   pv-title   pv-title   pv-title" "pv-image pv-image pv-content pv-content pv-content pv-content pv-content pv-content pv-content";
}
.product-variation--cart .product-variation__title {
  --heading-color: core.$color-neutral-black;
  grid-area: pv-title;
}
.product-variation--cart .product-variation__content {
  grid-area: pv-content;
}
.product-variation--cart .product-variation__content > * + * {
  margin-top: 10px;
}
.product-variation--cart .product-variation__image {
  grid-area: pv-image;
}
.product-variation--cart .product-variation__date {
  font-weight: 600;
  font-size: 1.2rem;
}
.product-variation--cart .product-variation__location-label {
  font-weight: 600;
}

.product-variation--teaser-detail {
  display: grid;
  gap: 5px;
  color: black;
}
.product-variation--teaser-detail .product-variation__heading {
  font-size: 1.2rem;
  color: #0062c2;
}
.product-variation--teaser-detail .product-variation__image {
  grid-row: 1/2;
  grid-column: 1/2;
  overflow: hidden;
}
.product-variation--teaser-detail .product-variation__image img {
  transition: all 0.5s ease-in-out;
}
.product-variation--teaser-detail .product-variation__dates {
  font-weight: 600;
  font-size: 1.2rem;
}
.product-variation--teaser-detail .product-variation__price {
  grid-row: 1/2;
  grid-column: 1/2;
  align-self: end;
  justify-self: start;
  transform: translateY(-1rem) translateX(1rem);
  padding: 0.25rem 0.5rem;
  border-radius: 2rem;
  background-color: #3b79dd;
  color: #ffffff;
  font-weight: 600;
}
.product-variation--teaser-detail .product-variation__meta {
  display: grid;
  grid-template-columns: 40% 60%;
}
.product-variation--teaser-detail .product-variation__meta-data {
  font-weight: 600;
  display: grid;
}
.product-variation--teaser-detail .product-variation__meta-authors {
  display: flex;
  flex-direction: column;
}
a:hover > .product-variation--teaser-detail figure img {
  transform: scale(1.1);
}
a:hover > .product-variation--teaser-detail .product-variation__heading {
  text-decoration: underline;
}

.product-variation--teaser-buy {
  display: grid;
  gap: 10px;
}
.product-variation--teaser-buy .product-variation__edit-link {
  color: darkred;
}
.product-variation--teaser-buy .product-variation__title {
  font-size: 1.2rem;
}
.product-variation--teaser-buy .product-variation__date {
  gap: 1ch;
  color: #0062c2;
  font-weight: 600;
  margin-bottom: 10px;
}
.product-variation--teaser-buy .product-variation__location-label {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 5px;
}
.product-variation--teaser-buy .product-variation__duration-label {
  font-weight: 600;
  margin-bottom: 5px;
}
.product-variation--teaser-buy .product-variation__price,
.product-variation--teaser-buy .product-variation__availability {
  gap: 1rem;
  display: flex;
  align-items: baseline;
}
.product-variation--teaser-buy .product-variation__price-value,
.product-variation--teaser-buy .product-variation__availability-value {
  color: #5C1430;
  font-weight: 600;
  font-size: 1.2rem;
}

.product-variation--summary .product-variation__title {
  --heading-color: core.$color-neutral-black;
  font-size: 1.2rem;
}
.product-variation--summary .product-variation__location-label {
  font-weight: 600;
}
.product-variation--summary .product-variation__date {
  font-weight: 600;
}
.product-variation--summary > * + * {
  margin-top: 5px;
}

.product--event-access.product--full .view__rows {
  display: grid;
  gap: 40px;
}

.user-order {
  display: grid;
  gap: 20px;
  grid-template-areas: "info billing" "info shipping" "items items" "total total";
}
.user-order__shipping {
  grid-area: shipping;
}
.user-order__billing {
  grid-area: billing;
  align-self: start;
}
.user-order__information {
  grid-area: info;
  display: table;
}
.user-order__information > dl {
  display: table-row;
  border: none;
}
.user-order__information > dl dt {
  display: table-cell;
  font-weight: bold;
}
.user-order__information > dl dd {
  display: table-cell;
  padding-left: 1em;
}
.user-order__items {
  grid-area: items;
}
.user-order__total {
  grid-area: total;
  justify-self: end;
}
.user-order__total .order-total-summary__subtotal {
  display: none;
}

.form--commerce-checkout-flow-multistep-default:has(.checkout-complete) .layout-checkout-form {
  grid-area: f-main;
}

.checkout-complete {
  --p-font-size: clamp(
    1.2559621673rem,
    calc(1.194616223rem + 0.2726486411vw),
    1.44rem
  );
  --p-margin: 0;
  display: grid;
  gap: 40px;
  padding-bottom: 60px;
}

.checkout-order-summary__quantity {
  border: none;
}
.checkout-order-summary__item {
  border: none;
}
.checkout-order-summary__price {
  display: none;
}

.coupon-redemption-form > * + * {
  margin-top: 10px;
}

.order-total-summary .order-total-summary__total {
  color: #5C1430;
  font-size: 1.728rem;
  font-weight: 800;
}
.order-total-summary > * + * {
  margin-top: 5px;
}

.modal .modal__titlebar {
  display: flex;
  align-items: center;
}
.modal .modal__titlebar .modal__close {
  all: initial;
  aspect-ratio: 1/1;
  position: relative;
  margin-left: auto;
  cursor: pointer;
}
.modal .modal__titlebar .modal__close .ui-button-icon {
  display: none;
}
.modal .modal__titlebar .modal__close::after, .modal .modal__titlebar .modal__close::before {
  border-top: 2px white solid;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  rotate: var(--modal-close--rotation, 45deg);
  top: 50%;
  transition: all 200ms ease-in-out;
  translate: 0 -50%;
}
.modal .modal__titlebar .modal__close::after {
  --modal-close--rotation: -45deg;
}
.modal .modal__titlebar .modal__close:focus-visible::before, .modal .modal__titlebar .modal__close:hover::before {
  --modal-close--rotation: 0deg;
}
.modal .modal__titlebar .modal__close:focus-visible::after, .modal .modal__titlebar .modal__close:hover::after {
  --modal-close--rotation: 0deg;
}

.menu--kmu-main {
  --a-font-size: 1.2rem;
  --list-padding: 15px calc(var(--safe-area-inset-right) + 50px) 0 30px;
  --li-margin: 0.75em 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.menu--kmu-main a {
  --a-color: #ffffff;
  --animate-underline-background-size: 1px;
  font-weight: 400;
}
@media (min-width: 80em) {
  .menu--kmu-main {
    --list-padding: 1em 0;
    --li-margin: 0;
    --a-font-size: 1rem;
    flex-direction: row;
  }
  .menu--kmu-main li + li {
    --li-margin: 0 0 0 2em;
  }
}

.menu--account {
  --a-font-size: 1.2rem;
  --list-padding: 15px calc(var(--safe-area-inset-right) + 50px) 0 30px;
  --li-margin: 0.75em 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 80em) {
  .menu--account {
    --list-padding: 1em 0;
    --li-margin: 0;
    --a-font-size: 1rem;
    align-items: center;
    flex-direction: row;
  }
  .menu--account li + li {
    --li-margin: 0 0 0 2em;
  }
}
.menu--account .menu__item--login a,
.menu--account .menu__item--logout a {
  border: 1px solid #ffffff;
  padding: 0.25em 0.75em;
  display: flex;
  align-items: center;
}
.menu--account .menu__item--login a:hover, .menu--account .menu__item--login a:focus,
.menu--account .menu__item--logout a:hover,
.menu--account .menu__item--logout a:focus {
  background-color: #ffffff;
  color: #0062c2;
}
.menu--account .menu__item--account a {
  --animate-underline-background-size: 1px;
}
.menu--account a {
  --a-color: #ffffff;
}

.node--course {
  display: grid;
  grid-template-areas: "TAGS" "IMG" "HEADER" "CONTENT";
  grid-gap: 20px 40px;
  margin-top: 40px;
  margin-bottom: 60px;
}
.node--course .node__section-title {
  margin-bottom: 20px;
}
.node--course .node__tags {
  grid-area: TAGS;
}
.node--course .node__tags-list {
  display: flex;
  gap: 10px;
}
.node--course .node__tags-item {
  background-color: #0062c2;
  border-radius: 2rem;
  color: #ffffff;
  font-size: 0.8333333333rem;
  padding: 0.5rem 1rem;
}
.node--course .node__image {
  grid-area: IMG;
  margin: 0;
  max-width: 100%;
}
.node--course .node__header {
  grid-area: HEADER;
  display: grid;
  grid-gap: 20px;
  margin: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #b0b0b0;
}
.node--course .node__content {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
}
.node--course .node__content h3 {
  margin-bottom: 1rem;
}
.node--course .node__content h4 {
  margin-bottom: 1rem;
}
.node--course .node__heading {
  margin: 0;
  line-height: 1;
}
.node--course .node__product-link-text {
  color: #5C1430;
  font-size: 0.8333333333rem;
  font-weight: 600;
  margin-bottom: 5px;
}
.node--course .node__product-link a {
  align-items: center;
}
.node--course .node__overview {
  font-size: 1.44rem;
}
.node--course .node__objective {
  grid-area: OBJECTIVE;
  margin-bottom: 20px;
}
.node--course .node__course-content {
  grid-area: COURSE-CONTENT;
}
.node--course .node__lessons {
  grid-area: LESSONS;
}
.node--course .node__lessons .lesson-list {
  --li-style-type: none;
}
.node--course .node__lessons .lesson-list .lesson-list__lesson + .lesson-list__lesson {
  --li-margin: 5px 0 0 0;
}
.node--course .node__certificate-link {
  display: inline-block;
  margin-top: 5px;
}
.node--course .node__certificate-link a {
  color: #0062c2;
  padding: 0.5rem 1rem;
}
.node--course .node__content {
  grid-area: CONTENT;
}
@media (min-width: 48em) {
  .node--course {
    grid-template-columns: 3fr 9fr;
    grid-template-areas: ". TAGS" "IMG HEADER" "IMG CONTENT";
  }
}

.node-teaser--lesson.node-teaser--text {
  --button-color: #0062c2;
  --animate-underline-background-size: 1px;
  --animate-underline-bg-position-x: right;
  --animate-underline-bg-size-width--active: 0;
  --animate-underline-bg-size-width: 100%;
  font-weight: 600;
}

.view--course-products .view__rows {
  gap: 40px;
}

.view--content-event-product-variation .view__rows {
  gap: 40px;
}

.form--user-login-form .form__element--actions {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.form--user-login-form .form__element--actions a {
  --a-text-decoration: underline;
}

form[class*=form--views-form-commerce-cart-form] {
  --form-gap: 30px;
  grid-template-areas: "v-header" "v-cart" "v-total" "v-actions" "v-coupon";
}
form[class*=form--views-form-commerce-cart-form] > *:not([class]) {
  display: contents;
}
form[class*=form--views-form-commerce-cart-form] .form__header {
  grid-column: v-header;
}
form[class*=form--views-form-commerce-cart-form] .form__cart-rows {
  grid-area: v-cart;
}
form[class*=form--views-form-commerce-cart-form] .form__element--actions {
  grid-area: v-actions;
}
form[class*=form--views-form-commerce-cart-form] .form__element--actions > * + * {
  margin-top: 10px;
}
form[class*=form--views-form-commerce-cart-form] .order-total-summary {
  grid-area: v-total;
}
form[class*=form--views-form-commerce-cart-form] .coupon-redemption-form {
  grid-area: v-coupon;
}
@media (min-width: 48em) {
  form[class*=form--views-form-commerce-cart-form] {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: min-content min-content min-content 1fr;
    grid-template-areas: "v-header v-header v-header v-header v-header v-header v-header v-header v-header  v-header  v-header  v-header" "v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-total   v-total   v-total   v-total" "v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-actions v-actions v-actions v-actions" "v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-coupon  v-coupon  v-coupon  v-coupon";
  }
}
@media (min-width: 80em) {
  form[class*=form--views-form-commerce-cart-form] {
    grid-template-areas: "v-header v-header v-header v-header v-header v-header v-header v-header v-header v-header v-header  v-header" "v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-total   v-total   v-total" "v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-actions v-actions v-actions" "v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-cart   v-coupon  v-coupon  v-coupon";
  }
}
form[class*=form--views-form-commerce-cart-form] .form__label--quantity {
  margin-bottom: 0.25em;
  position: relative !important;
}
form[class*=form--views-form-commerce-cart-form] .form__row {
  display: grid;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 10px;
  grid-template-columns: 1fr auto;
  grid-template-areas: "r-product r-product" "r-price   r-quantity";
}
form[class*=form--views-form-commerce-cart-form] .form__row + .form__row {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dashed #7e7e7e;
}
@media (min-width: 80em) {
  form[class*=form--views-form-commerce-cart-form] .form__row {
    grid-template-columns: repeat(10, 1fr);
    grid-template-areas: "r-product  r-product  r-product  r-product r-product r-product r-product r-product r-price    r-price" "r-product  r-product  r-product  r-product r-product r-product r-product r-product r-quantity r-quantity";
  }
}
form[class*=form--views-form-commerce-cart-form] .form__product {
  grid-area: r-product;
}
form[class*=form--views-form-commerce-cart-form] .form__price {
  grid-area: r-price;
  text-align: right;
}
form[class*=form--views-form-commerce-cart-form] .form__price .form__price-label {
  text-transform: uppercase;
}
form[class*=form--views-form-commerce-cart-form] .form__price .form__price-value {
  color: #5C1430;
  font-size: 1.44rem;
  font-weight: 600;
}
form[class*=form--views-form-commerce-cart-form] .form__quantity {
  grid-area: r-quantity;
}
form[class*=form--views-form-commerce-cart-form] .form__quantity > * + * {
  margin-top: 10px;
}

.form--commerce-checkout-flow-multistep-default {
  --form-gap: 30px;
  display: grid;
  grid-template-areas: "f-header" "f-main" "f-side";
}
@media (min-width: 48em) {
  .form--commerce-checkout-flow-multistep-default {
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "f-header f-header f-header f-header f-header f-header f-header f-header f-header f-header f-header f-header" "f-main   f-main   f-main   f-main   f-main   f-main   f-main   f-side   f-side   f-side   f-side   f-side";
  }
}
@media (min-width: 64em) {
  .form--commerce-checkout-flow-multistep-default {
    grid-template-columns: repeat(12, 1fr);
    grid-template-areas: "f-header f-header f-header f-header f-header f-header f-header f-header f-header f-header f-header f-header" "f-main   f-main   f-main   f-main   f-main   f-main   f-main   f-main   f-side   f-side   f-side   f-side";
  }
}
.form--commerce-checkout-flow-multistep-default .form-select {
  padding-right: 3rem;
}
.form--commerce-checkout-flow-multistep-default .form__header {
  grid-area: f-header;
}
.form--commerce-checkout-flow-multistep-default .form__main {
  grid-area: f-main;
}
.form--commerce-checkout-flow-multistep-default .form__main > * + * {
  margin-top: 30px;
}
.form--commerce-checkout-flow-multistep-default .fieldset-wrapper > * + * {
  margin-top: 10px;
}
.form--commerce-checkout-flow-multistep-default .form__fieldset + .form__fieldset {
  margin-top: 10px;
}
.form--commerce-checkout-flow-multistep-default .form__sidebar {
  grid-area: f-side;
}
.form--commerce-checkout-flow-multistep-default .form__sidebar > *:not(:first-child) + * {
  margin-top: 30px;
}
.form--commerce-checkout-flow-multistep-default .form__sidebar .checkout-order-summary > * + * {
  margin-top: 30px;
}
.form--commerce-checkout-flow-multistep-default #edit-payment-information-payment-method {
  margin-bottom: 20px;
}
.form--commerce-checkout-flow-multistep-default #edit-payment-information-payment-method.form__radios > * + * {
  margin-top: 10px;
}
.form--commerce-checkout-flow-multistep-default #edit-payment-information-billing-information > * + * {
  margin-top: 10px;
}
.form--commerce-checkout-flow-multistep-default #edit-payment-information-billing-information .form-wrapper > * + * {
  margin-top: 10px;
}
.form--commerce-checkout-flow-multistep-default .form__element--actions > * + * {
  margin-top: 10px;
}

.site-header__navigation-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media (min-width: 80em) {
  .site-header__navigation-content {
    max-width: calc(var(--safe-area-inset-left) + 1280px + var(--safe-area-inset-right));
    margin: 0 auto;
    padding-left: var(--safe-area-inset-left);
    padding-right: var(--safe-area-inset-right);
    align-items: center;
    flex-direction: row;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .site-header__navigation-content > *:first-child {
    margin-right: auto;
  }
}

/*# sourceMappingURL=kmu.theme.min.css.map*/