/* */
/* Added by Spoti: Improvements  */
/* */
.ld-course-list-items li span {
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -.24px;
	margin-top: 10px;
	color: var(--bb-alternate-text-color);
}

/* Powiększenie ceny w szkoleniu */
span.bb-course-type.bb-course-type-paynow {
	margin-top: 5px;
	font-size: 22px;
	color: #122B46 !important;
	font-weight: 900;
}

/* Usunięcie błędu związanego z enrolled w szkoleniu */
div.bb-course-member-wrap.flex.align-items-center {
	display: none !important;
}

div.bb-course-preview-content {
	padding-top: 20px;
}

/* Przycisk "dostępne od:" */
.ld-status.ld-status-waiting.ld-tertiary-background {
	background-color: #F7D411;
	color: #818281 !important;
}

/* Ukrycie ilości zagadnień na kafelkach */
div.course-lesson-count {
	display: none !important;
}

/* Ukrycie steps na kafelkach i stronie szkolenia */
.bb-course-items .ld-progress-stats .ld-progress-steps, .group_courses .ld-progress-stats .ld-progress-steps,
.bb-learndash-wrapper.bb-course-item-wrap .ld-progress-stats .ld-progress-steps, div.ld-progress-steps {
	display: none !important;
}

h2.bb-course-title a {
	font-size: 17px;
}

/* Ukryj uczestników szkolenia na pasku bocznym */
.lms-topic-sidebar-wrapper .lms-course-members-list {
	display: none !important;
}

/* Usunięcie topics z całej platformy */
div.bb-lesson-topics-count,
.ld-item-components .ld-sep,
span.ld-item-component {
	display: none !important;
}

/* Usunięcie błędu związanego z przyciskami na stronie grup */
#buddypress .only-grid-view.button-wrap.member-button-wrap.footer-button-wrap,
div.flex.only-grid-view.button-wrap.member-button-wrap.footer-button-wrap {
	display: none !important;
}

/* Rozwiązania dla QUIZÓW */
.wpProQuiz_content .wpProQuiz_questionList[data-type='essay'] form {
	width: 100%;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2 {
	font-size: 1.0em;
}

/* Usunięcie przekreślenia */
.bb-completed-item,
.learndash-wrapper .learndash-complete .ld-item-list-item-preview .ld-item-title > span:first-child,
span.flex-1.bb-lms-title.bb-completed-item,
span.ld-topic-title,
span {
	text-decoration: none !important;
}

/*Course featured image overlay */
.bb-course-video-overlay {
	background-color: rgba(0,0,0,0.3);
}

.bb-course-video-overlay:hover {
	background-color: rgba(0,0,0,0.5);
}

.learndash-wrapper .ld-quiz-actions .quiz_continue_link, .learndash-wrapper .ld-quiz-actions input[type="button"] {
	margin-bottom: 10px;
}

#wpProQuiz_2 > div.wpProQuiz_results > div.ld-quiz-actions > input.wpProQuiz_button.wpProQuiz_button_restartQuiz {
	padding-left: 20px !important;
}

.wpProQuiz_content .wpProQuiz_results .quiz_continue_link a#quiz_continue_link {
	font-weight: 20px !important;
	padding: 15px 5em !important;
}

/* Poprawa zielonej kropki w podsumowaniu pytania quizu */
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewLegend span.wpProQuiz_reviewColor_Answer {
	background-color: #6ca54c;
}

.wp-block-details {
	position: relative;
	margin: 0 0 0.5rem 0;
	border: solid 1px var(--bb-content-border-color);
	border-radius: var(--bb-button-radius);
	padding: 1rem 2.5rem 1rem 1.5rem;
}

.wp-block-details[open]::before{
	-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
					transform: rotate(180deg);
}

.wp-block-details::before {
	position: absolute;
	top: 1rem;
	right: 1rem;
	content: '\e826';
	font-family: bb-icons;
	font-style: normal;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wp-block-details summary {
	cursor: pointer;
	text-align: left;
	width: 100%;
	color: var(--bb-body-text-color);
	display: block;
	cursor: pointer;
	background-color: transparent;
	-webkit-transition: color 0.25s ease;
	-o-transition: color 0.25s ease;
	transition: color 0.25s ease;
	position: relative;
	text-decoration: none;
	margin: 0;
}

.wp-block-details summary + * {
	margin: 1rem 0;
}

/* icon styles for additional content */
[id^="ld-tab-materials"] ul li,
[id^="ld-tab-materials"] ol li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: width;
			flex-wrap: width;
	margin: 0.5rem 0;
	padding-left: 1rem;
	position: relative;
}

