/* Match the opening paragraph's fallback width while Caveat loads.
   The real Caveat face, text size, line height and final layout stay unchanged. */
@font-face {
  font-family: 'DrJ Intro Fallback';
  src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold');
  font-style: normal;
  font-weight: 700;
  size-adjust: 73%;
}
@font-face {
  font-family: 'DrJ Intro Roboto Fallback';
  src: local('Roboto Bold'), local('Roboto-Bold'), local('Roboto Regular'), local('Roboto-Regular');
  font-style: normal;
  font-weight: 700;
  size-adjust: 75%;
}
#main-content .et_pb_section_0 .et_pb_text_0 .et_pb_text_inner > p:first-child {
  font-family: 'Caveat', 'DrJ Intro Fallback', 'DrJ Intro Roboto Fallback', sans-serif;
}

/* Contact invitation lives inside the existing introduction module. */
.drj-intro-contact-block {
  margin: 24px auto 0;
  max-width: 650px;
  font-family: Lato, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
}
.drj-intro-contact-block .drj-intro-invitation {
  margin: 0 0 16px;
  padding: 0;
  color: #26371f;
  font-family: Lato, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}
body #page-container .drj-intro-contact-block a.drj-intro-contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin: 0;
  padding: 12px 26px !important;
  border: 2px solid #26371f;
  border-radius: 999px;
  background: #26371f;
  color: #fff !important;
  font-family: Lato, Arial, sans-serif;
  font-size: 17px !important;
  font-weight: 700;
  line-height: 1.3 !important;
  letter-spacing: normal;
  text-decoration: none;
  transition: transform 180ms ease;
}
body #page-container .drj-intro-contact-block a.drj-intro-contact::after { display: none !important; }
body #page-container .drj-intro-contact-block a.drj-intro-contact:hover { transform: translateY(-2px); }
body #page-container .drj-intro-contact-block a.drj-intro-contact:focus-visible { outline: 3px solid #26371f; outline-offset: 5px; }
#contactme { scroll-margin-top: 88px; }

/* One native link and one compositor-friendly hover effect. No scroll fade. */
#drj-advantage-banner {
  position: relative;
  margin: 0;
  padding: 0 !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  background: #26371f !important;
  overflow: hidden;
  isolation: isolate;
}
#drj-advantage-banner .drj-advantage-link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 200px;
  padding: 34px 7vw;
  overflow: hidden;
  color: #fff;
  font-family: Lato, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
}
#drj-advantage-banner .drj-advantage-link::before,
#drj-advantage-banner .drj-advantage-link::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}
#drj-advantage-banner .drj-advantage-link::after {
  z-index: -2;
  background: url('https://drjeneen.com/wp-content/uploads/2021/05/HealthyFoods.jpg') center / cover no-repeat;
  transform: scale(1);
  transition: transform 320ms ease;
}
#drj-advantage-banner .drj-advantage-link::before {
  z-index: -1;
  background: linear-gradient(110deg,rgba(38,55,31,.86),rgba(38,55,31,.75));
  opacity: 1;
  transition: opacity 260ms ease;
}
#drj-advantage-banner .drj-advantage-message {
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: Lato, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}
#drj-advantage-banner .drj-advantage-button {
  display: inline-block;
  max-width: 100%;
  margin: 0;
  padding: 13px 24px;
  border: 2px solid #ffd700;
  border-radius: 5px;
  background: #ffd700;
  color: #26371f;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  transition: transform 260ms ease;
}
#drj-advantage-banner .drj-advantage-arrow { display: inline-block; }
#drj-advantage-banner .drj-advantage-link:focus-visible { outline: 3px solid #ffd700; outline-offset: -6px; }
#drj-advantage-banner .drj-advantage-link:focus-visible::before { opacity: .8; }
#drj-advantage-banner .drj-advantage-link:focus-visible::after { transform: scale(1.035); }
#drj-advantage-banner .drj-advantage-link:focus-visible .drj-advantage-button { transform: translateY(-3px); }
@media (hover: hover) and (pointer: fine) {
  #drj-advantage-banner .drj-advantage-link:hover::before { opacity: .8; }
  #drj-advantage-banner .drj-advantage-link:hover::after { transform: scale(1.035); }
  #drj-advantage-banner .drj-advantage-link:hover .drj-advantage-button { transform: translateY(-3px); }
}
.drj-polish-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 700px) {
  .drj-intro-contact-block .drj-intro-invitation { font-size: 16px; }
  #drj-advantage-banner .drj-advantage-link { min-height: 220px; padding: 30px 48px; gap: 16px; }
  #drj-advantage-banner .drj-advantage-message { font-size: 18px; }
  #drj-advantage-banner .drj-advantage-button { font-size: 17px; padding: 12px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  #drj-advantage-banner *, #drj-advantage-banner *::before, #drj-advantage-banner *::after,
  body #page-container .drj-intro-contact-block a.drj-intro-contact {
    transition: none !important;
    transform: none !important;
  }
}

/* Keep narrow screens clear for reading; the main menu remains available. */
@media (max-width: 980px) {
  body.home ul.et_pb_side_nav { display: none !important; }
}

