/*
 * Alan Lang LearnPress custom styles
 */


/* =========================================================
   1. LearnPress page environment
   ========================================================= */

/* Match the approved Alan Lang site background */
body.learnpress-page {
	background: linear-gradient(
		90deg,
		#1F2227 30%,
		#0E1013 100%
	) !important;
	color: #D6D9DE;
}

/* Allow the site gradient to flow through LearnPress */
body.learnpress-page .site,
body.learnpress-page .site-content,
body.learnpress-page .content-area,
body.learnpress-page .lp-content-area,
body.learnpress-page .lp-main-content {
	background: transparent !important;
}


/* =========================================================
   2. LearnPress breadcrumbs
   ========================================================= */

body.learnpress-page .learn-press-breadcrumb {
	margin-top: 24px !important;
	margin-bottom: 38px !important;
	padding: 0 !important;
	color: #A8ADB7;
}

body.learnpress-page .learn-press-breadcrumb li,
body.learnpress-page .learn-press-breadcrumb a,
body.learnpress-page .learn-press-breadcrumb span {
	color: #A8ADB7;
}

body.learnpress-page .learn-press-breadcrumb a:hover,
body.learnpress-page .learn-press-breadcrumb a:hover span {
	color: #F97316;
}

body.learnpress-page
.learn-press-breadcrumb
.breadcrumb-delimiter {
	color: #A8ADB7;
}


/* =========================================================
   3. Courses archive layout
   ========================================================= */

.lp-archive-courses .lp-content-area {
	max-width: 1200px !important;
	margin: 0 auto;
	padding-left: 24px;
	padding-right: 24px;
}

.lp-archive-courses .learn-press-courses-header {
	margin-bottom: 30px !important;
}

.lp-archive-courses .learn-press-courses-header h1 {
	margin: 0;
	color: #F8FAFC;
	font-family: "Red Hat Text", sans-serif;
	font-size: 42px;
	font-weight: 600;
	line-height: 1.15;
}

/* =========================================================
   4. Courses archive controls
   ========================================================= */

.lp-archive-courses .lp-courses-bar {
	margin-bottom: 60px;
	gap: 12px;
}


/* ---------------------------------------------------------
   Course search
   --------------------------------------------------------- */

.lp-archive-courses
.lp-courses-bar
.search-courses input {
	min-height: 48px;
	border: 1px solid #3A3D45;
	border-radius: 8px;
	background: #23252A;
	color: #D6D9DE;
	font-family: "DM Sans", sans-serif;
	font-size: 17px;
	font-weight: 400;
}

.lp-archive-courses
.lp-courses-bar
.search-courses input::placeholder {
	color: #A8ADB7;
}

.lp-archive-courses
.lp-courses-bar
.search-courses input:focus {
	border-color: #F97316;
	outline: none;
}

.lp-archive-courses
.lp-courses-bar
.search-courses button {
	min-width: 48px;
	min-height: 48px;
	border: 1px solid #F97316;
	border-radius: 8px;
	background: #F97316;
	color: #F8FAFC;
}

.lp-archive-courses
.lp-courses-bar
.search-courses button:hover {
	border-color: #EA580C;
	background: #EA580C;
}


/* ---------------------------------------------------------
   Shared select styling
   --------------------------------------------------------- */

.lp-archive-courses
.lp-courses-bar
select {
	min-height: 48px;
	padding: 0 42px 0 16px;
	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;
	background-color: #23252A !important;
	color: #D6D9DE !important;
	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
}

.lp-archive-courses
.lp-courses-bar
select:hover,
.lp-archive-courses
.lp-courses-bar
select:focus {
	border-color: #F97316 !important;
	outline: none;
}

.lp-archive-courses
.lp-courses-bar
select option {
	background: #23252A;
	color: #D6D9DE;
}


/* ---------------------------------------------------------
   Course category selector
   --------------------------------------------------------- */

.lp-archive-courses
.lp-courses-bar
.al-course-category-wrapper {
	display: flex;
	align-items: center;

	min-width: 310px;
}


/*
 * Match the LearnPress order-by control exactly:
 * - same visual height
 * - same SVG chevron
 * - same chevron size and position
 */
.lp-archive-courses
.lp-courses-bar
.al-course-category-select {
	display: block;

	width: 100%;
	min-width: 0;

	height: 50.39px !important;
	min-height: 50.39px !important;

	padding-right: 30px !important;

	box-shadow: none !important;

	background-image:
		url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");

	background-size: 0.8em;
	background-position: calc(100% - 0.5em) center;
	background-repeat: no-repeat;

	-webkit-appearance: none;
	appearance: none;

	line-height: 1.1;

	cursor: pointer;
}


/* ---------------------------------------------------------
   Course order-by selector
   --------------------------------------------------------- */

/*
 * Keep LearnPress's native order-by treatment intact.
 */
.lp-archive-courses
.lp-courses-bar
.courses-order-by-wrapper
.courses-order-by {
	padding-right: 30px;

	background-size: 0.8em;
	background-position: calc(100% - 0.5em) center;
	background-repeat: no-repeat;

	-webkit-appearance: none;
	appearance: none;

	line-height: 1.1;
}


/* ---------------------------------------------------------
   Grid / list switch
   --------------------------------------------------------- */

.lp-archive-courses
.lp-courses-bar
.switch-layout {
	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;
	overflow: hidden;
	background: #23252A;
}

.lp-archive-courses
.lp-courses-bar
.switch-layout
.switch-btn {
	width: 52px;
	min-height: 48px;
	border: 0 !important;
	border-radius: 0 !important;
	background: #23252A !important;
	color: #D6D9DE !important;
}

.lp-archive-courses
.lp-courses-bar
.switch-layout
.switch-btn + .switch-btn {
	border-left: 1px solid #3A3D45 !important;
}

.lp-archive-courses
.lp-courses-bar
.switch-layout
.switch-btn::before {
	color: #D6D9DE !important;
}

.lp-archive-courses
.switch-layout
input[type="radio"]:checked + .switch-btn {
	background: #1F2227 !important;
}

.lp-archive-courses
.switch-layout
input[type="radio"]:checked + .switch-btn::before {
	color: #F97316 !important;
}

.lp-archive-courses
.lp-courses-bar
.switch-layout
.switch-btn:hover {
	background: #1F2227 !important;
}

.lp-archive-courses
.lp-courses-bar
.switch-layout
.switch-btn:hover::before {
	color: #F97316 !important;
}

/* =========================================================
   5. Shared archive course content styling
   ========================================================= */

.lp-archive-courses
.course-item
.course-title {
	color: #F8FAFC;
	font-family: "Red Hat Text", sans-serif;
	font-weight: 600;
	line-height: 1.25;
}

.lp-archive-courses
.course-item
.course-instructor-category,
.lp-archive-courses
.course-item
.course-instructor-category label,
.lp-archive-courses
.course-item
.course-instructor,
.lp-archive-courses
.course-item
.course-instructor a,
.lp-archive-courses
.course-item
.instructor-display-name {
	color: #A8ADB7 !important;
}

.lp-archive-courses
.course-item
.course-wrap-meta,
.lp-archive-courses
.course-item
.meta-item,
.lp-archive-courses
.course-item
.meta-item *,
.lp-archive-courses
.course-item
.meta-item::before {
	color: #A8ADB7 !important;
}

.lp-archive-courses
.course-item
.course-price,
.lp-archive-courses
.course-item
.course-price .free {
	color: #A8ADB7 !important;
	font-weight: 500;
}


/* =========================================================
   6. Archive grid view
   ========================================================= */

.lp-archive-courses
.learn-press-courses[data-layout="grid"]
.course-item {
	background: #1C1D21 !important;
	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;
	overflow: hidden;
}

.lp-archive-courses
.learn-press-courses[data-layout="grid"]
.course-item
.course-content {
	padding: 20px !important;
}

.lp-archive-courses
.learn-press-courses[data-layout="grid"]
.course-item
.wap-course-title {
	margin: 0 0 14px !important;
}

.lp-archive-courses
.learn-press-courses[data-layout="grid"]
.course-item
.course-instructor-category {
	margin: 0 0 14px !important;
}

.lp-archive-courses
.learn-press-courses[data-layout="grid"]
.course-item
.course-wrap-meta {
	margin: 0 0 14px !important;
}

.lp-archive-courses
.learn-press-courses[data-layout="grid"]
.course-item
.course-wrap-meta
.meta-item {
	margin: 0 0 8px !important;
}

.lp-archive-courses
.learn-press-courses[data-layout="grid"]
.course-item
.course-wrap-meta
.meta-item:last-child {
	margin-bottom: 0 !important;
}

.lp-archive-courses
.learn-press-courses[data-layout="grid"]
.course-item
.course-info {
	display: block !important;
	margin-top: 0 !important;
}

.lp-archive-courses
.learn-press-courses[data-layout="grid"]
.course-item
.course-price {
	display: block !important;
	margin: 0 0 14px !important;
}

.lp-archive-courses
.learn-press-courses[data-layout="grid"]
.course-item
.course-readmore {
	margin: 0 !important;
}

.lp-archive-courses
.learn-press-courses[data-layout="grid"]
.course-item
.course-readmore a {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box;
	padding: 12px 18px !important;
	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: #A8ADB7 !important;
	text-align: center;
	font-family: "Red Hat Text", sans-serif;
	font-weight: 500;
	line-height: 1.5;
	opacity: 1 !important;
}

.lp-archive-courses
.learn-press-courses[data-layout="grid"]
.course-item
.course-readmore a:hover {
	border-color: #EA580C !important;
	background: #EA580C !important;
	color: #F8FAFC !important;
}


/* =========================================================
   7. Archive list view
   ========================================================= */

.lp-archive-courses
.learn-press-courses[data-layout="list"]
.course-item
.course-short-description {
	color: #A8ADB7 !important;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	padding-bottom: 10px;
}

.lp-archive-courses
.learn-press-courses[data-layout="list"]
.course-item
.course-readmore a {
	display: inline-block;
	padding: 12px 20px !important;
	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: #A8ADB7 !important;
	font-family: "Red Hat Text", sans-serif;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
}

.lp-archive-courses
.learn-press-courses[data-layout="list"]
.course-item
.course-readmore a:hover {
	border-color: #EA580C !important;
	background: #EA580C !important;
	color: #F8FAFC !important;
}

.lp-archive-courses
.learn-press-courses[data-layout="list"]
> .course {
	border-bottom: 1px solid #3A3D45 !important;
}


/* =========================================================
   8. Responsive archive spacing
   ========================================================= */

@media (max-width: 767px) {

	/* Archive only - do not add this gutter to single courses */
	body.learnpress-page:not(.single-lp_course)
	.lp-archive-courses
	.lp-content-area {
		padding-left: 20px;
		padding-right: 20px;
	}

	.lp-archive-courses .lp-main-content {
		padding-top: 32px;
		padding-bottom: 48px;
	}

	.lp-archive-courses
	.learn-press-courses-header h1 {
		font-size: 34px;
	}

	body.learnpress-page
	.learn-press-breadcrumb {
		margin-top: 16px !important;
		margin-bottom: 22px !important;
	}
}


/* =========================================================
   9. Single course header
   ========================================================= */

body.learnpress-page
.course-detail-info {
	background: #1C1D21 !important;
	border: 1px solid #3A3D45;
	border-radius: 12px;
	padding: 30px;
	margin-bottom: 32px;
	box-sizing: border-box;
}

body.learnpress-page
.course-detail-info
.lp-content-area {
	padding: 0 !important;
}

body.learnpress-page
.course-detail-info
.course-title {
	margin: 18px 0 22px;
	border-bottom: 0 !important;
	color: #F8FAFC;
	font-family: "Red Hat Text", sans-serif;
	font-size: 36px;
	font-weight: 600;
	line-height: 1.2;
}

body.learnpress-page
.course-detail-info
.course-meta-primary {
	color: #A8ADB7;
}

body.learnpress-page
.course-detail-info
.course-meta-primary label {
	color: #A8ADB7;
	font-weight: 400;
}

body.learnpress-page
.course-detail-info
.course-meta-primary a,
body.learnpress-page
.course-detail-info
.instructor-display-name {
	color: #D6D9DE;
}

body.learnpress-page
.course-detail-info
.course-meta-primary a:hover,
body.learnpress-page
.course-detail-info
.instructor-display-name:hover {
	color: #F97316;
}

body.learnpress-page
.course-detail-info
.course-meta-secondary {
	margin-top: 0;
	padding-top: 20px;
	border-top: 1px solid #3A3D45;
}

body.learnpress-page
.course-detail-info
.course-meta-secondary
.meta-item::before {
	color: #C96A2B !important;
}

body.learnpress-page
.course-detail-info
.course-meta-secondary,
body.learnpress-page
.course-detail-info
.course-meta-secondary * {
	color: #A8ADB7 !important;
	font-weight: 400;
}


/* =========================================================
   10. Single course tabs
   ========================================================= */

body.learnpress-page
.entry-content-left {
	padding-top: 16px !important;
}

body.learnpress-page
#learn-press-course-tabs
.learn-press-nav-tabs {
	border-bottom: 1px solid #3A3D45 !important;
}

body.learnpress-page
#learn-press-course-tabs
.learn-press-nav-tabs
.course-nav label {
	color: #A8ADB7 !important;
	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 500;
	padding: 14px 0 !important;
	margin-right: 32px;
	cursor: pointer;
}

body.learnpress-page
#learn-press-course-tabs
.learn-press-nav-tabs
.course-nav.active label {
	color: #F97316 !important;
}

body.learnpress-page
#learn-press-course-tabs
.learn-press-nav-tabs
.course-nav label:hover {
	color: #D6D9DE !important;
}


/* =========================================================
   11. Course overview text
   ========================================================= */

body.learnpress-page
#tab-overview
.course-description {
	color: #D6D9DE;
	font-family: "DM Sans", sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
}

body.learnpress-page
#tab-overview
.course-description p {
	margin: 0 0 18px;
	color: #D6D9DE;
}


/* =========================================================
   12. Curriculum accordion
   ========================================================= */

body.learnpress-page
.lp-course-curriculum
.course-sections {
	margin: 0;
	padding: 0;
}

body.learnpress-page
.lp-course-curriculum
.course-section {
	margin-bottom: 12px !important;
	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;
	background: #1C1D21 !important;
	overflow: hidden;
}

body.learnpress-page
.lp-course-curriculum
.course-section-header {
	padding: 18px 20px !important;
	background: #1C1D21 !important;
	border: 0 !important;
	color: #D6D9DE !important;
}

body.learnpress-page
.lp-course-curriculum
.course-section__title {
	color: #F8FAFC !important;
	font-family: "Red Hat Text", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
}

body.learnpress-page
.lp-course-curriculum
.course-section__description {
	margin-top: 4px;
	color: #A8ADB7 !important;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
}

body.learnpress-page
.lp-course-curriculum
.section-count-items {
	color: #A8ADB7 !important;
	font-size: 14px;
	font-weight: 400;
}

body.learnpress-page
.lp-course-curriculum
.section-toggle i {
	color: #A8ADB7 !important;
}

body.learnpress-page
.lp-course-curriculum
.course-section-header:hover {
	background: #23252A !important;
}

body.learnpress-page
.lp-course-curriculum
.course-section-header:hover
.section-toggle i {
	color: #C96A2B !important;
}


/* =========================================================
   13. Curriculum lesson rows
   ========================================================= */

body.learnpress-page
.lp-course-curriculum
.course-section__items {
	background: #17191D !important;
}

body.learnpress-page
.lp-course-curriculum
.course-section__items
.course-item {
	margin: 0 !important;
	border-top: 1px solid #3A3D45 !important;
	background: #17191D !important;
}

body.learnpress-page
.lp-course-curriculum
.course-section__items
.course-item__link {
	padding: 13px 16px !important;
	background: transparent !important;
	color: #D6D9DE !important;
}

body.learnpress-page
.lp-course-curriculum
.course-item-title {
	color: #D6D9DE !important;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
}

body.learnpress-page
.lp-course-curriculum
.course-item__info
.course-item-ico {
	color: #A8ADB7 !important;
}

body.learnpress-page
.lp-course-curriculum
.course-item__right,
body.learnpress-page
.lp-course-curriculum
.course-item__right * {
	color: #A8ADB7 !important;
	font-size: 14px;
}

body.learnpress-page
.lp-course-curriculum
.course-item__status
.course-item-ico.in-progress {
	display: none !important;
}

body.learnpress-page
.lp-course-curriculum
.course-item__status
.course-item-ico.completed,
body.learnpress-page
.lp-course-curriculum
.course-item__status
.course-item-ico.passed {
	display: inline-block !important;
}

body.learnpress-page
.lp-course-curriculum
.course-section__items
.course-item:hover {
	background: #23252A !important;
}

body.learnpress-page
.lp-course-curriculum
.course-section__items
.course-item:hover
.course-item-title {
	color: #F8FAFC !important;
}