[id^="ld-tab-materials"] ul li::before,
[id^="ld-tab-materials"] ol li::before {
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	top: 10px;
	left: 0;
	border-radius: 50%;
	background-color: var(--bb-primary-button-background-hover);
	display: block;
}

[id^="ld-tab-materials"] a[href*=".docx"],
[id^="ld-tab-materials"] a[href*=".doc"],
[id^="ld-tab-materials"] a[href*=".csv"],
[id^="ld-tab-materials"] a[href*=".xlxs"],
[id^="ld-tab-materials"] a[href*="youtu"],
[id^="ld-tab-materials"] a[href*=".pdf"],
[id^="ld-tab-materials"] a[href^="https://drive.google.com/"],
[id^="ld-tab-materials"] a[href^="https://docs.google.com/document"],
[id^="ld-tab-materials"] a[href^="https://docs.google.com/presentation"],
[id^="ld-tab-materials"] a[href^="https://docs.google.com/spreadsheets"] {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

[id^="ld-tab-materials"] a[href*="docx"]::before,
[id^="ld-tab-materials"] a[href*="doc"]::before,
[id^="ld-tab-materials"] a[href*="csv"]::before,
[id^="ld-tab-materials"] a[href*="xlxs"]::before,
[id^="ld-tab-materials"] a[href*="youtu"]::before,
[id^="ld-tab-materials"] a[href*=".pdf"]::before,
[id^="ld-tab-materials"] a[href^="https://drive.google.com/"]::before,
[id^="ld-tab-materials"] a[href^="https://docs.google.com/document"]::before,
[id^="ld-tab-materials"] a[href^="https://docs.google.com/presentation"]::before,
[id^="ld-tab-materials"] a[href^="https://docs.google.com/spreadsheets"]::before {
	content: "";
	width: 20px;
	height: 27px;
	display: inline-block;
	margin: 0 5px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

[id^="ld-tab-materials"] a[href*=".csv"]::before,
[id^="ld-tab-materials"] a[href*=".xlxs"]::before {
	background-image: url(/wp-content/plugins/etechnologie-root/assets/images/excel.svg);
}

[id^="ld-tab-materials"] a[href*=".docx"]::before,
[id^="ld-tab-materials"] a[href*=".doc"]::before {
	background-image: url(/wp-content/plugins/etechnologie-root/assets/images/word.svg);
}

[id^="ld-tab-materials"] a[href*="youtu"]::before {
	background-image: url(/wp-content/plugins/etechnologie-root/assets/images/youtube.svg);
}

[id^="ld-tab-materials"] a[href*=".pdf"]::before {
	background-image: url(/wp-content/plugins/etechnologie-root/assets/images/pdf.svg);
}

[id^="ld-tab-materials"] a[href^="https://drive.google.com/"]::before {
	background-image: url(/wp-content/plugins/etechnologie-root/assets/images/google-drive.svg);
}

[id^="ld-tab-materials"] a[href^="https://docs.google.com/document"]::before {
	background-image: url(/wp-content/plugins/etechnologie-root/assets/images/google-docs.svg);
}

[id^="ld-tab-materials"] a[href^="https://docs.google.com/presentation"]::before {
	background-image: url(/wp-content/plugins/etechnologie-root/assets/images/google-presentation.svg);
}

[id^="ld-tab-materials"] a[href^="https://docs.google.com/spreadsheets"]::before {
	background-image: url(/wp-content/plugins/etechnologie-root/assets/images/google-spreadsheets.svg);
}

.page-template-page-fullscreen #et-wpml-lang > div {
	display: none !important;
}

body.page-template-page-fullscreen {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.page-template-page-fullscreen iframe {
	border: none;
	width: 100%;
	height: 95vh !important;
	display: block;
	overflow-y: auto;
}

.page-template-page-fullscreen #content {
	padding: 0px !important;
	min-height: 100vh !important;
}

.page-template-page-fullscreen #iframe_container {
	min-height: 100vh;
}

