/* Universal breakpoints */
@keyframes from-right {
  0% {
    opacity: 0;
    transform: translateX(40rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.bookmania {
  font-family: "bookmania", serif;
  font-weight: 300;
}
.bookmania * {
  font-family: "bookmania", serif;
}

a.bookmania {
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 1px;
  text-decoration-thickness: 0.5px;
}

.charter {
  font-family: "charter-bt-pro", sans-serif;
}
.charter * {
  font-family: "charter-bt-pro", sans-serif;
}

.montserrat {
  font-family: "Montserrat", sans-serif;
}
.montserrat * {
  font-family: "Montserrat", sans-serif;
}

.main-nav .logo .partner-link {
  height: 24px;
}
@media (max-width: 767px) {
  .main-nav .logo .partner-link {
    height: 16px !important;
  }
}

.bumper-page-hero .a {
  background-color: black;
}
@media (max-width: 991px) {
  .bumper-page-hero .a {
    padding-bottom: 48px !important;
  }
}
.bumper-page-hero .a a:focus {
  outline-color: #fbc600;
}
.bumper-page-hero .a .a__content-wrapper {
  color: white;
}
.bumper-page-hero .a .a__content-wrapper h1 {
  text-transform: uppercase;
  font-weight: 400;
  line-height: 115%;
}
@media (max-width: 991px) {
  .bumper-page-hero .a .a__content-wrapper h1 {
    line-height: 125%;
  }
}
.bumper-page-hero .a .a__content-wrapper .other-links {
  line-height: 24px;
}

@media (max-width: 991px) {
  .hero-content {
    margin: 0;
  }
}

.hero-content .cta-buttons .button-basic {
  color: black;
  background-color: white;
  border-color: white;
  border-width: 1.5px;
  font-weight: 500;
  font-size: 18px;
  border-radius: 9999px !important;
  width: 360px !important;
  max-width: none !important;
  box-sizing: border-box;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .hero-content .cta-buttons .button-basic {
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .hero-content .cta-buttons .button-basic {
    width: 100% !important;
  }
}
.hero-content .cta-buttons .button-basic:hover,
.hero-content .cta-buttons .button-basic:active,
.hero-content .cta-buttons .button-basic:focus-visible {
  background-color: #f2f2f2;
  border-color: #231f20;
  color: #231f20;
}

.faq {
  color: black;
}
.faq h2 {
  font-size: 42px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 16px;
  line-height: 1.15;
}
@media (max-width: 991px) {
  .faq h2 {
    font-size: 32px;
    line-height: 1.25;
  }
}
.faq h3 {
  margin-top: 0;
  margin-bottom: 40x;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
}
@media (max-width: 991px) {
  .faq h3 {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
.faq details summary {
  font-weight: 400;
}
.faq details summary,
.faq details .answer {
  font-size: 16px;
  line-height: 24px;
}
.faq details .answer strong {
  font-weight: 600;
}
.faq details .answer li {
  line-height: 24px;
}
.faq details .answer a {
  font-weight: 400;
  word-break: break-word;
}

.footnotes {
  margin-top: 30px;
  margin-bottom: 80px;
  line-height: 20px;
}