/* =========================================================
   14. Instructor tab
   ========================================================= */

body.learnpress-page
#tab-instructor
.lp-course-author {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: 28px;
	padding: 28px 24px;
	border: 1px solid #3A3D45;
	border-radius: 12px;
	background: #1C1D21;
	box-sizing: border-box;
}

body.learnpress-page
#tab-instructor
.course-author__pull-left {
	flex: 0 0 96px;
	width: 96px;
	margin: 0;
}

body.learnpress-page
#tab-instructor
.course-author__pull-left img.avatar {
	display: block;
	width: 96px;
	height: 96px;
	margin: 0;
	border-radius: 50%;
	object-fit: cover;
}

body.learnpress-page
#tab-instructor
.course-author__pull-right {
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
	padding: 0;
	text-align: left;
}

body.learnpress-page
#tab-instructor
.author-title {
	margin: 0 0 12px;
	font-family: "Red Hat Text", sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
}

body.learnpress-page
#tab-instructor
.author-title a,
body.learnpress-page
#tab-instructor
.instructor-display-name {
	color: #F8FAFC !important;
}

body.learnpress-page
#tab-instructor
.author-title a:hover,
body.learnpress-page
#tab-instructor
.instructor-display-name:hover {
	color: #F97316 !important;
}

body.learnpress-page
#tab-instructor
.instructor-social {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
	margin-top: 8px;
}

body.learnpress-page
#tab-instructor
.instructor-social a {
	color: #A8ADB7 !important;
	font-size: 17px;
}

body.learnpress-page
#tab-instructor
.instructor-social a:hover {
	color: #C96A2B !important;
}

body.learnpress-page
#tab-instructor
.author-description {
	margin-top: 18px;
	color: #D6D9DE;
	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
}


/* =========================================================
   15. Materials tab
   ========================================================= */

body.learnpress-page
#tab-materials
.lp-list-material {
	padding: 0 !important;
	border: 1px solid #3A3D45;
	border-radius: 12px;
	overflow: hidden;
	background: #1C1D21;
}

body.learnpress-page
#tab-materials
.course-material-table {
	width: 100%;
	margin: 0 !important;
	border-collapse: collapse;
	border: 0 !important;
	background: #1C1D21;
}

body.learnpress-page
#tab-materials
.lp-material-th-file-type,
body.learnpress-page
#tab-materials
.lp-material-file-type {
	width: 90px;
}

body.learnpress-page
#tab-materials
.lp-material-th-file-size,
body.learnpress-page
#tab-materials
.lp-material-file-size {
	width: 100px;
}

body.learnpress-page
#tab-materials
.lp-material-th-file-link,
body.learnpress-page
#tab-materials
.lp-material-file-link {
	width: 110px;
}

body.learnpress-page
#tab-materials
.course-material-table thead th {
	padding: 14px 16px;
	background: #23252A !important;
	border-right: 1px solid #3A3D45 !important;
	border-bottom: 1px solid #3A3D45 !important;
	color: #F8FAFC !important;
	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 600;
	text-align: left;
}

body.learnpress-page
#tab-materials
.course-material-table thead th:last-child {
	border-right: 0 !important;
}

body.learnpress-page
#tab-materials
.course-material-table tbody td {
	padding: 14px 16px;
	border-right: 1px solid #3A3D45 !important;
	border-bottom: 1px solid #3A3D45 !important;
	background: #1C1D21 !important;
	color: #D6D9DE !important;
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}

body.learnpress-page
#tab-materials
.course-material-table tbody td:last-child {
	border-right: 0 !important;
}

body.learnpress-page
#tab-materials
.course-material-table tbody tr:last-child td {
	border-bottom: 0 !important;
}

body.learnpress-page
#tab-materials
.course-material-table tbody tr:hover td {
	background: #23252A !important;
}

body.learnpress-page
#tab-materials
.lp-material-file-type,
body.learnpress-page
#tab-materials
.lp-material-file-size {
	color: #A8ADB7 !important;
}

body.learnpress-page
#tab-materials
.lp-material-file-link {
	text-align: center;
}

body.learnpress-page
#tab-materials
.lp-material-file-link a {
	color: #A8ADB7 !important;
}

body.learnpress-page
#tab-materials
.lp-material-file-link a:hover {
	color: #C96A2B !important;
}

body.learnpress-page
#tab-materials
.btn-download-material {
	font-size: 18px;
}


/* =========================================================
   16. Single course sidebar
   Main progress / purchase card
   ========================================================= */

body.learnpress-page
.course-summary-sidebar
.course-summary-sidebar__inner {
	background: transparent !important;
}


/* ---------------------------------------------------------
   Main course sidebar card
   --------------------------------------------------------- */

body.learnpress-page
.course-summary-sidebar
.course-sidebar-top {
	padding: 20px !important;

	background: #1C1D21 !important;
	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	overflow: hidden;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Course preview image
   Bleed through the card padding
   --------------------------------------------------------- */

body.learnpress-page
.course-summary-sidebar
.course-sidebar-preview {
	width: calc(100% + 40px);

	margin: -20px -20px 0;

	background: #1C1D21 !important;
}


body.learnpress-page
.course-summary-sidebar
.course-sidebar-preview
.media-preview {
	width: 100%;

	margin: 0;
	padding: 0;

	background: #F8FAFC;

	overflow: hidden;
}


body.learnpress-page
.course-summary-sidebar
.course-sidebar-preview
.media-preview img {
	display: block;

	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* ---------------------------------------------------------
   Course price
   --------------------------------------------------------- */

body.learnpress-page
.course-summary-sidebar
.course-price {
	margin: 0 !important;
	padding: 18px 20px 4px !important;

	color: #F97316 !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;

	text-align: left !important;
}


body.learnpress-page
.course-summary-sidebar
.course-price * {
	color: #F97316 !important;
}

/* ---------------------------------------------------------
   Course button area
   --------------------------------------------------------- */

body.learnpress-page
.course-summary-sidebar
.lp-course-buttons {
	margin: 0 !important;
	padding: 20px 20px 0 !important;

	text-align: center;
}


body.learnpress-page
.course-summary-sidebar
.purchase-course {
	margin: 0 !important;
}


/* ---------------------------------------------------------
   Buy Now button
   --------------------------------------------------------- */

body.learnpress-page
.course-summary-sidebar
.button-purchase-course {
	display: block !important;

	width: 100% !important;
	min-height: 48px;

	margin: 0 !important;
	padding: 12px 18px !important;

	border: 1px solid #F97316 !important;
	border-radius: 8px !important;

	background: #F97316 !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4;

	text-align: center;

	box-shadow: none !important;

	box-sizing: border-box;
}


body.learnpress-page
.course-summary-sidebar
.button-purchase-course:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


body.learnpress-page
.course-summary-sidebar
.button-purchase-course:focus-visible {
	outline: 2px solid #F97316 !important;
	outline-offset: 3px;
}


/* ---------------------------------------------------------
   Continue button
   --------------------------------------------------------- */

body.learnpress-page
.course-summary-sidebar
.course-btn-continue {
	width: 100%;

	padding: 12px 18px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}


body.learnpress-page
.course-summary-sidebar
.course-btn-continue:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}

/* ---------------------------------------------------------
   Purchase confirmation / redirect message
   --------------------------------------------------------- */

/*
 * LearnPress shows a temporary success message after
 * adding the course to the basket.
 *
 * Keep this heavily scoped to the single-course sidebar.
 */
body.single-lp_course
.course-summary-sidebar
.learn-press-message,
body.single-lp_course
.course-summary-sidebar
.learn-press-message.success {
	margin: 20px !important;
	padding: 16px 18px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;

	text-align: center;

	box-shadow: none !important;
}


/* Remove LearnPress success decoration if present */
body.single-lp_course
.course-summary-sidebar
.learn-press-message::before,
body.single-lp_course
.course-summary-sidebar
.learn-press-message::after {
	background: transparent !important;
	border: 0 !important;
	color: #F97316 !important;
}

/* ---------------------------------------------------------
   Progress / learning information
   --------------------------------------------------------- */

body.learnpress-page
.course-summary-sidebar
.info-learning {
	padding: 10px 20px 20px;

	background: #1C1D21 !important;
	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}


body.learnpress-page
.course-summary-sidebar
.course-progress__label {
	margin-bottom: 6px;
}


body.learnpress-page
.course-summary-sidebar
.course-progress__line {
	height: 4px;

	margin: 6px 0 10px;

	border-radius: 999px;

	background: #3A3D45 !important;

	overflow: hidden;
}


body.learnpress-page
.course-summary-sidebar
.course-progress__line__active {
	background: #C96A2B !important;
}


/* =========================================================
   17. Secondary course sidebar
   ========================================================= */

body.learnpress-page
.course-sidebar-secondary {
	margin-top: 20px;
	padding: 20px !important;
	background: #1C1D21 !important;
	border: 1px solid #3A3D45 !important;
	border-radius: 12px;
	overflow: hidden;
	color: #D6D9DE;
	box-sizing: border-box;
}

body.learnpress-page
.course-sidebar-secondary
.widget {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: inherit;
}

body.learnpress-page
.course-sidebar-secondary
.alignfull,
body.learnpress-page
.course-sidebar-secondary
.uagb-is-root-container {
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.learnpress-page
.course-sidebar-secondary
.uagb-container-inner-blocks-wrap {
	width: 100%;
	max-width: 100%;
}

body.learnpress-page
.course-sidebar-secondary
.uagb-heading-text {
	margin: 0 0 20px !important;
	color: #F8FAFC !important;
	font-family: "Red Hat Text", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.3;
}

body.learnpress-page
.course-sidebar-secondary
.wp-block-uagb-image {
	margin: 0 0 20px !important;
}

body.learnpress-page
.course-sidebar-secondary
.wp-block-uagb-image__figure {
	margin: 0 !important;
	text-align: center;
}

body.learnpress-page
.course-sidebar-secondary
img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

body.learnpress-page
.course-sidebar-secondary
#block-78 img {
	max-width: 180px;
}

body.learnpress-page
.course-sidebar-secondary
#block-86 img {
	max-width: 220px;
}

body.learnpress-page
.course-sidebar-secondary
#block-115 img {
	max-width: 140px;
}

body.learnpress-page
.course-sidebar-secondary
#block-5,
body.learnpress-page
.course-sidebar-secondary
#block-6 {
	display: none !important;
}

/* =========================================================
   17A. Single course tablet layout
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

	body.single-lp_course
	.course-detail-info {
		padding: 24px !important;
		margin-bottom: 28px;
	}

	body.single-lp_course
	.course-detail-info
	.course-title {
		font-size: 32px;
		line-height: 1.2;
		margin: 18px 0 22px;
	}

	body.single-lp_course
	.course-detail-info
	.course-meta-primary
	.course-meta__pull-left {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 20px 32px;
	}

	body.single-lp_course
	.course-detail-info
	.course-meta-secondary
	.course-meta__pull-left {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px 28px;
		width: 100%;
	}

	body.single-lp_course
	.course-detail-info
	.course-meta-secondary
	.meta-item {
		margin: 0 !important;
	}
}

/* =========================================================
   18. Single course mobile layout
   ========================================================= */

