/**
 * Ourself study page — Salient isolation.
 * Keeps Salient header/footer; hides theme page chrome only.
 */

body.ourself-study-template .entry-content,
body.ourself-study-template .post-content {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.ourself-study-template .page-title,
body.ourself-study-template .entry-header,
body.ourself-study-template .breadcrumb,
body.ourself-study-template .breadcrumbs {
  display: none !important;
}

body.ourself-study-template {
  background-color: #fffefc;
}

/*
 * Clear Salient fixed/sticky #header-outer so content is not covered.
 * --ourself-study-header-offset is set in ourself-study-page.js.
 */
body.ourself-study-template .ourself-study-page {
  margin-top: var(--ourself-study-header-offset, 92px) !important;
}

@media (max-width: 960px) {
  body.ourself-study-template .ourself-study-page {
    margin-top: var(--ourself-study-header-offset, 130px) !important;
  }
}

@media (min-width: 961px) and (max-width: 1869px) {
  body.ourself-study-template .ourself-study-page {
    margin-top: 0 !important;
    padding-top: calc(var(--ourself-study-header-offset, 92px) + 50px) !important;
    box-sizing: border-box !important;
  }
}

.ourself-study-page {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  isolation: isolate;
  background-color: var(--color-main-background, #fffefc);
  color: var(--color-body-text, #242424);
  font-family: var(--font-body, 'Maison-Neue', Arial, sans-serif);
  font-size: var(--font-size-base, 16px);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.ourself-study-page *,
.ourself-study-page *::before,
.ourself-study-page *::after {
  box-sizing: border-box;
}

.ourself-study-page img {
  max-width: 100%;
  height: auto;
  border: 0;
}

.ourself-study-page a {
  color: inherit;
}

.ourself-study-page.ourself-study-page--password a {
  color: #242424;
}

.ourself-study-page__password,
.ourself-study-page__password p,
.ourself-study-page__password label,
.ourself-study-page__password input,
.ourself-study-page__password input[type="submit"] {
  font-family: inherit !important;
  max-width: 40rem;
  margin: 2rem auto;
  padding: 0 1rem;
}

.ourself-study-page .post__header,
.ourself-study-page header,
.ourself-study-page [role="banner"] {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
}

/* Ourself list markers — override Salient theme chevrons/icons */
body.ourself-study-template .ourself-study-page .rte ul,
body.ourself-study-template .ourself-study-page .post__content ul,
body.ourself-study-template .ourself-study-page ul {
  list-style: none !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
}

body.ourself-study-template .ourself-study-page .rte ul > li,
body.ourself-study-template .ourself-study-page .post__content ul > li,
body.ourself-study-template .ourself-study-page ul > li {
  list-style: none !important;
  padding: 0 0 0 12px !important;
  position: relative !important;
}

body.ourself-study-template .ourself-study-page .rte ul > li::before,
body.ourself-study-template .ourself-study-page .post__content ul > li::before,
body.ourself-study-template .ourself-study-page ul > li::before {
  background: var(--color-body-text, #242424) !important;
  background-image: none !important;
  border-radius: 100% !important;
  color: transparent !important;
  content: "" !important;
  display: block !important;
  font-family: inherit !important;
  font-size: 0 !important;
  height: 6px !important;
  left: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  top: 9px !important;
  transform: none !important;
  width: 6px !important;
}

body.ourself-study-template .ourself-study-page .rte ul > li::after,
body.ourself-study-template .ourself-study-page .post__content ul > li::after,
body.ourself-study-template .ourself-study-page ul > li::after {
  content: none !important;
  display: none !important;
}

body.ourself-study-template .ourself-study-page .rte ol,
body.ourself-study-template .ourself-study-page .post__content ol,
body.ourself-study-template .ourself-study-page ol {
  counter-reset: step-counter !important;
  list-style: none !important;
  margin: 0 0 15px !important;
  padding: 0 !important;
}

body.ourself-study-template .ourself-study-page .rte ol > li,
body.ourself-study-template .ourself-study-page .post__content ol > li,
body.ourself-study-template .ourself-study-page ol > li {
  counter-increment: step-counter !important;
  list-style: none !important;
}

body.ourself-study-template .ourself-study-page .rte ol > li::before,
body.ourself-study-template .ourself-study-page .post__content ol > li::before,
body.ourself-study-template .ourself-study-page ol > li::before {
  background: none !important;
  background-image: none !important;
  color: inherit !important;
  content: counter(step-counter) "." !important;
  display: inline !important;
  font-family: inherit !important;
  font-size: inherit !important;
  height: auto !important;
  left: auto !important;
  line-height: inherit !important;
  margin-right: 5px !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
  width: auto !important;
}

.ourself-study-page .section.page-section {
  padding-top: 2rem;
  padding-bottom: 4rem;
}

@media (min-width: 768px) {
  body.ourself-study-template .ourself-study-page .section.page-section {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
}