:root {
  --secondary-color: #20b65c;
  --divider-color: #CED8EA;
  --disabled-color: #7C899F;
  --primary-bg-color: #f5f6f8;
  --secondary-bg-color: #ffffff;

  --box-shadow-color: #EBEEF4;
  --border-input: var(--divider-color);
  --card-border-color: #EAECED;
  --card-background-color: var(--secondary-bg-color);
  --card-select-background-color: #F3FFEF;
  --dropdown-shadow-color: #C1C6CF;
  --circle-color: var(--secondary-color);
  --range-process-color: #CBE4C4;
  --footer-background-color: var(--black);
  --footer-text-color: #ffffff;
  --link-color: #0458d7;
  --modal-backdrop-color: var(--black);
  --wizard-disclaimer-color: #7D7D7D;

  --typography-primary-color: var(--black);
  --typography-secondary-color: var(--dark-grey);

  --error-alert-primary-color: var(--error-dark);
  --error-alert-secondary-color: var(--error-light);
  --error-alert-border-color: var(--error-alert-primary-color);
  --error-alert-background-color: var(--error-alert-secondary-color);
  --error-alert-typography-color: var(--error-alert-primary-color);
  
  --success-alert-primary-color: var(--success-dark);
  --success-alert-secondary-color: var(--success-light);
  --success-alert-border-color: var(--success-alert-primary-color);
  --success-alert-background-color: var(--success-alert-secondary-color);
  --success-alert-typography-color: var(--black);

  --accept-border-color: var(--success-alert-border-color);
  --accept-background-color: var(--success-alert-secondary-color);
  --accept-typography-color: var(--secondary-color);

  --reject-border-color: var(--error-alert-border-color);
  --reject-background-color: var(--error-alert-background-color);
  --reject-typography-color: var(--error-alert-typography-color);

  --header-height: 95px;
  --header-mobile-height: 56px;
  --box-shadow: 2px 3px 2px var(--box-shadow-color);

  --base-border: #dfdfdf;
  --base-black: #000000;
  --base-hover: #efefef;
  --base-grey: #717274;
  --base-light-grey: #eeeeee;
  --base-background: #f0f2f7;
  --base-cards: #ffffff;
  --base-icons: #696c75;
  --base-typography: var(--black);
  --brand-secondary: var(--primary-color);
  --educate-background: #e1d8ff;
  --educate-primary: #5909f4;
  --educate-primary-dark: #2d008f;
  --educate-secondary: #7953f3;
  --educate-typography: #2d008f;
  --error-alert-light: #ffddd4;
  --error-alert-dark: var(--error-dark);
  --logo-dark: #382268;
  --pale-grey: #f9fafd;
  --pale-lilac: #decdff;
  --praise-background: #f0ffe4;
  --praise-primary: #15d02a;
  --primary-praise-light: #f0ffe4;
  --primary-praise-dark: #005500;
  --primary-educate-light: #e1d8ff;
  --primary-educate-dark: #2d008f;
  --praise-secondary: #07ed45;
  --praise-typography: #008910;
  --robin-s-egg-blue: #a9e5df;
  --skin-tone-1: #fadec8;
  --skin-tone-2: #e4c0b1;
  --skin-tone-3: #906552;
  --skin-tone-4: #3c2f29;
  --warn-background-2: #fff1d4;
  --warn-background: #fff1d4;
  --warn-primary: #ff931f;
  --warn-secondary: #ffbb33;
  --warn-typography: #ce5100;
  
  --primary-color: #20b65c;
  --primary-color-T20: #20b65c33;
  --primary-color-T8: #20b65c14;
  --primary-color-dark: #2e8540;
  --primary-color-dark-D15: #277136;
  --primary-color-dark-T20: #2e854033;
  --primary-color-dark-T8: #2e854014;
  --primary-color-dark-L90: #e6f6ea;
  --primary-color-light: #f0f8f4;
  --accent-color: #58f597;
  --accent-color-L50: #abfacb;
  --accent-color-T60: #58f59799;
  --accent-color-dark: #39f383;
  --accent-blue: #34b6ff;
  --accent-purple: #7953f3;
  --true-black: #000000;
  --black: #0a0a0a;
  --off-black: #2f2f2f;
  --white: #ffffff;
  --dark-grey: #575757;
  --grey: #A0a0a0;
  --grey-medium:#D9D9D9;
  --grey-light: #F5F5F5;
  --grey-secondary:#DCDDE3;
  --grey-secondary-medium: #F3F5F9;
  --grey-secondary-light: #fbfcfc;
  --grey-secondary-T50: #DCDDE380;

  --error-dark: #d42719;
  --error-dark-T20: #d4271933;
  --error-dark-T8: #d4271914;
  --error-light: #fef4f3;
  --error-medium: #f9d1ce;

  --info-dark: #3286ea;
  --info-light: #e6effa;
  --info-medium: #bed5f2;

  --success-dark: #20b65c;
  --success-light: #f0f8f4;
  --success-medium: #cfe8dc;

  --warning-dark: #febf23;
  --warning-light: #fef8ea;
  --warning-medium: #fce8bb;

  --base-dark: #a0a0a0;
  --base-light: #f5f5f5;
  --base-medium: #edeeee;


  --priority-high-background: #db000033;
  --priority-medium-background: #feb94870;
  --priority-low-background: #00aed940;
  --priority-complete-background:#0eec6740;

  --status-success-text: #2e8536;
  --status-success-background: var(--success-light);
  --status-failed-text: #db0000;
  --status-failed-background: #db000014;
  --status-pending-text: #006882;
  --status-pending-background: var(--priority-low-background);
}


