/*-------------------------------------

CUSTOM STYLESHEET

Creator:        ESE Media GmbH
Client:         Format Studio KLG
Domain:         format-foundry.ch
Collaborators:  Severin Gamper

Version:        0.1
Created:        03.02.2020

-------------------------------------/*





/*-----------------------------------*/
/* 1. Navigation                     */
/*-----------------------------------*/

.main-footer {
  transform: translate3d(0px, 0px, 0px);
}
.cart__container {
  overflow-x: hidden;
  max-height: calc(100vh - 120px);
}
::selection {
  background: #ffffff;
  color: #000000;
  opacity: 1;
}
::-moz-selection {
  background: #ffffff;
  color: #000000;
  opacity: 1;
}

/*-----------------------------------*/
/* HELP FAQ                          */
/*-----------------------------------*/

.help__dropdown__collection-wrapper .help__dropdown__item:hover h4,
.help__heading__active h4 {
  text-decoration: underline;
}
.help__dropdown__collection-wrapper .help__dropdown__item {
  cursor: pointer;
}
.scrolltotop {
  pointer-events: none;
}
@media (max-width: 766px) {
  .help__dropdown__collection-wrapper .help__dropdown__item:hover h4 {
    text-decoration: none;
  }
  .help__dropdown__collection-wrapper .help__dropdown__item.help__heading__active h4,
  .help__dropdown__collection-wrapper .help__dropdown__item.help__heading__active:hover h4 {
    text-decoration: underline;
  }
}

/*-----------------------------------*/
/* PRODUCTS                          */
/*-----------------------------------*/

.font__hero__slider .font__hero__heading {
  display: block;
  font-size: 500px;
  line-height: 1;
}
@media (max-width: 767px) {
  .font__hero__slider .font__hero__heading {
    font-size: 250px;
  }
}
.font__hero__sizing {
  pointer-events: none;
}

/* Range Slider */

.irs--flat .irs-handle {
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 50%;
}
.irs--flat .irs-handle > i:first-child {
  display: none;
}
.irs--flat .irs-line,
.irs--flat .irs-bar {
  height: 1px;
  background-color: white;
  top: 30px;
}

div.font__editor__textarea {
  pointer-events: none;
  opacity: 0;
}

.font__glyphs__container__first div {
  word-break: break-all;
}
.cursor {
  mix-blend-mode: difference;
  pointer-events: none;
}
.cursor .font__slider__icon {
  color: white;
}
#arrowPrev,
#arrowNext {
  display: none;
}
#arrowPrev.visible,
#arrowNext.visible {
  display: block;
}
.font__slider__arrow__next,
.font__slider__arrow__prev {
  outline: 0;
}
.w-commerce-commercecartcontainerwrapper {
  z-index: 1000;
}
.nav__follow:hover {
  background-color: #ffffff !important;
}

.font__editor__select select {
  height: 100%;
  -webkit-appearance: button;
  -moz-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 0;
  -moz-padding-end: 0;
  -webkit-padding-start: 0;
  -moz-padding-start: 0;
  background-color: transparent;
  border-radius: 0px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  font-size: inherit;
  margin: 0;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 12px;
  padding-bottom: 0;
  color: inherit;
}

/*-----------------------------------*/
/* PRODUCTS LICENCE                  */
/*-----------------------------------*/

.license-table__list-item__select-container select {
  height: 100%;
  -webkit-appearance: button;
  -moz-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 0;
  -moz-padding-end: 0;
  -webkit-padding-start: 0;
  -moz-padding-start: 0;
  background-color: transparent;
  border-radius: 0px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  font-size: inherit;
  margin: 0;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 0;
  padding-bottom: 0;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

.license-table__select.license-table__select__active .license-table__select__price {
  display: block;
}
.license-table__select.license-table__select__active .license-table__select-arrow {
  display: none;
}
.license-table__select.license-table__select__active {
  border-color: #ffffff;
  color: #ffffff;
}
.license-table__select.license-table__select__active option {
  color: black;
}

.font-overlay__subtotal__trigger.font-overlay__subtotal__off {
  opacity: 0.4;
  pointer-events: none;
}
.tailormade__button:hover {
  border-color: white !important;
}

.tailormade__checkbox input:checked ~ .tailormade__checkbox__active {
  display: block;
}
.tailormade__checkbox input:checked ~ .tailormade__checkbox__inactive {
  display: none;
}
.tailormade__checkbox input:checked ~ * {
  color: #ffffff;
}

.font-overlay__font-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.font-overlay {
  overflow-x: hidden;
  overflow-y: auto;
}
.license-table__select-arrow,
.license-table__select__price {
  pointer-events: none;
}

/*-----------------------------------*/
/* CHECkOUT                          */
/*-----------------------------------*/

@media (min-width: 1550px) {
  .checkout__fontselection__heading {
    font-size: 100px;
  }
  .checkout__info1__total-price {
    font-size: 100px;
  }
}
@media (min-width: 1650px) {
  .checkout__input3 {
    padding-left: 220px;
  }
}

.checkout__info1__proceed-button.proceed-button__inactive,
.checkout__submit-button.checkout__submit-button__inactive {
  pointer-events: none;
  opacity: 0.5;
}
.checkout__navigation.checkout__navigation__billing.checkout__navigation__inactive {
  pointer-events: none;
}

.checkout__form input:required,
.checkout__form input:invalid {
  box-shadow: none;
}

.checkout__eula__container input:checked ~ .checkout__eula__checkmark {
  background-color: #ffffff;
  border-color: #ffffff;
}

.checkout__eula__container.checkout__eula__active {
  border-color: #ffffff;
}
.checkout__label,
.checkout__fontselection__gradient {
  pointer-events: none;
}

.checkout__form input:-webkit-autofill,
.checkout__form input:-webkit-autofill:hover,
.checkout__form input:-webkit-autofill:focus,
.checkout__form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #000000 inset !important;
  background-color: #000000 !important;
  background-clip: content-box !important;
  -webkit-text-fill-color: white !important;
}