/*  =========================================================
basic config
========================================================= */
@import url("./fonts/GTWalsheim/fonts.css");
@import url("./fonts/NoeDisplay/fonts.css");
@import url("./fonts/Icomoon/style.css");

/*  =========================================================
button
========================================================= */
@media (min-width: 700.1px) {
  .button.button-cta {
    padding: 14px 20px;
  }

  .button.button-default {
    padding: 10px 15px;
  }
}

@media (max-width: 700px) {
  .button.button-cta {
    padding: 12px 15px;
  }

  .button.button-default {
    padding: 10px;
  }
}

/*  =========================================================
pageHeader
========================================================= */
.pageHeader {
  --local-pageHeader-logo: url("/assets/hht/logo/logo.hht.svg");
  --local-pageHeader-platformLogo: url("/assets/hht/logo/logo.imxplatform.black.svg");
}

/* main logo */
.pageHeader__mainLogo {
  position: relative;
  z-index: 1;
}

@media (max-width: 1200px) {
  .pageHeader__mainLogo {
    padding-left: 20px !important;
  }
}

@media (min-width: 1200.1px) {
  .pageHeader__mainLogo {
    padding-left: 100px !important;
  }
}

.pageHeader__mainLogo::before {
  aspect-ratio: 145/33.8;
}

@media (max-width: 1200px) {
  .pageHeader__mainLogo::before {
    width: 112px;
  }
}

@media (min-width: 1200.1px) {
  .pageHeader__mainLogo::before {
    width: 145px;
  }
}

.pageHeader__mainLogo::after {
  content: url("/assets/hht/logo/logo.hht.ship.bow.svg");
  position: absolute;
  z-index: -1;

  @media (max-width: 1200px) {
    bottom: -9px;
    height: 20px;
    left: -29px;
    width: 121.7px;
  }

  @media (min-width: 1200.1px) {
    bottom: -10px;
    height: 27px;
    left: 0;
    width: 157px;
  }
}

/*  =========================================================
abstract selector - background
========================================================= */
.app--color {
  background-color: rgba(var(--color_global_background));
}