.page-template-page-fullscreen > iframe {
	overflow: hidden;
}

.page-template-page-fullscreen #drawer-header > div > div.default-theme-drawer_sidebar_header_info__4NQMf > button {
	padding-left: 3vh !important;
}

.page-template-page-fullscreen #drawer-header > div > div.default-theme-drawer_sidebar_header_background__7hjo3 {
	padding: 3vh !important;
}

.ld-tabs-content .ldfc-shortcode {
	display: none;
}

.sfwd-course-nav .ldfc-shortcode .ldfc-favorite-button {
	margin: 0 8px;
}

.sfwd-course-nav .ldfc-favorite-button .ldfc-button.js-favcon-favorite {
	padding: 0;
	width: 30px;
	min-height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	border-radius: 6px;
}

.sfwd-course-nav .ld-favorite-label {
	display: none;
}

.sfwd-course-nav .ldfc-favorite-button .ldfc-button.js-favcon-favorite .ld-icon {
	padding: 0;
}

.sfwd-course-nav .ldfc-favorite-button .ldfc-button.js-favcon-favorite,
.sfwd-course-nav .ldfc-favorite-button .ldfc-button.js-favcon-favorite:hover {
	border: none !important;
	font-weight: 400;
}

.learndash-wrapper .bb-ld-status .ld-status {
	font-size: 16px;
}

.sfwd-course-nav [class^="ldfc-icon-"]:before,
.sfwd-course-nav [class*=" ldfc-icon-"]:before {
	margin-left: 0;
}


.sfwd-course-nav .ldfc-icon{
	margin: 0;
}

@media(min-width: 768px){
	body:not(.buddypanel-open) .ld-tab-content > .uagb-is-root-container.alignfull {
		width: calc(100vw - 390px);
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%) translateZ(0);
						transform: translateX(-50%) translateZ(0);
	}
}

body:not(.buddypanel-open) .wp-block-uagb-container.alignfull[data-aos^=fade][data-aos^=fade].aos-animate {
	-webkit-transform: translateX(-50%) translateZ(0);
					transform: translateX(-50%) translateZ(0);
}

.lms-lesson-item.current > a,
.lms-topic-item.current > a,
.lms-quiz-item.current > a {
	-webkit-box-shadow: inset .35rem 0 0 var(--bb-primary-color);
					box-shadow: inset .35rem 0 0 var(--bb-primary-color);
}

.uagb-timeline__events-inner--content {
	padding: 1rem 1.25rem;
}

html .lms-topic-sidebar-wrapper .ld-item-list-section-heading .ld-lesson-section-heading {
	overflow: initial;
	white-space: initial;
	-o-text-overflow: initial;
		 text-overflow: initial;
	padding-left: 20px;
}

html .ld-item-list-section-heading + .lms-toggle-lesson {
	top: -7px;
}

.learndash-cpt .page-links {
	display: none;
	margin: 0 auto 1rem auto;
	-webkit-box-pack: center;
			-ms-flex-pack: center;
					justify-content: center;
	background-color: var(--bb-body-background-color);
	border-radius: var(--bb-button-radius);
	padding: 0.75rem 1rem;
}

.learndash-cpt .page-links.bp-pagination-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 3px;
}

.learndash-wrapper #sfwd-mark-complete,
.learndash-wrapper .sfwd-mark-complete {
	margin: 0 0 1rem 0;
}

.spoti-navigation {
	display: flex;
	justify-content: center;
	padding: 1rem;
	padding-left: 370px;
	right: 1rem;
	background-color: var(--bb-content-alternate-background-color);
}

.spoti-navigation a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: var(--bb-headings-color);
	transition: color 0.2s ease-in-out;
}

.spoti-navigation a:hover,
.spoti-navigation a:active,
.spoti-navigation a:focus {
	color: var(--bb-primary-color);
}

.lms-topic-sidebar-data {
	background-color: var(--bb-content-alternate-background-color);
}

.bb-dark-theme .spoti-navigation {
	background-color: #1c1c1c;
}

.bb-dark-theme .spoti-navigation a {
	color: #939597;
}

.learndash_content_wrap #course-duration {
	display: none;
}