@media (max-width: 767px) {

	/* -----------------------------------------------------
	   Course header
	   ----------------------------------------------------- */

	body.single-lp_course
	.course-detail-info {
		margin-bottom: 24px;
		padding: 20px !important;
		box-sizing: border-box;
	}

	body.single-lp_course
	.course-detail-info
	.course-title {
		font-size: 30px;
		line-height: 1.2;
		margin: 18px 0 22px;
	}


	/* -----------------------------------------------------
	   Course tabs
	   ----------------------------------------------------- */

	body.single-lp_course
	#learn-press-course-tabs
	.wrapper-course-nav-tabs {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	body.single-lp_course
	#learn-press-course-tabs
	.wrapper-course-nav-tabs::-webkit-scrollbar {
		display: none;
	}

	body.single-lp_course
	#learn-press-course-tabs
	.learn-press-nav-tabs {
		width: max-content;
		min-width: 100%;
	}

	body.single-lp_course
	#learn-press-course-tabs
	.learn-press-nav-tabs
	.course-nav label {
		margin-right: 24px;
		white-space: nowrap;
	}


	/* -----------------------------------------------------
	   Instructor mobile layout
	   ----------------------------------------------------- */

	body.single-lp_course
	#tab-instructor
	.lp-course-author {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		justify-content: flex-start !important;
		gap: 24px !important;
		padding: 24px !important;
		box-sizing: border-box;
		text-align: left !important;
	}

	body.single-lp_course
	#tab-instructor
	.course-author__pull-left {
		flex: 0 0 96px !important;
		width: 96px !important;
		max-width: 96px !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}

	body.single-lp_course
	#tab-instructor
	.course-author__pull-left img.avatar {
		display: block;
		width: 96px !important;
		height: 96px !important;
		margin: 0 !important;
	}

	body.single-lp_course
	#tab-instructor
	.course-author__pull-right {
		flex: 1 1 auto !important;
		min-width: 0;
		margin: 0 !important;
		padding: 10px 0 0 !important;
		text-align: left !important;
	}

	body.single-lp_course
	#tab-instructor
	.author-title {
		text-align: left !important;
	}

	body.single-lp_course
	#tab-instructor
	.instructor-social {
		justify-content: flex-start !important;
		text-align: left !important;
	}

	body.single-lp_course
	#tab-instructor
	.instructor-social a {
		font-size: 20px !important;
	}


	/* -----------------------------------------------------
	   Mobile price placement
	   ----------------------------------------------------- */

	body.single-lp_course
	.course-summary-sidebar
	.course-price {
		padding: 30px 0 0 20px !important;
		margin: 0 !important;
		text-align: left !important;
		background: #1C1D21 !important;
		color: #F97316 !important;
	}

	body.single-lp_course
	.course-summary-sidebar
	.course-price,
	body.single-lp_course
	.course-summary-sidebar
	.course-price * {
		color: #F97316 !important;
	}

	body.single-lp_course
	.course-summary-sidebar
	.button-purchase-course {
		width: 100% !important;
		box-sizing: border-box;
	}
}


/* =========================================================
   19. Single course alignment correction
   ========================================================= */

/*
 * Neutralise the horizontal margin applied to .single-lp_course
 * by an external plugin stylesheet.
 */
body.single-lp_course {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ---------------------------------------------------------
   Student learning curriculum
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.course-curriculum,
body.course-item-popup
#popup-course
#popup-sidebar
.course-item {
	margin-left: 0 !important;
}

/* =========================================================
   20. Student learning interface
   Overall learning shell
   ========================================================= */

/*
 * Scope all student learning interface changes to the
 * LearnPress course-item popup environment.
 *
 * This prevents these rules affecting:
 * - course archive
 * - public single-course page
 * - course tabs
 * - public curriculum accordion
 */
body.course-item-popup
#popup-course {
	--al-learning-header-height: 82px;

	background: linear-gradient(
		90deg,
		#1F2227 30%,
		#0E1013 100%
	) !important;

	color: #D6D9DE;
	font-family: "DM Sans", sans-serif;
}


/* =========================================================
   21. Student learning interface
   Top course bar
   ========================================================= */

/*
 * Keep the complete application header at one consistent
 * height across the sidebar, centre header and controls.
 */
body.course-item-popup
#popup-course
#popup-header {
	height: var(--al-learning-header-height) !important;
	min-height: var(--al-learning-header-height) !important;

	background: #1C1D21 !important;
	border-bottom: 1px solid #3A3D45 !important;

	color: #D6D9DE;
	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Main course title
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-header
.course-title,
body.course-item-popup
#popup-course
#popup-header
.course-title a {
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;

	text-decoration: none;
}


/* ---------------------------------------------------------
   Course progress text
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-header
.items-progress,
body.course-item-popup
#popup-course
#popup-header
.items-progress .number {
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
}


/* ---------------------------------------------------------
   Progress track
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-header
.learn-press-progress {
	background: #4A4E5A !important;
	border-radius: 999px;

	overflow: hidden;
}


/* Progress active state */
body.course-item-popup
#popup-course
#popup-header
.learn-press-progress__active {
	background: #F97316 !important;
}


/* ---------------------------------------------------------
   Header inner area
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-header
.popup-header__inner {
	height: var(--al-learning-header-height) !important;
	min-height: var(--al-learning-header-height) !important;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Sidebar collapse control
   --------------------------------------------------------- */

/*
 * LearnPress defaults the actual curriculum toggle to:
 *
 * display: inline-block;
 * width: 32px;
 * min-width: 32px;
 * line-height: 70px;
 * height: unset;
 *
 * The learning header is now 82px high.
 *
 * Match both the control height and line-height to the
 * branded header height so the arrow is vertically centred
 * using LearnPress's existing alignment method.
 */
body.course-item-popup
#popup-course
#sidebar-toggle {
	width: 32px !important;
	min-width: 32px !important;

	height: var(--al-learning-header-height) !important;
	min-height: var(--al-learning-header-height) !important;

	line-height: var(--al-learning-header-height) !important;

	margin: 0 !important;
	padding: 0 !important;

	text-align: center !important;

	box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   Back / close course control
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-header
.back-course {
	height: var(--al-learning-header-height) !important;
	min-height: var(--al-learning-header-height) !important;

	display: flex !important;
	align-items: center;
	justify-content: center;

	color: #D6D9DE !important;

	box-sizing: border-box;
}


body.course-item-popup
#popup-course
#popup-header
.back-course:hover {
	color: #F97316 !important;
}


/* =========================================================
   22. Student learning interface
   Curriculum sidebar shell
   ========================================================= */

body.course-item-popup
#popup-course
#popup-sidebar {
	background: #151619 !important;
	border-right: 1px solid #3A3D45 !important;

	color: #D6D9DE;

	overflow-x: hidden !important;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Sidebar search / top utility area
   --------------------------------------------------------- */

/*
 * Search area uses the same height as the main top bar.
 */
body.course-item-popup
#popup-course
#popup-sidebar
.search-course {
	position: relative !important;

	display: flex !important;
	align-items: center !important;

	width: 100%;
	height: var(--al-learning-header-height) !important;
	min-height: var(--al-learning-header-height) !important;

	margin: 0 !important;
	padding: 15px 16px !important;

	background: #1C1D21 !important;
	border-bottom: 1px solid #3A3D45 !important;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Search input
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.search-course input {
	display: block;

	width: 100% !important;
	height: 52px !important;
	min-height: 52px !important;

	margin: 0 !important;
	padding: 0 52px 0 16px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 52px;

	box-sizing: border-box;
}


/* Placeholder */
body.course-item-popup
#popup-course
#popup-sidebar
.search-course input::placeholder {
	color: #A8ADB7 !important;
	opacity: 1;
}


/* Search input focus */
body.course-item-popup
#popup-course
#popup-sidebar
.search-course input:focus {
	border-color: #F97316 !important;
	outline: none;
}


/* ---------------------------------------------------------
   Search icon button
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.search-course
button[name="submit"] {
	position: absolute !important;
	top: 50% !important;
	right: 28px !important;

	transform: translateY(-50%);

	display: flex !important;
	align-items: center;
	justify-content: center;

	width: 32px;
	height: 32px;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	background: transparent !important;

	color: #A8ADB7 !important;
}


body.course-item-popup
#popup-course
#popup-sidebar
.search-course
button[name="submit"]:hover {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Clear-search control
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.search-course
button.clear {
	position: absolute !important;
	top: 50% !important;
	right: 28px !important;

	transform: translateY(-50%);

	margin: 0 !important;
}


/* ---------------------------------------------------------
   Scrollable curriculum position and width
   --------------------------------------------------------- */

/*
 * LearnPress positions .course-curriculum absolutely
 * inside the sidebar.
 *
 * Instead of retaining its fixed 475px width, anchor the
 * panel to both sides of the available sidebar.
 *
 * This removes horizontal overflow while retaining the
 * useful curriculum vertical scrollbar.
 */
body.course-item-popup
#popup-course
#popup-sidebar
.course-curriculum {
	top: 82px !important;
	bottom: 0 !important;

	left: 0 !important;
	right: 0 !important;

	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;

	overflow-x: hidden !important;
	overflow-y: scroll !important;

	box-sizing: border-box !important;

	scrollbar-width: thin;
	scrollbar-color: #4A4E5A #151619;
}


/* ---------------------------------------------------------
   Curriculum width containment
   --------------------------------------------------------- */

/*
 * Ensure nested curriculum elements cannot force the
 * sidebar wider than its available width.
 */
body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum,
body.course-item-popup
#popup-course
#popup-sidebar
.course-sections,
body.course-item-popup
#popup-course
#popup-sidebar
.course-section,
body.course-item-popup
#popup-course
#popup-sidebar
.course-section-header,
body.course-item-popup
#popup-course
#popup-sidebar
.course-section__items,
body.course-item-popup
#popup-course
#popup-sidebar
.course-item,
body.course-item-popup
#popup-course
#popup-sidebar
.course-item__link,
body.course-item-popup
#popup-course
#popup-sidebar
.course-item__content,
body.course-item-popup
#popup-course
#popup-sidebar
.course-item__left {
	max-width: 100% !important;
	min-width: 0 !important;

	box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   Curriculum vertical scrollbar
   --------------------------------------------------------- */

/*
 * Keep this visible as a useful indication of how much
 * curriculum remains.
 *
 * Horizontal scrolling is disabled separately above.
 */

/* Chromium / Edge / Safari */
body.course-item-popup
#popup-course
#popup-sidebar
.course-curriculum::-webkit-scrollbar {
	width: 8px;
}


body.course-item-popup
#popup-course
#popup-sidebar
.course-curriculum::-webkit-scrollbar:horizontal {
	height: 0;
}


body.course-item-popup
#popup-course
#popup-sidebar
.course-curriculum::-webkit-scrollbar-track {
	background: #151619;
}


body.course-item-popup
#popup-course
#popup-sidebar
.course-curriculum::-webkit-scrollbar-thumb {
	background: #4A4E5A;
	border-radius: 999px;
}


body.course-item-popup
#popup-course
#popup-sidebar
.course-curriculum::-webkit-scrollbar-thumb:hover {
	background: #F97316;
}


/* =========================================================
   23. Student learning interface
   Curriculum sections
   ========================================================= */

/*
 * The learning sidebar uses a denser application-style
 * structure because the course contains a large number
 * of learning items.
 */
body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section {
	margin: 0 !important;

	border: 0 !important;
	border-bottom: 1px solid #3A3D45 !important;
	border-radius: 0 !important;

	background: #1C1D21 !important;

	overflow: visible;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Section / module heading
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section-header {
	min-height: 58px;

	padding: 16px 18px !important;

	border: 0 !important;

	background: #1C1D21 !important;
	color: #D6D9DE !important;

	box-sizing: border-box;
}


body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section-header:hover {
	background: #23252A !important;
}


/* ---------------------------------------------------------
   Module title
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section__title {
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
}


/*
 * Hide module descriptions inside the dense learning
 * interface. They remain available on the public page.
 */
body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section__description {
	display: none !important;
}


/* ---------------------------------------------------------
   Item count
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.section-count-items {
	color: #A8ADB7 !important;

	font-size: 13px;
	font-weight: 400;
}


/* ---------------------------------------------------------
   Expand / collapse icons
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.section-toggle i {
	color: #A8ADB7 !important;
}


body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section-header:hover
.section-toggle i {
	color: #F97316 !important;
}


/* =========================================================
   24. Student learning interface
   Curriculum learning-item rows
   ========================================================= */

body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section__items {
	background: #151619 !important;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Standard lesson / H5P / quiz / assignment row
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section__items
.course-item {
	margin: 0 !important;

	border: 0 !important;
	border-top: 1px solid #3A3D45 !important;

	background: #151619 !important;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Entire clickable row
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section__items
.course-item__link {
	min-height: 56px;

	padding: 14px 18px !important;

	background: transparent !important;
	color: #D6D9DE !important;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Learning-item title
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-item-title {
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
}


/* ---------------------------------------------------------
   Item-type icon
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-item-ico {
	color: #A8ADB7 !important;
}


/* ---------------------------------------------------------
   Duration / question counts / metadata
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-item__right,
body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-item__right * {
	color: #A8ADB7 !important;

	font-size: 13px;
	font-weight: 400;
}


/* ---------------------------------------------------------
   Row hover
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section__items
.course-item:hover {
	background: #23252A !important;
}


body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section__items
.course-item:hover
.course-item-title {
	color: #F8FAFC !important;
}


/* ---------------------------------------------------------
   Current learning item
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section__items
.course-item.current {
	background: #23252A !important;

	box-shadow: inset 3px 0 0 #F97316;
}


body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section__items
.course-item.current
.course-item-title {
	color: #F8FAFC !important;

	font-weight: 500;
}


body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-section__items
.course-item.current
.course-item-ico {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Completed learning item
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-item__status
.course-item-ico.completed,
body.course-item-popup
#popup-course
#popup-sidebar
.lp-course-curriculum
.course-item__status
.course-item-ico.passed {
	display: inline-block !important;

	color: #A8ADB7 !important;
}


/* =========================================================
   25. Student learning interface
   Main content canvas
   ========================================================= */

/*
 * LearnPress defaults #popup-content to:
 *
 * margin: 70px 0 50px 0;
 *
 * The Alan Lang learning header is now 82px high, so the
 * top offset must match it.
 *
 * The original 50px bottom margin also shortened the
 * scrollable content region and caused the far-right
 * scrollbar to stop above the bottom of the viewport.
 *
 * Remove that external bottom gap so the scrollbar can
 * occupy the complete remaining learning area.
 */
body.course-item-popup
#popup-course
#popup-content {
	margin: 82px 0 0 0 !important;

	background: linear-gradient(
		90deg,
		#1F2227 30%,
		#0E1013 100%
	) !important;

	color: #D6D9DE;

	overflow-x: hidden !important;
	overflow-y: scroll !important;

	scrollbar-width: thin;
	scrollbar-color: #4A4E5A #151619;
}


body.course-item-popup
#popup-course
#learn-press-content-item {
	background: transparent !important;
}


body.course-item-popup
#popup-course
.content-item-scrollable {
	background: transparent !important;
}


/* ---------------------------------------------------------
   Main learning-area vertical scrollbar
   --------------------------------------------------------- */

/*
 * The far-right scrollbar belongs to the popup content
 * region rather than the H5P presentation itself.
 *
 * Match its appearance to the curriculum scrollbar.
 */

/* Chromium / Edge / Safari */
body.course-item-popup
#popup-course
#popup-content::-webkit-scrollbar {
	width: 8px;
}


body.course-item-popup
#popup-course
#popup-content::-webkit-scrollbar-track {
	background: #151619;
}


body.course-item-popup
#popup-course
#popup-content::-webkit-scrollbar-thumb {
	background: #4A4E5A;
	border-radius: 999px;
}


body.course-item-popup
#popup-course
#popup-content::-webkit-scrollbar-thumb:hover {
	background: #F97316;
}


/*
 * Main learning-content alignment.
 *
 * Content sits directly on the learning canvas rather
 * than inside another card.
 */
body.course-item-popup
#popup-course
.content-item-wrap {
	width: 100%;
	max-width: 1120px;

	margin: 0 auto;
	padding: 56px 48px 40px;

	box-sizing: border-box;
}


/* =========================================================
   26. Student learning interface
   Main lesson / activity content
   ========================================================= */

/*
 * Keep the lesson content visually open.
 */
body.course-item-popup
#popup-course
.content-item-summary {
	width: 100%;

	margin: 0;
	padding: 0;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;
	box-shadow: none !important;

	color: #D6D9DE;
}


/* ---------------------------------------------------------
   Main lesson and H5P titles
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.course-item-title.lesson-title,
body.course-item-popup
#popup-course
#content-item-h5p > h2 {
	margin: 0 0 28px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 1.15;
}


/* ---------------------------------------------------------
   Ordinary lesson body copy
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.lesson-description {
	color: #D6D9DE;

	font-family: "DM Sans", sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
}


body.course-item-popup
#popup-course
.content-item-summary
.lesson-description p {
	margin: 0 0 22px;

	color: #D6D9DE;
}


/* =========================================================
   27. Student learning interface
   H5P presentation area
   ========================================================= */

/*
 * H5P already contains its own presentation frame.
 * Do not add another card around it.
 *
 * These styles affect only the LearnPress wrapper and
 * do not enter the H5P iframe itself.
 */
body.course-item-popup
#popup-course
#content-item-h5p
.learn_press_h5p_condition {
	margin-top: 24px;
	padding: 0;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;
	box-shadow: none !important;

	box-sizing: border-box;
}


body.course-item-popup
#popup-course
#content-item-h5p
.h5p-iframe-wrapper {
	width: 100%;

	margin: 0;
	padding: 0;

	border: 0;

	background: transparent;
}


body.course-item-popup
#popup-course
#content-item-h5p
.h5p-iframe {
	display: block;

	width: 100%;
	max-width: 100%;

	margin: 0;

	border: 0;
}


/* =========================================================
   28. Student learning interface
   Complete-item controls
   ========================================================= */

body.course-item-popup
#popup-course
.learn-press-form.form-button {
	margin-top: 28px;
}


/* ---------------------------------------------------------
   Shared lesson / H5P completion button
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.lp-btn-complete-item {
	min-height: 48px;

	padding: 12px 22px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}


body.course-item-popup
#popup-course
.lp-btn-complete-item:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


body.course-item-popup
#popup-course
.lp-btn-complete-item:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}


/* =========================================================
   29. Student learning interface
   Previous / Next navigation
   ========================================================= */

body.course-item-popup
#popup-course
#popup-footer {
	background: transparent !important;
	border-top: 0 !important;
}


body.course-item-popup
#popup-course
#popup-footer
.course-item-nav {
	width: 100%;
	max-width: 1120px;

	margin: 0 auto;
	padding: 18px 48px 28px;

	border-top: 1px solid #3A3D45;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Previous / Next navigation areas
   --------------------------------------------------------- */

/*
 * Neutralise LearnPress default hover backgrounds.
 * The navigation should remain part of the dark learning
 * canvas rather than becoming a light panel on hover.
 */
body.course-item-popup
#popup-course
#popup-footer
.course-item-nav
.prev,
body.course-item-popup
#popup-course
#popup-footer
.course-item-nav
.next {
	background: transparent !important;
}


body.course-item-popup
#popup-course
#popup-footer
.course-item-nav
.prev:hover,
body.course-item-popup
#popup-course
#popup-footer
.course-item-nav
.next:hover {
	background: transparent !important;
}


/* ---------------------------------------------------------
   Destination lesson / activity name
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-footer
.course-item-nav__name {
	margin-bottom: 4px;

	background: transparent !important;
	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
}


/*
 * Keep the destination label readable when the
 * Previous / Next area is hovered.
 */
body.course-item-popup
#popup-course
#popup-footer
.prev:hover
.course-item-nav__name,
body.course-item-popup
#popup-course
#popup-footer
.next:hover
.course-item-nav__name {
	background: transparent !important;
	color: #A8ADB7 !important;
}


/* ---------------------------------------------------------
   Previous / Next links
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-footer
.course-item-nav
.prev a,
body.course-item-popup
#popup-course
#popup-footer
.course-item-nav
.next a {
	background: transparent !important;
	color: #D6D9DE !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 600;

	text-decoration: none;
}


body.course-item-popup
#popup-course
#popup-footer
.course-item-nav
.prev a:hover,
body.course-item-popup
#popup-course
#popup-footer
.course-item-nav
.next a:hover {
	background: transparent !important;
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Keyboard focus
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
#popup-footer
.course-item-nav
.prev a:focus-visible,
body.course-item-popup
#popup-course
#popup-footer
.course-item-nav
.next a:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}

/* =========================================================
   30. Student learning interface
   Complete lesson confirmation modal
   ========================================================= */

/*
 * LearnPress confirmation modal shown when a learner
 * attempts to mark a lesson or learning item complete.
 *
 * Keep LearnPress responsible for modal positioning,
 * visibility and interaction behaviour.
 *
 * These rules only restyle the visible modal and backdrop
 * to match the Alan Lang learning interface.
 */


/* ---------------------------------------------------------
   Modal backdrop
   --------------------------------------------------------- */

/*
 * LearnPress uses .lp-overlay for the full-screen
 * confirmation backdrop.
 */
body.course-item-popup
.lp-overlay {
	background: rgba(0, 0, 0, 0.68) !important;
}


/* ---------------------------------------------------------
   Modal panel
   --------------------------------------------------------- */

body.course-item-popup
.lp-modal-dialog
.lp-modal-content {
	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	box-shadow: none !important;

	overflow: hidden;
}


/* ---------------------------------------------------------
   Modal header
   --------------------------------------------------------- */

body.course-item-popup
.lp-modal-dialog
.lp-modal-header {
	padding: 20px 24px !important;

	border: 0 !important;

	background: #23252A !important;
}


/* ---------------------------------------------------------
   Modal title
   --------------------------------------------------------- */

body.course-item-popup
.lp-modal-dialog
.lp-modal-header
.modal-title {
	margin: 0 !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
}


/* ---------------------------------------------------------
   Modal body
   --------------------------------------------------------- */

body.course-item-popup
.lp-modal-dialog
.lp-modal-body {
	padding: 0 !important;

	background: #23252A !important;
	color: #D6D9DE !important;
}


body.course-item-popup
.lp-modal-dialog
.lp-modal-body
.main-content {
	background: transparent !important;
	color: #D6D9DE !important;
}


/* ---------------------------------------------------------
   Modal message text
   --------------------------------------------------------- */

body.course-item-popup
.lp-modal-dialog
.lp-modal-body
.pd-2em {
	padding: 24px !important;

	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}


/* ---------------------------------------------------------
   Modal footer
   --------------------------------------------------------- */

body.course-item-popup
.lp-modal-dialog
.lp-modal-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;

	padding: 18px 24px !important;

	border: 0 !important;

	background: #23252A !important;
}


