@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Roboto+Slab:wght@400;500&display=swap);
/*:root { */
/*  --alto: #d9d9d9;*/
/*  --apple: #28a745;*/
/*  --big-stone: #152536;*/
/*  --black: #000000;*/
/*  --cadet-blue: #abb5be;*/
/*  --concrete: #f2f2f2;*/
/*  --eerie-black: #171717;*/
/*  --gallery: #e9ecef;*/
/*  --gunsmoke: #868686;*/
/*  --mercury: #dee2e6;*/
/*  --mischka: #ced4da;*/
/*  --pale-sky: #6c757d;*/
/*  --pink-swan: #b7b7b7;*/
/*  --purple-heart: #7649f7;*/
/*  --raw-sienna: #d68d3a;*/
/*  --shady-lady: #aba8a8;*/
/*  --shark: #212529;*/
/*  --sonic-silver: #757579;*/
/*  --stack: #8e8e8e;*/
/*  --tuna: #343a40;*/
/*  --white: #ffffff;*/
/*  --wild-sand: #f4f4f4;*/
/* */
/*  --font-size-l: 16px;*/
/*  --font-size-m: 14px;*/
/*  --font-size-s: 12px;*/
/*  --font-size-xl: 18px;*/
/*  --font-size-xxl: 20px;*/
/*  --font-size-xxxl: 24px;*/
/*  --font-size-xxxxl: 36px;*/
/* */
/*  --font-family-helvetica_neue-bold: "Helvetica Neue-Bold", Helvetica;*/
/*  --font-family-helvetica_neue-light: "Helvetica Neue-Light", Helvetica;*/
/*  --font-family-helvetica_neue-regular: "Helvetica Neue-Regular", Helvetica;*/
/*  --font-family-inter: "Inter", Helvetica;*/
/*  --font-family-inter-bold: "Inter-Bold", Helvetica;*/
/*  --font-family-roboto: "Roboto", Helvetica;*/
/*}*/
/*.roboto-normal-black-14px {*/
/*  color: var(--black);*/
/*  font-family: var(--font-family-roboto);*/
/*  font-size: var(--font-size-m);*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.helveticaneue-light-pale-sky-20px {*/
/*  color: var(--pale-sky);*/
/*  font-family: var(--font-family-helvetica_neue-light);*/
/*  font-size: var(--font-size-xxl);*/
/*  font-style: normal;*/
/*  font-weight: 300;*/
/*}*/

/*.roboto-bold-black-14px {*/
/*  color: var(--black);*/
/*  font-family: var(--font-family-roboto);*/
/*  font-size: var(--font-size-m);*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*}*/

/*.inter-normal-pale-sky-16px {*/
/*  color: var(--pale-sky);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-l);*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.inter-normal-big-stone-16px {*/
/*  color: var(--big-stone);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-l);*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.helveticaneue-regular-normal-shark-16px {*/
/*  color: var(--shark);*/
/*  font-family: var(--font-family-helvetica_neue-regular);*/
/*  font-size: var(--font-size-l);*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.helveticaneue-light-shark-20px {*/
/*  color: var(--shark);*/
/*  font-family: var(--font-family-helvetica_neue-light);*/
/*  font-size: var(--font-size-xxl);*/
/*  font-style: normal;*/
/*  font-weight: 300;*/
/*}*/

/*.inter-medium-eerie-black-14px {*/
/*  color: var(--eerie-black);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-m);*/
/*  font-style: normal;*/
/*  font-weight: 500;*/
/*}*/

/*.inter-semi-bold-white-10px {*/
/*  color: var(--white);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: 10px;*/
/*  font-style: normal;*/
/*  font-weight: 600;*/
/*}*/

/*.inter-extra-bold-big-stone-16px {*/
/*  color: var(--big-stone);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-l);*/
/*  font-style: normal;*/
/*  font-weight: 800;*/
/*}*/