html .single-sfwd-lessons .lms-header-title h1 {
	margin-bottom: 1.75rem;
}

.single-sfwd-lessons .lms-header-title h1::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 16rem;
	height: 3px;
	background: var(--bb-primary-color);
	transition: background .3s;
	margin-top: 49px;
	display: block;
}

/* Styles for Gutenberg Block: List */
ul.wp-block-list,
ol.wp-block-list {
	display: flex;
	flex-direction: column;
	gap: 0.75rem 0;
	margin: 0 0 1rem 0;
	position: relative;
	font-size: 1rem;
	min-height: 1.5rem;
	line-height: 1.5rem;
}

ol.wp-block-list li,
ul.wp-block-list li {
	position: relative;
}

ul.wp-block-list {
	list-style-type: none;
	padding-left: 0;
}

 ol.wp-block-list li {
	position: relative;
	padding-left: 36px;
}

ul.wp-block-list > li {
	padding-left: 36px;
}

ol.wp-block-list > li > ul > li > ul > li {
	padding-left: 51px;
}

ul.wp-block-list li::before {
	content: "";
	background: var(--bb-primary-color) url(/wp-content/plugins/etechnologie-root/assets/images/list-arrow.svg) no-repeat center center;
	background-size: 10px;
}

ol.wp-block-list {
	counter-reset: list-counter;
	list-style: none;
	padding-left: 0;
}

ol.wp-block-list li {
	counter-increment: list-counter;
}

.wp-block-list li > ul {
	margin-top: 1rem;
}

.wp-block-list li > ul:last-child {
	margin-bottom: 0;
}

ol.wp-block-list li::before {
	content: counter(list-counter);
}

ol.wp-block-list {
	counter-reset: section;
}

ol.wp-block-list > li {
	counter-increment: section;
}

ol.wp-block-list > li::before {
	content: counter(section);
}

ol.wp-block-list > li > ul {
	counter-reset: item;
}

ol.wp-block-list > li > ul > li {
	counter-increment: item;
}

ol.wp-block-list > li > ul > li::before {
	content: counter(section) "." counter(item);
}

ol.wp-block-list > li > ul > li > ul {
	counter-reset: subitem;
	list-style: none;
	padding-left: 20px;
}

ol.wp-block-list > li > ul > li > ul > li {
	counter-increment: subitem;
}

ol.wp-block-list > li > ul > li > ul > li::before {
	content: counter(section) "." counter(item) "." counter(subitem) " ";
}

ul.wp-block-list li::before,
ol.wp-block-list li::before {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	min-width: 1.5rem;
	height: 1.5rem;
	margin: 0;
	padding: 0 6px;
	border-radius: 3px;
	background-color: var(--bb-primary-color);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
	filter: none;
	flex: 0 0 auto;
}

ol ul.wp-block-list li::before {
	background-image: none;
}

/* Styles for Astrac/Specta Block: Icon List */
.wp-block-uagb-icon-list-child > span {
	cursor: pointer;
}

.wp-block-uagb-icon-list-child > span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1.5rem;
	height: 1.5rem;
	border: 2px solid var(--bb-primary-color);
	border-radius: 3px;
	background-color: #fff;
	filter: none;
}

.wp-block-uagb-icon-list-child span.checked::before {
	background-color: var(--bb-primary-color);
}