/* ---------------------------------------------------------
   Shared modal buttons
   --------------------------------------------------------- */

body.course-item-popup
.lp-modal-dialog
.lp-modal-footer
.lp-button {
	min-width: 88px;
	min-height: 46px;

	margin: 0 !important;
	padding: 11px 20px !important;

	border-radius: 8px !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;

	box-shadow: none !important;
}

/* ---------------------------------------------------------
   No / cancel button
   --------------------------------------------------------- */

body.course-item-popup
.lp-modal-dialog
.lp-modal-footer
.btn-no {
	border: 1px solid #3A3D45 !important;

	background: #23252A !important;
	color: #D6D9DE !important;
}


body.course-item-popup
.lp-modal-dialog
.lp-modal-footer
.btn-no:hover {
	border-color: #A8ADB7 !important;

	background: #2A2C32 !important;
	color: #F8FAFC !important;
}


/* ---------------------------------------------------------
   Yes / confirm button
   --------------------------------------------------------- */

body.course-item-popup
.lp-modal-dialog
.lp-modal-footer
.btn-yes {
	border: 1px solid #F97316 !important;

	background: #F97316 !important;
	color: #F8FAFC !important;
}


body.course-item-popup
.lp-modal-dialog
.lp-modal-footer
.btn-yes:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


/* ---------------------------------------------------------
   Keyboard focus
   --------------------------------------------------------- */

body.course-item-popup
.lp-modal-dialog
.lp-modal-footer
.lp-button:focus-visible {
	outline: 2px solid #F97316 !important;
	outline-offset: 3px;
}

/* =========================================================
   31. Student learning interface
   Completed lesson state
   ========================================================= */

/*
 * Completion confirmation shown after a learner
 * successfully marks a lesson complete.
 *
 * Keep the state visually clear without falling back
 * to LearnPress's stock green alert/button styling.
 */


/* ---------------------------------------------------------
   Completion success message
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.learn-press-message.success {
	margin: 28px 0 14px !important;
	padding: 16px 18px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #1C1D21 !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Completed button
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.lp-button.completed {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;

	min-height: 46px;

	margin: 0 !important;
	padding: 11px 18px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;

	box-shadow: none !important;
	opacity: 1 !important;
	cursor: default;
}


/* ---------------------------------------------------------
   Completed check icon
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.lp-button.completed
.lp-icon-check {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Disabled-state correction
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.lp-button.completed:disabled {
	background: #23252A !important;
	color: #F8FAFC !important;
	opacity: 1 !important;
}

/* =========================================================
   32. Student learning interface
   Lesson downloadable materials
   ========================================================= */

/*
 * Match lesson materials to the approved Materials tab
 * styling used on the public single-course page.
 *
 * Scoped only to the student learning interface.
 */


/* ---------------------------------------------------------
   Materials container
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.lp-list-material {
	margin: 28px 0 0 !important;
	padding: 0 !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	overflow: hidden;

	background: #1C1D21 !important;
}


/* ---------------------------------------------------------
   Materials table
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.course-material-table {
	width: 100%;

	margin: 0 !important;

	border-collapse: collapse;
	border: 0 !important;

	background: #1C1D21 !important;
}


/* ---------------------------------------------------------
   Column widths
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.lp-material-th-file-type,
body.course-item-popup
#popup-course
.content-item-summary
.lp-material-file-type {
	width: 90px;
}


body.course-item-popup
#popup-course
.content-item-summary
.lp-material-th-file-size,
body.course-item-popup
#popup-course
.content-item-summary
.lp-material-file-size {
	width: 100px;
}


body.course-item-popup
#popup-course
.content-item-summary
.lp-material-th-file-link,
body.course-item-popup
#popup-course
.content-item-summary
.lp-material-file-link {
	width: 110px;
}


/* ---------------------------------------------------------
   Table headings
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.course-material-table
thead th {
	padding: 14px 16px !important;

	background: #23252A !important;

	border-right: 1px solid #3A3D45 !important;
	border-bottom: 1px solid #3A3D45 !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;

	text-align: left;
}


body.course-item-popup
#popup-course
.content-item-summary
.course-material-table
thead th:last-child {
	border-right: 0 !important;
}


/* ---------------------------------------------------------
   Material rows
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.course-material-table
tbody td {
	padding: 14px 16px !important;

	border-right: 1px solid #3A3D45 !important;
	border-bottom: 1px solid #3A3D45 !important;

	background: #1C1D21 !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}


body.course-item-popup
#popup-course
.content-item-summary
.course-material-table
tbody td:last-child {
	border-right: 0 !important;
}


body.course-item-popup
#popup-course
.content-item-summary
.course-material-table
tbody tr:last-child td {
	border-bottom: 0 !important;
}


/* ---------------------------------------------------------
   Row hover
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.course-material-table
tbody tr:hover td {
	background: #23252A !important;
}


/* ---------------------------------------------------------
   Type and file-size metadata
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.lp-material-file-type,
body.course-item-popup
#popup-course
.content-item-summary
.lp-material-file-size {
	color: #A8ADB7 !important;
}


/* ---------------------------------------------------------
   Download column
   --------------------------------------------------------- */

body.course-item-popup
#popup-course
.content-item-summary
.lp-material-file-link {
	text-align: center;
}


body.course-item-popup
#popup-course
.content-item-summary
.lp-material-file-link a {
	color: #A8ADB7 !important;
}


body.course-item-popup
#popup-course
.content-item-summary
.lp-material-file-link a:hover {
	color: #F97316 !important;
}


body.course-item-popup
#popup-course
.content-item-summary
.btn-download-material {
	font-size: 18px;
}

/* =========================================================
   33. Student learning interface
   Presto Player branding
   ========================================================= */

/*
 * Bring Presto Player into the Alan Lang learning interface.
 *
 * Keep the player visually restrained:
 * - dark player treatment
 * - muted controls
 * - flatter orange only for progress/highlight states
 * - 12px outer radius to match the wider LMS geometry
 */

body.course-item-popup
#popup-course
.presto-block-video {

	/* -----------------------------------------------------
	   Player frame
	   ----------------------------------------------------- */

	--presto-player-border-radius: 12px;


	/* -----------------------------------------------------
	   Main Presto / Plyr colour
	   ----------------------------------------------------- */

	/*
	 * Presto's Modern skin uses this colour for the
	 * central overlaid play button and other highlight
	 * states.
	 *
	 * Keep it dark so the player does not become visually
	 * dominant against the lesson content.
	 */
	--presto-player-highlight-color: #23252A;


	/* -----------------------------------------------------
	   Bottom controls background
	   ----------------------------------------------------- */

	--plyr-video-controls-background:
		linear-gradient(
			rgba(21, 22, 25, 0),
			rgba(21, 22, 25, 0.20),
			rgba(21, 22, 25, 0.50),
			rgba(21, 22, 25, 0.96)
		);


	/* -----------------------------------------------------
	   Control icons
	   ----------------------------------------------------- */

	--plyr-video-control-color: #D6D9DE;
	--plyr-video-control-color-hover: #F8FAFC;

	--plyr-video-control-background-hover: #23252A;


	/* -----------------------------------------------------
	   Progress / seek bar
	   ----------------------------------------------------- */

	/*
	 * Use the flatter Alan Lang orange for progress rather
	 * than the brighter primary interaction orange.
	 */
	--plyr-range-fill-background: #C96A2B;

	--plyr-range-thumb-background: #F8FAFC;


	/* -----------------------------------------------------
	   Buffered progress
	   ----------------------------------------------------- */

	--plyr-video-progress-buffered-background:
		rgba(168, 173, 183, 0.35);
}

/* =========================================================
   34. LearnPress profile
   Page environment
   ========================================================= */

/*
 * Scope the account/profile environment independently
 * from the public course pages and learner interface.
 */
body.learnpress-profile {
	background: linear-gradient(
		90deg,
		#1F2227 30%,
		#0E1013 100%
	) !important;

	color: #D6D9DE;
}


/* Allow the Alan Lang dark environment to flow through
   Astra and LearnPress profile wrappers */
body.learnpress-profile .site,
body.learnpress-profile .site-content,
body.learnpress-profile .content-area,
body.learnpress-profile .site-main,
body.learnpress-profile .ast-article-single,
body.learnpress-profile .entry-content,
body.learnpress-profile .learnpress,
body.learnpress-profile #learn-press-profile {
	background: transparent !important;
}


