/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/* ==========================================================================
   MentorPRO Academy — Pop Art Course Typography (SCOPED)
   --------------------------------------------------------------------------
   Applies only to specific courses, not the whole site. Paste the whole
   file into Appearance -> Customize -> Additional CSS (or your child
   theme's style.css).

   HOW THE SCOPING WORKS
   LearnDash tags every course page, and every lesson/topic/quiz that
   belongs to it, with a body class:
	 - the course's own landing page  -> body.postid-{COURSE_ID}
	 - anything inside that course    -> body.learndash-cpt-sfwd-courses-{COURSE_ID}-parent
   Both classes are added automatically by LearnDash, so no plugin or
   PHP edit is needed — the CSS below just targets those classes.

   COURSES CURRENTLY IN SCOPE
	 - Effective Mentoring                      (course ID 43970)
	 - Supporting Transfer Student Transitions   (course ID 44038, draft)

   TO ADD OR REMOVE A COURSE
	 Edit the ":where(...)" selector list right below this comment block —
	 it's the only place course IDs are listed. Add both lines
	 (postid-XXXX and learndash-cpt-sfwd-courses-XXXX-parent) for each
	 course you add; delete both lines for a course you remove. Every
	 rule in the file is already scoped through this one selector, so
	 you only ever need to touch this one spot.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Bebas+Neue&family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

/* ---- SCOPE: edit this list to change which courses get the pop-art look ---- */
:where(
  body.postid-43970,
  body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038,
  body.learndash-cpt-sfwd-courses-44038-parent
) {
  /* Pop art palette (sampled from the course's activity graphics) */
  --pop-pink:   #ff1f8c;
  --pop-yellow: #ffd400;
  --pop-cyan:   #29c1e3;
  --pop-black:  #131313;
  --pop-white:  #ffffff;

  /* Existing site brand colors, kept for continuity */
  --brand-heading: #2b4d59; /* current h1 color elsewhere on the site */
  --brand-teal:    #268b85; /* current "COMPLETE" / link accent */

  /* Body copy */
  --ink:        #232323;
  --ink-muted:  #5b5b5b;

  /* Comic-style hard shadow used on cards, buttons, badges */
  --pop-shadow: 4px 4px 0 var(--pop-black);
  --pop-shadow-sm: 3px 3px 0 var(--pop-black);

  --font-heading: 'Bebas Neue', 'Oswald', Impact, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-accent: 'Bangers', 'Comic Sans MS', cursive;

  font-family: var(--font-body);
  color: var(--ink);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
   1. Body copy — Inter
   ========================================================================== */

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .entry-content,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .ld-tabs-content,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .learndash-wrapper,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .wpProQuiz_content {
  font-family: var(--font-body);
  color: var(--ink);
  line-height: 1.65;
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .entry-content p,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .learndash-wrapper p,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .ld-tabs-content p {
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.7;
  color: var(--ink);
  margin-bottom: 1.2em;
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .entry-content ul,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .entry-content ol,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .learndash-wrapper ul,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .learndash-wrapper ol {
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.6;
  color: var(--ink);
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .entry-content strong,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .learndash-wrapper strong,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .entry-content b {
  font-weight: 700;
  color: var(--pop-black);
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .entry-content a,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .learndash-wrapper a {
  color: var(--pop-cyan);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  font-weight: 600;
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .entry-content a:hover,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .learndash-wrapper a:hover {
  color: var(--pop-pink);
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .ld-lesson-progress-meta,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .post-meta,
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .small-text {
  font-family: var(--font-body);
  font-weight: 500;
  color: var(--ink-muted);
}

/* ==========================================================================
   2. Headings — Bebas Neue
   ========================================================================== */

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) :is(h1, h2, h3, h4, h5, h6, .entry-title, .ld-focus-header,
	  .learndash-wrapper h1, .learndash-wrapper h2,
	  .learndash-wrapper h3, .learndash-wrapper h4) {
  font-family: var(--font-heading);
  font-weight: 400; /* Bebas Neue is a single display weight */
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--pop-black);
  line-height: 1.05;
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) :is(h1, .entry-title, .ld-focus-header) {
  font-size: clamp(2.4rem, 4vw, 3.6rem);
  margin-bottom: 0.3em;
  text-shadow:
	2px 2px 0 var(--pop-yellow),
	-1px -1px 0 var(--pop-pink);
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) h2 {
  font-size: clamp(1.7rem, 2.6vw, 2.4rem);
  padding-bottom: 0.15em;
  margin-top: 1.4em;
  margin-bottom: 0.5em;
  border-bottom: 3px solid var(--pop-pink);
  display: inline-block;
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) h3 {
  font-size: 1.5rem;
  color: var(--brand-heading);
  margin-top: 1.2em;
  margin-bottom: 0.4em;
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) :is(h4, h5, h6) {
  font-size: 1.15rem;
  color: var(--ink);
  letter-spacing: 0.06em;
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) :is(.ld-lesson-item-preview-title a, .ld-topic-title, .ld-breadcrumbs) {
  font-family: var(--font-heading);
  letter-spacing: 0.02em;
}

/* ==========================================================================
   3. Bangers — rare accent use only
   ========================================================================== */

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .pop-kicker {
  display: inline-block;
  font-family: var(--font-accent);
  font-size: 1.1rem;
  letter-spacing: 0.04em;
  color: var(--pop-pink);
  background: var(--pop-white);
  border: 2px solid var(--pop-black);
  border-radius: 4px;
  padding: 2px 10px;
  transform: rotate(-2deg);
  box-shadow: var(--pop-shadow-sm);
  margin-bottom: 0.5em;
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .pop-badge {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-accent);
  font-size: 0.95rem;
  letter-spacing: 0.03em;
  color: var(--pop-black);
  background: var(--pop-yellow);
  border: 2px solid var(--pop-black);
  border-radius: 6px;
  padding: 3px 12px;
  box-shadow: var(--pop-shadow-sm);
}
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .pop-badge.pop-badge--pink { background: var(--pop-pink); color: var(--pop-white); }
:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .pop-badge.pop-badge--cyan { background: var(--pop-cyan); color: var(--pop-black); }

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .pop-quote {
  position: relative;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5;
  color: var(--pop-black);
  background: var(--pop-white);
  border: 3px solid var(--pop-black);
  border-radius: 14px;
  padding: 1.4em 1.6em;
  margin: 1.5em 0;
  box-shadow: var(--pop-shadow);
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .pop-quote::before {
  content: "\201C";
  font-family: var(--font-accent);
  font-size: 3rem;
  line-height: 0;
  color: var(--pop-pink);
  position: absolute;
  top: 0.5em;
  left: 0.3em;
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .pop-quote cite {
  display: block;
  font-family: var(--font-accent);
  font-style: normal;
  font-size: 0.9rem;
  color: var(--pop-cyan);
  margin-top: 0.6em;
}

/* ==========================================================================
   4. Buttons — comic "sticker" style, headline face + hard shadow
   ========================================================================== */

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) :is(.entry-content .btn, .entry-content button,
	  .entry-content input[type="submit"], .learndash-wrapper .btn,
	  .wpProQuiz_QuestionButton, button.ld-button, a.ld-button) {
  font-family: var(--font-heading);
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--pop-black);
  background: var(--pop-yellow);
  border: 2px solid var(--pop-black);
  border-radius: 8px;
  padding: 0.55em 1.4em;
  box-shadow: var(--pop-shadow-sm);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) :is(.entry-content .btn:hover, .entry-content button:hover,
	  .entry-content input[type="submit"]:hover, .learndash-wrapper .btn:hover,
	  a.ld-button:hover) {
  transform: translate(2px, 2px);
  box-shadow: 1px 1px 0 var(--pop-black);
  background: var(--pop-pink);
  color: var(--pop-white);
}

/* ==========================================================================
   5. Blockquote (default WP quotes, distinct from .pop-quote above)
   ========================================================================== */

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) :is(.entry-content blockquote, .learndash-wrapper blockquote) {
  font-family: var(--font-body);
  font-style: normal;
  font-weight: 500;
  color: var(--ink);
  border-left: 6px solid var(--pop-cyan);
  background: #f5fcfe;
  padding: 0.9em 1.2em;
  margin: 1.4em 0;
}

/* ==========================================================================
   6. Numbered step / sequence cards (matches the "1 2 3 4" halftone cards)
   ========================================================================== */

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) .pop-step-number {
  display: inline-block;
  font-family: var(--font-heading);
  font-size: 1.6rem;
  color: var(--pop-black);
  background: var(--pop-white);
  border: 2px solid var(--pop-black);
  border-bottom: 3px solid var(--pop-pink);
  padding: 2px 14px;
}

/* ==========================================================================
   7. Progress / status pills — keep brand teal, just switch the type
   ========================================================================== */

:where(
  body.postid-43970, body.learndash-cpt-sfwd-courses-43970-parent,
  body.postid-44038, body.learndash-cpt-sfwd-courses-44038-parent
) :is(.ld-status, .ld-progress-percentage, .ld-status-complete-label) {
  font-family: var(--font-heading);
  letter-spacing: 0.05em;
  color: var(--brand-teal);
}