.bb-icons-et,
.wp-block-uagb-icon-list-child span.checked::after {
	font-family: bb-icons;
	font-style: normal;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	width: 1.5rem;
	height: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wp-block-uagb-icon-list-child span.checked::after {
	position: absolute;
	left: 1px;
	top: 0;
	line-height: 1.5rem;
	font-size: 1rem;
	color: #fff;
	content: "\e876";
}

html body .ld-tabs-content .wp-block-uagb-icon-list .uagb-icon-list__wrap {
	padding-left: 0;
}

html body .ld-tabs-content .wp-block-uagb-icon-list .uagb-icon-list__wrap .uagb-icon-list__label {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	line-height: 1.5rem;
	font-weight: 400;
}

html body .ld-tabs-content .wp-block-uagb-icon-list.wp-block-uagb-icon-list .wp-block-uagb-icon-list-child {
	margin-bottom: 1.5rem;
}

/* Styles for Gutenberg Block: Blockquote */
blockquote.wp-block-quote {
}

.hentry blockquote.wp-block-quote {
	margin: 3rem 0 40px 0;
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
	background-color: #FFFFFF;
	font-weight: 400;
	line-height: 1.7;
}

.hentry blockquote.wp-block-quote p {
	padding: 1.5rem 1.5rem 1rem 1.5rem;
	font-size: 1rem;
}

.hentry blockquote.wp-block-quote p:last-child {
	padding-top: 0;
}

.hentry blockquote.wp-block-quote p:first-child {
	padding-top: 1.5rem;
}

.hentry blockquote.wp-block-quote:before {
	background-color: var(--bb-primary-color);
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	position: absolute;
	left: 40px;
	top: -1.25rem;
}

.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow p a {
	color: var(--bb-primary-color);
	text-decoration: none;
}

.hentry blockquote.wp-block-quote.is-style-plain::before {
	display: none;
}

.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow p a[href^="#"],
.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow p a[href^="@"] {
	color: var(--bb-primary-color) !important;
	text-decoration: none;
}

/* Styles for Spectra Block: Blockquote */
.wp-block-uagb-blockquote {
	border-color: var(--bb-primary-color);
	margin: 0 0 1.5rem 0;
}

.uagb-blockquote > div {
	padding: 0 1rem 0px 1rem;
}

.uagb-blockquote > footer {
	padding: 0px 1rem 10px 1rem;
}

.uagb-blockquote > footer img {
	width: 50px !important;
	height: 50px !important;
}

.uagb-blockquote > div::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #d2d2d2;
	margin: 1em 0;
}

.wp-block-uagb-blockquote .uagb-blockquote__content {
	font-size: 1rem;
	font-weight: 400;
	margin-bottom: 1rem;
}

.wp-block-uagb-blockquote.uagb-blockquote__skin-border blockquote.uagb-blockquote {
	border-color: var(--bb-primary-color);
	padding-top: 1rem;
	padding-bottom: 0.5rem;
}

.wp-block-uagb-blockquote .uagb-blockquote__author-wrap cite.uagb-blockquote__author {
	font-size: 1rem;
	font-weight: 400;
}

.wp-block-uagb-blockquote.uagb-blockquote__skin-quotation .uagb-blockquote__icon {
	background-color: var(--bb-primary-color);
}

.wp-block-uagb-blockquote.uagb-blockquote__skin-quotation .uagb-blockquote__icon svg {
	fill: var(--bb-content-background-color);
}

.wp-block-uagb-faq {
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-uagb-faq .uagb-faq-item-active {
	border-left: 4px solid #577BB4;
	padding-left: 10px;
}

.uagb-icon-list__source-wrap {
	opacity: 0;
}

b,
strong {
	font-weight: 600;
}

html.is-reloading body .learndash_content_wrap,
html.is-reloading body.single-sfwd-courses .bb-grid {
	position: relative;
}

html.is-reloading body .learndash_content_wrap::after,
html.is-reloading body.single-sfwd-courses .bb-grid::after {
	content: '';
	width: 100%;
	height: 100%;
	overflow: hidden;
	inset: 0;
	position: absolute;
	background: var(--bb-body-background-color);
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><radialGradient id="a3" cx=".66" fx=".66" cy=".3125" fy=".3125" gradientTransform="scale(1.5)"><stop offset="0" stop-color="%232698FF"></stop><stop offset=".3" stop-color="%232698FF" stop-opacity=".9"></stop><stop offset=".6" stop-color="%232698FF" stop-opacity=".6"></stop><stop offset=".8" stop-color="%232698FF" stop-opacity=".3"></stop><stop offset="1" stop-color="%232698FF" stop-opacity="0"></stop></radialGradient><circle transform-origin="center" fill="none" stroke="url(%23a3)" stroke-width="15" stroke-linecap="round" stroke-dasharray="200 1000" stroke-dashoffset="0" cx="100" cy="100" r="70"><animateTransform type="rotate" attributeName="transform" calcMode="spline" dur="2" values="360;0" keyTimes="0;1" keySplines="0 0 1 1" repeatCount="indefinite"></animateTransform></circle><circle transform-origin="center" fill="none" opacity=".2" stroke="%232698FF" stroke-width="15" stroke-linecap="round" cx="100" cy="100" r="70"></circle></svg>');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px;
	z-index: 99;
	opacity: 0.9;
}

/* Fix dropdown menu item with children in BudyBoss sidebar menu */
.bb-template-v2 .buddypanel-menu > .menu-item-has-children > .bb-menu-item .bs-submenu-toggle {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: none;
}

.bb-template-v2 .buddypanel-menu > .menu-item-has-children > .bb-menu-item .bs-submenu-toggle::before {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	transition: none;
}

.bb-template-v2 .buddypanel-menu > .menu-item-has-children > .bb-menu-item .bs-submenu-toggle.bs-submenu-open::before {
	left: 0;
}

/* Fix .ld-alert-success .ld-button and .learndash-wrapper a.button#btn-join styles */
body .learndash-wrapper .ld-alert-success .ld-button,
body .learndash-wrapper a.button#btn-join,
body .learndash-wrapper a.button#btn-join {
	font-weight: 400;
	font-size: 1rem;
	border-radius: var(--bb-button-radius);
	transition: all 0.2s ease-in-out;
}