/*.inter-medium-eerie-black-14px-2 {*/
/*  color: var(--eerie-black);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-m);*/
/*  font-style: italic;*/
/*  font-weight: 500;*/
/*}*/

/*.inter-normal-cadet-blue-14px {*/
/*  color: var(--cadet-blue);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-m);*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.inter-bold-black-16px {*/
/*  color: var(--black);*/
/*  font-family: var(--font-family-inter-bold);*/
/*  font-size: var(--font-size-l);*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*}*/

/*.inter-bold-black-12px {*/
/*  color: var(--black);*/
/*  font-family: var(--font-family-inter-bold);*/
/*  font-size: var(--font-size-s);*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*}*/

/*.inter-normal-black-14px {*/
/*  color: var(--black);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-m);*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.inter-normal-cadet-blue-12px {*/
/*  color: var(--cadet-blue);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-s);*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.roboto-medium-black-36px {*/
/*  color: var(--black);*/
/*  font-family: var(--font-family-roboto);*/
/*  font-size: var(--font-size-xxxxl);*/
/*  font-style: normal;*/
/*  font-weight: 500;*/
/*}*/

/*.roboto-normal-black-24px {*/
/*  color: var(--black);*/
/*  font-family: var(--font-family-roboto);*/
/*  font-size: var(--font-size-xxxl);*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.roboto-bold-black-24px {*/
/*  color: var(--black);*/
/*  font-family: var(--font-family-roboto);*/
/*  font-size: var(--font-size-xxxl);*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*}*/

/*.helveticaneue-bold-shark-16px {*/
/*  color: var(--shark);*/
/*  font-family: var(--font-family-helvetica_neue-bold);*/
/*  font-size: var(--font-size-l);*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*}*/

/*.helveticaneue-light-white-20px {*/
/*  color: var(--white);*/
/*  font-family: var(--font-family-helvetica_neue-light);*/
/*  font-size: var(--font-size-xxl);*/
/*  font-style: normal;*/
/*  font-weight: 300;*/
/*}*/

/*.helveticaneue-regular-normal-pale-sky-16px {*/
/*  color: var(--pale-sky);*/
/*  font-family: var(--font-family-helvetica_neue-regular);*/
/*  font-size: var(--font-size-l);*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.inter-extra-bold-white-20px {*/
/*  color: var(--white);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-xxl);*/
/*  font-style: normal;*/
/*  font-weight: 800;*/
/*}*/

/*.inter-semi-bold-white-16px {*/
/*  color: var(--white);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-l);*/
/*  font-style: normal;*/
/*  font-weight: 600;*/
/*}*/

/*.roboto-normal-black-20px {*/
/*  color: var(--black);*/
/*  font-family: var(--font-family-roboto);*/
/*  font-size: var(--font-size-xxl);*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.roboto-normal-white-18px {*/
/*  color: var(--white);*/
/*  font-family: var(--font-family-roboto);*/
/*  font-size: var(--font-size-xl);*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.roboto-medium-black-48px {*/
/*  color: var(--black);*/
/*  font-family: var(--font-family-roboto);*/
/*  font-size: 48px;*/
/*  font-style: normal;*/
/*  font-weight: 500;*/
/*}*/

/*.roboto-normal-black-18px {*/
/*  color: var(--black);*/
/*  font-family: var(--font-family-roboto);*/
/*  font-size: var(--font-size-xl);*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.roboto-bold-black-40px {*/
/*  color: var(--black);*/
/*  font-family: var(--font-family-roboto);*/
/*  font-size: 40px;*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*}*/

/*.inter-semi-bold-tuna-20px {*/
/*  color: var(--tuna);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-xxl);*/
/*  font-style: normal;*/
/*  font-weight: 600;*/
/*}*/

/*.inter-semi-bold-tuna-24px {*/
/*  color: var(--tuna);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-xxxl);*/
/*  font-style: normal;*/
/*  font-weight: 600;*/
/*}*/