@font-face {
  font-family: CarBuckets;
  src: url('/fonts/Wix.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: CarBuckets;
  src: url('/fonts/Wix.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: CarBuckets;
  src: url('/fonts/Wix.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: CarBuckets;
  src: url('/fonts/Wix.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: CarBuckets;
  src: url('/fonts/Wix.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: CarBuckets;
  src: url('/fonts/Wix.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto-Medium.ttf') format('truetype');
  font-style: normal;
}

* {
  box-sizing: border-box;
  font-family: CarBuckets;
}

body {
  margin: 0;
  background-color: #f5f5f5;
  color: var(--typography-primary-color);
  font-family: CarBuckets;
  font-size: 16px;
}

a {
  text-decoration: none;
  font-weight: 500;
  color: var(--educate-primary);
  transition: 0.2s all ease;
}
a:hover {
  color: var(--educate-typography);
}

dd {
  margin-left: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

.HeadlineH1-2 {
  font-family: CarBuckets;
  font-size: 2.5rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.HeadlineH1 {
  font-family: CarBuckets;
  font-size: 2.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.HeadlineH2-2 {
  font-family: CarBuckets;
  font-size: 2.25rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.HeadlineH2 {
  font-family: CarBuckets;
  font-size: 2.25rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.11;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.HeadlineH3-2 {
  font-family: CarBuckets;
  font-size: 2rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.HeadlineH3 {
  font-family: CarBuckets;
  font-size: 2rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.HeadlineH4-2 {
  font-family: CarBuckets;
  font-size: 1.5rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.HeadlineH4 {
  font-family: CarBuckets;
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.HeadlineH5-2 {
  font-family: CarBuckets;
  font-size: 1.25rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.HeadlineH5 {
  font-family: CarBuckets;
  font-size: 1.25rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.BodyXL-2 {
  font-family: CarBuckets;
  font-size: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.BodyXL {
  font-family: CarBuckets;
  font-size: 1.5rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.BodyLarge-2 {
  font-family: CarBuckets;
  font-size: 1.125rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.BodyLarge {
  font-family: CarBuckets;
  font-size: 1.125rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.SubheaderSH1-2 {
  font-family: CarBuckets;
  font-size: 1rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 4px;
  color: var(--typography-primary-color);
}
.BodyMedium-3 {
  font-family: CarBuckets;
  font-size: 1rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.BodyMedium-4 {
  font-family: CarBuckets;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--base-icons);
}
.BodyMedium-2 {
  font-family: CarBuckets;
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.SubheaderSH1 {
  font-family: CarBuckets;
  font-size: 1rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 4px;
  color: var(--typography-primary-color);
}
.BodyMedium {
  font-family: CarBuckets;
  font-size: 1rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.SubheaderSH2-2 {
  font-family: CarBuckets;
  font-size: 0.875rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 2px;
  color: var(--typography-primary-color);
}
.SubheaderSH2 {
  font-family: CarBuckets;
  font-size: 0.875rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: 2px;
  color: var(--typography-primary-color);
}
.BodySmall-4 {
  font-family: CarBuckets;
  font-size: 0.75rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: var(--base-icons);
}
.BodySmall-3 {
  font-family: CarBuckets;
  font-size: 0.75rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.BodySmall-2 {
  font-family: CarBuckets;
  font-size: 0.75rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.BodySmall {
  font-family: CarBuckets;
  font-size: 0.75rem;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.SubheaderSH3-2 {
  font-family: CarBuckets;
  font-size: 0.625rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
.SubheaderSH3 {
  font-family: CarBuckets;
  font-size: 0.625rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: var(--typography-primary-color);
}
@media (min-width: 768px) {
  .HeadlineH1-2 {
    font-family: CarBuckets;
    font-size: 3.75rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
    color: var(--typography-primary-color);
  }
  .HeadlineH1 {
    font-family: CarBuckets;
    font-size: 3.75rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.07;
    letter-spacing: normal;
    color: var(--typography-primary-color);
  }
  .HeadlineH2-2 {
    font-family: CarBuckets;
    font-size: 3rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    color: var(--typography-primary-color);
  }
  .HeadlineH2 {
    font-family: CarBuckets;
    font-size: 3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    color: var(--typography-primary-color);
  }
  .HeadlineH3-2 {
    font-family: CarBuckets;
    font-size: 2.5rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--typography-primary-color);
  }
  .HeadlineH3 {
    font-family: CarBuckets;
    font-size: 2.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--typography-primary-color);
  }
  .HeadlineH4-2 {
    font-family: CarBuckets;
    font-size: 2rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: var(--typography-primary-color);
  }
  .HeadlineH4 {
    font-family: CarBuckets;
    font-size: 2rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: var(--typography-primary-color);
  }
  .HeadlineH5-2 {
    font-family: CarBuckets;
    font-size: 1.5rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--typography-primary-color);
  }
  .HeadlineH5 {
    font-family: CarBuckets;
    font-size: 1.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--typography-primary-color);
  }
}

.alert-wrapper {
  display: block;
  width: 100%;
  padding: 0 60px;
}

.overflow-hidden {
  overflow: hidden;
}

/* Google address autocomplete styles */
.pac-container {
  border-radius: 16px;
  border-top: 1px solid #DCDDE3;
  font-family: CarBuckets;
  z-index: 1060;
}
.pac-logo:after {
  margin-right: 12px;
}
.pac-item {
  padding: 8px 24px;
  font-size: 1rem;
  color: #575757;
  border-top: 1px solid #DCDDE3;
}

.pac-item:hover {
  background-color: #F3F5F9;
  cursor: pointer;
}

.pac-item-query {
  font-size: 1rem;
}

.hdpi .pac-icon, .pac-icon {
  background-image: url("/images/icons/location-duotone-black.svg");
  background-size: 12px;
    background-repeat: no-repeat;
    background-position: unset;
}
  
button {
  padding: 0;

  border: 0;
  background-color: transparent;

  line-height: 0.7;
}

button:focus {
  outline: none;
}

/* DEBUG */
/* * {
  outline: 1px solid #f00 !important;
} */