#colophon {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#colophon .trustpilot-section {
  width: 100%;
  background-color: var(--base-white);
  padding-top: 1rem;
}
#colophon .trustpilot-section .trustpilot-header {
  text-align: center;
}
#colophon .trustpilot-section .trustpilot-header h2 {
  font-size: var(--spacing-2xl);
  color: var(--brand-primary);
  font-family: var(--font-headline);
}
#colophon .trustpilot-section .trustpilot-header p {
  margin-top: 1rem;
  font-size: var(--font-size-md);
  color: var(--base-black);
}
#colophon .trustpilot-section .trustpilot-widget {
  width: 100%;
  padding: var(--side-padding);
}
#colophon .klaviyo-wrapper {
  width: 100%;
  background-color: var(--brand-tertiary);
}
#colophon .klaviyo-wrapper #klaviyo-sign-up {
  width: 100%;
  padding: var(--spacing-2xl, 20px);
  align-items: center;
}
@media screen and (min-width: 1000px) {
  #colophon .klaviyo-wrapper #klaviyo-sign-up {
    padding: var(--spacing-2xl) 50px var(--spacing-3xl) 50px;
  }
}
#colophon .klaviyo-wrapper #klaviyo-sign-up .subscription-content {
  display: flex;
  flex-direction: column;
}
#colophon .klaviyo-wrapper #klaviyo-sign-up .subscription-content h3 {
  color: var(--base-white);
  font-size: var(--text-5, 20px);
  line-height: normal;
}
#colophon .klaviyo-wrapper #klaviyo-sign-up .subscription-content p {
  font-size: var(--text-1, 12px);
  color: var(--base-white);
  line-height: var(--spacing-2xl, 20px);
}
#colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form {
  margin: var(--spacing-lg, 12px) 0 !important;
}
#colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form div:nth-of-type(1) {
  min-height: unset !important;
}
#colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form div[data-testid=form-row] {
  gap: var(--spacing-md, 6px);
}
#colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form div[data-testid=form-row] div[data-testid=form-component] {
  padding: 0 !important;
}
#colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form div[data-testid=form-row] > div:nth-of-type(1) {
  flex-basis: auto !important;
}
#colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form div[data-testid=form-row] > div:nth-of-type(1) input#email_01JC5VZ4BDXV6SMZMJK7F5X8NV {
  width: 100% !important;
  background-color: unset !important;
  color: var(--base-white) !important;
  font-size: var(--text-1, 12px) !important;
  line-height: var(--spacing-2xl, 20px) !important;
  padding: var(--spacing-lg, 12px) !important;
  border: 1px solid var(--base-white) !important;
  border-radius: var(--radius-md, 8px) !important;
  color: var(--base-white) !important;
  height: auto !important;
}
#colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form div[data-testid=form-row] > div:nth-of-type(1) input#email_01JC5VZ4BDXV6SMZMJK7F5X8NV::placeholder {
  color: var(--base-white) !important;
  font-size: var(--text-1, 12px) !important;
}
#colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form div[data-testid=form-row] > div:nth-of-type(1) input#email_01JC5VZ4BDXV6SMZMJK7F5X8NV:focus-visible {
  outline: 0 !important;
}
#colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form div[data-testid=form-row] > div:nth-of-type(1) h1 > span,
#colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form div[data-testid=form-row] > div:nth-of-type(1) p > span {
  color: var(--base-white) !important;
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  font-size: var(--font-size-md) !important;
}
#colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form div[data-testid=form-row] > div:nth-of-type(2) button {
  border-radius: var(--radius-md, 8px) !important;
  background: var(--brand-accent, #c84c09) !important;
  padding: var(--spacing-lg, 12px) var(--spacing-xl, 16px) !important;
  line-height: var(--spacing-2xl, 20px) !important;
  font-size: var(--text-1, 12px) !important;
  height: 22px !important;
}
#colophon .klaviyo-wrapper #klaviyo-sign-up .unsubscribe-text {
  color: var(--grey-3);
  font-size: var(--size-1, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--spacing-2xl, 20px);
}
@media screen and (min-width: 768px) {
  #colophon .klaviyo-wrapper #klaviyo-sign-up {
    display: flex;
    column-gap: 4rem;
  }
  #colophon .klaviyo-wrapper #klaviyo-sign-up .subscription-content h3,
  #colophon .klaviyo-wrapper #klaviyo-sign-up .subscription-content p {
    text-align: left;
  }
  #colophon .klaviyo-wrapper #klaviyo-sign-up .subscription-content {
    padding-top: 0;
  }
  #colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) {
    flex-grow: 1;
  }
  #colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form {
    max-width: 100% !important;
  }
  #colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form div[data-testid=form-row] {
    flex-direction: row !important;
    column-gap: 1.5rem;
  }
  #colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form div[data-testid=form-row] > div:nth-of-type(1),
  #colophon .klaviyo-wrapper #klaviyo-sign-up > div:nth-of-type(2) form div[data-testid=form-row] div:nth-of-type(2) {
    padding: 0 !important;
  }
}
#colophon .top-footer {
  padding: var(--spacing-3xl, 24px) var(--spacing-2xl, 20px);
  background-color: var(--brand-secondary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  gap: 20px;
  width: 100%;
}
#colophon .top-footer .stacked-sections {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
#colophon .top-footer .stacked-sections.section-one #footer-logo {
  width: 200px;
}
#colophon .top-footer .stacked-sections.section-one #footer-text {
  color: var(--base-black);
  align-self: stretch;
  line-height: var(--spacing-2xl, 20px);
  font-size: var(--text-1, 12px);
}
#colophon .top-footer .stacked-sections.section-one a {
  display: flex;
  color: var(--grey-1);
  text-underline-offset: 2px;
  gap: var(--spacing-md, 8px);
}
#colophon .top-footer .stacked-sections.section-one a img {
  width: 18px;
  height: 18px;
}
#colophon .top-footer .stacked-sections.section-two {
  display: grid;
  grid-template-areas: "info help" "about social" "logos logos";
  grid-template-rows: auto auto;
  grid-template-columns: repeat(2, 1fr);
  text-align: start;
  gap: 20px 40px;
  width: 100%;
}
#colophon .top-footer .stacked-sections.section-two ul {
  list-style: none;
  margin: 0;
}
#colophon .top-footer .stacked-sections.section-two ul li {
  margin-bottom: 10px;
}
#colophon .top-footer .stacked-sections.section-two section {
  display: flex;
  flex-direction: column;
  align-items: start;
}
#colophon .top-footer .stacked-sections.section-two section h4 {
  font-family: var(--font-headline);
  font-weight: 400;
  color: var(--darkest-green);
  margin-bottom: 10px;
  font-size: var(--font-size-lg);
}
#colophon .top-footer .stacked-sections.section-two section a {
  color: var(--darkest-green);
  text-underline-offset: 2px;
}
#colophon .top-footer .stacked-sections.section-two .help {
  grid-area: help;
}
#colophon .top-footer .stacked-sections.section-two .info {
  grid-area: info;
}
#colophon .top-footer .stacked-sections.section-two .about {
  grid-area: about;
}
#colophon .top-footer .stacked-sections.section-two .social {
  grid-area: social;
}
#colophon .top-footer .stacked-sections.section-two .social .social-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
  justify-content: start;
}
#colophon .top-footer .stacked-sections.section-two .social .social-container a {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 8px);
}
#colophon .top-footer .stacked-sections.section-two .logos {
  grid-area: logos;
  justify-items: center;
  margin-top: 20px;
  gap: var(--spacing-xl, 16px);
  flex-direction: row;
  flex-wrap: wrap;
}
#colophon .top-footer .stacked-sections.section-two .logos img {
  width: 43.75px;
}
#colophon .top-footer #footer-subheading {
  font-family: var(--font-headline);
  font-size: var(--spacing-2xl, 20px);
  color: var(--brand-primary);
}
@media screen and (min-width: 1000px) {
  #colophon .top-footer {
    flex-direction: row;
    padding: 30px 50px;
    justify-content: space-between;
    align-items: start;
  }
  #colophon .top-footer .stacked-sections.section-two {
    grid-template-areas: "info help about social" "logos logos logos logos";
    grid-template-columns: repeat(4, 1fr);
    gap: 0 44px;
  }
  #colophon .top-footer .stacked-sections.section-two .logos {
    justify-self: flex-end;
  }
}
#colophon .bottom-footer {
  width: 100%;
  padding: var(--spacing-lg, 12px) var(--spacing-2xl, 20px);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl, 24px);
}
#colophon .bottom-footer .copyright {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px 0 20px;
}
#colophon .bottom-footer .copyright p {
  font-size: var(--text-1, 12px);
  margin: 0;
}
#colophon .bottom-footer .certifications {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
#colophon .bottom-footer .certifications img {
  height: 55px;
}
#colophon .bottom-footer .certifications img:last-of-type {
  height: 75px;
}
@media screen and (min-width: 1000px) {
  #colophon .bottom-footer {
    flex-direction: row;
    padding: var(--spacing-lg) 50px;
  }
  #colophon .bottom-footer div {
    width: 50%;
  }
  #colophon .bottom-footer .copyright {
    text-align: left;
  }
  #colophon .bottom-footer .certifications {
    justify-content: flex-end;
    gap: var(--spacing-5xl, 40px);
  }
}

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