body .learndash-wrapper .ld-alert-success .ld-button:hover,
body .learndash-wrapper .ld-alert-success .ld-button:active,
body .learndash-wrapper .ld-alert-success .ld-button:focus {
	background-color: var(--ld-color-semantic-success);
	color: var(--bb-primary-button-text-hover);
	border-color: var(--ld-color-semantic-success);
}

body .learndash-wrapper a.button#btn-join,
body .learndash-wrapper a.button#btn-join {
	background-color: var(--bb-primary-button-background-regular);
	color: var(--bb-primary-button-text-regular);
	border: 1px solid var(--bb-primary-button-border-regular);
}

body .learndash-wrapper a.button#btn-join:hover,
body .learndash-wrapper a.button#btn-join:active,
body .learndash-wrapper a.button#btn-join:focus,
body .learndash-wrapper a.button#btn-join:hover,
body .learndash-wrapper a.button#btn-join:active,
body .learndash-wrapper a.button#btn-join:focus {
	background-color: var(--bb-primary-button-background-hover);
	color: var(--bb-primary-button-text-hover);
	border-color: var(--bb-primary-button-border-hover);
}

body .learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-button {
	border-radius: var(--bb-label-type-radius);
	font-weight: 400;
	font-size: 14px;
}

body .learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-button:hover,
body .learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-button:active,
body .learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-button:focus {
	background-color: var(--bb-primary-button-background-hover);
	color: var(--bb-primary-button-text-hover);
	border-color: var(--bb-primary-button-border-hover);
}

/* === LearnDash Buttons Styled for BuddyBoss === */

/* Mark Complete button – unified with BuddyBoss design */
.learndash_mark_complete_button,
.bb-course-wrapper .learndash_mark_complete_button {
	font-size: 16px !important;
	padding: 14px 28px !important;
	border-radius: 8px !important;
	background-color: var(--bb-primary-button-background-regular) !important;
	color: var(--bb-primary-button-text-regular) !important;
	border: none !important;
	width: 100% !important;
	max-width: 340px !important;
	display: inline-block !important;
	text-align: center !important;
	font-weight: 600 !important;
	transition: background-color 0.2s ease-in-out, transform 0.15s !important;
	line-height: 1.4 !important;
}

/* === Start Course Button – Enhanced BB Style === */
.bb-button-wrap .btn-advance.ld-primary-background {
	font-size: 16px;
	padding: 14px 28px;
	border-radius: 8px;
	background-color: var(--bb-primary-button-background-regular);
	color: var(--bb-primary-button-text-regular);
	font-weight: 600;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 5px rgba(1, 151, 141, 0.15);
	transition: all 0.25s ease-in-out;
}

.bb-button-wrap .btn-advance.ld-primary-background:hover {
	background-color: var(--bb-primary-button-background-hover);
	transform: translateY(-1px);
}

/* Center single action button inside .bb-button-wrap */
.bb-button-wrap:has(.btn-advance.ld-primary-background):not(:has(.bb-course-type-paynow)) {
	justify-content: center;
}


