/* LearnDash's step pages in focus mode (includes/focus.php): the PMI look, on navy. */

/* the title: a heading, not half the screen */
body.ld-in-focus-mode .ld-focus-content > h1 {
	max-width: 900px; margin: 0 0 28px !important; padding: 0 !important;
	font: 800 40px/1.15 "Work Sans", Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: #fff !important;
}
@media (max-width: 760px) {
	body.ld-in-focus-mode .ld-focus-content > h1 { font-size: 28px !important; }
}

/* no breadcrumb bar */
body.ld-in-focus-mode .ld-focus-content .ld-breadcrumbs,
body.ld-in-focus-mode .ld-focus-content [class*="breadcrumb"] { display: none !important; }

/* no white box: the content sits on the page's navy, in white */
body.ld-in-focus-mode .ld-focus-content .learndash,
body.ld-in-focus-mode .ld-focus-content .learndash-wrapper,
body.ld-in-focus-mode .ld-focus-content .ld-tabs,
body.ld-in-focus-mode .ld-focus-content .ld-tabs-content,
body.ld-in-focus-mode .ld-focus-content .ld-tab-content { background: transparent !important; box-shadow: none !important; border-color: rgba(255, 255, 255, .15) !important; }
body.ld-in-focus-mode .ld-focus-content .ld-tab-content :is(p, li, span, strong, b, em, i, h1, h2, h3, h4, h5, h6, td, th, label, blockquote, figcaption, div) { color: #fff !important; }
body.ld-in-focus-mode .ld-focus-content .ld-tab-content a:not(.ld-button):not([class*="button"]):not(.pmi-launch-button) { color: var(--orange, #ff8300) !important; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; }
body.ld-in-focus-mode .ld-focus-content .ld-tab-content a:not(.ld-button):not([class*="button"]):not(.pmi-launch-button):hover { color: #fff !important; }

/* launch buttons in orange (GrassBlade's image button is turned into this by assets/focus.js) */
body.ld-in-focus-mode .pmi-launch-button {
	display: inline-flex !important; align-items: center; gap: 10px; min-height: 52px; padding: 0 30px !important;
	border: 0 !important; border-radius: 5px; background: var(--orange, #ff8300) !important; color: #fff !important;
	font: 600 18px/1 "Work Sans", Helvetica, Arial, sans-serif !important; text-decoration: none !important; cursor: pointer; transition: background-color .2s ease;
}
body.ld-in-focus-mode .pmi-launch-button:hover, body.ld-in-focus-mode .pmi-launch-button:focus-visible { background: #e06f00 !important; color: #fff !important; }
body.ld-in-focus-mode .pmi-launch-button::before { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 11px; border-color: transparent transparent transparent #fff; }
body.ld-in-focus-mode .ld-focus-content .wpProQuiz_button, body.ld-in-focus-mode .ld-focus-content input[name="startQuiz"] {
	background: var(--orange, #ff8300) !important; color: #fff !important; border: 0 !important; border-radius: 5px !important;
}

/* lists keep their bullets and numbers (the theme removes them) */
body.ld-in-focus-mode .ld-focus-content .ld-tab-content ul { list-style: disc !important; padding-left: 1.3em !important; margin: 0 0 18px !important; }
body.ld-in-focus-mode .ld-focus-content .ld-tab-content ol { list-style: decimal !important; padding-left: 1.3em !important; margin: 0 0 18px !important; }
body.ld-in-focus-mode .ld-focus-content .ld-tab-content li { display: list-item !important; list-style: inherit !important; margin-bottom: 6px; }