/*.inter-normal-shark-17px {*/
/*  color: var(--shark);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: 17px;*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.inter-semi-bold-shark-24px {*/
/*  color: var(--shark);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-xxxl);*/
/*  font-style: normal;*/
/*  font-weight: 600;*/
/*}*/

/*.inter-normal-purple-heart-16px {*/
/*  color: var(--purple-heart);*/
/*  font-family: var(--font-family-inter);*/
/*  font-size: var(--font-size-l);*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*}*/

/*.roboto-medium-black-30px {*/
/*  color: var(--black);*/
/*  font-family: var(--font-family-roboto);*/
/*  font-size: 30px;*/
/*  font-style: normal;*/
/*  font-weight: 500;*/
/*}*/

/*.inter-bold-big-stone-16px {*/
/*  color: var(--big-stone);*/
/*  font-family: var(--font-family-inter-bold);*/
/*  font-size: var(--font-size-l);*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*}*/

:root {
  --white: #FFF;
  --sparrow-egg: #F5F7F4;
  --sparrow-blue: #1A3842;
  --sparrow-gold: #D58D39;
  --sparrow-gold-dark: #bd7c33;
  --sparrow-green: #85AF97;
  --sparrow-light-blue: #DDE5E8;
  --sparrow-mauve: #5A4047;

  --sparrow-gray-button-border: #6C757D;
  --sparrow-gray-input-border: #DEE2E6;
  --sparrow-gray-input-placeholder: #C5C8CC;

  --sparrow-font-family-heading: 'Montserrat', sans-serif;
  --sparrow-font-family-body: 'Roboto Slab', serif;

  --content-padding: 1rem;
  --content-padding-lg: 2rem;

  --bs-nav-link-color: var(--sparrow-gold);
  --bs-nav-link-hover-color: var(--sparrow-gold-dark);

  --bs-link-color: var(--sparrow-gold);
  --bs-link-hover-color: var(--sparrow-gold-dark);
}

body {
  font-family: var(--sparrow-font-family-body);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--sparrow-font-family-heading);
  font-weight: 900;
}

/***********************************************************************************************************************
Bootstrap Overrides
***********************************************************************************************************************/

/* Tooltip */

.tooltip .tooltip-inner {
  font-family: var(--sparrow-font-family-heading);
  font-weight: 600;
  margin-left: 0.625rem;
  padding: 0.625rem 1rem;
  line-height: 1;
}

.tooltip .tooltip-arrow::before {
  display: none;
}

/* Buttons */

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--sparrow-gold);
  --bs-btn-border-color: var(--sparrow-gold);
  --bs-btn-border-radius: 0;
  --bs-btn-hover-bg: var(--sparrow-gold-dark);
  --bs-btn-hover-border-color: var(--sparrow-gold-dark);
  --bs-btn-disabled-bg: var(--sparrow-gold);
  --bs-btn-disabled-border-color: var(--sparrow-gold);
}

.btn-outline-primary {
  --bs-btn-color: var(--sparrow-gold);
  --bs-btn-border-color: var(--sparrow-gray-input-border);
  --bs-btn-hover-bg: var(--sparrow-gold);
  --bs-btn-hover-border-color: var(--sparrow-gold);
}

.nav-link {
  cursor: pointer;
}

/* Form Controls */

.form-control {
  border-color: var(--sparrow-gray-input-border);
  border-radius: 0;
}

.form-control::placeholder {
  color: var(--sparrow-gray-input-placeholder);
}

.input-group > .input-group-text,
.input-group > .btn {
  border-radius: 0;
}

.input-group > .btn {
  line-height: 0;
}

.input-group-text {
  background-color: transparent;
}

.input-group > .input-group-text {
  color: var(--sparrow-gray-button-border);
}

/* Card */

.card {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1)
}

.card-body {
    padding: 2rem;
}

.card-title {
    margin-bottom: 1.875rem;
    text-align: center;
    font-size: 1.25rem;
    color: var(--sparrow-gray-button-border);
}

.app {
  text-align: center;
}

.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.app-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}