/* CUSTOM STYLES */

/* remove scroll bounce */
body {
  overscroll-behavior: none;
}

/* prevent horizontal scroll */
.page_wrap {
  overflow: clip;
}

/* enable setting w-button border radius with utilities */
.w-button {
  border-radius: var(--border-radius);
}

/* hide container ::before & ::after */
.w-container::before,
.w-container::after {
  display: none;
}

/* empty div in designer view when utilities are added */
.wf-empty[class*="--"] {
  padding-bottom: 0;
  padding-right: 0;
}

/* flex: reverse direction */
[reverse-direction="true"] {
  flex-direction: row-reverse;
}

/* btn small */
[btn-main-small="true"] {
  padding: 0.6rem 1rem;
}

/* btn hovers */
@media (pointer: fine) {
  a:hover [btn-main="icon"] {
    transform: translateX(0.2rem);
  }
  a:hover [btn-play="base"] {
    transform: scale(1.1);
  }
}

/* form styles */
/* field placeholder */
.w-input::placeholder,
.w-select::placeholder {
  color: var(--fc2);
}
/* field focus */
.w-input:focus,
.w-select:focus {
  border-color: var(--bc2);
}
/* checkbox and radio selected */
.w-checkbox-input.w--redirected-checked,
.w-radio-input.w--redirected-checked {
  background-color: rgba(var(--brand-1), 0);
  border-color: rgba(var(--brand-1), 0);
}

/* fluid responsive settings */
html {
  font-size: calc(0.5312500000000001rem + 0.5208333333333333vw);
}
@media screen and (max-width: 1920px) {
  html {
    font-size: calc(0.5312499999999998rem + 0.5208333333333335vw);
  }
}
@media screen and (max-width: 1440px) {
  html {
    font-size: calc(0.8126951092611863rem + 0.20811654526534862vw);
  }
}
@media screen and (max-width: 479px) {
  html {
    font-size: calc(0.7494769874476988rem + 0.8368200836820083vw);
  }
}

/* text stagger */
a[stagger-link] [stagger-link-text] {
  text-shadow: 0px 1em 0px;
}