/* line 1, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
.btn.take-the-test.inverted {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--edc-yellow-gold);
  border: 1px solid var(--edc-yellow-gold);
  width: 227px;
  height: 61px;
  margin-top: 25px;
  font-size: 24px;
  line-height: 25px;
  letter-spacing: 1.1px;
}

/* line 14, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
.btn.take-the-test.inverted:hover {
  background: var(--edc-blue-deep);
  border: 1px solid var(--edc-blue-deep);
}

/* line 19, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.tenant-login {
  padding-bottom: 100px;
  border-bottom: 1px solid var(--edc-green-forest);
}

/* line 24, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.want-to-understand-your-drinking {
  display: flex;
  flex-direction: row;
  background-image: url(/assets/branding/2025/want-to-understand-your-drinking-4f4512596c594aad71ec8ff16f083db9ab7558c21b7ce7832a802f002d651a85.webp);
  background-size: cover;
  height: 500px;
  align-items: center;
  justify-content: space-around;
}

/* line 33, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.want-to-understand-your-drinking > div {
  display: flex;
  width: 1200px;
  flex-direction: column;
  gap: 10px;
}

/* line 39, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.want-to-understand-your-drinking > div h2 {
  width: 500px;
  margin: 0;
  font-size: 48px;
  font-weight: 200;
  letter-spacing: 2.5px;
  line-height: 1.2em;
  color: var(--edc-white);
  text-transform: uppercase;
}

/* line 50, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.facts-about-alcohol {
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 44px;
}

/* line 57, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.facts-about-alcohol > h2 {
  letter-spacing: -0.84px;
  line-height: 44px;
  font-size: 42px;
  font-weight: 400;
  margin: 0;
  text-align: center;
  color: var(--edc-black-soft);
}

/* line 66, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.facts-about-alcohol div {
  display: flex;
  width: 960px;
  flex-wrap: wrap;
  gap: 20px;
}

/* line 72, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.facts-about-alcohol div a {
  display: flex;
  padding: 25px;
  align-items: center;
  justify-content: center;
  width: calc(50% - 10px);
  height: 124px;
  background-color: var(--edc-yellow-gold);
  background-repeat: no-repeat;
  border-radius: 8px;
  color: var(--edc-white);
  font-size: 30px;
  text-decoration: none;
  text-align: center;
  line-height: 1.3em;
}

/* line 88, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.facts-about-alcohol div a:hover {
  background-color: var(--edc-blue-steel);
}

/* line 92, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.how-much-is-too-much {
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 33px;
  background-color: var(--edc-green-forest);
}

/* line 100, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.how-much-is-too-much > div {
  display: flex;
  width: 960px;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

/* line 108, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.how-much-is-too-much > div > div:nth-of-type(1) {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 350px;
}

/* line 114, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.how-much-is-too-much > div > div:nth-of-type(1) h2 {
  margin: 0;
  font-size: 48px;
  font-weight: 200;
  letter-spacing: 1.5px;
  line-height: 56px;
  color: var(--edc-white);
  text-transform: uppercase;
}

/* line 123, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.how-much-is-too-much > div > div:nth-of-type(1) h3 {
  margin: 0;
  font-size: 26px;
  font-weight: 400;
  color: var(--edc-white);
}

/* line 129, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.how-much-is-too-much > div > div:nth-of-type(2) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

/* line 137, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.how-much-is-too-much > div > div:nth-of-type(2) div {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 50% 100%;
  text-align: center;
  width: 150px;
  height: 200px;
  padding-top: 170px;
  color: var(--edc-white);
  white-space: nowrap;
  line-height: 1.5em;
}

/* line 152, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.how-much-is-too-much > div > div:nth-of-type(2) div.pint {
  background-image: url(/assets/branding/2025/size--pint-f2fdcbde559f8817f54638e7571524c223a3a40892236cb1e71b469e9f310405.svg);
}

/* line 155, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.how-much-is-too-much > div > div:nth-of-type(2) div.bottle {
  background-image: url(/assets/branding/2025/size--bottle-4172b8e5b3bc3d4753673dd3f3ed8598264774d68411a3078ae7c1840d2990bf.svg);
  height: 250px;
  padding-top: 250px;
}

/* line 160, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.how-much-is-too-much > div > div:nth-of-type(2) div.cocktail-glass {
  background-image: url(/assets/branding/2025/size--cocktail-glass-fa842c091b6f9f9e33f656cd20093402a9e3f731f6c8467c77dbe4810a0a0b58.svg);
}

/* line 164, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.take-the-test {
  padding: 100px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 33px;
}

/* line 171, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
section.take-the-test p {
  width: 780px;
  margin: 0;
  color: var(--edc-blue-steel);
  font-size: 36px;
  line-height: 44px;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.84px;
}

@media screen and (max-width: 767px) {
  /* line 184, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
  section.want-to-understand-your-drinking {
    display: flex;
    flex-direction: row;
    background-image: url(/assets/branding/2025/want-to-understand-your-drinking-4f4512596c594aad71ec8ff16f083db9ab7558c21b7ce7832a802f002d651a85.webp);
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: auto 130px;
    padding: calc(130px + 1em) 20px 0;
    height: auto;
    align-items: center;
    justify-content: space-around;
  }

  /* line 196, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
  section.want-to-understand-your-drinking > div h2 {
    width: auto;
    font-size: 40px;
    color: var(--edc-black-soft);
  }

  /* line 202, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
  section.facts-about-alcohol {
    padding: 50px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 44px;
  }

  /* line 209, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
  section.facts-about-alcohol div {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  /* line 214, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
  section.facts-about-alcohol div a {
    width: 100%;
    height: auto;
  }

  /* line 218, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
  section.facts-about-alcohol div a:hover {
    background-color: var(--edc-blue-steel);
  }

  /* line 222, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
  section.how-much-is-too-much {
    padding: 50px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 33px;
    background-color: var(--edc-green-forest);
  }

  /* line 230, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
  section.how-much-is-too-much > div {
    flex-direction: column;
    width: 100%;
    flex-wrap: initial;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
  }

  /* line 238, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
  section.how-much-is-too-much > div > div {
    max-width: 100%;
  }

  /* line 241, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
  section.how-much-is-too-much > div > div > div {
    max-width: 30%;
  }

  /* line 245, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
  section.take-the-test {
    padding: 50px 10px;
  }

  /* line 248, /app/app/assets/stylesheets/branding/2025/home/index.css.scss */
  section.take-the-test p {
    width: 100%;
    font-size: 30px;
    line-height: 36px;
  }
}