/* Keep the profile within the established site width */
body.learnpress-profile
#learn-press-profile
> .lp-content-area {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* =========================================================
   35. LearnPress profile
   Profile header
   ========================================================= */


/* ---------------------------------------------------------
   Cover image
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-user-cover-image_background {
	position: relative;

	overflow: hidden;

	border-radius: 12px !important;

	background-color: #1C1D21;

	box-sizing: border-box;
}


body.learnpress-profile
#learn-press-profile
.lp-user-cover-image_background
> img {
	display: block;

	width: 100%;
	height: auto;

	border-radius: 12px !important;
}


/* ---------------------------------------------------------
   Cover image edit control
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-btn-to-edit-cover-image {
	position: absolute;

	right: 16px;
	bottom: 16px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 40px;

	padding: 9px 14px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #1C1D21 !important;
	color: #F8FAFC !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;

	text-decoration: none !important;
	text-transform: none;

	box-shadow: none !important;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease;
}


body.learnpress-profile
#learn-press-profile
.lp-btn-to-edit-cover-image:hover {
	border-color: #F97316 !important;

	background: #23252A !important;
	color: #F97316 !important;
}


body.learnpress-profile
#learn-press-profile
.lp-btn-to-edit-cover-image:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}


/* ---------------------------------------------------------
   Profile header spacing
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.wrapper-profile-header {
	margin-bottom: 40px;
}


/* ---------------------------------------------------------
   Main profile header layout
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-profile-content-area {
	display: flex;
	align-items: center;

	gap: 20px;
}


/* ---------------------------------------------------------
   Avatar
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.user-avatar {
	position: relative;
}


body.learnpress-profile
#learn-press-profile
.user-avatar
img.avatar {
	display: block;

	width: 110px;
	height: 110px;

	border-radius: 50%;

	object-fit: cover;
}


/* ---------------------------------------------------------
   Avatar edit control
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-btn-to-edit-avatar {
	position: absolute;

	right: 0;
	bottom: 0;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 34px;
	height: 34px;

	padding: 0 !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 50% !important;

	background: #1C1D21 !important;
	color: #F8FAFC !important;

	font-size: 0;

	text-decoration: none !important;

	box-shadow: none !important;

	box-sizing: border-box;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease;
}


body.learnpress-profile
#learn-press-profile
.lp-btn-to-edit-avatar::before {
	content: "\270E";

	display: block;

	color: #F8FAFC;

	font-family: sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1;
}


body.learnpress-profile
#learn-press-profile
.lp-btn-to-edit-avatar:hover {
	border-color: #F97316 !important;

	background: #23252A !important;
}


body.learnpress-profile
#learn-press-profile
.lp-btn-to-edit-avatar:hover::before {
	color: #F97316;
}


body.learnpress-profile
#learn-press-profile
.lp-btn-to-edit-avatar:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}


/* ---------------------------------------------------------
   Username
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-profile-username {
	margin: 0;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
}


/* ---------------------------------------------------------
   Profile bio
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-profile-user-bio {
	margin-top: 12px;

	color: #D6D9DE;
}


body.learnpress-profile
#learn-press-profile
.lp-profile-user-bio
p {
	margin: 0;

	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}


/* ---------------------------------------------------------
   Social links
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-user-profile-socials {
	display: flex;
	align-items: center;

	gap: 12px;
}


body.learnpress-profile
#learn-press-profile
.lp-user-profile-socials
a {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 38px;
	height: 38px;

	border: 1px solid #3A3D45;
	border-radius: 50%;

	background: transparent;
	color: #A8ADB7 !important;

	text-decoration: none;
}


body.learnpress-profile
#learn-press-profile
.lp-user-profile-socials
a:hover {
	border-color: #F97316;

	color: #F97316 !important;
}


body.learnpress-profile
#learn-press-profile
.lp-user-profile-socials
a:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}


/* ---------------------------------------------------------
   Responsive edit controlsF
   --------------------------------------------------------- */

@media (max-width: 600px) {

	body.learnpress-profile
	#learn-press-profile
	.lp-btn-to-edit-cover-image {
		right: 10px;
		bottom: 10px;

		min-height: 36px;

		padding: 7px 10px !important;

		font-size: 13px;
	}
}
/* =========================================================
   36. LearnPress profile
   Profile navigation
   ========================================================= */


/* ---------------------------------------------------------
   Navigation shell
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-sidebar {
	background: transparent !important;
	border: 0 !important;
}


body.learnpress-profile
#learn-press-profile
#profile-nav {
	background: #1C1D21 !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	overflow: hidden;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Navigation list
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-profile-nav-tabs {
	margin: 0 !important;
	padding: 0 !important;

	background: #1C1D21 !important;
}


/* ---------------------------------------------------------
   Navigation items
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-profile-nav-tabs
> li {
	margin: 0 !important;

	border: 0 !important;
	border-bottom: 1px solid #3A3D45 !important;

	background: #1C1D21 !important;
}


body.learnpress-profile
#learn-press-profile
.lp-profile-nav-tabs
> li:last-child {
	border-bottom: 0 !important;
}


/* ---------------------------------------------------------
   Navigation links
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-profile-nav-tabs
> li
> a {
	display: flex;
	align-items: center;
	gap: 10px;

	min-height: 48px;

	padding: 12px 16px !important;

	background: transparent !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;

	text-decoration: none;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Navigation icons
   Default state
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-profile-nav-tabs
> li
> a
> i {
	color: #F8FAFC !important;

	font-size: 16px;
}


/* ---------------------------------------------------------
   Hover state
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-profile-nav-tabs
> li
> a:hover {
	background: #23252A !important;
	color: #F8FAFC !important;
}


body.learnpress-profile
#learn-press-profile
.lp-profile-nav-tabs
> li
> a:hover
> i {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Active state
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-profile-nav-tabs
> li.active {
	background: #23252A !important;

	box-shadow: none !important;
}


body.learnpress-profile
#learn-press-profile
.lp-profile-nav-tabs
> li.active
> a {
	background: #23252A !important;
	color: #F8FAFC !important;

	font-weight: 500;
}


body.learnpress-profile
#learn-press-profile
.lp-profile-nav-tabs
> li.active
> a
> i {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Keyboard focus
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-profile-nav-tabs
> li
> a:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: -3px;
}


/* ---------------------------------------------------------
   Hide non-essential learner account navigation items
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-profile-nav-tabs
> li.quizzes,

body.learnpress-profile
#learn-press-profile
.lp-profile-nav-tabs
> li.h5p {
	display: none !important;
}

/* =========================================================
   37. LearnPress profile
   Dashboard statistic cards
   ========================================================= */

/*
 * Follow the established Alan Lang website card language
 * rather than LearnPress's coloured dashboard treatment.
 */


/* ---------------------------------------------------------
   Statistic grid
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#dashboard-statistic
.dashboard-statistic__row {
	gap: 18px;
}


/* ---------------------------------------------------------
   Statistic cards
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#dashboard-statistic
.statistic-box {
	min-height: 92px;

	padding: 18px 20px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	background: #1C1D21 !important;

	box-shadow: none !important;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Statistic icon circle
   Match the established website service-card treatment
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#dashboard-statistic
.statistic-box__icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 52px !important;
	height: 52px !important;
	min-width: 52px !important;

	border: 0 !important;
	border-radius: 50% !important;

	background: #2A2C32 !important;
	background-image: none !important;

	box-shadow: none !important;
}


/*
 * Remove any LearnPress decorative layers attached
 * directly to the icon wrapper.
 */
body.learnpress-profile
#learn-press-profile
#dashboard-statistic
.statistic-box__icon::before,
body.learnpress-profile
#learn-press-profile
#dashboard-statistic
.statistic-box__icon::after {
	content: none !important;

	border: 0 !important;

	background: transparent !important;
	background-image: none !important;

	box-shadow: none !important;
}


/*
 * Neutralise LearnPress's coloured styling on the
 * nested icon element without removing the icon glyph.
 */
body.learnpress-profile
#learn-press-profile
#dashboard-statistic
.statistic-box__icon
> span {
	display: inline-block !important;

	width: auto !important;
	height: auto !important;

	border: 0 !important;
	border-radius: 0 !important;

	background: transparent !important;
	background-image: none !important;

	box-shadow: none !important;

	color: #F8FAFC !important;

	font-size: 18px !important;
	line-height: 1 !important;
}


/*
 * Keep the actual font icon clean and slightly lighter
 * in visual weight.
 */
body.learnpress-profile
#learn-press-profile
#dashboard-statistic
.statistic-box__icon
> span::before {
	border: 0 !important;

	background: transparent !important;
	background-image: none !important;

	box-shadow: none !important;

	color: #F8FAFC !important;

	font-size: 18px !important;
	line-height: 1 !important;
}


/*
 * Remove any secondary pseudo-element LearnPress may
 * attach to the nested icon span.
 */
body.learnpress-profile
#learn-press-profile
#dashboard-statistic
.statistic-box__icon
> span::after {
	content: none !important;

	border: 0 !important;

	background: transparent !important;
	background-image: none !important;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Statistic text area
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#dashboard-statistic
.statistic-box__text {
	color: #D6D9DE !important;
}


/* ---------------------------------------------------------
   Statistic labels
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#dashboard-statistic
.statistic-box__text
label {
	margin: 0 0 4px !important;

	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
}


/* ---------------------------------------------------------
   Statistic values
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#dashboard-statistic
.statistic-box__text__number {
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2;
}

/* =========================================================
   38. LearnPress profile
   Course management tabs
   ========================================================= */


/* ---------------------------------------------------------
   Tab row
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.learn-press-tabs {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 24px;

	margin-top: 28px;

	border-bottom: 1px solid #3A3D45 !important;
}


/* ---------------------------------------------------------
   Filter list
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.learn-press-filters {
	display: flex;
	align-items: center;

	gap: 28px;

	margin: 0 !important;
	padding: 0 !important;
}


/* ---------------------------------------------------------
   Filter items
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.learn-press-filters
li {
	margin: 0 !important;
	padding: 0 !important;
}


/* ---------------------------------------------------------
   Filter links
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.learn-press-filters
a {
	display: inline-block;

	padding: 0 0 12px !important;

	border: 0 !important;

	background: transparent !important;
	color: #A8ADB7 !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;

	text-decoration: none;
}


/* Hover */
body.learnpress-profile
#learn-press-profile
.learn-press-filters
a:hover {
	color: #F8FAFC !important;
}


/* Active tab */
body.learnpress-profile
#learn-press-profile
.learn-press-filters
a.active {
	color: #F97316 !important;

	border-bottom: 2px solid #F97316 !important;
}


/* ---------------------------------------------------------
   Course Builder button
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.learn-press-course-builder-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 40px;

	margin-bottom: 8px;
	padding: 8px 16px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;

	text-decoration: none;

	box-shadow: none !important;
}


/* Hover */
body.learnpress-profile
#learn-press-profile
.learn-press-course-builder-link:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


/* Keyboard focus */
body.learnpress-profile
#learn-press-profile
.learn-press-course-builder-link:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}


/* ---------------------------------------------------------
   Empty course-state message
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.learn-press-profile-course__progress
.lp-ajax-message {
	margin: 24px 0 0 !important;
	padding: 16px 18px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #1C1D21 !important;
	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;

	box-shadow: none !important;
}

/* =========================================================
   39. LearnPress profile
   My Courses progress table
   ========================================================= */


/* ---------------------------------------------------------
   Table wrapper
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-table-wrap {
	margin-top: 28px;

	border: 1px solid #3A3D45;
	border-radius: 12px;

	overflow: hidden;

	background: #1C1D21;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Table
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp_profile_course_progress {
	width: 100%;

	margin: 0 !important;

	border-collapse: collapse;
	border: 0 !important;

	background: #1C1D21 !important;
}


/* ---------------------------------------------------------
   Table header
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp_profile_course_progress
thead th {
	padding: 16px 18px !important;

	border: 0 !important;
	border-bottom: 1px solid #3A3D45 !important;

	background: #23252A !important;
	color: #A8ADB7 !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;

	text-align: left;
}


/* ---------------------------------------------------------
   Table rows
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp_profile_course_progress
tbody td {
	padding: 16px 18px !important;

	border: 0 !important;
	border-bottom: 1px solid #3A3D45 !important;

	background: #1C1D21 !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;

	vertical-align: middle;
}


body.learnpress-profile
#learn-press-profile
.lp_profile_course_progress
tbody tr:last-child td {
	border-bottom: 0 !important;
}


/* ---------------------------------------------------------
   Row hover
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp_profile_course_progress
tbody tr:hover td {
	background: #23252A !important;
}


/* ---------------------------------------------------------
   Course image
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp_profile_course_progress
.course-img {
	width: 72px;

	border-radius: 8px;

	overflow: hidden;
}


body.learnpress-profile
#learn-press-profile
.lp_profile_course_progress
.course-img img {
	display: block;

	width: 100%;
	height: auto;

	margin: 0;

	border-radius: 8px;
}


/* ---------------------------------------------------------
   Course title
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp_profile_course_progress
.course-title {
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}


body.learnpress-profile
#learn-press-profile
.lp_profile_course_progress
a:hover
.course-title {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Course status / date metadata
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp_profile_course_progress
.lp-user-item {
	color: #A8ADB7 !important;
}

/* =========================================================
   40. LearnPress profile
   Empty-state messages
   ========================================================= */

/*
 * LearnPress uses several message classes for empty states.
 * Keep these visually quiet and consistent inside the
 * profile environment.
 */


/* ---------------------------------------------------------
   Shared empty-state treatment
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-ajax-message,
body.learnpress-profile
#learn-press-profile
.learn-press-message.info,
body.learnpress-profile
#learn-press-profile
.learn-press-message.success {
	margin: 24px 0 0 !important;
	padding: 16px 18px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #1C1D21 !important;
	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Neutralise LearnPress decorative message layers
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-ajax-message::before,
body.learnpress-profile
#learn-press-profile
.lp-ajax-message::after,
body.learnpress-profile
#learn-press-profile
.learn-press-message.info::before,
body.learnpress-profile
#learn-press-profile
.learn-press-message.info::after,
body.learnpress-profile
#learn-press-profile
.learn-press-message.success::before,
body.learnpress-profile
#learn-press-profile
.learn-press-message.success::after {
	background: transparent !important;
	border: 0 !important;

	color: inherit !important;
}


/* ---------------------------------------------------------
   Neutralise LearnPress error / success colouring when
   these components are only reporting an empty state
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
.lp-ajax-message.error,
body.learnpress-profile
#learn-press-profile
.learn-press-message.success {
	border-color: #3A3D45 !important;

	background: #1C1D21 !important;
	color: #A8ADB7 !important;
}
/* =========================================================
   41. LearnPress profile
   Orders
   ========================================================= */


/* ---------------------------------------------------------
   Orders heading
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-orders
.profile-heading {
	margin: 0 0 24px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
}


/* ---------------------------------------------------------
   Orders table wrapper
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-orders
.lp-table-wrap {
	margin: 0 !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	background: #1C1D21 !important;

	overflow: hidden;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Orders table
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-orders
.profile-list-orders {
	width: 100%;

	margin: 0 !important;

	border: 0 !important;
	border-collapse: collapse;

	background: #1C1D21 !important;
}


/* ---------------------------------------------------------
   Table header
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-orders
.profile-list-orders
thead th {
	padding: 16px 18px !important;

	border: 0 !important;
	border-bottom: 1px solid #3A3D45 !important;

	background: #23252A !important;
	color: #A8ADB7 !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;

	text-align: left;
}


/* ---------------------------------------------------------
   Order rows
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-orders
.profile-list-orders
tbody td {
	padding: 14px 18px !important;

	border: 0 !important;
	border-bottom: 1px solid #3A3D45 !important;

	background: #1C1D21 !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;

	vertical-align: middle;
}


/* Row hover */
body.learnpress-profile
#learn-press-profile
#profile-content-orders
.profile-list-orders
tbody tr:hover td {
	background: #23252A !important;
}


/* ---------------------------------------------------------
   Order number and action links
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-orders
.profile-list-orders
a {
	color: #D6D9DE !important;

	text-decoration: none;
}


body.learnpress-profile
#learn-press-profile
#profile-content-orders
.profile-list-orders
a:hover {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Order status
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-orders
.lp-label,
body.learnpress-profile
#learn-press-profile
#profile-content-orders
.order-status {
	padding: 0 !important;

	border: 0 !important;

	background: transparent !important;
	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
}


/* ---------------------------------------------------------
   Table footer / item count
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-orders
.profile-list-orders
tfoot td {
	padding: 12px 18px !important;

	border: 0 !important;

	background: #1C1D21 !important;
	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
}


/* =========================================================
   Order recovery
   ========================================================= */

body.learnpress-profile
#learn-press-profile
#profile-content-orders
.profile-recover-order {
	margin-top: 28px;
}


/* Recovery heading */
body.learnpress-profile
#learn-press-profile
#profile-content-orders
.recover-order__title {
	margin: 0 0 8px !important;

	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}


/* Recovery supporting copy */
body.learnpress-profile
#learn-press-profile
#profile-content-orders
.recover-order__description {
	margin: 0 0 18px !important;

	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5;
}


/* ---------------------------------------------------------
   Recovery form
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-orders
.lp-order-recover {
	display: flex;
	align-items: stretch;
	gap: 12px;
}


/* Order key input */
body.learnpress-profile
#learn-press-profile
#profile-content-orders
.lp-order-recover
input[name="order-key"] {
	flex: 1 1 auto;

	min-height: 48px;

	padding: 12px 16px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;

	box-shadow: none !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-orders
.lp-order-recover
input[name="order-key"]::placeholder {
	color: #A8ADB7 !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-orders
.lp-order-recover
input[name="order-key"]:focus {
	border-color: #F97316 !important;
	outline: none;
}


/* Recover button */
body.learnpress-profile
#learn-press-profile
#profile-content-orders
.button-recover-order {
	min-height: 48px;

	padding: 12px 22px !important;

	border: 1px solid #F97316 !important;
	border-radius: 8px !important;

	background: #F97316 !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;

	box-shadow: none !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-orders
.button-recover-order:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-orders
.button-recover-order:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}

/* =========================================================
   42. LearnPress profile
   H5P items
   ========================================================= */


/* ---------------------------------------------------------
   Page heading
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.profile-heading {
	margin: 0 0 22px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
}


/* ---------------------------------------------------------
   H5P filter navigation
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.learn-press-filters {
	display: flex;
	align-items: center;
	gap: 28px;

	margin: 0 0 24px !important;
	padding: 0 !important;

	border-bottom: 1px solid #3A3D45;
}


body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.learn-press-filters
li {
	margin: 0 !important;
	padding: 0 !important;
}


/* Inactive filter links */
body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.learn-press-filters
a {
	display: inline-block;

	padding: 0 0 12px !important;

	border: 0 !important;

	background: transparent !important;
	color: #A8ADB7 !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;

	text-decoration: none;
}


body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.learn-press-filters
a:hover {
	color: #F8FAFC !important;
}


/*
 * LearnPress renders the current H5P filter as a span,
 * rather than an anchor.
 */
body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.learn-press-filters
li
> span {
	display: inline-block;

	padding: 0 0 12px !important;

	border-bottom: 2px solid #F97316 !important;

	color: #F97316 !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}


/* ---------------------------------------------------------
   H5P results table
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.profile-list-h5p {
	width: 100%;

	margin: 0 !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;

	background: #1C1D21 !important;

	overflow: hidden;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Table header
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.profile-list-h5p
thead th {
	padding: 16px 18px !important;

	border: 0 !important;
	border-bottom: 1px solid #3A3D45 !important;

	background: #23252A !important;
	color: #A8ADB7 !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;

	text-align: left;
}


/* ---------------------------------------------------------
   Table rows
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.profile-list-h5p
tbody td {
	padding: 14px 18px !important;

	border: 0 !important;
	border-bottom: 1px solid #3A3D45 !important;

	background: #1C1D21 !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;

	vertical-align: middle;
}


body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.profile-list-h5p
tbody tr:last-child td {
	border-bottom: 0 !important;
}


/* Remove LearnPress alternate / highlighted row colours */
body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.profile-list-h5p
tbody tr:nth-child(odd) td,
body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.profile-list-h5p
tbody tr:nth-child(even) td {
	background: #1C1D21 !important;
}


/* Row hover */
body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.profile-list-h5p
tbody tr:hover td {
	background: #23252A !important;
}


/* ---------------------------------------------------------
   Course and H5P links
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.profile-list-h5p
tbody a {
	color: #D6D9DE !important;

	text-decoration: none;
}


body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.profile-list-h5p
tbody a:hover {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Table footer
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-h5p
.profile-list-h5p
tfoot td {
	padding: 12px 18px !important;

	border: 0 !important;
	border-top: 1px solid #3A3D45 !important;

	background: #1C1D21 !important;
	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

/* =========================================================
   43. LearnPress profile
   Enrolled students
   ========================================================= */


/* ---------------------------------------------------------
   Filter form
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-enrolled-students-form {
	margin: 0 0 28px !important;
}


/* ---------------------------------------------------------
   Filter fields layout
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-form-filter__fields {
	gap: 16px;
}


/* ---------------------------------------------------------
   Filter labels
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.filter-field
label {
	display: block;

	margin: 0 0 8px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}


/* ---------------------------------------------------------
   Filter inputs
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.filter-field
input {
	min-height: 48px;

	padding: 12px 14px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;

	box-shadow: none !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.filter-field
input::placeholder {
	color: #A8ADB7 !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.filter-field
input:focus {
	border-color: #F97316 !important;
	outline: none;
}


/* ---------------------------------------------------------
   Filter actions
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-form-filter__actions {
	display: flex;
	align-items: center;
	gap: 10px;

	margin-top: 12px;
}


/* Search button */
body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-enrolled-btn-search {
	min-height: 44px;

	padding: 10px 18px !important;

	border: 1px solid #F97316 !important;
	border-radius: 8px !important;

	background: #F97316 !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 600;

	box-shadow: none !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-enrolled-btn-search:hover {
	border-color: #EA580C !important;
	background: #EA580C !important;
}


/* Clear Filter button */
body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-enrolled-btn-clear {
	min-height: 44px;

	padding: 10px 18px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 500;

	box-shadow: none !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-enrolled-btn-clear:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


/* ---------------------------------------------------------
   Students table wrapper
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-table-wrap {
	margin: 0 !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	background: #1C1D21 !important;

	overflow: hidden;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Students table
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-enrolled-students-table {
	width: 100%;

	margin: 0 !important;

	border: 0 !important;
	border-collapse: collapse;

	background: #1C1D21 !important;
}


/* ---------------------------------------------------------
   Table header
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-enrolled-students-table
thead th {
	padding: 16px 18px !important;

	border: 0 !important;
	border-bottom: 1px solid #3A3D45 !important;

	background: #23252A !important;
	color: #A8ADB7 !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;

	text-align: left;
}


/* ---------------------------------------------------------
   Student rows
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-enrolled-students-table
tbody td {
	padding: 16px 18px !important;

	border: 0 !important;
	border-bottom: 1px solid #3A3D45 !important;

	background: #1C1D21 !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;

	vertical-align: middle;
}


body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-enrolled-students-table
tbody tr:hover td {
	background: #23252A !important;
}


/* ---------------------------------------------------------
   Student identity
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-cell-student
.avatar {
	width: 38px !important;
	height: 38px !important;

	border-radius: 50%;

	object-fit: cover;
}


body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-name {
	color: #F8FAFC !important;

	font-weight: 500;
}


body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-email {
	color: #A8ADB7 !important;

	font-size: 13px;
}


/* ---------------------------------------------------------
   Course link
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-cell-course
a {
	color: #D6D9DE !important;

	text-decoration: none;
}


body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-cell-course
a:hover {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Progress bar
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-progress-bar {
	height: 4px;

	border-radius: 999px;

	background: #3A3D45 !important;

	overflow: hidden;
}


body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-progress-bar
span {
	display: block;

	height: 100%;

	background: #C96A2B !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-progress-text {
	color: #A8ADB7 !important;

	font-size: 12px;
}


/* ---------------------------------------------------------
   Enrolment status
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-badge {
	padding: 5px 10px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 999px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 13px;
	font-weight: 400;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Table footer
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
.lp-enrolled-students-table
tfoot td {
	padding: 12px 18px !important;

	border: 0 !important;
	border-top: 1px solid #3A3D45 !important;

	background: #1C1D21 !important;
	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
}

/* ---------------------------------------------------------
   Date picker calendar icons
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-enrolled-students
input[type="date"]::-webkit-calendar-picker-indicator {
	filter: invert(1);
	opacity: 0.85;

	cursor: pointer;
}

/* =========================================================
   44. LearnPress profile
   Settings
   ========================================================= */


/* ---------------------------------------------------------
   Settings tabs
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learn-press-tabs {
	margin: 0 0 28px !important;

	border-bottom: 1px solid #3A3D45 !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learn-press-tabs__nav {
	display: flex;
	align-items: center;
	gap: 28px;

	margin: 0 !important;
	padding: 0 !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learn-press-tabs__item {
	margin: 0 !important;
	padding: 0 !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learn-press-tabs__item
a {
	display: inline-block;

	padding: 0 0 12px !important;

	border: 0 !important;

	background: transparent !important;
	color: #A8ADB7 !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;

	text-decoration: none;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learn-press-tabs__item
a:hover {
	color: #F8FAFC !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learn-press-tabs__item.active
a {
	color: #F97316 !important;

	border-bottom: 2px solid #F97316 !important;
}


/* ---------------------------------------------------------
   Settings form layout
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learn-press-form {
	color: #D6D9DE;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.form-fields {
	margin: 0 !important;
	padding: 0 !important;
}


/* ---------------------------------------------------------
   Field labels
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.form-field
label {
	display: block;

	margin: 0 0 8px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	line-height: 1.4;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.form-field
.required {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Text inputs
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.form-field
input[type="text"],
body.learnpress-profile
#learn-press-profile
#profile-content-settings
.form-field
input[type="email"] {
	width: 100%;

	min-height: 48px;

	padding: 12px 16px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;

	box-shadow: none !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.form-field
input::placeholder {
	color: #A8ADB7 !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.form-field
input:focus {
	border-color: #F97316 !important;
	outline: none;
}


/* ---------------------------------------------------------
   Biography textarea
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.form-field
textarea {
	width: 100%;

	min-height: 150px;

	padding: 14px 16px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;

	resize: vertical;

	box-shadow: none !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.form-field
textarea:focus {
	border-color: #F97316 !important;
	outline: none;
}


/* ---------------------------------------------------------
   Supporting description
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.form-field
.description {
	margin: 8px 0 0 !important;

	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5;
}


/* ---------------------------------------------------------
   Save button
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learn-press-form
button[type="submit"] {
	min-height: 48px;

	padding: 12px 22px !important;

	border: 1px solid #F97316 !important;
	border-radius: 8px !important;

	background: #F97316 !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;

	box-shadow: none !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learn-press-form
button[type="submit"]:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learn-press-form
button[type="submit"]:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}

/* ---------------------------------------------------------
   Save button alignment
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learn-press-form
button[type="submit"] {
	margin-left: 15px !important;
}

/* =========================================================
   45. LearnPress profile
   Avatar settings
   ========================================================= */


/* ---------------------------------------------------------
   Avatar area
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
#learnpress-avatar-upload {
	margin-top: 28px;
}


/* ---------------------------------------------------------
   Avatar image container
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-user-avatar-image__display {
	border: 1px solid #3A3D45;
	border-radius: 12px;

	background: #1C1D21;

	overflow: hidden;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Avatar image
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-avatar-image {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	border-radius: 0 !important;
}


/* ---------------------------------------------------------
   Avatar buttons layout
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-user-avatar__buttons {
	display: flex;
	align-items: center;
	gap: 10px;

	margin-top: 16px;
}


/* ---------------------------------------------------------
   Shared avatar buttons
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-user-avatar__buttons
.lp-button {
	min-height: 44px;

	padding: 10px 18px !important;

	border-radius: 8px !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Replace / Save
   Primary action
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-choose-avatar,
body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-save-avatar {
	border: 1px solid #F97316 !important;

	background: #F97316 !important;
	color: #F8FAFC !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-choose-avatar:hover,
body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-save-avatar:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


/* ---------------------------------------------------------
   Remove / Cancel
   Secondary action
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-remove-avatar,
body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-cancel-avatar {
	border: 1px solid #3A3D45 !important;

	background: #23252A !important;
	color: #D6D9DE !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-remove-avatar:hover,
body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-cancel-avatar:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


/* ---------------------------------------------------------
   Keyboard focus
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-user-avatar__buttons
.lp-button:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}

/* =========================================================
   46. LearnPress profile
   Cover image upload
   ========================================================= */


/* ---------------------------------------------------------
   Cover image form
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-user-cover-image {
	margin: 0;
}


/* ---------------------------------------------------------
   Cover image display area
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-user-cover-image__display {
	position: relative;

	overflow: hidden;

	width: 100%;

	border-radius: 12px !important;

	background: #1C1D21;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Cover image preview
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-cover-image-preview {
	display: block;

	width: 100%;
	height: auto;

	border-radius: 12px !important;

	object-fit: cover;
}


/* ---------------------------------------------------------
   Empty upload state
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-cover-image-empty {
	display: flex;
	align-items: center;
	justify-content: center;

	min-height: 220px;

	padding: 28px;

	border: 1px dashed #3A3D45 !important;
	border-radius: 12px !important;

	background: #1C1D21 !important;
	color: #A8ADB7 !important;

	box-sizing: border-box;

	cursor: pointer;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-cover-image-empty:hover {
	border-color: #F97316 !important;

	background: #23252A !important;
	color: #F8FAFC !important;
}


/* ---------------------------------------------------------
   Empty upload information
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-cover-image-empty__info {
	text-align: center;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-cover-image-empty__info__top {
	display: flex;
	align-items: center;
	justify-content: center;

	gap: 10px;

	margin-bottom: 8px;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-cover-image-empty__info__top
.lp-icon-file-image {
	color: #F97316 !important;

	font-size: 20px;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-cover-image-empty__info__bottom {
	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}


/* ---------------------------------------------------------
   File input
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-cover-image-file {
	position: absolute;

	inset: 0;

	width: 100%;
	height: 100%;

	opacity: 0;

	cursor: pointer;
}


/* ---------------------------------------------------------
   Cover image buttons
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-user-cover-image__buttons {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	gap: 12px;

	margin-top: 14px;
}


/* ---------------------------------------------------------
   Shared button structure
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-user-cover-image__buttons
.lp-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 44px;

	padding: 10px 20px !important;

	border-radius: 8px !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;

	text-decoration: none !important;
	text-shadow: none !important;

	box-shadow: none !important;

	box-sizing: border-box;

	cursor: pointer;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease;
}


/* ---------------------------------------------------------
   Replace / Save
   Primary actions
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-choose-cover-image,
body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-save-cover-image {
	border: 1px solid #F97316 !important;

	background: #F97316 !important;
	color: #F8FAFC !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-choose-cover-image:hover,
body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-save-cover-image:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


/* ---------------------------------------------------------
   Remove / Cancel
   Secondary actions
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-remove-cover-image,
body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-cancel-cover-image {
	border: 1px solid #D6D9DE !important;

	background: transparent !important;
	color: #D6D9DE !important;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-remove-cover-image:hover,
body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-btn-cancel-cover-image:hover {
	border-color: #F97316 !important;

	background: #1C1D21 !important;
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Hidden LearnPress states
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-user-cover-image__buttons
.lp-hidden,
body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-cover-image-empty.lp-hidden,
body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-cover-image-preview.lp-hidden {
	display: none !important;
}


/* ---------------------------------------------------------
   Keyboard focus
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-user-cover-image__buttons
.lp-button:focus-visible,
body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp-cover-image-empty:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}


/* ---------------------------------------------------------
   Responsive layout
   --------------------------------------------------------- */

@media (max-width: 600px) {

	body.learnpress-profile
	#learn-press-profile
	#profile-content-settings
	.lp-cover-image-empty {
		min-height: 180px;

		padding: 22px;
	}


	body.learnpress-profile
	#learn-press-profile
	#profile-content-settings
	.lp-user-cover-image__buttons {
		align-items: stretch;
		flex-direction: column;
	}


	body.learnpress-profile
	#learn-press-profile
	#profile-content-settings
	.lp-user-cover-image__buttons
	.lp-button {
		width: 100%;
	}
}

/* =========================================================
   47. LearnPress
   Login page
   ========================================================= */


/* ---------------------------------------------------------
   Page environment
   --------------------------------------------------------- */

body.page-id-9916 {
	background: linear-gradient(
		90deg,
		#1F2227 30%,
		#0E1013 100%
	) !important;

	color: #D6D9DE;
}


body.page-id-9916 .site,
body.page-id-9916 .site-content,
body.page-id-9916 .content-area,
body.page-id-9916 .site-main,
body.page-id-9916 .ast-article-single,
body.page-id-9916 .entry-content,
body.page-id-9916 .learnpress {
	background: transparent !important;
}


/* ---------------------------------------------------------
   Login panel
   --------------------------------------------------------- */

body.page-id-9916
.learn-press-form-login {
	margin: 48px auto !important;
	padding: 36px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	background: #1C1D21 !important;

	box-shadow: none !important;
	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Heading
   --------------------------------------------------------- */

body.page-id-9916
.learn-press-form-login
h3 {
	margin: 0 0 24px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3;
}


/* ---------------------------------------------------------
   Form fields
   --------------------------------------------------------- */

body.page-id-9916
.learn-press-form-login
.form-fields {
	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}


body.page-id-9916
.learn-press-form-login
.form-field {
	margin: 0 0 24px !important;

	list-style: none !important;
}


body.page-id-9916
.learn-press-form-login
.form-field::marker {
	content: "";
}


/* ---------------------------------------------------------
   Labels
   --------------------------------------------------------- */

body.page-id-9916
.learn-press-form-login
.form-field
label {
	display: block;

	margin: 0 0 8px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}


body.page-id-9916
.learn-press-form-login
.required {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Inputs
   --------------------------------------------------------- */

body.page-id-9916
.learn-press-form-login
input[type="text"],
body.page-id-9916
.learn-press-form-login
input[type="password"] {
	width: 100%;
	min-height: 48px;

	padding: 12px 14px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;

	box-shadow: none !important;
	box-sizing: border-box;
}


body.page-id-9916
.learn-press-form-login
input::placeholder {
	color: #A8ADB7 !important;
}


body.page-id-9916
.learn-press-form-login
input[type="text"]:focus,
body.page-id-9916
.learn-press-form-login
input[type="password"]:focus {
	border-color: #F97316 !important;
	outline: none;
	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Remember me
   --------------------------------------------------------- */

body.page-id-9916
.learn-press-form-login
form
> p
> label {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;

	cursor: pointer;
}


body.page-id-9916
.learn-press-form-login
input[type="checkbox"] {
	width: 17px;
	height: 17px;

	margin: 0;

	accent-color: #F97316;
}


/* ---------------------------------------------------------
   Hide hosting / SSO login options
   on learner-facing login page only
   --------------------------------------------------------- */

body.page-id-9916
.learn-press-form-login
p.submit,

body.page-id-9916
.learn-press-form-login
.sso-login-or,

body.page-id-9916
.learn-press-form-login
.sso-login-link {
	display: none !important;
}


/* ---------------------------------------------------------
   Login / Enrol action row
   --------------------------------------------------------- */

body.page-id-9916
.learn-press-form-login
.al-login-actions {
	display: flex;
	align-items: center;
	gap: 12px;

	margin: 0 !important;
	padding: 0 !important;
}


/* ---------------------------------------------------------
   Main Login button
   --------------------------------------------------------- */

body.page-id-9916
.learn-press-form-login
button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 48px;

	padding: 12px 22px !important;

	border: 1px solid #F97316 !important;
	border-radius: 8px !important;

	background: #F97316 !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;

	box-shadow: none !important;
}


body.page-id-9916
.learn-press-form-login
button[type="submit"]:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


body.page-id-9916
.learn-press-form-login
button[type="submit"]:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}


/* ---------------------------------------------------------
   Secondary Enrol button
   --------------------------------------------------------- */

body.page-id-9916
.learn-press-form-login
.al-enrol-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 48px;

	padding: 12px 22px !important;

	border: 1px solid #D6D9DE !important;
	border-radius: 8px !important;

	background: #1C1D21 !important;
	color: #D6D9DE !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;

	text-decoration: none !important;

	box-shadow: none !important;
	box-sizing: border-box;
}


body.page-id-9916
.learn-press-form-login
.al-enrol-button:hover {
	border-color: #F97316 !important;

	background: #1C1D21 !important;
	color: #F97316 !important;
}


body.page-id-9916
.learn-press-form-login
.al-enrol-button:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}


/* ---------------------------------------------------------
   Lost password
   --------------------------------------------------------- */

body.page-id-9916
.learn-press-form-login
form
> p:last-child {
	margin: 18px 0 0 !important;
}


body.page-id-9916
.learn-press-form-login
form
> p:last-child
a {
	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;

	text-decoration: none;
}


body.page-id-9916
.learn-press-form-login
form
> p:last-child
a:hover {
	color: #F97316 !important;
}


body.page-id-9916
.learn-press-form-login
form
> p:last-child
a:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}


/* ---------------------------------------------------------
   Browser autofill
   --------------------------------------------------------- */

body.page-id-9916
.learn-press-form-login
input:-webkit-autofill,
body.page-id-9916
.learn-press-form-login
input:-webkit-autofill:hover,
body.page-id-9916
.learn-press-form-login
input:-webkit-autofill:focus {
	-webkit-text-fill-color: #D6D9DE !important;

	-webkit-box-shadow:
		0 0 0 1000px #23252A inset !important;

	caret-color: #D6D9DE;
}


/* ---------------------------------------------------------
   Small-screen action layout
   --------------------------------------------------------- */

@media (max-width: 480px) {

	body.page-id-9916
	.learn-press-form-login {
		padding: 24px !important;
	}


	body.page-id-9916
	.learn-press-form-login
	.al-login-actions {
		flex-direction: column;
		align-items: stretch;
	}


	body.page-id-9916
	.learn-press-form-login
	button[type="submit"],
	body.page-id-9916
	.learn-press-form-login
	.al-enrol-button {
		width: 100%;
	}
}

/* =========================================================
   48. LearnPress
   Enrol page
   ========================================================= */


/* ---------------------------------------------------------
   Page environment
   --------------------------------------------------------- */

body.page-id-9924 {
	background: linear-gradient(
		90deg,
		#1F2227 30%,
		#0E1013 100%
	) !important;

	color: #D6D9DE;
}


body.page-id-9924 .site,
body.page-id-9924 .site-content,
body.page-id-9924 .content-area,
body.page-id-9924 .site-main,
body.page-id-9924 .ast-article-single,
body.page-id-9924 .entry-content,
body.page-id-9924 .learnpress {
	background: transparent !important;
}


/* ---------------------------------------------------------
   Register panel
   --------------------------------------------------------- */

body.page-id-9924
.learn-press-form-register {
	margin: 48px auto !important;
	padding: 36px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	background: #1C1D21 !important;

	box-shadow: none !important;
	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Heading
   --------------------------------------------------------- */

body.page-id-9924
.learn-press-form-register
h3 {
	margin: 0 0 24px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3;
}


/* ---------------------------------------------------------
   Form fields
   --------------------------------------------------------- */

body.page-id-9924
.learn-press-form-register
.form-fields {
	margin: 0 !important;
	padding: 0 !important;

	list-style: none !important;
}


body.page-id-9924
.learn-press-form-register
.form-field {
	margin: 0 0 24px !important;

	list-style: none !important;
}


body.page-id-9924
.learn-press-form-register
.form-field::marker {
	content: "";
}


body.page-id-9924
.learn-press-form-register
.form-field
label {
	display: block;

	margin: 0 0 8px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}


body.page-id-9924
.learn-press-form-register
.required {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Inputs
   --------------------------------------------------------- */

body.page-id-9924
.learn-press-form-register
input[type="text"],
body.page-id-9924
.learn-press-form-register
input[type="password"] {
	width: 100%;
	min-height: 48px;

	padding: 12px 14px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;

	box-shadow: none !important;
	box-sizing: border-box;
}


body.page-id-9924
.learn-press-form-register
input::placeholder {
	color: #A8ADB7 !important;
}


body.page-id-9924
.learn-press-form-register
input[type="text"]:focus,
body.page-id-9924
.learn-press-form-register
input[type="password"]:focus {
	border-color: #F97316 !important;
	outline: none;
}


/* ---------------------------------------------------------
   Register button
   --------------------------------------------------------- */

body.page-id-9924
.learn-press-form-register
button[type="submit"] {
	min-height: 48px;

	padding: 12px 22px !important;

	border: 1px solid #F97316 !important;
	border-radius: 8px !important;

	background: #F97316 !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;

	box-shadow: none !important;
}


body.page-id-9924
.learn-press-form-register
button[type="submit"]:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


body.page-id-9924
.learn-press-form-register
button[type="submit"]:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}

/* ---------------------------------------------------------
   Logged-in account panel
   --------------------------------------------------------- */

body.page-id-9924
.al-enrol-logged-in {
	margin: 48px auto !important;
	padding: 36px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	background: #1C1D21 !important;

	box-shadow: none !important;
	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Logged-in heading
   --------------------------------------------------------- */

body.page-id-9924
.al-enrol-logged-in
h3 {
	margin: 0 0 12px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3;
}


/* ---------------------------------------------------------
   Supporting text
   --------------------------------------------------------- */

body.page-id-9924
.al-enrol-logged-in
p {
	margin: 0 0 24px !important;

	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}


/* ---------------------------------------------------------
   Account action row
   --------------------------------------------------------- */

body.page-id-9924
.al-enrol-logged-in__actions {
	display: flex;
	align-items: center;
	gap: 12px;

	margin: 0;
	padding: 0;
}


/* ---------------------------------------------------------
   Go to Account
   Primary action
   --------------------------------------------------------- */

body.page-id-9924
.al-account-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 48px;

	padding: 12px 22px !important;

	border: 1px solid #F97316 !important;
	border-radius: 8px !important;

	background: #F97316 !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;

	text-decoration: none !important;

	box-shadow: none !important;
	box-sizing: border-box;
}


body.page-id-9924
.al-account-button:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


/* ---------------------------------------------------------
   Log Out
   Secondary ghost action
   --------------------------------------------------------- */

body.page-id-9924
.al-logout-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 48px;

	padding: 12px 22px !important;

	border: 1px solid #D6D9DE !important;
	border-radius: 8px !important;

	background: #1C1D21 !important;
	color: #D6D9DE !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;

	text-decoration: none !important;

	box-shadow: none !important;
	box-sizing: border-box;
}


body.page-id-9924
.al-logout-button:hover {
	border-color: #F97316 !important;

	background: #1C1D21 !important;
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Keyboard focus
   --------------------------------------------------------- */

body.page-id-9924
.al-account-button:focus-visible,
body.page-id-9924
.al-logout-button:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}


/* ---------------------------------------------------------
   Small-screen action layout
   --------------------------------------------------------- */

@media (max-width: 480px) {

	body.page-id-9924
	.al-enrol-logged-in__actions {
		flex-direction: column;
		align-items: stretch;
	}

	body.page-id-9924
	.al-account-button,
	body.page-id-9924
	.al-logout-button {
		width: 100%;
	}
}

/* =========================================================
   49. LearnPress profile
   Success notifications
   ========================================================= */


/* ---------------------------------------------------------
   Standard LearnPress success message
   --------------------------------------------------------- */

body.learnpress-profile
.learn-press-message.success,
body.learnpress-profile
#learn-press-profile
.learn-press-message.success {
	max-width: 1200px;

	margin: 24px auto 32px !important;
	padding: 16px 18px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #1C1D21 !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;

	box-shadow: none !important;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Standard success message text
   --------------------------------------------------------- */

body.learnpress-profile
.learn-press-message.success
p,
body.learnpress-profile
#learn-press-profile
.learn-press-message.success
p {
	margin: 0 !important;

	color: #D6D9DE !important;
}


/* ---------------------------------------------------------
   Standard success message links
   --------------------------------------------------------- */

body.learnpress-profile
.learn-press-message.success
a,
body.learnpress-profile
#learn-press-profile
.learn-press-message.success
a {
	color: #F8FAFC !important;

	font-weight: 500;

	text-decoration: underline;
	text-decoration-color: #F97316;
	text-underline-offset: 3px;
}


body.learnpress-profile
.learn-press-message.success
a:hover,
body.learnpress-profile
#learn-press-profile
.learn-press-message.success
a:hover {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Neutralise stock LearnPress success decoration
   --------------------------------------------------------- */

body.learnpress-profile
.learn-press-message.success::before,
body.learnpress-profile
.learn-press-message.success::after,
body.learnpress-profile
#learn-press-profile
.learn-press-message.success::before,
body.learnpress-profile
#learn-press-profile
.learn-press-message.success::after {
	background: transparent !important;
	border: 0 !important;

	color: #F97316 !important;
}


/* ---------------------------------------------------------
   LearnPress Toastify success notification
   --------------------------------------------------------- */

body.learnpress-profile
.toastify.lp-toast.success {
	display: flex !important;
	align-items: center !important;

	gap: 12px;

	max-width: min(420px, calc(100vw - 32px)) !important;

	padding: 14px 16px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #1C1D21 !important;
	background-image: none !important;

	color: #F8FAFC !important;

	font-family: "DM Sans", sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;

	text-shadow: none !important;

	box-shadow: none !important;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Toast close button
   --------------------------------------------------------- */

body.learnpress-profile
.toastify.lp-toast.success
.toast-close {
	flex: 0 0 auto;

	margin: 0 0 0 auto !important;
	padding: 0 !important;

	border: 0 !important;

	background: transparent !important;
	color: #A8ADB7 !important;

	font-family: sans-serif;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1 !important;

	opacity: 1 !important;

	box-shadow: none !important;

	cursor: pointer;

	transition: color .2s ease;
}


body.learnpress-profile
.toastify.lp-toast.success
.toast-close:hover {
	color: #F97316 !important;
}


body.learnpress-profile
.toastify.lp-toast.success
.toast-close:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;

	border-radius: 4px;
}


/* ---------------------------------------------------------
   Standard success message keyboard focus
   --------------------------------------------------------- */

body.learnpress-profile
.learn-press-message.success
a:focus-visible,
body.learnpress-profile
#learn-press-profile
.learn-press-message.success
a:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}

body.learnpress-profile
.toastify.lp-toast.success
.toast-close::before,
body.learnpress-profile
.toastify.lp-toast.success
.toast-close::after {
	content: none !important;
	display: none !important;
}

/* =========================================================
   50. LearnPress profile
   Empty avatar upload state
   ========================================================= */


/* ---------------------------------------------------------
   Empty avatar upload form
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp_avatar__form {
	display: block;

	width: 100%;
	height: 100%;

	margin: 0;
	padding: 0;
}


body.learnpress-profile
#learn-press-profile
#profile-content-settings
.lp_avatar__form
label {
	display: block;

	width: 100%;
	height: 100%;

	margin: 0 !important;

	cursor: pointer;
}


/* ---------------------------------------------------------
   Upload area
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learnpress_avatar__form__upload {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;

	padding: 20px;

	border: 1px dashed #3A3D45;
	border-radius: 12px;

	background: #1C1D21;
	color: #A8ADB7;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;

	text-align: center;

	box-sizing: border-box;

	transition:
		border-color 0.2s ease,
		color 0.2s ease,
		background 0.2s ease;
}


/* ---------------------------------------------------------
   Upload hover
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learnpress_avatar__form__upload:hover {
	border-color: #F97316;

	background: #23252A;
	color: #F8FAFC;
}


/* ---------------------------------------------------------
   Upload text
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
.learnpress_avatar__form__upload
span {
	color: inherit;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 500;
}

/* =========================================================
   51. LearnPress profile
   Password settings
   ========================================================= */


/* ---------------------------------------------------------
   Password fields
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
#pass0,

body.learnpress-profile
#learn-press-profile
#profile-content-settings
#pass1,

body.learnpress-profile
#learn-press-profile
#profile-content-settings
#pass2 {
	display: block !important;

	width: 100% !important;
	min-height: 48px !important;

	margin: 0 !important;
	padding: 12px 16px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	background-color: #23252A !important;

	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;

	box-shadow: none !important;

	box-sizing: border-box !important;

	-webkit-appearance: none;
	appearance: none;
}


/* ---------------------------------------------------------
   Focus state
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
#pass0:focus,

body.learnpress-profile
#learn-press-profile
#profile-content-settings
#pass1:focus,

body.learnpress-profile
#learn-press-profile
#profile-content-settings
#pass2:focus {
	border-color: #F97316 !important;

	background: #23252A !important;
	background-color: #23252A !important;

	color: #D6D9DE !important;

	outline: none !important;
	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Password validation message
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
#lp-password-not-match {
	margin: 8px 0 0 !important;

	color: #F97316 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5;
}


/* ---------------------------------------------------------
   Browser autofill correction
   --------------------------------------------------------- */

body.learnpress-profile
#learn-press-profile
#profile-content-settings
#pass0:-webkit-autofill,

body.learnpress-profile
#learn-press-profile
#profile-content-settings
#pass1:-webkit-autofill,

body.learnpress-profile
#learn-press-profile
#profile-content-settings
#pass2:-webkit-autofill {
	-webkit-text-fill-color: #D6D9DE !important;

	-webkit-box-shadow:
		0 0 0 1000px #23252A inset !important;

	caret-color: #D6D9DE !important;
}

/* =========================================================
   52. LearnPress
   Login page logged-in state
   ========================================================= */


/* ---------------------------------------------------------
   Logged-in account panel
   --------------------------------------------------------- */

body.page-id-9916
.al-login-logged-in {
	margin: 48px auto !important;
	padding: 36px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	background: #1C1D21 !important;

	box-shadow: none !important;
	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Heading
   --------------------------------------------------------- */

body.page-id-9916
.al-login-logged-in
h3 {
	margin: 0 0 12px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.3;
}


/* ---------------------------------------------------------
   Supporting text
   --------------------------------------------------------- */

body.page-id-9916
.al-login-logged-in
p {
	margin: 0 0 24px !important;

	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}


/* ---------------------------------------------------------
   Action row
   --------------------------------------------------------- */

body.page-id-9916
.al-login-logged-in__actions {
	display: flex;
	align-items: center;
	gap: 12px;

	margin: 0;
	padding: 0;
}


/* ---------------------------------------------------------
   Go to Account
   Primary action
   --------------------------------------------------------- */

body.page-id-9916
.al-account-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 48px;

	padding: 12px 22px !important;

	border: 1px solid #F97316 !important;
	border-radius: 8px !important;

	background: #F97316 !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;

	text-decoration: none !important;

	box-shadow: none !important;
	box-sizing: border-box;
}


body.page-id-9916
.al-account-button:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


/* ---------------------------------------------------------
   Log Out
   Secondary ghost action
   --------------------------------------------------------- */

body.page-id-9916
.al-logout-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 48px;

	padding: 12px 22px !important;

	border: 1px solid #D6D9DE !important;
	border-radius: 8px !important;

	background: #1C1D21 !important;
	color: #D6D9DE !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;

	text-decoration: none !important;

	box-shadow: none !important;
	box-sizing: border-box;
}


body.page-id-9916
.al-logout-button:hover {
	border-color: #F97316 !important;

	background: #1C1D21 !important;
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Keyboard focus
   --------------------------------------------------------- */

body.page-id-9916
.al-account-button:focus-visible,
body.page-id-9916
.al-logout-button:focus-visible {
	outline: 2px solid #F97316;
	outline-offset: 3px;
}


/* ---------------------------------------------------------
   Small-screen action layout
   --------------------------------------------------------- */

@media (max-width: 480px) {

	body.page-id-9916
	.al-login-logged-in__actions {
		flex-direction: column;
		align-items: stretch;
	}

	body.page-id-9916
	.al-account-button,
	body.page-id-9916
	.al-logout-button {
		width: 100%;
	}
}

/* =========================================================
   53. LearnPress
   Checkout
   ========================================================= */


/* ---------------------------------------------------------
   Page environment
   --------------------------------------------------------- */

body.learnpress-checkout {
	background:
		linear-gradient(
			90deg,
			#1F2227 30%,
			#0E1013 100%
		) !important;

	color: #D6D9DE;
}


body.learnpress-checkout
#content,
body.learnpress-checkout
.site-content,
body.learnpress-checkout
.ast-container,
body.learnpress-checkout
.lp-archive-courses {
	background: transparent !important;
}


/* ---------------------------------------------------------
   Breadcrumb
   --------------------------------------------------------- */

body.learnpress-checkout
.learn-press-breadcrumb {
	margin-bottom: 24px !important;

	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
}


body.learnpress-checkout
.learn-press-breadcrumb
a {
	color: #A8ADB7 !important;

	text-decoration: none;
}


body.learnpress-checkout
.learn-press-breadcrumb
a:hover {
	color: #F97316 !important;
}


body.learnpress-checkout
.learn-press-breadcrumb
.breadcrumb-delimiter {
	color: #4A4E5A !important;
}


/* ---------------------------------------------------------
   Page heading
   --------------------------------------------------------- */

body.learnpress-checkout
.lp-archive-courses
> h1.lp-content-area {
	margin-bottom: 32px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: clamp(36px, 5vw, 56px);
	font-weight: 600;
	line-height: 1.15;
}


/* ---------------------------------------------------------
   Checkout container
   --------------------------------------------------------- */

body.learnpress-checkout
#learn-press-checkout {
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
}


/* ---------------------------------------------------------
   Reset LearnPress native checkout columns
   --------------------------------------------------------- */

body.learnpress-checkout
#learn-press-checkout
.lp-checkout-form__before,
body.learnpress-checkout
#learn-press-checkout
.lp-checkout-form__after {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;

	float: none !important;

	box-sizing: border-box;
}


body.learnpress-checkout
#learn-press-checkout
.lp-checkout-block.left,
body.learnpress-checkout
#learn-press-checkout
.lp-checkout-block.right {
	width: 100% !important;
	max-width: none !important;

	float: none !important;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Checkout message
   --------------------------------------------------------- */

body.learnpress-checkout
#learn-press-checkout
.learn-press-message {
	margin: 0 0 32px !important;
	padding: 16px 18px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #1C1D21 !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;

	box-shadow: none !important;
}


body.learnpress-checkout
#learn-press-checkout
.learn-press-message.error {
	border-color: #C96A2B !important;

	color: #F8FAFC !important;
}


body.learnpress-checkout
#learn-press-checkout
.learn-press-message::before,
body.learnpress-checkout
#learn-press-checkout
.learn-press-message::after {
	background: transparent !important;
	border: 0 !important;

	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Checkout layout
   --------------------------------------------------------- */

body.learnpress-checkout
#learn-press-checkout-form {
	display: grid !important;

	grid-template-columns:
		minmax(0, 1.15fr)
		minmax(420px, 0.85fr);

	column-gap: 48px;
	row-gap: 0;

	align-items: start;
}


body.learnpress-checkout
.lp-checkout-form__after {
	grid-column: 1;
	grid-row: 1;
}


body.learnpress-checkout
.lp-checkout-form__before {
	grid-column: 2;
	grid-row: 1;
}


/* ---------------------------------------------------------
   Checkout block headings
   --------------------------------------------------------- */

body.learnpress-checkout
#learn-press-checkout
.lp-checkout-block
h4,
body.learnpress-checkout
.learn-press-checkout-comment
h4 {
	margin: 0 0 14px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
}


/* ---------------------------------------------------------
   Order summary
   --------------------------------------------------------- */

body.learnpress-checkout
#checkout-order {
	margin: 0 !important;
}


body.learnpress-checkout
#checkout-order
.lp-checkout-order__inner {
	overflow: hidden;

	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	background: #1C1D21 !important;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Order table reset
   --------------------------------------------------------- */

body.learnpress-checkout
#checkout-order
.lp-list-table {
	display: block;

	width: 100% !important;

	margin: 0 !important;

	border: 0 !important;

	background: transparent !important;
}


body.learnpress-checkout
#checkout-order
.lp-list-table
tbody,
body.learnpress-checkout
#checkout-order
.lp-list-table
tfoot {
	display: block;

	width: 100%;
}


body.learnpress-checkout
#checkout-order
.lp-list-table
tr {
	display: grid;

	grid-template-columns:
		minmax(0, 1fr)
		112px;

	width: 100%;

	border: 0 !important;
	border-bottom: 1px solid #3A3D45 !important;

	background: transparent !important;

	box-sizing: border-box;
}


body.learnpress-checkout
#checkout-order
.lp-list-table
tr:last-child {
	border-bottom: 0 !important;
}


body.learnpress-checkout
#checkout-order
.lp-list-table
td,
body.learnpress-checkout
#checkout-order
.lp-list-table
th {
	display: block;

	margin: 0 !important;
	padding: 14px 16px !important;

	border: 0 !important;

	background: transparent !important;
	color: #D6D9DE !important;

	box-sizing: border-box;
}


/* ---------------------------------------------------------
   Remove course thumbnail
   --------------------------------------------------------- */

body.learnpress-checkout
#checkout-order
.course-thumbnail {
	display: none !important;
}


/* ---------------------------------------------------------
   Course title
   --------------------------------------------------------- */

body.learnpress-checkout
#checkout-order
td.course-name {
	grid-column: 1;

	width: auto !important;

	text-align: left !important;
	vertical-align: top;
}


body.learnpress-checkout
#checkout-order
td.course-name
a.course-name {
	display: block;

	width: 100%;

	color: #F8FAFC !important;

	text-decoration: none;
}


body.learnpress-checkout
#checkout-order
.course-title {
	display: block;

	overflow: visible !important;

	width: auto !important;
	max-width: none !important;

	white-space: normal !important;
	text-overflow: clip !important;

	color: #F8FAFC !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.45;

	word-break: normal;
	overflow-wrap: break-word;
}


body.learnpress-checkout
#checkout-order
td.course-name
a.course-name:hover
.course-title {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Course price
   --------------------------------------------------------- */

body.learnpress-checkout
#checkout-order
.course-total {
	grid-column: 2;

	width: auto !important;

	white-space: nowrap;

	text-align: right !important;
	vertical-align: top;
}


/* ---------------------------------------------------------
   Subtotal and total
   --------------------------------------------------------- */

body.learnpress-checkout
#checkout-order
.cart-subtotal
th,
body.learnpress-checkout
#checkout-order
.order-total
th {
	grid-column: 1;

	color: #A8ADB7 !important;

	font-weight: 500;

	text-align: left !important;
}


body.learnpress-checkout
#checkout-order
.cart-subtotal
td,
body.learnpress-checkout
#checkout-order
.order-total
td {
	grid-column: 2;

	width: auto !important;

	white-space: nowrap;

	text-align: right !important;
}


body.learnpress-checkout
#checkout-order
.order-total
th,
body.learnpress-checkout
#checkout-order
.order-total
td {
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 18px;
	font-weight: 600;
}


/* ---------------------------------------------------------
   Logged-out account block
   --------------------------------------------------------- */

body.learnpress-checkout
#checkout-account-login {
	width: 100% !important;

	margin: 0 0 28px !important;
	padding: 30px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	background: #1C1D21 !important;

	box-shadow: none !important;
	box-sizing: border-box;
}


body.learnpress-checkout
#checkout-account-login
.lp-form-fields {
	margin: 0;
	padding: 0;

	list-style: none;
}


body.learnpress-checkout
#checkout-account-login
.form-field {
	margin: 0 0 18px !important;
	padding: 0 !important;
}


body.learnpress-checkout
#checkout-account-login
label {
	display: block;

	margin: 0 0 7px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}


body.learnpress-checkout
#checkout-account-login
input[type="text"],
body.learnpress-checkout
#checkout-account-login
input[type="password"] {
	display: block;

	width: 100% !important;
	min-height: 48px;

	padding: 12px 14px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;

	box-shadow: none !important;

	box-sizing: border-box;
}


body.learnpress-checkout
#checkout-account-login
input[type="text"]:focus,
body.learnpress-checkout
#checkout-account-login
input[type="password"]:focus {
	border-color: #F97316 !important;

	outline: none !important;

	box-shadow: none !important;
}


body.learnpress-checkout
#checkout-account-login
input::placeholder {
	color: #A8ADB7 !important;

	opacity: 1;
}


/* ---------------------------------------------------------
   Remember me / Lost password
   --------------------------------------------------------- */

body.learnpress-checkout
.lp-checkout-remember {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 20px;

	margin: 4px 0 18px !important;

	color: #A8ADB7 !important;

	font-size: 14px;
}


body.learnpress-checkout
.lp-checkout-remember
label {
	display: inline-flex;
	align-items: center;

	gap: 8px;

	margin: 0 !important;

	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;

	cursor: pointer;
}


body.learnpress-checkout
.lp-checkout-remember
input[type="checkbox"] {
	flex: 0 0 auto;

	width: 17px;
	height: 17px;

	margin: 0;

	accent-color: #F97316;
}


body.learnpress-checkout
.lp-lost-password-link {
	flex: 0 0 auto;

	color: #D6D9DE !important;

	font-size: 14px;

	text-decoration: underline;
	text-decoration-color: #4A4E5A;
	text-underline-offset: 3px;
}


body.learnpress-checkout
.lp-lost-password-link:hover {
	color: #F97316 !important;

	text-decoration-color: #F97316;
}


/* ---------------------------------------------------------
   Checkout login button
   --------------------------------------------------------- */

body.learnpress-checkout
#checkout-account-login
p.submit {
	margin: 0 0 18px !important;
}


body.learnpress-checkout
#checkout-account-login
#sso_default_login {
	width: 100% !important;
	min-height: 48px;

	padding: 12px 22px !important;

	border: 1px solid #F97316 !important;
	border-radius: 8px !important;

	background: #F97316 !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;

	text-shadow: none !important;

	box-shadow: none !important;

	cursor: pointer;
}


body.learnpress-checkout
#checkout-account-login
#sso_default_login:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


/* ---------------------------------------------------------
   Enrol link
   --------------------------------------------------------- */

body.learnpress-checkout
.lp-checkout-sign-up-link {
	margin: 0 !important;

	color: #A8ADB7 !important;

	font-size: 14px;
	line-height: 1.5;
}


body.learnpress-checkout
.lp-checkout-sign-up-link
a {
	color: #F8FAFC !important;

	font-weight: 500;

	text-decoration: underline;
	text-decoration-color: #F97316;
	text-underline-offset: 3px;
}


body.learnpress-checkout
.lp-checkout-sign-up-link
a:hover {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Logged-in account state
   --------------------------------------------------------- */

body.learnpress-checkout
#checkout-account-logged-in {
	width: 100% !important;

	margin: 0 0 28px !important;
	padding: 18px 20px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #1C1D21 !important;

	box-shadow: none !important;
	box-sizing: border-box;
}


body.learnpress-checkout
#checkout-account-logged-in
p {
	margin: 0 !important;

	color: #A8ADB7 !important;

	font-size: 15px;
	line-height: 1.5;
}


body.learnpress-checkout
#checkout-account-logged-in
a {
	color: #F8FAFC !important;

	font-weight: 500;

	text-decoration: none;
}


body.learnpress-checkout
#checkout-account-logged-in
a:hover {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Additional information
   --------------------------------------------------------- */

body.learnpress-checkout
.learn-press-checkout-comment {
	width: 100% !important;

	margin: 0 0 28px !important;

	box-sizing: border-box;
}


body.learnpress-checkout
.learn-press-checkout-comment
textarea {
	display: block;

	width: 100% !important;
	min-height: 136px;

	padding: 14px 16px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #23252A !important;
	color: #D6D9DE !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	line-height: 1.5;

	resize: vertical;

	box-shadow: none !important;

	box-sizing: border-box;
}


body.learnpress-checkout
.learn-press-checkout-comment
textarea::placeholder {
	color: #A8ADB7 !important;

	opacity: 1;
}


body.learnpress-checkout
.learn-press-checkout-comment
textarea:focus {
	border-color: #F97316 !important;

	outline: none !important;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Payment section
   --------------------------------------------------------- */

body.learnpress-checkout
#checkout-payment {
	width: 100% !important;

	margin: 0 !important;

	box-sizing: border-box;
}


body.learnpress-checkout
#checkout-payment
h4 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	gap: 10px;
}


body.learnpress-checkout
#checkout-payment
.secure-connection {
	display: inline-flex;
	align-items: center;

	gap: 7px;

	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
}


body.learnpress-checkout
#checkout-payment
.secure-connection
i {
	color: #A8ADB7 !important;
}


/* ---------------------------------------------------------
   Payment methods
   Desktop width approximately two-thirds
   --------------------------------------------------------- */

body.learnpress-checkout
#checkout-payment
.payment-methods {
	width: 66.666%;

	margin: 0 0 18px !important;
	padding: 0 !important;

	list-style: none;
}


body.learnpress-checkout
#checkout-payment
.lp-payment-method {
	width: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 8px !important;

	background: #1C1D21 !important;

	overflow: hidden;

	box-sizing: border-box;
}


body.learnpress-checkout
#checkout-payment
.lp-payment-method
label {
	display: flex;
	align-items: center;

	gap: 12px;

	min-height: 58px;

	margin: 0 !important;
	padding: 12px 16px !important;

	cursor: pointer;
}


body.learnpress-checkout
#checkout-payment
.gateway-input {
	margin: 0;

	accent-color: #F97316;
}


body.learnpress-checkout
#checkout-payment
.gateway-icon {
	display: block;

	width: auto;
	max-height: 30px;
}


/* ---------------------------------------------------------
   Place order
   Desktop width approximately two-thirds
   --------------------------------------------------------- */

body.learnpress-checkout
#checkout-order-action {
	width: 66.666% !important;

	margin: 0 !important;
}


body.learnpress-checkout
#learn-press-checkout-place-order {
	width: 100% !important;
	min-height: 50px;

	padding: 12px 24px !important;

	border: 1px solid #F97316 !important;
	border-radius: 8px !important;

	background: #F97316 !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;

	text-shadow: none !important;

	box-shadow: none !important;

	cursor: pointer;
}


body.learnpress-checkout
#learn-press-checkout-place-order:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


/* ---------------------------------------------------------
   Terms and Conditions
   --------------------------------------------------------- */

body.learnpress-checkout
.lp-terms-and-conditions {
	width: 100%;

	margin: 20px 0 40px !important;

	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 14px;
	line-height: 1.5;
}


body.learnpress-checkout
.lp-terms-and-conditions
a {
	color: #F8FAFC !important;

	font-weight: 500;

	text-decoration: underline;
	text-decoration-color: #F97316;
	text-underline-offset: 3px;
}


body.learnpress-checkout
.lp-terms-and-conditions
a:hover {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Keyboard focus
   --------------------------------------------------------- */

body.learnpress-checkout
#learn-press-checkout
a:focus-visible,
body.learnpress-checkout
#learn-press-checkout
button:focus-visible,
body.learnpress-checkout
#learn-press-checkout
input:focus-visible,
body.learnpress-checkout
#learn-press-checkout
textarea:focus-visible {
	outline: 2px solid #F97316 !important;
	outline-offset: 3px;
}


/* ---------------------------------------------------------
   Browser autofill
   --------------------------------------------------------- */

body.learnpress-checkout
#checkout-account-login
input:-webkit-autofill,
body.learnpress-checkout
#checkout-account-login
input:-webkit-autofill:hover,
body.learnpress-checkout
#checkout-account-login
input:-webkit-autofill:focus {
	-webkit-text-fill-color: #D6D9DE !important;

	-webkit-box-shadow:
		0 0 0 1000px #23252A inset !important;

	caret-color: #D6D9DE;
}


/* ---------------------------------------------------------
   Responsive layout
   --------------------------------------------------------- */

@media (max-width: 1024px) {

	body.learnpress-checkout
	#learn-press-checkout-form {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(360px, 0.9fr);

		column-gap: 32px;
	}
}


@media (max-width: 900px) {

	body.learnpress-checkout
	#learn-press-checkout-form {
		display: flex !important;
		flex-direction: column;
	}

	body.learnpress-checkout
	.lp-checkout-form__before,
	body.learnpress-checkout
	.lp-checkout-form__after {
		width: 100% !important;
	}

	body.learnpress-checkout
	.lp-checkout-form__before {
		order: 1;

		margin-bottom: 28px !important;
	}

	body.learnpress-checkout
	.lp-checkout-form__after {
		order: 2;
	}


	/* Payment controls return to full width */

	body.learnpress-checkout
	#checkout-payment
	.payment-methods,
	body.learnpress-checkout
	#checkout-order-action {
		width: 100% !important;
	}
}


