@font-face {
  font-family: 'Gotham-Medium';
  src: url("/assets/GothamSSm-Medium-7c5c56d2.otf") format('opentype');
}

@font-face {
  font-family: 'Gotham-Light';
  src: url("/assets/GothamSSm-Light-e824dbce.otf") format('opentype');
}

@font-face {
  font-family: 'Gotham-Book';
  src: url("/assets/GothamSSm-Book-9b54afa8.otf") format('opentype');
}

:root {
  --color-accent: #e9c40e;
  --color-accent-transparent: rgba(233, 196, 14, 0.5);
  --color-dark-accent: #8f6411;
  --color-text-dark: #616668;
  --color-text-light: #7b7b7b;
  --color-text-black: #292839;
  --color-body-background: #fcfcfc;
  --color-menu-background: #fff2db;
  --color-gray-background: #9f9f9f;
  --color-light-gray-background: #f4f4f4;
  --red: #ee5f5b;
  --blue: #469ae0;
  --night-blue: #092251;
  --green: #90bb90;
  --light-red: #ed7f7f;
  --light-green: #91bd91;
  --box-shadow-color-1: rgba(0, 0, 0, 0.07);
  --box-shadow-color-2: rgba(0, 0, 0, 0.03);
  --color-no-retailer: rgb(18, 127, 191);
  --color-yes-retailer: rgb(39, 171, 131);
  --font-body: 'Gotham-Medium', 'Helvetica', 'sans-serif';
  --font-headers: 'Gotham-Medium', 'Helvetica', 'sans-serif';
  --font-body-light: 'Gotham-Light', 'Helvetica', 'sans-serif';
  --black: #000;
  --white: #fff;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: var(--red);
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: var(--red);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.bg-light-gray {
  background-color: var(--color-light-gray-background);
}

.bg-gray {
  background-color: var(--color-gray-background);
}

.text-accent {
  color: var(--color-accent);
}

.text-dark-accent {
  color: var(--color-dark-accent);
}

.text-gray-dark {
  color: var(--color-text-dark) !important;
}

.text-black {
  color: var(--color-text-black) !important;
}

.text-gray-light {
  color: var(--color-text-light) !important;
}

.text-red {
  color: var(--red) !important;
}

.text-green {
  color: var(--green);
}

.text-blue {
  color: var(--blue);
}

.text-light-red {
  color: var(--light-red);
}

.text-light-green {
  color: var(--light-green);
}

.text-white {
  color: var(--color-body-background);
}

.legend-yellow {
  background-color: #e9c40e;
}

.legend-blue {
  background-color: #3f51b5;
}

.legend-light-blue {
  background-color: #2196f3;
}

.legend-lighter-blue {
  background-color: #03a9f4;
}

.legend-lightest-blue {
  background-color: #00bcd4;
}

.legend-green {
  background-color: #009688;
}

.legend-light-green {
  background-color: #4caf50;
}

.legend-lighter-green {
  background-color: #8bc34a;
}

.legend-lightest-green {
  background-color: #cddc39;
}

.legend-dark-green {
  background-color: #56876d;
}

.legend-gray {
  background-color: #91bd91;
}

.legend-dark-gray {
  background-color: #264653;
}

.legend-darker-gray {
  background-color: #92374d;
}

.legend-light-gray {
  background-color: #244f26;
}

.legend-lighter-gray {
  background-color: #91bd90;
}

.legend-red {
  background-color: #256d1b;
}

.legend-light-red {
  background-color: #149911;
}

.legend-dark-red {
  background-color: #1a1f16;
}

.legend-pink {
  background-color: #861388;
}

.legend-light-pink {
  background-color: #710627;
}

.legend-lighter-pink {
  background-color: #e15a97;
}

.legend-lightest-pink {
  background-color: #eeabc4;
}

.legend-purple {
  background-color: #c799a6;
}

.legend-light-purple {
  background-color: #92c9b1;
}

.legend-lighter-purple {
  background-color: #4f759b;
}