/* Dr. JeNeen credentials feature — scoped for insertion in the existing text module. */
.drj-credentials-feature,
.drj-credentials-feature * {
  box-sizing: border-box;
}

.et_pb_text .drj-credentials-feature,
.drj-credentials-feature {
  width: 100%;
  margin: clamp(38px, 5vw, 64px) 0 0;
  color: #283029;
  font-family: Lato, Helvetica, Arial, sans-serif;
}

.et_pb_text .drj-learning,
.drj-learning {
  width: 100%;
  margin: 0 0 clamp(28px, 4vw, 44px);
  padding: clamp(24px, 4vw, 36px);
  border-left: 4px solid #7c9c3a;
  background: #edf1e8;
}

.et_pb_text .drj-learning .drj-learning-kicker,
.drj-learning .drj-learning-kicker {
  margin: 0 0 8px;
  padding: 0;
  color: #8f173b;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.et_pb_text .drj-learning h3,
.drj-learning h3 {
  margin: 0 0 16px;
  padding: 0;
  color: #26371f;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: clamp(27px, 3.2vw, 38px);
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -.025em;
}

.et_pb_text .drj-learning > p:last-child,
.drj-learning > p:last-child {
  max-width: 880px;
  margin: 0;
  padding: 0;
  color: #4f594d;
  font-size: 16px;
  line-height: 1.78;
}

.et_pb_text .drj-learning a,
.drj-learning a {
  color: inherit;
  font-weight: inherit;
  text-decoration: underline;
  text-decoration-color: #d7a92f;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.et_pb_text .drj-learning a:hover,
.et_pb_text .drj-learning a:focus-visible,
.drj-learning a:hover,
.drj-learning a:focus-visible {
  color: #26371f;
  text-decoration-thickness: 2px;
}

.et_pb_text .drj-magazine-feature,
.drj-magazine-feature {
  width: 100%;
  margin: 0;
  padding: 12px;
  background: #26371f;
  color: #ffffff;
  box-shadow: 0 20px 46px rgba(38, 55, 31, .18);
}

.et_pb_text .drj-magazine-inner,
.drj-magazine-inner {
  width: 100%;
  padding: clamp(26px, 4vw, 44px);
  border: 1px solid rgba(215, 169, 47, .58);
}

.et_pb_text .drj-magazine-meta,
.drj-magazine-meta {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 clamp(24px, 3vw, 32px);
  padding: 0 0 13px;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  color: #ead9a6;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.et_pb_text .drj-magazine-script,
.drj-magazine-script {
  margin: 0 0 5px;
  padding: 0;
  color: #a6cf11;
  font-family: Caveat, cursive;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 700;
  line-height: 1.1;
}

.et_pb_text .drj-magazine-feature h3,
.drj-magazine-feature h3 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family: Lato, Helvetica, Arial, sans-serif;
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -.04em;
}

.et_pb_text .drj-magazine-feature blockquote,
.drj-magazine-feature blockquote {
  margin: clamp(25px, 4vw, 38px) 0 12px;
  padding: clamp(22px, 3vw, 30px) 0;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .18);
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  color: #ffffff;
}

.et_pb_text .drj-magazine-feature blockquote p,
.drj-magazine-feature blockquote p {
  max-width: 820px;
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: clamp(20px, 2.7vw, 29px);
  font-weight: 700;
  line-height: 1.48;
}

.et_pb_text .drj-magazine-credit,
.drj-magazine-credit {
  margin: 0;
  padding: 0;
  color: #bbc8b6;
  font-size: 12px;
  font-style: italic;
  line-height: 1.55;
}

.et_pb_text .drj-magazine-link,
.drj-magazine-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  margin: clamp(24px, 4vw, 36px) 0 0;
  padding: 14px 0 8px;
  border-bottom: 1px solid rgba(255, 255, 255, .24);
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

.et_pb_text .drj-magazine-link:hover,
.et_pb_text .drj-magazine-link:focus-visible,
.drj-magazine-link:hover,
.drj-magazine-link:focus-visible {
  color: #a6cf11;
  border-bottom-color: #a6cf11;
}

@media (max-width: 600px) {
  .et_pb_text .drj-credentials-feature,
  .drj-credentials-feature {
    margin-top: 32px;
  }

  .et_pb_text .drj-learning,
  .drj-learning {
    padding: 23px 20px;
  }

  .et_pb_text .drj-learning > p:last-child,
  .drj-learning > p:last-child {
    font-size: 15px;
    line-height: 1.7;
  }

  .et_pb_text .drj-magazine-feature,
  .drj-magazine-feature {
    padding: 8px;
  }

  .et_pb_text .drj-magazine-inner,
  .drj-magazine-inner {
    padding: 24px 20px;
  }

  .et_pb_text .drj-magazine-meta,
  .drj-magazine-meta {
    display: block;
  }

  .et_pb_text .drj-magazine-meta span,
  .drj-magazine-meta span {
    display: block;
  }

  .et_pb_text .drj-magazine-meta span + span,
  .drj-magazine-meta span + span {
    margin-top: 4px;
  }
}

/* Keep direct links to the new headings clear of the fixed menu. */
.drj-credentials-feature [id] { scroll-margin-top: 110px; }