@media (max-width: 600px) {

	body.learnpress-checkout
	#checkout-account-login {
		padding: 22px !important;
	}

	body.learnpress-checkout
	.lp-checkout-remember {
		align-items: flex-start;
		flex-direction: column;

		gap: 10px;
	}


	/* Order summary mobile price column */

	body.learnpress-checkout
	#checkout-order
	.lp-list-table
	tr {
		grid-template-columns:
			minmax(0, 1fr)
			92px;
	}


	body.learnpress-checkout
	#checkout-order
	.lp-list-table
	td,
	body.learnpress-checkout
	#checkout-order
	.lp-list-table
	th {
		padding: 12px !important;
	}


	/* Legal clearance */

	body.learnpress-checkout
	.lp-terms-and-conditions {
		margin-bottom: 32px !important;
	}
}

/* =========================================================
   54. LearnPress
   Order received
   ========================================================= */


/* ---------------------------------------------------------
   Order received content
   --------------------------------------------------------- */

body.learnpress-checkout
.learnpress
> .lp-content-area {
	color: #D6D9DE;

	font-family: "DM Sans", sans-serif;
}


/* ---------------------------------------------------------
   Confirmation message
   --------------------------------------------------------- */

body.learnpress-checkout
.learnpress
> .lp-content-area
> p:first-child {
	margin: 0 0 12px !important;

	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.35;
}