.learndash_mark_complete_button:hover {
	background-color: var(--bb-primary-button-background-hover) !important;
	transform: translateY(-1px);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}

/* Certificate alert box */
.ld-alert-certificate {
	border-left: 4px solid var(--bb-primary-button-background-regular);
	background-color: var(--bb-light-bg-color);
	padding: 20px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	margin-top: 20px;
}

.ld-alert-icon.ld-icon-certificate {
	background-color: var(--bb-primary-button-background-regular);
	color: var(--bb-primary-button-text-regular);
	padding: 10px;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px !important;
}

.ld-alert-certificate .ld-button,
.bb-course-wrapper .ld-alert-certificate .ld-button {
	font-size: 16px !important;
	padding: 14px 24px !important;
	border-radius: 8px !important;
	background-color: var(--bb-primary-button-background-regular) !important;
	color: var(--bb-primary-button-text-regular) !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	font-weight: 600 !important;
	border: 2px solid rgba(255, 255, 255, 0.25) !important;
	box-shadow: 0 0 0 2px rgba(1, 151, 141, 0.2) !important;
	transition: all 0.25s ease-in-out !important;
}

.ld-alert-certificate .ld-button:hover {
	background-color: var(--bb-primary-button-background-hover) !important;
	border-color: rgba(255, 255, 255, 0.5) !important;
	box-shadow: 0 0 0 3px rgba(1, 151, 141, 0.3) !important;
	transform: translateY(-1px);
}

/* Responsive */
@media (max-width: 768px) {
	.ld-alert-certificate {
			flex-direction: column;
			align-items: flex-start;
			gap: 12px;
			padding: 16px;
	}

	.ld-alert-certificate .ld-button {
			width: 100%;
			text-align: center;
			justify-content: center;
	}

	.ld-alert-icon.ld-icon-certificate {
			margin-bottom: 4px;
	}
}

/* === Join Button Wrapper === */
.bb-button-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	padding: 0;
	background: none;
	border-radius: 0;
	border-left: none;
	box-shadow: none;
	margin-top: 24px;
}

.bb-button-wrap .btn-join {
	font-size: 16px !important;
	padding: 14px 28px !important;
	border-radius: 8px !important;
	background-color: var(--bb-primary-button-background-regular) !important;
	color: var(--bb-primary-button-text-regular) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: none !important;
	box-shadow: 0 2px 5px rgba(1, 151, 141, 0.15);
	transition: all 0.25s ease-in-out;
}

.bb-button-wrap .btn-join:hover {
	background-color: var(--bb-primary-button-background-hover) !important;
	transform: translateY(-1px);
}

/* If price exists – restore wrapper styles */
.bb-button-wrap:has(.bb-course-type-paynow) {
	padding: 20px;
	background: var(--bb-light-bg-color);
	border-radius: 8px;
	border-left: 4px solid var(--bb-primary-button-background-regular);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Course price */
.bb-course-type-paynow {
	font-size: 16px;
	font-weight: 600;
	color: var(--bb-text-color);
	background: var(--bb-light-bg-alt);
	padding: 8px 16px;
	border-radius: 4px;
}

/* Responsive */
@media (max-width: 768px) {
	.bb-button-wrap {
			flex-direction: column;
			align-items: flex-start;
	}

	.bb-button-wrap .btn-join,
	.bb-course-type-paynow {
			width: 100%;
			text-align: center;
	}
}

/* === Universal Button Fallback === */
button,
input[type="submit"],
input[type="button"],
a.button,
a.button-primary,
.ld-btn-continue,
.ld-btn-submit,
.ld-course-resume,
.ld-course-complete,
.learndash_start_quiz_button {
	font-family: inherit;
	background-color: var(--bb-primary-button-background-regular);
	color: var(--bb-primary-button-text-regular);
	border-radius: 8px;
	font-weight: 600;
	font-size: 16px;
	padding: 14px 28px;
	text-decoration: none;
	border: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s ease-in-out, transform 0.15s;
}

button:hover,
input[type="submit"]:hover,
a.button:hover,
a.button-primary:hover {
	background-color: var(--bb-primary-button-background-hover);
	transform: translateY(-1px);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
}

.component-navigation.courses-nav > li#courses-all {
  display: none !important;
}
