:root {
  /** primary **/
  --ion-color-primary: #FAB61F;
  --ion-color-primary-rgb: 250,182,31;
  --ion-color-primary-contrast: #515365;
  --ion-color-primary-contrast-rgb: 0,0,0;
  --ion-color-primary-shade: #dca01b;
  --ion-color-primary-tint: #fbbd35;
  --ion-color-secondary: #FAB61F;
  --ion-color-secondary-rgb: 250,182,31;
  --ion-color-secondary-contrast: #515365;
  --ion-color-secondary-contrast-rgb: 0,0,0;
  --ion-color-secondary-shade: #dca01b;
  --ion-color-secondary-tint: #fbbd35;
  --ion-color-tertiary: #D3EAF0;
  --ion-color-tertiary-rgb: 211,234,240;
  --ion-color-tertiary-contrast: #515365;
  --ion-color-tertiary-contrast-rgb: 0,0,0;
  --ion-color-tertiary-shade: #baced3;
  --ion-color-tertiary-tint: #d7ecf2;
  --brand-primary: #FAB61F;
  --brand-secondary: #FAB61F;
  --text-primary: #515365;
  --color-placeholder: #779;
  --color-on-header: #FFF;
  --color-on-background: #515365;
}

@font-face {
  font-family: "Ben-bold";
  font-display: swap;
  unicode-range: U+000-5FF; /* Download only latin glyphs */
  src: local("Ben-bold"), url("assets/fonts/Ben2010-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Ben-normal";
  font-display: swap;
  unicode-range: U+000-5FF; /* Download only latin glyphs */
  src: local("Ben-normal"), url("assets/fonts/Ben2010-Normal.otf") format("opentype");
}
html, body {
  background: var(--ion-color-tertiary);
}

body ion-app.ion-page {
  opacity: 0;
  background: none;
  animation: fade-in 1.5s forwards !important;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10rem 12rem;
  background-image: url("/assets/img/logo--full.svg");
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));
  z-index: -1;
  animation: logo-animation 2s forwards;
}
@keyframes logo-animation {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  15% {
    opacity: 0;
    transform: translateY(10px);
  }
  30% {
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
body app-home .header__content--top h1 {
  margin: -5px 0 0 0;
}
body .non-scrolling-background {
  display: none;
}

/*# sourceMappingURL=whitelabel_styles.css.map */