/* ---------------------------------------------------------
   Order navigation text
   --------------------------------------------------------- */

body.learnpress-checkout
.learnpress
> .lp-content-area
> p:nth-child(2) {
	margin: 0 0 28px !important;

	color: #A8ADB7 !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
}


body.learnpress-checkout
.learnpress
> .lp-content-area
> p:nth-child(2)
a {
	color: #F8FAFC !important;

	font-weight: 500;

	text-decoration: underline;
	text-decoration-color: #F97316;
	text-underline-offset: 3px;
}


body.learnpress-checkout
.learnpress
> .lp-content-area
> p:nth-child(2)
a:hover {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Order details wrapper
   --------------------------------------------------------- */

body.learnpress-checkout
.learnpress
> .lp-content-area
.lp-table-wrap {
	overflow: hidden;

	margin: 0 0 40px !important;

	border: 1px solid #3A3D45 !important;
	border-radius: 12px !important;

	background: #1C1D21 !important;

	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Order details table
   --------------------------------------------------------- */

body.learnpress-checkout
.order_details.lp-list-table {
	width: 100% !important;

	margin: 0 !important;

	border: 0 !important;
	border-collapse: collapse;

	background: transparent !important;
}


body.learnpress-checkout
.order_details.lp-list-table
tr {
	border: 0 !important;
	border-bottom: 1px solid #3A3D45 !important;

	background: transparent !important;
}


body.learnpress-checkout
.order_details.lp-list-table
tr:last-child {
	border-bottom: 0 !important;
}


body.learnpress-checkout
.order_details.lp-list-table
th,
body.learnpress-checkout
.order_details.lp-list-table
td {
	padding: 16px 18px !important;

	border: 0 !important;

	background: transparent !important;

	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	line-height: 1.5;

	vertical-align: middle;
}


/* ---------------------------------------------------------
   Order detail labels
   --------------------------------------------------------- */

body.learnpress-checkout
.order_details.lp-list-table
th {
	width: 180px;

	color: #A8ADB7 !important;

	font-family: "Red Hat Text", sans-serif;
	font-weight: 600;

	text-align: left !important;
}


/* ---------------------------------------------------------
   Order detail values
   --------------------------------------------------------- */

body.learnpress-checkout
.order_details.lp-list-table
td {
	color: #D6D9DE !important;

	font-weight: 400;
}


body.learnpress-checkout
.order_details.lp-list-table
td
a {
	color: #F8FAFC !important;

	font-weight: 500;

	text-decoration: none;
}


body.learnpress-checkout
.order_details.lp-list-table
td
a:hover {
	color: #F97316 !important;
}


/* ---------------------------------------------------------
   Status row
   --------------------------------------------------------- */

body.learnpress-checkout
.order_details.lp-list-table
tr.status
td {
	color: #F8FAFC !important;

	font-weight: 500;
}


/* ---------------------------------------------------------
   Product row
   --------------------------------------------------------- */

body.learnpress-checkout
.order_details.lp-list-table
tr.item
td {
	display: flex;
	align-items: center;
	flex-wrap: wrap;

	gap: 12px;
}


/* ---------------------------------------------------------
   Continue button
   --------------------------------------------------------- */

body.learnpress-checkout
.order_details.lp-list-table
.course-btn-continue {
	min-height: 44px;

	padding: 10px 20px !important;

	border: 1px solid #F97316 !important;
	border-radius: 8px !important;

	background: #F97316 !important;
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;

	text-shadow: none !important;

	box-shadow: none !important;

	cursor: pointer;
}


body.learnpress-checkout
.order_details.lp-list-table
.course-btn-continue:hover {
	border-color: #EA580C !important;

	background: #EA580C !important;
	color: #F8FAFC !important;
}


/* ---------------------------------------------------------
   Total row
   --------------------------------------------------------- */

body.learnpress-checkout
.order_details.lp-list-table
tr.total
th,
body.learnpress-checkout
.order_details.lp-list-table
tr.total
td {
	color: #F8FAFC !important;

	font-family: "Red Hat Text", sans-serif;
	font-weight: 600;
}


/* ---------------------------------------------------------
   Keyboard focus
   --------------------------------------------------------- */

body.learnpress-checkout
.order_details.lp-list-table
a:focus-visible,
body.learnpress-checkout
.order_details.lp-list-table
button:focus-visible {
	outline: 2px solid #F97316 !important;
	outline-offset: 3px;
}


/* ---------------------------------------------------------
   Responsive layout
   --------------------------------------------------------- */

@media (max-width: 700px) {

	body.learnpress-checkout
	.order_details.lp-list-table
	th,
	body.learnpress-checkout
	.order_details.lp-list-table
	td {
		display: block;

		width: 100% !important;

		padding-left: 16px !important;
		padding-right: 16px !important;

		box-sizing: border-box;
	}


	body.learnpress-checkout
	.order_details.lp-list-table
	th {
		padding-bottom: 4px !important;
	}


	body.learnpress-checkout
	.order_details.lp-list-table
	td {
		padding-top: 4px !important;
		padding-bottom: 16px !important;
	}


	body.learnpress-checkout
	.order_details.lp-list-table
	tr.item
	td {
		align-items: flex-start;
		flex-direction: column;

		gap: 10px;
	}


	body.learnpress-checkout
	.order_details.lp-list-table
	.course-btn-continue {
		width: 100%;
	}
}