/*! ISHPA course formatting (site-1.0) — built by Saif · forkguy.com */
:root{
  /* Breadcrumb */
  --ishpa-primary-color: #1e0e02;
  --ishpa-breadcrumb-background: #fff;
  --ishpa-breadcrumb-size: 20px;
  --ishpa-breadcrumb-color: var(--ishpa-primary-color);
  --ishpa-breadcrumb-mx-width: 820px;
  /* Sidebar */
  --ishpa-sidebar-mx-width: 400px;
  /* Current Lesson Highlight */
  --ishpa-current-lesson-highlight-background: #FCFCFC;
  --ishpa-current-lesson-highlight-color: var(--ishpa-primary-color);
  /* Quiz Modal */
  --ishpa-quiz-modal-headline-font-size: 18px;
  --ishpa-quiz-modal-body-font-size: 16px;
  --ishpa-quiz-modal-input-height: 340px;
}
.lesson-breadcrumb {
  padding: 40px 20px 0;
  background: var(--ishpa-breadcrumb-background);
}
.lesson-breadcrumb .lesson-breadcrumb-category,
.lesson-breadcrumb .lesson-breadcrumb-subcategory {
  font-size: var(--ishpa-breadcrumb-size);
  font-family: var(--heading-font-family);
  max-width: var(--ishpa-breadcrumb-mx-width);
  margin-left: auto;
  margin-right: auto;
  color: var(--ishpa-breadcrumb-color);
}
.main-content-assessment + #section-post_actions .lesson-breadcrumb,
.main-content-assessment + #section-post_actions + .post-body {
  display: none;
}
/* only the course sidebar (the one holding the course outline) */
.main-sidebar:has(.product-outline) {
  max-width: var(--ishpa-sidebar-mx-width);
}
.product-outline {
  padding: 1px 18px 30px 18px;
}
.product-outline-post {
  margin: 0px;
  padding: 8px 12px;
  margin-top: 7px;
  line-height: 1.36;
  border-radius: 10px;
}
.product-outline-post.active,
.product-outline-post:hover {
  background: var(--ishpa-current-lesson-highlight-background);
  color: var(--ishpa-current-lesson-highlight-color);
}
.quiz-fullscreen-modal .sage-modal__header-text h1 {
  color: var(--ishpa-primary-color) !important;
}
.quiz-fullscreen-modal .sage-card__block .t-sage-body-semi {
  font-size: var(--ishpa-quiz-modal-headline-font-size) !important;
  font-family: Helvetica, Arial, sans-serif !important;
  margin-bottom: 20px !important;
  color: var(--ishpa-primary-color) !important;
}
.quiz-fullscreen-modal .sage-card {
  padding: 30px 20px !important;
  box-shadow: unset !important;
  border: 1px solid #00000020 !important;
  border-radius: 10px !important;
}
.quiz-fullscreen-modal .sage-card h6 {
  font-weight: 400 !important;
  font-family: Helvetica, Arial, sans-serif !important;
  color: var(--ishpa-primary-color) !important;
  line-height: 1.7 !important;
  opacity: 0.8 !important;
  font-size: 16px !important;
}
/* hide Kajabi's input, keep it in the DOM and submitting */
.quiz-fullscreen-modal input.ishpa-hidden {
  position: absolute !important; opacity: 0 !important; pointer-events: none !important;
  height: 0 !important; min-height: 0 !important; width: 0 !important;
  padding: 0 !important; border: 0 !important; margin: 0 !important;
}
/* the replacement box */
.quiz-fullscreen-modal .ishpa-answer {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: var(--ishpa-quiz-modal-input-height);
  padding: 12px 14px;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: var(--ishpa-quiz-modal-body-font-size);
  line-height: 1.6;
  color: var(--ishpa-primary-color);
  border: 1px solid #00000020;
  border-radius: 10px;
  background: #fff;
  white-space: pre-wrap !important;
  overflow-wrap: break-word !important;
  word-break: normal;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  resize: vertical;
}
.quiz-fullscreen-modal .ishpa-answer:focus {
  outline: none;
  border-color: #00000020;
  box-shadow: 0 0 0 3px rgba(0,0,0,.06);
}
@media (max-width: 767px) {
  :root {
    --ishpa-breadcrumb-size: 18px;
    --ishpa-quiz-modal-headline-font-size: 16px;
    --ishpa-quiz-modal-body-font-size: 14px;
    --ishpa-quiz-modal-input-height: 220px;
  }
}