/home/crealab/riscatto.brainware.com.co/wp-content/themes/buddyboss-theme/assets/css/learndash.css
/* stylelint-disable scss/no-duplicate-mixins */
/* stylelint-enable */
html.quiz-sort,
html.quiz-sort body,
html.quiz-sort .site {
overflow: initial;
}
html.elementor-html body.bb-sfwd-aside {
overflow: auto;
}
.learndash-theme.post-type-archive-sfwd-lessons .post-grid > .hentry {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1100px) {
.learndash-theme.post-type-archive-sfwd-lessons .post-grid > .hentry {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
}
}
@media screen and (max-width: 800px) {
.learndash-theme.post-type-archive-sfwd-lessons .post-grid > .hentry {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 480px) {
.learndash-theme.post-type-archive-sfwd-lessons .post-grid > .hentry {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.learndash-theme.post-type-archive-sfwd-lessons .post-grid > .hentry .entry-content {
margin-bottom: 0;
}
.learndash-theme.post-type-archive-sfwd-lessons .post-grid > .hentry .entry-content p:last-child {
margin-bottom: 0;
}
#learndash-page-content {
background-color: var(--bb-content-background-color);
border-bottom: 1px solid var(--bb-content-border-color);
padding: 30px 100px 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: -webkit-calc(100vh - 76px);
min-height: calc(100vh - 76px);
}
#learndash-page-content.loading > .learndash-content-body {
opacity: 0.2;
}
#learndash-page-content.loading:after {
font: normal normal normal 20px/1 bb-icons;
speak: none;
display: inline-block;
text-decoration: inherit;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\ef30";
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
width: 20px;
height: 20px;
position: absolute;
z-index: 102;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
@media screen and (max-width: 1200px) {
#learndash-page-content {
padding: 30px 60px 0;
}
}
@media screen and (max-width: 992px) {
#learndash-page-content {
padding: 30px 40px 0;
}
}
@media screen and (max-width: 543px) {
#learndash-page-content {
padding: 30px 20px 0;
}
}
#learndash-page-content .learndash_next_prev_link {
margin-top: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 30px 0;
}
#learndash-page-content .learndash_next_prev_link a.next-link {
margin-left: auto;
}
#learndash-page-content .sfwd-course-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#learndash-page-content .sfwd-course-nav .sfwd-course-expire {
margin-right: 20px;
font-size: 14px;
}
#learndash-page-content .sfwd-course-nav .sfwd-course-expire i {
color: var(--bb-alternate-text-color);
margin-right: 8px;
}
#learndash-page-content .sfwd-course-nav .learndash_next_prev_link {
margin-top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
}
#learndash-page-content .sfwd-course-nav .learndash_next_prev_link a {
font-size: 0;
background-color: var(--bb-alternate-text-color);
color: #fff;
}
#learndash-page-content .sfwd-course-nav .learndash_next_prev_link a:hover {
background-color: var(--bb-primary-color);
}
#learndash-page-content .sfwd-course-nav .learndash_next_prev_link a:after, #learndash-page-content .sfwd-course-nav .learndash_next_prev_link a:before {
font-size: 16px;
padding-bottom: 0;
margin: 0;
}
#learndash-page-content .sfwd-course-nav .learndash_next_prev_link a.next-link {
margin-left: auto;
}
#learndash-page-content .sfwd-course-nav .learndash_next_prev_link span.empty-post {
font-size: 0;
background-color: #d3d7db;
color: #fff;
opacity: 0.5;
pointer-events: none;
}
#learndash-page-content .sfwd-course-nav .learndash_next_prev_link span.empty-post:after, #learndash-page-content .sfwd-course-nav .learndash_next_prev_link span.empty-post:before {
font-size: 16px;
padding-bottom: 0;
margin: 0;
}
#learndash-page-content .sfwd-course-nav .learndash_next_prev_link span.next-link {
margin-left: auto;
}
[dir="rtl"] #learndash-page-content .sfwd-course-nav .learndash_next_prev_link {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
[dir="rtl"] #learndash-page-content .sfwd-course-nav .learndash_next_prev_link .next-link {
border-radius: 0 var(--bb-block-radius-inner) var(--bb-block-radius-inner) 0;
}
[dir="rtl"] #learndash-page-content .sfwd-course-nav .learndash_next_prev_link .next-link:after {
content: "\e8ab";
}
[dir="rtl"] #learndash-page-content .sfwd-course-nav .learndash_next_prev_link .prev-link {
border-radius: var(--bb-block-radius-inner) 0 0 var(--bb-block-radius-inner);
}
[dir="rtl"] #learndash-page-content .sfwd-course-nav .learndash_next_prev_link .prev-link:before {
content: "\e827";
}
#learndash-page-content .bb-lms-secondary-header > span {
text-transform: uppercase;
font-size: 12px;
}
#learndash-page-content .bb-lms-secondary-header h1 {
line-height: 1.2;
font-weight: 700;
font-size: 36px;
margin: 0;
}
#learndash-page-content .bb-lms-secondary-header p#learndash_next_prev_link {
font-size: 13px;
margin-bottom: 0;
}
/* Hide Shortcode content */
.sfwd-lessons-template-default #learndash-page-content #learndash-content .lms-topic-sidebar-wrapper,
.sfwd-topic-template-default #learndash-page-content #learndash-content .lms-topic-sidebar-wrapper,
.sfwd-quiz-template-default #learndash-page-content #learndash-content .lms-topic-sidebar-wrapper {
display: none;
}
.sfwd-lessons-template-default #learndash-page-content #learndash-content #learndash-page-content,
.sfwd-topic-template-default #learndash-page-content #learndash-content #learndash-page-content,
.sfwd-quiz-template-default #learndash-page-content #learndash-content #learndash-page-content {
min-height: inherit;
padding: 0;
border: 0;
}
.sfwd-lessons-template-default #learndash-page-content #learndash-content #learndash-page-content .learndash_content_wrap,
.sfwd-topic-template-default #learndash-page-content #learndash-content #learndash-page-content .learndash_content_wrap,
.sfwd-quiz-template-default #learndash-page-content #learndash-content #learndash-page-content .learndash_content_wrap {
padding: 0;
margin: 0;
}
.sfwd-lessons-template-default #learndash-page-content #learndash-content #learndash-page-content .learndash_content_wrap > div,
.sfwd-topic-template-default #learndash-page-content #learndash-content #learndash-page-content .learndash_content_wrap > div,
.sfwd-quiz-template-default #learndash-page-content #learndash-content #learndash-page-content .learndash_content_wrap > div {
padding: 0;
margin: 0;
}
.sfwd-lessons-template-default #learndash-page-content #learndash-content #learndash-page-content #learndash-course-header,
.sfwd-topic-template-default #learndash-page-content #learndash-content #learndash-page-content #learndash-course-header,
.sfwd-quiz-template-default #learndash-page-content #learndash-content #learndash-page-content #learndash-course-header {
display: none;
}
.sfwd-lessons-template-default #learndash-page-content #learndash-content #learndash-page-content .learndash_content_wrap #comments.comments-area,
.sfwd-lessons-template-default #learndash-page-content #learndash-content #learndash-page-content .learndash_content_wrap .ld-focus-comments,
.sfwd-topic-template-default #learndash-page-content #learndash-content #learndash-page-content .learndash_content_wrap #comments.comments-area,
.sfwd-topic-template-default #learndash-page-content #learndash-content #learndash-page-content .learndash_content_wrap .ld-focus-comments,
.sfwd-quiz-template-default #learndash-page-content #learndash-content #learndash-page-content .learndash_content_wrap #comments.comments-area,
.sfwd-quiz-template-default #learndash-page-content #learndash-content #learndash-page-content .learndash_content_wrap .ld-focus-comments {
display: none;
}
#learndash_lessons,
#learndash_quizzes,
#learndash_profile,
#learndash_lesson_topics_list > div {
background-color: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
}
body.bb-buddypanel.bb-sfwd-aside .site-header .bb-toggle-panel {
display: inherit;
margin-left: -18px;
}
body.bb-buddypanel.bb-sfwd-aside.buddypanel-toggle-off .site-header .bb-toggle-panel {
display: none;
}
body.bb-buddypanel.bb-sfwd-aside .header-aside-inner .bb-toggle-panel {
display: none;
}
body.bb-buddypanel.bb-sfwd-aside.bb-buddypanel-right .site-header .site-header-container > .bb-toggle-panel {
display: none;
}
body.bb-buddypanel.bb-sfwd-aside.bb-buddypanel-right .site-header .site-header-container {
padding-left: 0;
}
body.bb-buddypanel.bb-sfwd-aside.bb-buddypanel-right .header-3 .header-aside-inner .bb-toggle-panel {
margin-right: 0;
}
body.bb-buddypanel.bb-sfwd-aside.bb-buddypanel-right .header-aside-inner .bb-toggle-panel {
display: inline-block;
padding-left: 20px;
margin: 0;
margin-right: -18px;
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s;
}
body.bb-buddypanel.bb-sfwd-aside .site-header .site-header-container:not(.header-3) #header-aside .bb-toggle-panel i {
color: inherit;
}
body.bb-buddypanel.bb-sfwd-aside.buddypanel-open:not(.buddypanel-header) .site-header .bb-toggle-panel {
visibility: hidden;
opacity: 0;
}
body.bb-buddypanel.bb-sfwd-aside.buddypanel-header .site-header .bb-toggle-panel {
margin-left: -18px;
}
body.bb-buddypanel.bb-sfwd-aside.buddypanel-header.bb-buddypanel-right .site-header .bb-toggle-panel {
margin-left: 0;
}
body.bb-buddypanel.bb-sfwd-aside:not(.buddypanel-open) .buddypanel .bb-toggle-panel {
visibility: hidden;
opacity: 0;
}
.bb-sfwd-aside .site-header:not(.site-header--elementor) {
position: fixed;
}
.bb-sfwd-aside .site-header {
width: 100%;
z-index: 610;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
@media screen and (min-width: 800px) {
.bb-buddypanel.buddypanel-open.bb-sfwd-aside .site-header:not(.site-header--elementor) {
width: -webkit-calc(100% - 230px);
width: calc(100% - 230px);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
}
.bb-sfwd-aside .elementor-header + .site-content {
padding-top: 0 !important;
}
body.bb-sfwd-aside {
/* .side-panel-inner {
height: calc(100% - 35px);
} */
}
body.bb-sfwd-aside .site-header .container,
body.bb-sfwd-aside .footer-container .container {
max-width: 100%;
}
body.bb-sfwd-aside .site-header .container {
max-width: 100%;
margin-right: 0;
}
body.bb-sfwd-aside.buddypanel-header .buddypanel .panel-head {
height: 0;
}
body.bb-sfwd-aside.buddypanel-header .buddypanel .panel-head .bb-toggle-panel {
display: none;
}
.bb-sfwd-aside .elementor.elementor-location-footer {
display: none;
}
.bb-sfwd-aside .site-content .container {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.bb-sfwd-aside .site-content .container > .grid {
margin-left: 0;
margin-right: 0;
}
.bb-sfwd-aside .site-content .container .grid > *:not(.no-gutter),
.bb-sfwd-aside .site-content .container .grid-cell:not(.no-gutter) {
padding-left: 0;
padding-right: 0;
}
.bb-sfwd-aside .site-content .container .container-full {
width: 100%;
margin-left: 0;
margin-right: 0;
left: 0;
right: 0;
}
.bb-sfwd-aside .site-content .container .content-area {
padding-bottom: 0;
padding-top: 0;
}
.bb-sfwd-aside .header-aside {
margin-left: auto;
}
.single-sfwd-courses.has-sidebar #primary,
.single-sfwd-quiz.has-sidebar #primary,
.single-sfwd-lessons.has-sidebar #primary,
.single-sfwd-topic.has-sidebar #primary {
max-width: 100%;
}
.site-branding.ld-brand-logo img {
max-height: 100%;
padding: 10px 0;
}
.site-header-container .site-branding.ld-brand-logo {
min-width: inherit;
}
.buddypanel-header .buddypanel .site-branding.ld-brand-logo {
padding-right: 0;
margin-top: 10px;
margin-bottom: 10px;
}
.buddypanel-header .buddypanel .site-branding.ld-brand-logo img {
padding: 0;
margin: 0 auto;
}
.lms-topic-sidebar-wrapper.lms-topic-sidebar-close.md-grid-1-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
opacity: 0;
}
.ld-course-navigation .bb-toggle-panel {
margin-right: 10px;
position: relative;
top: 4px;
color: var(--bb-sidenav-links);
font-size: 24px;
}
.ld-course-navigation .bb-toggle-panel .bb-icon-menu-left {
font-size: 24px;
}
.ld-course-navigation .bb-toggle-panel + .bb-toggle-panel {
display: none;
}
@media (max-width: 799px) {
.ld-course-navigation .bb-toggle-panel {
display: none;
}
}
.lms-topic-sidebar-wrapper .bb-elementor-header-items {
display: none;
}
.single-sfwd-quiz .learndash-content-body .bb-elementor-header-items + .learndash-wrapper {
padding-top: 30px;
}
.learndash-content-body {
position: relative;
}
.learndash-content-body .bb-elementor-header-items {
position: absolute;
right: 0;
z-index: 2;
}
.learndash-content-body .bb-elementor-header-items a {
margin-left: 10px;
}
.learndash-content-body .bb-elementor-header-items i {
font-size: 16px;
}
.lms-side-panel-close .bb-elementor-header-items {
right: 30px;
}
.lms-side-panel-close .bb-elementor-header-items .header-minimize-link {
display: inline-block;
}
.learndash + .page-links {
font-size: 14px;
padding: 3px 20px;
}
.learndash + .page-links .post-page-numbers {
padding: 0 3px;
}
.learndash-wrapper a.bbp-topic-reply-link {
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular) !important;
}
.learndash-wrapper a.bbp-topic-reply-link:hover {
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover) !important;
}
.learndash-wrapper .ld-button {
background-color: var(--bb-primary-button-background-regular);
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular);
border-bottom: 1px solid var(--bb-primary-button-border-regular) !important;
border-radius: var(--bb-button-radius);
}
.learndash-wrapper .ld-button:focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.learndash-wrapper .ld-button:hover {
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
border-bottom: 1px solid var(--bb-primary-button-border-hover) !important;
opacity: 1;
}
.learndash-wrapper .ld-button.ld-login-button {
font-size: inherit;
font-weight: inherit;
}
.learndash-course-grid-filter input[type="range"]::-webkit-slider-runnable-track {
border-radius: var(--bb-block-radius-inner) !important;
}
.learndash-course-grid-filter .range-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -2px;
}
.learndash-course-grid-filter .range-wrapper input[type="range"] {
margin-right: 2px;
margin-left: 2px;
}
@media screen and (min-width: 800px) {
.sfwd-single-sidebar-right:not(.single-sfwd-courses) #learndash-content > .bb-grid {
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
}
}
@media screen and (min-width: 800px) {
.single-sfwd-quiz.bb-buddypanel .site-content,
.single-sfwd-lessons.bb-buddypanel .site-content,
.single-sfwd-topic.bb-buddypanel .site-content {
padding: 0 10px;
}
}
.page-template-default.page .entry-content #learndash-content.container-full {
width: auto;
left: 0;
right: 0;
margin-left: 0;
margin-right: 0;
}
.page-template-default.page .entry-content #learndash-content .lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
position: static;
}
.post-template-default.single .entry-content #learndash-content.container-full {
width: auto;
left: 0;
right: 0;
margin-left: 0;
margin-right: 0;
}
.post-template-default.single .entry-content #learndash-content .lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
position: static;
}
.bb-courses-header {
margin-bottom: 2rem;
}
.bb-courses-header .bb-title {
font-size: 28px;
margin: 0;
}
@media (max-width: 375px) {
.bb-courses-header .bb-title {
font-size: 28px;
margin-right: 10px;
}
}
.bb-courses-header .bs-dir-search {
margin-left: auto;
margin-bottom: 0;
margin-right: 0;
}
.ld-secondary-header {
margin: 25px 0 20px;
}
.ld-secondary-header .bb-secondary-list-tabs {
-ms-flex-flow: wrap;
flex-flow: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0;
gap: 12px;
}
.ld-secondary-header .bb-secondary-list-tabs .push-right {
margin-left: 0;
}
.ld-secondary-header:has(.bb-item-count) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
}
.bb-courses-directory .grid-filters {
background: var(--bb-content-background-color);
border: 1px solid var(--bb-content-border-color);
border-radius: var(--bb-input-radius);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: start;
align-self: flex-start;
font-size: 21px;
height: 36px;
}
.bb-courses-directory .grid-filters a {
color: var(--bb-headings-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 5px;
padding-right: 5px;
opacity: 0.4;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.bb-courses-directory .grid-filters a:hover {
color: var(--bb-headings-color);
opacity: 1;
}
.bb-courses-directory .grid-filters a i {
font-size: 24px;
}
.bb-courses-directory .grid-filters .active {
opacity: 1;
}
.bb-courses-directory .bp-navs {
margin-bottom: 15px;
}
.bb-courses-directory .bp-navs li {
float: left;
padding-right: 30px;
}
.bb-courses-directory .bp-navs li a {
padding: 10px 0;
}
.bb-courses-directory .bp-navs .selected .count {
background-color: var(--bb-primary-color);
}
.bb-courses-directory .bs-sort-button i {
font-size: 22px;
}
.bb-courses-directory .select-wrap {
margin: 0;
}
.bb-courses-directory .select-wrap select {
height: 36px;
font-size: 14px;
outline: none;
}
.bb-courses-directory .sfwd-courses-filters .select-wrap select {
margin-right: 12px;
}
.bb-courses-directory .sfwd-courses-filters .select-wrap:last-of-type select {
margin-right: 0;
}
.bb-grid #course-dir-list {
margin-top: 10px;
}
.bb-course-items {
list-style: none;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.bb-course-items:not(.bb-grid) {
margin: 0;
}
.bb-course-items .bb-course-item-wrap {
margin-bottom: 20px;
}
.bb-course-items .bb-course-cover {
overflow: hidden;
position: relative;
/* height: 100%; */
}
.bb-course-items .bb-cover-wrap {
border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
padding-top: 52%;
}
.bb-course-items .bb-cover-list-item {
background: var(--bb-content-background-color);
border: 1px solid var(--bb-content-border-color);
border-radius: var(--bb-block-radius);
height: 100%;
padding-bottom: 0;
-webkit-transition: 0.2s box-shadow;
transition: 0.2s box-shadow;
position: relative;
overflow: hidden;
}
.bb-course-items .bb-cover-list-item.bb-course-paid {
padding-bottom: 35px;
}
.bb-course-items .bb-cover-list-item:hover {
box-shadow: 0 4px 32px 0 rgba(18, 43, 70, 0.1);
z-index: 1;
}
.bb-course-items .bb-cover-list-item .course-fee {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bb-course-items .bs-timestamp {
font-size: 14px;
color: #939597;
letter-spacing: -0.24px;
line-height: 22px;
position: absolute;
bottom: 20px;
}
.bb-course-items .forums-meta span {
background: rgba(18, 43, 70, 0.1);
}
.bb-course-items .bb-cover-wrap:after {
display: none;
}
.bb-course-items .forums-meta {
margin-bottom: 12px;
}
.bb-course-items .bb-course-excerpt {
color: var(--bb-alternate-text-color);
}
.bb-course-items .course-progress-wrap {
position: relative;
z-index: 1;
margin: 0 0 20px;
line-height: 1;
}
.bb-course-items .start-course-completion-rate {
font-size: 11px;
margin-top: 12px;
text-transform: uppercase;
}
.bb-course-items .course-progress {
margin: 0;
height: 4px;
background: var(--bb-content-border-color);
}
.bb-course-items .course-progress-bar {
background: var(--bb-primary-color);
height: 4px;
width: auto;
}
.bb-course-items .bb-card-course-details--hasAccess .bb-course-excerpt {
display: none;
}
.bb-course-items .bb-course-excerpt {
font-size: 13px;
color: var(--bb-alternate-text-color);
line-height: 1.384;
display: block;
display: -webkit-box;
max-height: 2.72em;
margin: -3px 0 20px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.bb-course-items.grid-view .bb-course-item-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1200px) {
.bb-course-items.grid-view .bb-course-item-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
}
}
@media screen and (max-width: 820px) {
.bb-course-items.grid-view .bb-course-item-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 480px) {
.bb-course-items.grid-view .bb-course-item-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.has-sidebar .bb-course-items.grid-view .bb-course-item-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
}
@media screen and (max-width: 1200px) {
.has-sidebar .bb-course-items.grid-view .bb-course-item-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media screen and (min-width: 800px) and (max-width: 900px) {
.has-sidebar .bb-course-items.grid-view .bb-course-item-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media screen and (max-width: 480px) {
.has-sidebar .bb-course-items.grid-view .bb-course-item-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.bb-course-items.list-view .bb-course-item-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.bb-course-items.list-view .bb-cover-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.bb-course-items.list-view .bb-course-cover {
-webkit-box-flex: 0;
-ms-flex: 0 0 240px;
flex: 0 0 240px;
}
@media screen and (max-width: 1040px) {
.bb-course-items.list-view .bb-course-cover {
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
}
}
@media screen and (max-width: 460px) {
.bb-course-items.list-view .bb-course-cover {
-webkit-box-flex: 0;
-ms-flex: 0 0 140px;
flex: 0 0 140px;
}
}
@media screen and (max-width: 375px) {
.bb-course-items.list-view .bb-course-cover {
-webkit-box-flex: 0;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
}
}
.bb-course-items.list-view .bb-card-course-details {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-bottom: 16px;
}
.bb-course-items.list-view .bb-cover-wrap {
border-radius: var(--bb-block-radius) 0 0 var(--bb-block-radius);
padding-top: 70%;
height: 100%;
}
@media screen and (max-width: 1040px) {
.bb-course-items.list-view .bb-cover-wrap {
padding-top: 78%;
}
}
.bb-course-items.list-view .bb-course-footer {
-ms-flex-flow: column-reverse;
flex-flow: column-reverse;
bottom: auto;
top: 16px;
width: auto;
left: auto;
right: 0;
}
@media screen and (max-width: 1040px) {
.bb-course-items.list-view .bb-course-footer {
position: static;
padding: 15px 0 0;
}
}
.bb-course-items.list-view .bb-course-footer del {
margin-right: 0;
margin-top: 8px;
}
.bb-course-items.list-view .bb-course-title,
.bb-course-items.list-view .course-lesson-count {
max-width: 80%;
}
.bb-course-items.list-view .course-progress-wrap {
max-width: 450px;
}
.has-sidebar .bb-course-items.list-view .course-progress-wrap {
max-width: 320px;
}
.bb-course-items .course-completion-rate,
.group_courses .course-completion-rate,
.bb-learndash-wrapper.bb-course-item-wrap .course-completion-rate {
display: block;
margin-top: 10px;
}
.bb-course-items .ld-progress-stats,
.group_courses .ld-progress-stats,
.bb-learndash-wrapper.bb-course-item-wrap .ld-progress-stats {
font-size: 12px;
font-weight: 500;
line-height: 1;
letter-spacing: -0.24px;
display: block;
margin-top: 10px;
color: var(--bb-alternate-text-color);
}
.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 {
margin-top: 5px;
display: block;
}
.ld-progress-stats span.ld-progress-steps__unit {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.grid-view .bb-card-course-details .course-progress-wrap:nth-last-child(2) {
margin: 0 0 10px;
}
.bb-course-footer {
position: absolute;
bottom: 20px;
width: 100%;
left: 0;
padding: 0 20px;
font-weight: 500;
font-size: 20px;
line-height: 1;
color: var(--bb-headings-color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.bb-course-footer del {
font-size: 15px;
font-weight: 400;
color: #939597;
margin-right: 5px;
}
.bb-card-course-details {
padding: 16px 20px 10px;
}
.grid-view .bb-card-course-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
/* height: 100%; */
}
#page .bb-course-title {
font-size: 22px;
line-height: 1.24;
margin: 0 0 10px;
}
#page .bb-course-title.bb-course-title-with-review {
padding-bottom: 35px;
position: relative;
}
#page .bb-course-title.bb-course-title-with-review .ratings-after-title {
position: absolute;
left: 0;
right: 0;
bottom: 5px;
}
#page .bb-course-title a {
color: inherit;
display: block;
display: -webkit-box;
max-height: 2.7em;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
#page .bb-course-title a:hover {
color: var(--bb-primary-color);
}
#page .bb-course-title .lms-category {
display: block;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 400;
}
#page .bb-course-title .lms-title {
display: block;
font-size: 20px;
}
.bb-course-meta {
font-size: 13px;
font-weight: 300;
color: var(--bb-alternate-text-color);
letter-spacing: -0.24px;
line-height: 1;
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.bb-course-meta .item-avatar {
max-width: 28px;
margin-right: 10px;
}
.bb-course-meta .item-avatar img {
border-radius: 50%;
}
.bb-course-meta strong {
font-size: 13px;
font-weight: 500;
letter-spacing: -0.24px;
margin: 0;
}
.bb-course-meta strong a {
color: var(--bb-headings-color);
}
.bb-course-meta strong a:hover {
color: var(--bb-primary-color);
}
.list-view .bb-course-meta .item-avatar img {
max-width: 100%;
}
.course-lesson-count {
font-size: 13px;
color: var(--bb-alternate-text-color);
line-height: 1;
margin-bottom: 8px;
font-weight: 300;
}
.bb-course-categories {
font-size: 12px;
font-weight: 500;
color: var(--bb-headings-color);
letter-spacing: 0.25px;
line-height: 1;
margin-bottom: 10px;
text-transform: uppercase;
}
.bb-course-excerpt {
margin-bottom: 20px;
opacity: 0.8;
font-size: 16px;
letter-spacing: -0.24px;
line-height: 27px;
}
/* List View */
.bb-cover-list-item .sfwd-type-tag {
position: absolute;
z-index: 9;
top: 15px;
background-color: var(--bb-primary-color);
border-radius: 0 15px 15px 0;
color: #fff;
text-align: center;
padding: 5px 12px;
text-transform: uppercase;
font-size: 11px;
line-height: 1;
letter-spacing: 0.23px;
/* box-shadow: 0 1px 1px rgba(0,0,0,0.30); */
}
.bb-cover-list-item .progress-continue {
background-color: #0b8ac7;
}
.bb-cover-list-item .sfwd-type-free {
background-color: #0bc1c7;
}
.bb-cover-list-item .progress-empty {
background-color: #dbbe1a;
}
.bb-cover-list-item .progress-completed {
background-color: #aac70b;
}
.bb-cover-list-item .sfwd-type-closed {
background-color: #9c9c9c;
}
.bb-cover-list-item .sfwd-type-purchase {
background-color: #0bc77a;
}
.bb-cover-list-item .sfwd-type-unlock {
background-color: var(--bb-primary-color);
z-index: 10;
}
.bb-cover-list-item .ld-status {
position: absolute;
z-index: 9;
top: 15px;
background-color: var(--bb-primary-color);
border-radius: 0 15px 15px 0;
color: #fff;
text-align: center;
padding: 5px 12px;
text-transform: uppercase;
font-size: 11px;
line-height: 1;
letter-spacing: 0.23px;
}
.bb-cover-list-item .bb-course-cover .bb-cover-wrap .ld-status {
border-radius: 0 15px 15px 0;
height: auto;
}
.bb-cover-list-item .ld-primary-background {
background-color: var(--bb-primary-color);
}
.bb-cover-list-item .ld-status-complete.ld-secondary-background {
background-color: var(--bb-success-color);
}
.bb-cover-list-item .ld-secondary-background {
background-color: #aac70b;
}
.bb-cover-list-item .ld-third-background {
background-color: #dbbe1a;
}
.bb-course-step {
min-width: auto;
margin-left: auto;
}
.bb-course-step .sfwd-price-unlock {
color: var(--bb-alternate-text-color);
}
.bb-course-step .sfwd-price-unlock:hover {
color: var(--bb-primary-color);
}
.bb-course-step .sfwd-price-unlock i {
font-size: 22px;
}
.bb-list-card-data .bb-course-step {
min-width: 140px;
}
.bb-list-card-data .bb-course-step a.button {
width: 100%;
}
.bb-list-card-data .bb-course-step a.button.sfwd-price-closed, .bb-list-card-data .bb-course-step a.button.sfwd-price-closed:hover {
color: #dedfe2;
border-color: #dedfe2;
}
span.bb-course-price {
font-size: 22px;
font-weight: 400;
color: var(--bb-headings-color);
letter-spacing: 0;
text-align: right;
line-height: 1.22;
}
.sfwd-courses-filters {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.component-navigation.courses-nav {
margin: 0;
}
.component-navigation.courses-nav li {
position: relative;
list-style: none;
margin-right: 5px;
}
.component-navigation.courses-nav li.hideshow {
padding-left: 0;
}
.component-navigation.courses-nav .bb-icon-loader {
position: absolute;
right: 4px;
top: 10px;
font-size: 20px;
}
.bb-template-v2 .component-navigation.courses-nav .bb-icon-loader {
font-size: 14px;
line-height: 1;
top: 12px;
}
.bb-template-v1 .bb-lms-pagination {
padding: 10px 0;
text-align: right;
}
.bb-template-v1 .bb-lms-pagination > * {
display: inline-block;
font-size: 13px;
}
.bb-template-v1 .bb-lms-pagination a.next.page-numbers,
.bb-template-v1 .bb-lms-pagination a.prev.page-numbers {
font-size: 0;
}
/* Course Single */
.single.single-sfwd-courses .content-area {
padding-top: 0;
}
.bb-learndash-banner {
background-color: var(--bb-cover-image-background-color);
overflow: hidden;
padding: 0 44px;
}
.bb-learndash-banner:before {
content: "";
opacity: 0.4;
background-color: var(--bb-headings-color);
background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 4%, #000 100%);
background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 4%, #000 100%);
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
}
.bb-learndash-banner .banner-img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 0;
min-height: 100%;
width: auto;
min-width: 100%;
object-fit: cover;
}
.bb-course-banner-info {
padding-top: 30px;
padding-bottom: 30px;
position: relative;
z-index: 2;
}
.bb-course-banner-info .bb-enroll-widget {
-ms-flex-item-align: center;
align-self: center;
}
.bb-learndash-full-area .bb-course-banner-inner {
max-width: 100%;
width: 100%;
}
.bb-learndash-full-area .bb-learndash-content-wrap {
max-width: 100%;
}
.bb-learndash-full-area .bb-single-course-sidebar {
display: none;
}
.bb-learndash-side-area .bb-course-banner-inner {
max-width: -webkit-calc(100% - 480px);
max-width: calc(100% - 480px);
width: -webkit-calc(100% - 480px);
width: calc(100% - 480px);
}
@media screen and (max-width: 1200px) {
.bb-learndash-side-area .bb-course-banner-inner {
max-width: -webkit-calc(100% - 400px);
max-width: calc(100% - 400px);
width: -webkit-calc(100% - 400px);
width: calc(100% - 400px);
}
}
@media screen and (max-width: 992px) {
.bb-learndash-side-area .bb-course-banner-inner {
max-width: -webkit-calc(100% - 350px);
max-width: calc(100% - 350px);
width: -webkit-calc(100% - 350px);
width: calc(100% - 350px);
}
}
@media screen and (max-width: 880px) {
.bb-learndash-side-area .bb-course-banner-inner {
max-width: -webkit-calc(100% - 320px);
max-width: calc(100% - 320px);
width: -webkit-calc(100% - 320px);
width: calc(100% - 320px);
}
}
@media screen and (max-width: 820px) {
.bb-learndash-side-area .bb-course-banner-inner {
max-width: 100%;
width: 100%;
}
.bb-single-course-sidebar {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.bb-course-banner-inner {
color: #fff;
padding-top: 70px;
}
.bb-course-banner-inner .bb-course-category {
font-size: 14px;
color: inherit;
letter-spacing: 0.61px;
text-transform: uppercase;
margin-bottom: 5px;
}
.bb-course-banner-inner .bb-course-category .course-category-item {
display: inline-block;
padding-right: 5px;
}
.bb-course-banner-inner .bb-course-category .course-category-item a {
color: #fff;
}
.bb-course-banner-inner .bb-course-category .course-category-item a:hover {
color: #fff;
}
.bb-course-banner-inner .bb-course-category .course-category-item:last-of-type > span {
display: none;
}
.bb-course-banner-inner h1.entry-title {
font-size: 48px;
color: inherit;
line-height: 1.25;
margin-bottom: 15px;
}
.bb-course-banner-inner .avatar {
border-radius: 50%;
margin-right: 12px;
max-width: 38px;
}
.bb-course-banner-inner .author-name {
font-size: 14px;
color: #fff;
color: #fff;
letter-spacing: -0.24px;
}
.bb-course-banner-inner span.meta-saperator {
color: #fff;
margin: 0 15px;
display: none;
}
.bb-course-banner-inner .bb-course-single-meta > a + span.meta-saperator {
display: inline-block;
}
.bb-course-banner-inner .course-date {
font-size: 13px;
color: rgba(255, 255, 255, 0.8);
letter-spacing: -0.19px;
}
.bb-course-banner-inner .course-completion-rate {
opacity: 0.8;
font-size: 12px;
font-weight: 500;
color: #fff;
display: block;
margin-bottom: -10px;
}
.bb-course-banner-inner .course-progress {
margin: 0;
height: 3px;
background: rgba(238, 240, 243, 0.4);
border-radius: 12px;
}
.bb-course-banner-inner .course-progress-bar {
background: #fff;
height: 3px;
width: auto;
}
.bb-course-banner-inner .course-progress-inner {
border-radius: 0;
}
.bb-course-banner-inner .course-progress-inner .course-progress-bar {
border-radius: 3px;
}
.course-progress-inner {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
border-radius: 50px;
overflow: hidden;
}
.bb-course-points {
margin-bottom: 35px;
}
.bb-course-points a.anchor-course-points {
color: #fff;
font-size: 15px;
font-weight: 500;
}
.bb-course-points a.anchor-course-points i {
margin-left: 10px;
}
.bb-course-single-meta {
margin-bottom: 40px;
}
.bb-course-single-meta.bb_single_meta_off {
margin-bottom: 0;
}
.btn-join,
#btn-join,
.bb-single-course-sidebar .btn-join,
.bb-single-course-sidebar #btn-join,
.bb-single-course-sidebar a.btn-advance,
.learndash-wrapper a.button:not(.outline) {
border-bottom: 1px solid var(--bb-primary-button-border-regular) !important;
}
.btn-join:hover,
#btn-join:hover,
.bb-single-course-sidebar .btn-join:hover,
.bb-single-course-sidebar #btn-join:hover,
.bb-single-course-sidebar a.btn-advance:hover,
.learndash-wrapper a.button:not(.outline):hover {
border-bottom: 1px solid var(--bb-primary-button-border-hover) !important;
}
.btn-join,
#btn-join {
padding: 10px 20px;
border-radius: var(--bb-button-radius);
width: 100%;
max-width: 100%;
display: inline-block;
text-align: center;
font-size: 15px;
line-height: 1.3;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
background-color: var(--bb-primary-button-background-regular);
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular);
border-bottom: 1px solid var(--bb-primary-button-border-regular) !important;
}
.btn-join:focus,
#btn-join:focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.btn-join:hover,
#btn-join:hover {
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
border-bottom: 1px solid var(--bb-primary-button-border-hover) !important;
}
.learndash-wrapper #btn-join,
.learndash-wrapper .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);
border-radius: var(--bb-button-radius);
font-size: 15px;
font-weight: inherit;
}
.learndash-wrapper #btn-join:focus,
.learndash-wrapper .btn-join:focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.learndash-wrapper #btn-join:hover,
.learndash-wrapper .btn-join:hover {
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
}
a.btn-join {
margin-bottom: 2rem;
}
#learndash-course-overview {
margin-top: 30px;
}
.learndash_course_materials {
margin: 50px 0;
}
#learndash-course-content {
margin-top: 50px;
}
.bb-course-preview-wrap {
margin: 0 -30px;
border-radius: 5px 5px 0 0;
overflow: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bb-course-banner-info .bb-course-preview-wrap {
border-radius: 5px;
margin: 0 auto;
max-width: 380px;
}
.bb-course-preview-wrap img {
position: absolute;
top: 0;
bottom: 0;
left: -2px;
right: -2px;
margin: auto;
z-index: 0;
min-height: 100%;
width: auto;
min-width: 100%;
object-fit: cover;
}
.bb-preview-course-link-wrap {
position: relative;
padding: 68px 0;
color: #fff;
}
.bb-course-preview-wrap.bb-thumbnail-preview .bb-preview-course-link-wrap {
padding: 0;
}
.thumbnail-container {
height: 0;
padding-bottom: 56.25%;
position: relative;
z-index: 1;
background-color: var(--bb-cover-image-background-color);
}
.learndash .fluid-width-video-wrapper {
max-width: 100%;
margin-top: 0;
}
.thumbnail-container-img .bb-course-video-overlay {
display: none;
}
.bb-course-video-overlay {
position: absolute;
z-index: 2;
color: #fff;
text-align: center;
width: 100%;
height: 100%;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.bb-course-video-overlay > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 3;
margin: 50px auto;
font-size: 13px;
font-weight: 500;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.bb-course-video-overlay .bb-course-play-btn-wrapper {
width: 60px;
height: 60px;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bb-course-video-overlay .bb-course-play-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
height: 50px;
background-color: rgba(248, 248, 248, 0.7);
border-radius: 100%;
margin: auto;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.bb-course-video-overlay .bb-course-play-btn:after {
display: inline-block;
position: relative;
left: 1px;
margin: auto;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
content: "\ee0b";
font-family: bb-icons;
font-size: 18px;
font-weight: 300;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--bb-body-text-color);
}
.bb-course-video-overlay .bb-course-play-btn:hover:after {
border-color: transparent transparent transparent var(--bb-primary-color);
}
.bb-course-video-overlay:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.bb-course-video-overlay:hover .bb-course-play-btn {
width: 60px;
height: 60px;
background-color: rgba(248, 248, 248, 0.9);
}
.bb-course-video-overlay:hover .bb-course-play-btn:after {
border-color: transparent transparent transparent var(--bb-primary-color);
}
.bb-modal.bb_course_video_details {
padding: 10px;
max-height: -webkit-calc(100vh - 20px);
max-height: calc(100vh - 20px);
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.bb-modal.bb_course_video_details .fluid-width-video-wrapper iframe {
max-height: -webkit-calc(100vh - 140px);
max-height: calc(100vh - 140px);
}
.bb-modal.bb_course_video_details button.mfp-close {
width: 30px;
height: 30px;
line-height: 32px;
top: 15px;
right: 15px;
background-color: #fff;
}
@media screen and (max-width: 800px) {
.bb-modal.bb_course_video_details {
padding: 10px;
}
.bb-modal.bb_course_video_details .fluid-width-video-wrapper iframe {
max-height: -webkit-calc(100vh - 100px);
max-height: calc(100vh - 100px);
}
.bb-modal.bb_course_video_details button.mfp-close {
top: 7px;
right: 7px;
}
}
@media screen and (max-width: 544px) {
.bb-modal.bb_course_video_details {
padding: 20px;
}
.bb-modal.bb_course_video_details .fluid-width-video-wrapper iframe {
max-height: -webkit-calc(100vh - 60px);
max-height: calc(100vh - 60px);
}
.bb-modal.bb_course_video_details button.mfp-close {
width: 18px;
height: 18px;
line-height: 20px;
top: 3px;
right: 3px;
font-size: 120%;
}
}
a.bb-preview-course-link {
display: block;
text-align: center;
}
a.bb-preview-course-link span {
color: #fff;
display: block;
margin-top: 8px;
text-align: center;
}
.bb-course-member-wrap {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 10px;
}
.bb-single-course-sidebar .bb-course-member-wrap {
padding-top: 20px;
padding-bottom: 20px;
}
.bb-single-course-sidebar .bb-course-member-wrap + .bb-course-status-wrap .bb-course-status-content {
padding-top: 0;
}
.bb-single-course-sidebar .bb-course-status-wrap .bb-course-status-content {
padding-top: 20px;
padding-bottom: 0;
}
.learndash-wrapper .bb-single-course-sidebar .ld-status {
background-color: var(--bb-content-alternate-background-color);
border-radius: var(--bb-button-radius);
color: var(--bb-body-text-color);
}
.bb-single-course-sidebar .widget {
box-shadow: 0 32px 54px 0 rgba(0, 0, 0, 0.1);
border-radius: var(--bb-block-radius);
border: 0;
padding: 0 30px;
overflow: hidden;
background-color: transparent;
}
.bb-single-course-sidebar .bb-button-wrap {
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 20px;
text-align: center;
}
.bb-single-course-sidebar .bb-button-wrap:empty {
display: none;
}
.bb-single-course-sidebar .bb-button-wrap .learndash_checkout_buttons {
padding-bottom: 0;
padding-top: 0;
margin: 0;
margin-bottom: 10px;
}
.bb-single-course-sidebar .bb-button-wrap .learndash_checkout_buttons .ppalholder {
display: none;
}
.bb-single-course-sidebar .bb-button-wrap .learndash_join_button {
padding-bottom: 0;
padding-top: 0;
margin-bottom: 10px;
margin-top: 0;
}
.bb-single-course-sidebar .bb-button-wrap .learndash_join_button.btn-advance-completed {
display: none;
}
.bb-single-course-sidebar .bb-button-wrap > a.btn-join {
display: inline-block;
text-align: center;
margin-bottom: 10px;
}
.bb-single-course-sidebar .bb-button-wrap .bb-course-type {
display: inline-block;
color: var(--bb-alternate-text-color);
}
.bb-single-course-sidebar .bb-button-wrap .learndash_join_button + .bb-course-type,
.bb-single-course-sidebar .bb-button-wrap .learndash_checkout_buttons + .bb-course-type, .bb-single-course-sidebar .bb-button-wrap > a.btn-join + .bb-course-type,
.bb-single-course-sidebar .bb-button-wrap .ld-status + .bb-course-type {
margin-top: 10px;
}
.bb-single-course-sidebar .bb-button-wrap .bb-course-type.bb-course-type-paynow {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.bb-single-course-sidebar .bb-course-member-wrap + .bb-button-wrap {
padding-top: 0;
}
.bb-single-course-sidebar h4 {
font-size: 13px;
color: var(--bb-headings-color);
letter-spacing: 0.5px;
margin: 0;
padding-bottom: 15px;
text-transform: uppercase;
}
.bb-single-course-sidebar .bb-course-volume-list {
list-style: none;
margin: 0;
padding: 0 0 30px;
}
.bb-single-course-sidebar .bb-course-volume-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.bb-single-course-sidebar .bb-course-volume-list li i {
margin-right: 12px;
font-size: 18px;
max-width: 18px;
position: relative;
top: 1px;
}
.bb-single-course-sidebar .btn-join,
.bb-single-course-sidebar #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);
border-radius: var(--bb-button-radius);
width: 100%;
font-size: 14px;
font-weight: 400;
}
.bb-single-course-sidebar .btn-join:focus,
.bb-single-course-sidebar #btn-join:focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.bb-single-course-sidebar .btn-join:hover,
.bb-single-course-sidebar #btn-join:hover {
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
opacity: 1;
}
.bb-single-course-sidebar .btn-join.jq-dropdown-open,
.bb-single-course-sidebar #btn-join.jq-dropdown-open {
background-color: var(--bb-primary-button-background-regular) !important;
}
.bb-single-course-sidebar .btn-join.btn-disabled,
.bb-single-course-sidebar #btn-join.btn-disabled {
background-color: var(--bb-primary-button-background-regular);
opacity: 0.5;
pointer-events: none;
}
.bb-single-course-sidebar a.btn-advance {
background-color: var(--bb-primary-button-background-regular);
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular);
border-radius: var(--bb-button-radius);
width: 100%;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
font-size: 14px;
display: inline-block;
padding: 10px 19px;
line-height: 1.471;
}
.bb-single-course-sidebar a.btn-advance:focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.bb-single-course-sidebar a.btn-advance:hover {
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
}
.bb-single-course-sidebar a.btn-advance:focus {
box-shadow: var(--bb-primary-button-focus-shadow) !important;
}
.bb-single-course-sidebar .btn-advance-disable a.btn-advance {
opacity: 0.5;
pointer-events: none;
}
.bb-single-course-sidebar .btn-advance-completed a.btn-advance {
background-color: #f5f5f5;
color: var(--bb-alternate-text-color);
pointer-events: none;
cursor: default;
}
.bb-single-course-sidebar .btn-advance-completed a.btn-advance:hover {
box-shadow: none;
}
.bb-course-members {
display: inline-block;
margin-right: 12px;
}
.bb-course-members img {
border: 1px solid #fff;
max-width: 28px;
display: inline-block;
margin-right: -8px;
position: relative;
z-index: 3;
border-radius: 50%;
float: left;
}
.bb-learndash-content-wrap {
padding-top: 35px;
}
.bb-learndash-content-wrap > div {
margin-bottom: 50px;
}
.bb-learndash-content-wrap h4 {
font-size: 16px;
letter-spacing: 0.6px;
margin: 0 0 20px;
text-transform: uppercase;
}
.bb-learndash-content-wrap #learndash_course_status {
margin-bottom: 30px;
}
.bb-learndash-content-wrap #learndash_lessons > div > div,
.bb-learndash-content-wrap #learndash_quizzes > div > div {
border: 0;
}
.bb-learndash-content-wrap #learndash_lessons,
.bb-learndash-content-wrap #learndash_quizzes,
.bb-learndash-content-wrap #learndash_profile,
.bb-learndash-content-wrap #learndash_lesson_topics_list > div {
background-color: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 20px;
}
#learndash_lessons a,
#learndash_quizzes a,
.learndash_topic_dots a,
.learndash_topic_dots a > span,
#learndash_lesson_topics_list span a,
#learndash_profile a,
#learndash_profile a span {
font-family: inherit;
}
#lessons_list > div h4 > a,
#course_list > div h4 > a,
#quiz_list > div h4 > a {
display: block;
padding: 0;
}
#lessons_list > div h4,
#course_list > div h4,
#quiz_list > div h4,
#learndash_lesson_topics_list ul > li > span.topic_item {
display: block;
width: 100%;
border-top: 0;
padding: 0;
}
h4#learndash_course_content_title {
margin-bottom: 30px;
}
.bb-lesson-head {
border-radius: 4px;
padding: 15px 15px 15px 40px;
letter-spacing: -0.24px;
margin-bottom: 1px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
color: var(--bb-headings-color);
}
.bb-lesson-head:hover {
background: rgba(146, 164, 183, 0.1);
color: var(--bb-primary-color);
}
.learndash_course_content .bb-lessons-list > li:nth-child(odd) a.bb-lesson-head {
background: rgba(146, 164, 183, 0.05);
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.learndash_course_content .bb-lessons-list > li:nth-child(odd) a.bb-lesson-head:hover {
background: rgba(146, 164, 183, 0.1);
}
.learndash_course_content .bb-lessons-list > li:nth-child(odd) a.bb-lesson-head > .flex-1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lms-lesson-item.current > .bb-lesson-head,
.lms-topic-item.current > .bb-lms-title-wrap,
.lms-quiz-item.current > .bb-lms-title-wrap {
background: rgba(146, 164, 183, 0.05);
}
.lms-topic-sidebar-wrapper .bb-lms-title-wrap {
padding: 12px 30px 12px 40px;
line-height: 1.5;
border-radius: 0;
}
.lms-topic-sidebar-wrapper .bb-lesson-head {
line-height: 1.6;
}
.lms-topic-sidebar-wrapper [data-balloon]:after {
z-index: 25;
}
.bb-lms-list-inside li:nth-child(odd) .bb-lms-title-wrap {
background: rgba(146, 164, 183, 0.05);
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.bb-lms-list-inside li:nth-child(odd) .bb-lms-title-wrap:hover {
background: rgba(146, 164, 183, 0.1);
}
.bb-lms-title-wrap {
border-radius: 4px;
color: inherit;
padding: 12px 15px 12px 35px;
letter-spacing: -0.24px;
line-height: 1.6;
margin-bottom: 1px;
}
.bb-lms-title-wrap .bb-lms-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 10px;
}
.bb-lms-title-wrap:hover {
background: rgba(146, 164, 183, 0.1);
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.lms-topic-sidebar-wrapper .lms-quiz-list > li .bb-lms-title-wrap .bb-lms-quiz-tag:after {
margin-right: 0;
}
.lms-topic-sidebar-wrapper li.lms-quiz-item .bb-lms-title-wrap .bb-lms-title:before {
display: none;
}
.bb-lessons-list {
margin: 0;
}
.bb-lessons-list,
.bb-lessons-list ol, .bb-lessons-list,
.bb-lessons-list ul {
list-style-type: none;
}
.bb-lessons-list li .bb-type-list li:not(.lms-quiz-item) .bb-lms-title-wrap .bb-lms-title:before {
line-height: 1.4;
margin-right: 0;
}
.bb-type-list,
.lms-quiz-list {
margin: 0;
}
.bb-type-list li,
.lms-quiz-list li {
font-size: 14px;
color: var(--bb-headings-color);
letter-spacing: -0.24px;
}
.bb-type-list li a,
.lms-quiz-list li a {
color: var(--bb-headings-color);
}
.bb-type-list li a:hover,
.lms-quiz-list li a:hover {
color: var(--bb-primary-color);
}
div#bb-learndash-lessons {
margin-bottom: 72px;
}
.bb-course-topic-status,
.bb-quiz-topic-status {
width: 22px;
height: 22px;
position: relative;
margin-right: 0;
margin-left: 0;
}
.bb-course-topic-status .bb-lms-status,
.bb-quiz-topic-status .bb-lms-status {
position: absolute;
left: 0;
top: 0;
display: none;
}
.bb-completed-item {
text-decoration: line-through;
}
.bb-course-topic-status.topic-completed .bb-completed,
.bb-quiz-topic-status.bb-completed .bb-completed {
display: block;
}
.bb-course-topic-status.topic-notcompleted .bb-not-completed,
.bb-quiz-topic-status.bb-notcompleted .bb-not-completed {
display: block;
}
.i-progress {
display: inline-block;
width: 22px;
height: 22px;
border-radius: 100%;
color: #fff;
line-height: 22px;
text-align: center;
}
.i-progress.i-progress-completed {
background-color: var(--bb-primary-color);
}
.i-progress.i-progress-not-completed {
color: #dedfe2;
width: 23px;
height: 23px;
}
.i-progress.i-progress-not-completed i {
font-size: 23px;
width: 23px;
height: 23px;
}
.bb-quiz-list {
list-style: none;
margin: 0;
}
.bb-quiz-list .bb-quiz-icon g {
stroke: var(--bb-body-text-color);
}
.bb-quiz-list a {
border-radius: 4px;
padding: 15px;
color: var(--bb-headings-color);
line-height: 1.4;
}
.bb-quiz-list a:hover {
background: rgba(146, 164, 183, 0.1);
color: var(--bb-primary-color);
}
.bb-quiz-list .bb-quiz-topic-status-wrap .flex-1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bb-quiz-list li:nth-child(odd) .bb-quiz-topic-status-wrap {
background: rgba(146, 164, 183, 0.05);
}
.bb-quiz-list li:nth-child(odd) .bb-quiz-topic-status-wrap:hover {
background: rgba(146, 164, 183, 0.1);
}
.bb-quiz-list li.lms-is-locked a {
pointer-events: none;
cursor: default;
}
.bb-quiz-list .lms-is-locked-ico {
position: relative;
margin-left: 10px;
bottom: 1px;
color: #939597;
}
.bb-quiz-list-container .bb-quiz-list {
counter-reset: lms-quiz-list;
}
.bb-quiz-list-container .bb-quiz-list a.bb-quiz-topic-status-wrap {
padding: 18px 22px;
}
.bb-quiz-list-container .bb-quiz-list .bb-quiz-topic-status-wrap span.flex-1:before {
line-height: 1.4;
margin-right: 0;
counter-increment: lms-quiz-list;
content: counter(lms-quiz-list) ". ";
color: var(--bb-alternate-text-color);
}
.lms-is-sample-tag {
display: inline-block;
padding: 0 12px;
background-color: transparent;
border: 1px solid var(--bb-primary-color);
color: var(--bb-primary-color);
font-size: 12px;
line-height: 21px;
border-radius: 50px;
position: relative;
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol.bb-lessons-list {
margin-left: 0;
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol.bb-lessons-list > li.lms-lesson-item {
padding: 0 0 5px;
position: relative;
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol.bb-lessons-list > li.lms-lesson-item:first-child {
padding-top: 0;
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol.bb-lessons-list > li.lms-lesson-item:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol.bb-lessons-list .bb-lesson-head {
border-radius: 0;
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol.bb-lessons-list .bb-lesson-head > .flex-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 6px;
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol.bb-lessons-list .bb-lesson-head > .flex-1 .lms-is-sample-tag {
margin-left: auto;
padding-top: 1px;
padding-bottom: 1px;
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol.bb-lessons-list .bb-lesson-head > .flex-1 .lms-is-locked-ico,
.lms-topic-sidebar-wrapper .lms-lessions-list > ol.bb-lessons-list .bb-lesson-head > .flex-1 .lms-not-locked-ico {
color: var(--bb-alternate-text-color);
position: relative;
bottom: 1px;
margin-left: 10px;
margin-right: 10px;
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol.bb-lessons-list .bb-lesson-head > .lms-is-locked-ico {
color: var(--bb-alternate-text-color);
margin-right: 8px;
pointer-events: all;
cursor: default;
}
a.ld-table-list-item-preview:has(.lms-quiz-status-icon) {
pointer-events: none;
cursor: default;
}
.lms-quiz-status-icon {
margin-right: 8px;
pointer-events: all;
cursor: default;
}
.lms-quiz-status-icon i {
color: var(--bb-alternate-text-color);
}
.ld-table-list-item-preview .lms-quiz-status-icon {
margin-left: auto;
}
.lms-topic-is-locked .lms-topic-status-icon {
margin-right: 8px;
pointer-events: all;
cursor: default;
}
.lms-topic-is-locked .lms-topic-status-icon i {
color: var(--bb-alternate-text-color);
}
.lms-topic-is-locked > .bb-title, .lms-topic-is-locked > .ld-topic-row {
pointer-events: none;
cursor: default;
}
.lms-is-scheduled > .bb-title, .lms-is-scheduled > .ld-topic-row {
pointer-events: none;
cursor: default;
}
.lms-is-scheduled .lms-quiz-status-icon {
pointer-events: all;
cursor: default;
}
.lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul.lms-quiz-list .lms-quiz-item > a > .flex-1 {
max-width: -webkit-calc(99% - 32px);
max-width: calc(99% - 32px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul.lms-quiz-list .lms-quiz-item > a > .flex-1 .bb-quiz-title {
margin-right: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul.lms-quiz-list .lms-quiz-item > a > .flex-1 .lms-is-locked-ico {
color: var(--bb-alternate-text-color);
position: relative;
bottom: 1px;
margin-right: 10px;
margin-left: auto;
}
.bb-progress[data-percentage="0"] .bb-progress-circle {
opacity: 0;
}
li.lms-lesson-item .bb-lesson-head {
padding: 15px 30px;
padding-left: 44px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lms-topic-sidebar-wrapper .lms-lessions-list ol.bb-type-list {
margin-left: 0;
}
.lms-topic-sidebar-wrapper .lms-lessions-list ol.bb-type-list .bb-lms-title-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.learndash_content_wrap .bb-title {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.6px;
margin: 0 0 20px;
text-transform: uppercase;
}
.learndash_content_wrap .bb-type-list {
margin: 0;
}
span.bb-pages {
font-size: 13px;
display: block;
line-height: 1;
text-transform: uppercase;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
}
span.bb-pages .bb-total {
color: var(--bb-alternate-text-color);
}
.header-aside-inner .course-toggle-view {
padding-right: 0;
}
.header-minimize-link {
display: none;
}
.lms-side-panel-close .header-maximize-link {
display: none;
}
.lms-side-panel-close .header-minimize-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* .lms-side-panel-close span.bb-pages {
opacity: 0;
visibility: hidden;
height: 0;
margin: 0;
} */
.swfd-video-backlayer {
background-color: #000;
padding: 0 40px;
margin: -30px -100px 0;
}
@media screen and (max-width: 1200px) {
.swfd-video-backlayer {
margin: -30px -60px 0;
}
}
@media screen and (max-width: 992px) {
.swfd-video-backlayer {
margin: -30px -40px 0;
}
}
.lms-side-panel-close .swfd-video-backlayer .swfd-video-backframe {
max-width: -webkit-calc(100vh + 120px);
max-width: calc(100vh + 120px);
margin: 0 auto;
}
.entry-content .swfd-video-backlayer .fluid-width-video-wrapper {
margin: 0;
}
div.bb-lms-header {
padding: 0;
position: relative;
margin: 0;
/* @include transition(all linear .2s); */
-webkit-transition: margin 0.2s;
transition: margin 0.2s;
}
div.bb-lms-header .sfwd-course-position {
margin-right: auto;
}
div.bb-lms-header h1 {
font-size: 32px;
line-height: 1.2;
margin-bottom: 0;
}
div.bb-lms-header .bb-position {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px;
}
@media screen and (max-width: 544px) {
div.bb-lms-header .bb-position {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
div.bb-lms-header .bb-position .sfwd-course-nav {
margin-top: 15px;
}
}
@media screen and (max-width: 380px) {
#learndash-page-content div.bb-lms-header .bb-position .sfwd-course-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
div.bb-lms-header.quiz-fix .bb-position {
padding-top: 10px;
/* Fix tooltips cut off by overflow parent container */
}
.swfd-video-backlayer + div.bb-lms-header {
margin-top: 0;
}
.learndash_course_content .bb-lessons-list li.bb-lessons-list-item {
position: relative;
}
.learndash_course_content .bb-lessons-list li a.bb-lesson-head {
color: var(--bb-headings-color);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.learndash_course_content .bb-lessons-list li a.bb-lesson-head:hover {
color: var(--bb-primary-color);
}
.learndash_course_content .bb-lessons-list li a.bb-lesson-head .flex-1 .lms-is-sample-tag {
margin-left: 10px;
bottom: 1px;
}
.learndash_course_content .bb-lessons-list li a.bb-lesson-head .lms-is-locked-ico {
position: relative;
margin-left: 10px;
bottom: 1px;
color: #939597;
}
.learndash_course_content .bb-lessons-list li.lms-is-locked a.bb-lesson-head {
pointer-events: none;
cursor: default;
}
.learndash_course_content .bb-lessons-list li.lms-is-locked .bb-type-list li a {
pointer-events: none;
cursor: default;
}
.learndash_course_content .bb-quiz-list a {
color: var(--bb-headings-color);
}
.learndash_course_content .bb-quiz-list a:hover {
color: var(--bb-primary-color);
}
.bb-type-list.bb-lms-list-inside a {
color: var(--bb-headings-color);
}
.bb-type-list.bb-lms-list-inside a:hover {
color: var(--bb-primary-color);
}
.lms-toggle-lesson {
position: absolute;
top: 2px;
left: 7px;
display: inline-block;
width: 35px;
height: 50px;
margin-right: 6px;
cursor: pointer;
}
.lms-toggle-lesson i {
display: inline-block;
font-size: 16px;
line-height: 10px;
color: #bdbdbd;
position: relative;
top: 12px;
left: 12px;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.ld-item-list-section-heading + .lms-toggle-lesson {
top: 38px;
}
.bb-lessons-list-item .lms-toggle-lesson {
left: 0;
}
.bb-lessons-list-item .lms-toggle-lesson i {
top: 10px;
}
.lms-lesson-turnover:not(.bb-lesson-item-no-topics) .lms-toggle-lesson i {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.lms-topic-sidebar-wrapper .bb-lms-title,
.lms-topic-sidebar-wrapper .bb-lesson-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
min-width: 0;
font-size: 14px;
}
.bb-type-list .bb-lms-ico,
.bb-quiz-list .bb-lms-ico,
.lms-quiz-list .bb-lms-ico {
display: inline-block;
margin-right: 10px;
width: 20px;
height: 20px;
}
.bb-type-list .bb-lms-ico i,
.bb-quiz-list .bb-lms-ico i,
.lms-quiz-list .bb-lms-ico i {
font-size: 18px;
width: 20px;
height: 20px;
line-height: 1;
}
.bb-lesson-head .bb-lesson-topics-count,
.bb-lesson-head .bb-lesson-quizzes-count,
.bb-lesson-head .bb-lesson-sidebar-ld-sep {
margin: 0 10px 0 0;
font-size: 12px;
color: var(--bb-alternate-text-color);
white-space: nowrap;
}
.bb-lesson-head .bb-lesson-topics-count,
.bb-lesson-head .bb-lesson-quizzes-count {
max-width: 60px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lms-topic-sidebar-wrapper .bb-lms-title {
font-size: 13px;
}
.lms-topic-sidebar-wrapper .bb-lms-title .bb-quiz-title {
font-size: 14px;
}
.bb-lms-secondary-header .bb-pages {
margin-bottom: 0;
}
.bb-lms-secondary-header .bb-learndash-meta-wrap {
margin-bottom: 20px;
min-height: 34px;
}
.learndash_next_prev_link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.learndash_next_prev_link a.prev-link,
.learndash_next_prev_link span.prev-link {
border-radius: var(--bb-button-radius) 0 0 var(--bb-button-radius);
}
.learndash_next_prev_link a.next-link,
.learndash_next_prev_link span.next-link {
border-radius: 0 var(--bb-button-radius) var(--bb-button-radius) 0;
}
.learndash_next_prev_link a,
.learndash_next_prev_link span.empty-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 30px;
min-width: 55px;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
color: var(--bb-alternate-text-color);
font-size: 12px;
white-space: nowrap;
}
.learndash_next_prev_link a:hover,
.learndash_next_prev_link span.empty-post:hover {
color: var(--bb-primary-color);
}
.learndash_next_prev_link a .meta-nav,
.learndash_next_prev_link span.empty-post .meta-nav {
position: absolute;
width: 100%;
font-size: 0;
z-index: 20;
}
@media (max-width: 360px) {
.learndash_next_prev_link a {
font-size: 0;
}
}
.learndash_next_prev_link a.next-link:after,
.learndash_next_prev_link span.next-link:after {
content: "\e827";
font: normal normal normal 14px/1 bb-icons;
font-size: 16px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 6px;
padding-bottom: 3px;
}
.learndash_next_prev_link a.prev-link,
.learndash_next_prev_link span.prev-link {
margin-right: 2px;
}
.learndash_next_prev_link a.prev-link:before,
.learndash_next_prev_link span.prev-link:before {
content: "\e8ab";
font: normal normal normal 14px/1 bb-icons;
font-size: 16px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 6px;
padding-bottom: 3px;
}
.learndash_next_prev_link a {
color: var(--bb-headings-color);
}
.learndash_next_prev_link a:hover {
color: var(--bb-primary-color);
}
html[dir="rtl"] .learndash_next_prev_link a.next-link:after,
html[dir="rtl"] .learndash_next_prev_link span.next-link:after {
content: "\e8ab";
}
html[dir="rtl"] .learndash_next_prev_link a.prev-link:before,
html[dir="rtl"] .learndash_next_prev_link span.prev-link:before {
content: "\e827";
}
.learndash_next_prev_link:empty {
display: none;
}
.learndash_content_wrap {
padding-top: 30px;
}
.learndash_content_wrap.learndash_content_video {
padding-top: 0;
}
.learndash_content_wrap .ld-tabs-content {
margin-bottom: 50px;
}
.learndash_content_wrap .ld-progress {
margin-top: 0;
}
.learndash-wrapper {
color: inherit;
line-height: inherit;
}
.learndash-wrapper .ld-tabs {
margin: 0;
}
.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content {
padding-bottom: 0;
}
.learndash-wrapper a {
color: var(--bb-primary-color);
}
.learndash-wrapper a.button:not(.outline) {
background-color: var(--bb-primary-button-background-regular);
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular);
}
.learndash-wrapper a.button:not(.outline):focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.learndash-wrapper a.button:not(.outline):hover {
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
}
.learndash-wrapper .learndash_content_wrap .ld-table-list.ld-no-pagination {
border: 0;
}
.learndash-wrapper .learndash_content_wrap .ld-content-actions {
border: 0;
margin-bottom: 0;
position: relative;
z-index: 1;
}
.learndash-wrapper .learndash_content_wrap .sfwd-mark-complete:after {
display: none;
}
.learndash-wrapper .learndash_content_wrap .learndash_mark_complete_button {
border-radius: var(--bb-button-radius);
background-color: var(--bb-primary-button-background-regular);
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular);
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
font-size: 15px;
font-weight: 500;
padding: 10px 20px;
}
.learndash-wrapper .learndash_content_wrap .learndash_mark_complete_button:focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.learndash-wrapper .learndash_content_wrap .learndash_mark_complete_button:hover {
opacity: 1;
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
}
.learndash-wrapper .learndash_content_wrap .learndash_mark_complete_button:focus {
opacity: 1;
}
@media (min-width: 1024px) {
.learndash-wrapper .learndash_content_wrap {
max-width: 760px;
}
.learndash-wrapper .bb-lms-header .lms-header-title,
.learndash-wrapper .bb-lms-header .lms-header-instructor {
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
}
.learndash-wrapper .ld-table-list .ld-table-list-header {
background-color: transparent !important;
color: var(--bb-headings-color);
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
padding: 0;
margin: 0 0 20px;
}
.learndash-wrapper .ld-table-list .ld-table-list-header .ld-item-icon {
display: none;
}
.learndash-wrapper .ld-table-list .ld-table-list-header .ld-table-list-lesson-details {
color: var(--bb-alternate-text-color);
}
.learndash-wrapper .ld-table-list .ld-table-list-footer {
padding: 0;
background-color: transparent;
}
.learndash-wrapper .ld-table-list .ld-table-list-items {
border: 0;
padding: 0;
}
.learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item {
border: 0;
margin-bottom: 1px;
}
.learndash-wrapper .ld-table-list .ld-table-list-items a.ld-table-list-item-preview {
padding: 20px;
border-radius: 4px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
color: inherit;
}
.learndash-wrapper .ld-table-list .ld-table-list-items a.ld-table-list-item-preview:hover {
color: inherit;
background: rgba(146, 164, 183, 0.1);
}
.learndash-wrapper .learndash_content_wrap .ld-table-list .ld-table-list-items div.ld-table-list-item:nth-child(odd) a.ld-table-list-item-preview {
background: rgba(146, 164, 183, 0.05);
}
.learndash-wrapper .learndash_content_wrap .ld-table-list .ld-table-list-items div.ld-table-list-item:nth-child(odd) a.ld-table-list-item-preview:hover {
background: rgba(146, 164, 183, 0.1);
}
.learndash-wrapper .ld-status-icon {
width: 22px;
height: 22px;
-ms-flex-preferred-size: 22px;
flex-basis: 22px;
margin-right: 12px;
}
.learndash-wrapper .ld-status-icon.ld-status-complete {
background-color: var(--bb-primary-color);
}
.learndash-wrapper .ld-status-icon.ld-status-incomplete {
border-width: 2px;
border-color: #dedfe2;
background-color: transparent;
}
.learndash-wrapper .ld-status-icon.ld-status-in-progress {
background-color: transparent;
}
.learndash-wrapper .ld-status-icon.ld-quiz-complete {
background-color: var(--bb-primary-color);
}
.learndash-wrapper .ld-icon.ld-icon-quiz,
.learndash-wrapper .ld-icon.ld-icon-checkmark,
.learndash-wrapper .ld-icon.ld-icon-content,
.learndash-wrapper .ld-icon.ld-icon-materials,
.learndash-wrapper .ld-icon.ld-icon-certificate,
.learndash-wrapper .ld-icon.ld-icon-assignment,
.learndash-wrapper .ld-icon.ld-icon-search,
.learndash-wrapper .ld-icon.ld-icon-calendar {
font-family: bb-icons !important;
font-size: 22px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 6px;
padding-bottom: 0;
}
.learndash-wrapper .ld-icon.ld-icon-quiz:before {
content: "\eeff";
font-family: bb-icons !important;
}
.learndash-wrapper .ld-icon.ld-icon-checkmark {
font-size: 14px;
}
.learndash-wrapper .ld-icon.ld-icon-checkmark:before {
content: "\e876";
}
.learndash-wrapper .ld-icon.ld-icon-content {
font-size: 14px;
}
.learndash-wrapper .ld-icon.ld-icon-content:before {
content: "\e86e";
}
.learndash-wrapper .ld-icon.ld-icon-materials {
font-size: 14px;
}
.learndash-wrapper .ld-icon.ld-icon-materials:before {
content: "\ef3e";
}
.learndash-wrapper .ld-icon.ld-icon-certificate:before {
content: "\e975";
}
.learndash-wrapper .ld-icon.ld-icon-assignment:before {
content: "\ee7a";
}
.learndash-wrapper .ld-icon.ld-icon-search:before {
content: "\ef10";
}
.learndash-wrapper .ld-icon.ld-icon-calendar:before {
content: "\e884";
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation:after {
height: 1px;
background-color: var(--bb-content-border-color);
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab {
padding: 10px 20px;
font-size: 14px;
font-weight: normal;
color: var(--bb-body-text-color);
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab:after {
height: 1px;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab:focus {
box-shadow: none;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active {
color: var(--bb-headings-color);
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active:after {
background-color: var(--bb-primary-color);
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active:focus {
box-shadow: none;
}
.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-active:after {
background: var(--bb-primary-color);
}
.learndash-wrapper .bb-ld-info-bar {
margin: 0 0 15px;
}
.learndash-wrapper .bb-ld-info-bar .ld-lesson-status {
background: none;
border-radius: 0;
}
.learndash-wrapper .bb-ld-status {
margin-right: 10px;
}
.learndash-wrapper .bb-ld-status .ld-status {
background-color: rgba(146, 164, 183, 0.05);
text-transform: none;
font-weight: normal;
font-size: 12px;
height: 30px;
line-height: 30px;
padding: 0 12px;
letter-spacing: inherit;
margin-bottom: 0;
}
.learndash-wrapper .bb-ld-status .ld-status.ld-status-progress {
color: #fff;
background-color: var(--bb-primary-color);
}
.learndash-wrapper .bb-ld-status .ld-status.ld-status-complete {
color: #fff;
background-color: var(--bb-success-color);
}
.learndash-wrapper .bb-ld-info-bar .ld-topic-status {
border-radius: 0;
}
.learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs {
background-color: transparent;
padding: 0 0 10px;
border-bottom: 1px solid var(--bb-content-border-color);
border-radius: 0;
}
.learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs .ld-status {
display: none;
background-color: rgba(146, 164, 183, 0.05);
text-transform: none;
font-weight: normal;
font-size: 12px;
line-height: inherit;
padding: 0 12px;
letter-spacing: inherit;
}
.learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs .ld-status.ld-status-progress {
background-color: var(--bb-primary-color);
}
.learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs .ld-status.ld-status-complete {
background-color: var(--bb-success-color);
}
.learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs .ld-breadcrumbs-segments span a {
font-weight: normal;
color: var(--bb-headings-color);
}
.learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs .ld-breadcrumbs-segments span a:hover {
color: var(--bb-primary-color);
}
.learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs .ld-breadcrumbs-segments span:after {
content: "\e827";
font-family: bb-icons;
font-size: 12px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 0;
margin-right: 0;
position: relative;
top: 0;
}
[dir="rtl"] .learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs .ld-breadcrumbs-segments span:after {
content: "\e8ab";
}
.learndash-wrapper .ld-topic-status {
background-color: transparent;
}
.learndash-wrapper .ld-alert {
border-radius: var(--bb-block-radius-inner);
}
.learndash-wrapper .ld-alert .ld-button {
padding: 10px 20px;
border-bottom: 0 !important;
}
.learndash-wrapper .ld-alert .ld-button .ld-icon {
display: none;
}
.learndash-wrapper .ld-alert.ld-alert-certificate.ld-alert-success {
color: var(--bb-body-text-color);
}
.learndash-wrapper .ld-alert .ld-alert-content a {
color: var(--bb-headings-color);
text-decoration: none;
}
.learndash-wrapper .ld-alert .ld-alert-content a:hover {
color: var(--bb-primary-color);
}
.learndash-wrapper .ld-alert-success {
border: 0;
padding: 15px;
min-height: inherit;
color: inherit;
font-size: 15px;
background-color: rgba(var(--bb-success-color-rgb), 0.1);
}
.learndash-wrapper .ld-alert-success .ld-alert-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.learndash-wrapper .ld-alert-success .ld-alert-content > p {
margin: 0;
}
.learndash-wrapper .ld-alert-success .ld-button {
background-color: var(--bb-success-color);
color: #fff;
white-space: nowrap;
border: 0;
}
.learndash-wrapper .ld-alert-success .ld-alert-icon.ld-icon {
margin-left: 6px;
background-color: var(--bb-success-color);
color: #fff;
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 0;
width: 45px;
height: 45px;
line-height: 48px;
text-align: center;
border-radius: 50%;
vertical-align: middle;
font-size: 20px;
}
.learndash-wrapper .ld-alert-warning {
border-color: var(--bb-warning-color);
background-color: rgba(var(--bb-warning-color-rgb), 0.1);
border-width: 1px;
padding: 15px;
min-height: inherit;
color: inherit;
font-size: 15px;
}
.learndash-wrapper .ld-alert-warning .ld-alert-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.learndash-wrapper .ld-alert-warning .ld-alert-content .ld-alert-messages p {
margin-bottom: 0;
}
.learndash-wrapper .ld-alert-warning .ld-alert-content > p {
margin: 0;
}
.learndash-wrapper .ld-alert-warning .ld-button {
background-color: var(--bb-warning-color);
color: #fff;
white-space: nowrap;
border: 0;
}
.learndash-wrapper .ld-alert-warning .ld-alert-icon.ld-icon-alert {
font-family: bb-icons !important;
font-size: 20px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 6px;
padding-bottom: 0;
background-color: transparent;
position: static;
padding-top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.learndash-wrapper .ld-alert-warning .ld-alert-icon.ld-icon-alert:before {
content: "\ee65";
font-weight: 100;
}
@media screen and (max-width: 768px) {
.learndash-wrapper .ld-alert-warning .ld-alert-content {
margin: 0;
}
.learndash-wrapper .ld-alert-warning .ld-alert-content .ld-alert-icon.ld-icon-alert {
margin-right: 0.5em;
}
.learndash-wrapper .ld-alert-warning .ld-alert-content .ld-alert-messages {
text-align: left;
line-height: 1.4;
}
}
.learndash-wrapper .bb-ld-tabs {
position: relative;
}
.learndash-wrapper .bb-ld-tabs #learndash-course-content {
margin: 0;
position: absolute;
height: 1px;
opacity: 0;
top: -90px;
}
.learndash-wrapper .ld-pagination {
font-weight: inherit;
color: var(--bb-alternate-text-color);
}
.learndash-wrapper .ld-pagination .ld-pages {
background-color: transparent;
padding: 1em 0.5em;
}
.learndash-wrapper .ld-pagination .ld-pages a {
color: var(--bb-headings-color);
}
.learndash-wrapper .ld-pagination .ld-pages a:hover {
color: var(--bb-primary-color);
}
.learndash-wrapper .ld-pagination .ld-pages .ld-icon {
font-size: 10px;
}
.lms-topic-sidebar-wrapper.lms-topic-sidebar-close {
margin-left: -370px;
/* margin-left: -40%; */
}
.lms-topic-sidebar-wrapper.lms-topic-sidebar-close .lms-topic-sidebar-data {
left: -370px;
}
.buddypanel-open .lms-topic-sidebar-wrapper.lms-topic-sidebar-close .lms-topic-sidebar-data {
left: -370px;
}
@media screen and (min-width: 800px) {
.sfwd-single-sidebar-right .lms-topic-sidebar-wrapper.lms-topic-sidebar-close {
margin-right: -370px;
margin-left: 0;
}
}
.lms-header-instructor .bb-about-instructor {
margin: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.lms-header-instructor .bb-about-instructor.bb_single_meta_off {
padding: 0;
}
.lms-header-instructor .bb-about-instructor > .flex {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lms-header-instructor .bb-about-instructor > .bb-instructor-heading, .lms-header-instructor .bb-about-instructor > h4 {
text-transform: uppercase;
color: var(--bb-headings-color);
font-size: 13px;
margin-bottom: 10px;
font-weight: normal;
}
.lms-header-instructor .bb-about-instructor h5 {
font-weight: 400;
font-size: 15px;
color: var(--bb-headings-color);
margin-bottom: 0;
}
.lms-header-instructor .bb-about-instructor h5 a {
color: var(--bb-headings-color);
}
.lms-header-instructor .bb-about-instructor h5 a:hover {
color: var(--bb-primary-color);
}
.lms-header-instructor .bb-about-instructor .bb-about-instructor-date {
color: var(--bb-alternate-text-color);
margin-left: 0;
}
.lms-header-instructor .bb-about-instructor .bb-about-instructor-date:before {
content: "";
width: 4px;
height: 4px;
border-radius: 100%;
background-color: var(--bb-alternate-text-color);
margin-right: 10px;
position: relative;
bottom: 2px;
display: none;
}
.lms-header-instructor .bb-about-instructor .bb-avatar-wrap + .bb-content-wrap .bb-about-instructor-date {
margin-left: 7px;
}
.lms-header-instructor .bb-about-instructor .bb-avatar-wrap + .bb-content-wrap .bb-about-instructor-date:before {
display: inline-block;
}
.lms-header-instructor .bb-about-instructor .bb-avatar-wrap {
max-width: 40px;
text-align: left;
margin-right: 10px;
display: block;
padding: 0;
}
.lms-header-instructor .bb-about-instructor .bb-content-wrap {
padding: 0;
}
.lms-header-instructor .bb-about-instructor .avatar {
max-width: 32px;
}
.lms-header-instructor .bb-about-instructor .bb-avatar-wrap > div {
margin-bottom: 0;
}
html[dir="rtl"] .lms-header-instructor .bb-about-instructor .bb-about-instructor-date:before {
margin-right: 10px;
margin-left: 10px;
}
.lms-topic-sidebar-course-navigation .ld-course-navigation {
margin: 15px 30px;
}
.lms-topic-sidebar-course-navigation .ld-course-navigation .course-entry-title {
color: var(--bb-headings-color);
font-size: 26px;
margin: 0;
}
.lms-topic-sidebar-course-navigation a.course-entry-link {
display: inline-block;
background-color: rgba(0, 0, 0, 0.03);
color: var(--bb-alternate-text-color);
border-radius: var(--bb-button-radius);
padding: 1px 15px 1px 10px;
font-size: 12px;
margin: 0 0 15px;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.lms-topic-sidebar-course-navigation a.course-entry-link:hover {
background-color: rgba(0, 0, 0, 0.06);
}
.lms-topic-sidebar-course-navigation a.course-entry-link i {
margin-right: 3px;
}
.lms-topic-sidebar-progress .course-progress-wrap {
position: relative;
z-index: 1;
margin: 30px 30px 15px;
padding-bottom: 25px;
border-bottom: 1px solid var(--bb-content-border-color);
}
.lms-topic-sidebar-progress .course-completion-rate {
font-size: 12px;
font-weight: 500;
color: var(--bb-alternate-text-color);
display: block;
margin-top: 15px;
line-height: 1;
}
.lms-topic-sidebar-progress .ld-progress-steps {
font-size: 12px;
font-weight: 500;
color: var(--bb-alternate-text-color);
display: block;
margin-top: 7px;
line-height: 1;
}
.lms-topic-sidebar-progress .course-progress {
margin: 0;
height: 3px;
background: rgba(255, 255, 255, 0.9);
background: var(--bb-content-border-color);
border-radius: 12px;
}
.lms-topic-sidebar-progress .course-progress-bar {
background: var(--bb-primary-color);
height: 3px;
width: auto;
}
.bb-about-instructor {
margin-bottom: 60px;
}
.bb-about-instructor > .bb-grid {
background-color: var(--bb-content-background-color);
border: 1px solid var(--bb-content-border-color);
border-radius: var(--bb-block-radius);
padding: 25px 20px;
margin-left: 0;
margin-right: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bb-about-instructor .bb-instructor-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bb-about-instructor.bb-about-instructor--is-info .bb-instructor-wrap {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.bb-about-instructor .bb-author-info {
margin: 3px 0 5px;
font-size: 14px;
line-height: 1.5;
}
.bb-about-instructor .bb-instructor-message {
-webkit-box-flex: inherit;
-ms-flex: inherit;
flex: inherit;
}
.bb-about-instructor h4,
.bb-about-instructor .bb-instructor-heading {
font-size: 16px;
line-height: 1;
letter-spacing: 0.6px;
margin: 0 0 15px;
text-transform: uppercase;
}
.bb-about-instructor .avatar {
max-width: 52px;
}
.bb-about-instructor .bb-avatar-wrap {
max-width: 110px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
margin-right: 18px;
}
.bb-about-instructor h5 {
font-size: 18px;
line-height: 1;
margin: 6px 0 2px;
}
.bb-about-instructor h5 a {
color: var(--bb-headings-color);
}
.bb-about-instructor h5 a:hover {
color: var(--bb-primary-color);
}
.bb-about-instructor .bb-author-meta {
font-size: 14px;
color: var(--bb-alternate-text-color);
line-height: 1.2;
margin-bottom: 0;
}
.bb-about-instructor .bb-content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
}
.bb-about-instructor .bb-author-meta-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-top: auto;
padding-bottom: 5px;
}
.bb-about-instructor .bb-author-meta-info > span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 15px;
font-size: 13px;
color: var(--bb-alternate-text-color);
letter-spacing: -0.24px;
}
.bb-about-instructor .bb-author-meta-info > span:last-child {
margin-right: 0;
}
.bb-about-instructor .bb-author-meta-info svg {
margin-right: 5px;
}
.bb-about-instructor .button {
max-width: 160px;
display: block;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-right: 25px;
font-weight: 400;
}
.bb-about-instructor .button i {
margin-right: 5px;
font-size: 18px;
position: relative;
top: 1px;
}
.bb-learndash-meta-wrap .bb-toggle-theme {
display: block;
line-height: 0;
}
.bb-learndash-meta-wrap .bb-toggle-theme span {
display: inline-block;
}
.learndash_content_wrap {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.single #learndash-course-header {
width: 100%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.bb-type-list.bb-lms-list-inside {
list-style: none;
counter-reset: lms-list;
}
.bb-type-list.bb-lms-list-inside li > a .bb-lms-title:before {
line-height: 1.4;
margin-right: 0;
counter-increment: lms-list;
content: counter(lms-list) ". ";
color: var(--bb-alternate-text-color);
}
.bb-type-list.bb-lms-list-inside .bb-lms-title-wrap {
font-size: 16px;
padding: 18px 22px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bb-type-list.bb-lms-list-inside .bb-course-topic-status {
width: 24px;
height: 24px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.bb-type-list.bb-lms-list-inside svg {
margin-right: 0;
}
.learndash_content h1,
.learndash_content .h1,
.learndash_content h2,
.learndash_content .h2,
.learndash_content h3,
.learndash_content .h3,
.learndash_content h4,
.learndash_content .h4,
.learndash_content h5,
.learndash_content .h5,
.learndash_content h6,
.learndash_content .h6,
.learndash_content p,
.learndash_content address,
.learndash_content hr {
margin-bottom: 40px;
}
.learndash_content_wrap > div {
margin-bottom: 40px;
}
.single.single-sfwd-courses .comments-area {
max-width: 700px;
}
.learndash_uploaded_assignments h4 {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.6px;
text-transform: uppercase;
}
.bb-assignments-list {
margin: 0;
list-style: none;
}
.bb-assignments-list li {
border-radius: 4px;
margin-bottom: 1px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bb-assignments-list li:hover {
background: rgba(146, 164, 183, 0.1);
}
.bb-assignments-list a {
color: inherit;
letter-spacing: -0.24px;
line-height: 19px;
}
.bb-assignments-list .ld-assignment-filename-col a {
display: block;
padding: 13px 15px;
}
.bb-assignments-list img {
max-width: 24px;
margin-right: 15px;
}
.bb-assignments-list .bb-icon-close-circle {
color: var(--bb-danger-color);
font-size: 20px;
}
.bb-assignments-list .ld-assignment-delete-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 10px;
}
.bb-assignments-list .learndash_uploaded_assignment_points {
margin-right: 15px;
}
.bb-leardash-upload-assignment h4 {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.6px;
text-transform: uppercase;
}
.bb-leardash-upload-assignment .bb-label {
display: inline-block;
cursor: pointer;
outline: none;
border: 1px solid var(--bb-primary-color);
border-radius: 100px;
padding: 3px 25px;
font-size: 14px;
font-weight: 500;
margin-bottom: 20px;
color: var(--bb-primary-color);
}
.bb-leardash-upload-assignment form {
border: 1px dashed #c3c6c9;
border-radius: 4px;
padding: 30px 20px;
text-align: center;
}
.bb-leardash-upload-assignment input[type="file"] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.bb-leardash-upload-assignment input[type="file"]:focus + label {
outline: none;
}
.bb-leardash-upload-assignment input[type="file"]:focus + label * {
pointer-events: none;
}
.bb-leardash-upload-assignment input#uploadfile_btn {
min-width: 140px;
font-weight: 500;
}
.bb-leardash-upload-assignment .bb-upload-message {
padding: 15px 0 0;
font-size: 14px;
color: #939597;
letter-spacing: -0.24px;
line-height: 1;
}
.bb-course-preview-content {
padding: 0 30px;
background-color: var(--bb-content-background-color);
margin-left: -30px;
margin-right: -30px;
}
.bb-lms-back {
text-align: center;
padding: 10% 0 0;
font-weight: 500;
}
.bb-lms-nav-wrap {
background: #fff;
border: 0;
box-shadow: inset 0 -1px 0 0 #eef0f3;
padding: 0 44px;
}
#object-nav.bb-lms-nav {
border: 0;
background: transparent;
max-width: 1200px;
margin: auto;
padding: 0 10px;
}
.buddypanel-open #object-nav.bb-lms-nav {
max-width: 1160px;
}
.bb-course-content {
margin-bottom: 2rem;
}
/* Course Comments */
.single-sfwd-courses .comment-respond {
background: transparent;
border: 0;
border-radius: 0;
border-bottom: 1px solid var(--bb-content-border-color);
padding: 0 0 30px;
}
.single-sfwd-courses .comment-respond.bb-active {
box-shadow: none;
}
.single-sfwd-courses .comments-area input#submit {
min-width: 160px;
min-height: 40px;
}
.single-sfwd-courses .comment-body {
background: transparent;
border: 0;
border-radius: 0;
margin-bottom: 30px;
padding: 0 0 30px;
border-bottom: 1px solid var(--bb-content-border-color);
}
.single-sfwd-courses .comment-content-wrap {
padding-left: 22px;
}
.single-sfwd-courses .comment-respond .vcard a {
margin-left: 22px;
}
.ld-in-focus-mode.bb-sfwd-aside .comments-area {
display: none;
}
.ld-in-focus-mode.bb-sfwd-aside .wpdiscuz_top_clearing + #comments.comments-area {
display: block;
}
.bb-course-item {
padding: 0 10px 15px;
}
.bb-course-item .avatar {
max-width: 28px;
width: 100%;
}
.bb-course-items .bb-course-item .bb-cover-list-item:hover {
box-shadow: 0 2px 10px 0 rgba(18, 43, 70, 0.1);
}
.bb-course-item .bb-course-meta.bb-course-footer {
margin-top: 40px;
-ms-flex-flow: row;
flex-flow: row;
}
.bb-details {
display: inline-block;
margin-top: 20px;
font-size: 16px;
color: #fff;
letter-spacing: -0.24px;
}
.bb-details i {
font-size: 26px;
position: relative;
top: 4px;
left: -4px;
}
#learndash_complete_prerequisites {
padding: 35px 0;
}
.expand_collapse {
display: none !important;
}
.groups.single-item .bb-lms-nav-wrap {
width: auto;
margin: 0;
padding: 0;
left: auto;
right: auto;
background: transparent;
box-shadow: none;
}
.groups.single-item #object-nav.bb-lms-nav {
padding: 0;
}
#learndash_course_points_access_message {
margin: 50px 0;
}
.lms-quiz-item .bb-title.bb-lms-title-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ld-entry-title.entry-title {
line-height: 1.3;
}
form#sfwd-mark-complete input#learndash_mark_complete_button[disabled] {
color: #fff;
}
form#sfwd-mark-complete input#learndash_mark_complete_button[disabled]:hover {
box-shadow: none;
}
.learndash + p.bp-group-discussion {
display: none;
}
body.bb-custom-ld-focus-mode-enabled.admin-bar {
padding-top: 0;
}
.learndash-wrapper .ld-expand-button {
pointer-events: all;
padding: 6px 0 6px 12px;
}
.learndash-wrapper .ld-section-heading {
margin-bottom: 1.25em;
}
.learndash-wrapper .ld-section-heading h2 {
letter-spacing: 0.6px;
text-transform: uppercase;
}
.learndash-wrapper .ld-item-list.ld-course-list .ld-section-heading h2,
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2 {
font-size: 16px;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading {
margin-bottom: 0.5em;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading {
font-size: 16px;
color: var(--bb-headings-color);
}
.ld-section-heading .ld-item-list-actions .ld-expand-button:not(.ld-expanded) .ld-icon {
position: relative;
top: 2px;
}
.learndash-wrapper .ld-expand-button {
color: var(--bb-body-text-color);
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading,
.learndash-wrapper .ld-table-list .ld-table-list-header {
color: var(--bb-headings-color);
}
.learndash-wrapper .ld-expand-button {
background-color: transparent;
border-radius: 4px;
}
.learndash-wrapper .ld-expand-button:hover {
background-color: transparent;
}
.learndash-wrapper .ld-item-details .ld-expand-button {
background: transparent;
}
.learndash-wrapper .ld-item-list .ld-item-list-item {
border: none;
margin-bottom: 10px;
background-color: transparent;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
background: rgba(146, 164, 183, 0.05);
border-radius: var(--bb-block-radius-inner);
}
.learndash-wrapper .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview.learndash-complete .ld-topic-title {
text-decoration: line-through;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
padding: 16px 15px;
}
.learndash-wrapper .learndash_content_wrap .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview {
padding-left: 50px;
}
.learndash-wrapper .learndash_content_wrap .ld-table-list-item-quiz .ld-item-title {
color: #939597;
position: relative;
font-weight: 500;
font-size: 14px;
letter-spacing: -0.24px;
line-height: 1.6;
}
.learndash-wrapper .learndash_content_wrap .ld-table-list-item-quiz:hover .ld-item-title {
color: var(--bb-primary-color);
}
.learndash-wrapper .learndash_content_wrap .ld-table-list-item-quiz .ld-item-title:before {
font: normal normal normal 18px/1 bb-icons;
speak: none;
display: inline-block;
text-decoration: inherit;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\eeff";
position: absolute;
left: -30px;
top: 3px;
font-weight: 100;
}
.learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item a.ld-table-list-item-preview {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 16px 15px 16px 70px;
background: transparent;
}
.learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item a.ld-table-list-item-preview .ld-topic-title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
position: relative;
font-weight: 500;
font-size: 14px;
letter-spacing: -0.24px;
line-height: 1.6;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item a.ld-table-list-item-preview .ld-topic-title .lms-topic-status-icon {
margin-left: auto;
}
.learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item a.ld-table-list-item-preview .ld-topic-title:before {
font: normal normal normal 18px/1 bb-icons;
speak: none;
display: inline-block;
text-decoration: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\ef3e";
position: absolute;
left: -30px;
top: 3px;
}
.learndash-wrapper .ld-table-list .ld-table-list-items .ld-table-list-item a.ld-table-list-item-preview .ld-status-icon {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-right: 0;
}
.learndash-wrapper .ld-table-list .ld-table-list-items div.ld-table-list-item.ld-topic__video a.ld-table-list-item-preview .ld-topic-title:before {
content: "\eef7";
font-family: bb-icons;
font-weight: 500;
}
.learndash-wrapper .ld-status-icon.ld-status-complete,
.learndash-wrapper .ld-status-icon.ld-quiz-complete {
border: 0;
}
.learndash-wrapper .ld-status-icon.ld-status-incomplete,
.learndash-wrapper .ld-status-icon.ld-quiz-incomplete,
.learndash-wrapper .ld-status-icon.ld-quiz-pending {
border: 2px solid #dedfe2;
}
.learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-lesson-details .ld-lesson-list-progress {
text-transform: none;
}
.learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-lesson-details .ld-lesson-list-steps {
text-transform: none;
}
.learndash-wrapper .ld-table-list .ld-table-list-header .ld-text {
font-family: inherit;
text-transform: none;
font-weight: 500;
}
.learndash-wrapper .ld-table-list .ld-table-list-header {
background-color: transparent;
border: none;
}
@media screen and (max-width: 640px) {
.learndash-wrapper .ld-table-list .ld-table-list-header .ld-table-list-lesson-details {
margin-left: 0;
}
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded:before {
background: rgba(146, 164, 183, 0.05);
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header {
padding: 16px 15px;
margin-bottom: 0;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded:before {
left: 24px;
}
.learndash-wrapper .ld-table-list .ld-table-list-items {
padding: 0;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-item {
margin: 0;
padding: 0;
}
.learndash-wrapper .ld-status-icon .ld-icon:before {
font-size: 12px;
}
.learndash-wrapper .ld-item-list-item-quiz .ld-item-name {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.learndash-wrapper .ld-item-list-item-quiz .ld-item-name .ld-item-title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
position: relative;
font-weight: 500;
}
.learndash-wrapper .ld-item-list-item-quiz .ld-item-name .ld-item-title:before {
content: "\eeff";
font: normal normal normal 18px/1 bb-icons;
speak: none;
display: inline-block;
text-decoration: inherit;
text-transform: none;
-webkit-font-smoothing: antialiased;
font-size: 20px;
margin-right: 10px;
font-weight: 100;
color: var(--bb-alternate-text-color);
}
.learndash-wrapper .ld-item-list-item-quiz .ld-item-name .ld-status-icon {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.learndash-wrapper .ld-expand-button {
font-weight: normal;
}
.learndash-wrapper .ld-expand-button.ld-button-alternate {
color: var(--bb-primary-color);
}
.learndash-wrapper .ld-expand-button.ld-button-alternate:hover {
color: var(--bb-primary-color);
}
.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
background: transparent;
color: var(--bb-alternate-text-color);
font-weight: normal;
}
.learndash-wrapper .ld-status-icon {
-ms-flex-preferred-size: 22px;
flex-basis: 22px;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 22px;
width: 22px;
border: 2px solid;
}
.learndash-wrapper .ld-status-icon .ld-icon.ld-icon-quiz:before {
content: "";
}
.ld-item-list-item-preview a.ld-item-name:has(.lms-quiz-status-icon) {
pointer-events: none;
cursor: default;
}
.ld-item-list-item-preview a.ld-item-name:has(.lms-quiz-status-icon) .lms-quiz-status-icon {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-left: auto;
}
.ld-item-list-item-preview a.ld-item-name:has(.lms-quiz-status-icon) .ld-status-icon {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.learndash-wrapper .ld-item-list-item .ld-item-list-item-preview .ld-icon-arrow-down {
padding: 0;
}
.learndash-wrapper .ld-item-list-item .ld-item-list-item-preview .ld-icon-arrow-down:before {
content: "\ee0b";
font: normal normal normal 18px/1 bb-icons;
speak: none;
text-decoration: inherit;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
font-weight: 300;
}
.learndash-wrapper .ld-item-list-item .ld-item-list-item-preview .ld-expanded .ld-icon-arrow-down {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.learndash-wrapper .ld-item-list-item .ld-item-list-item-preview .ld-expanded .ld-icon-arrow-down:before {
content: "\ee09";
}
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
color: inherit;
text-transform: none;
font-weight: normal;
}
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-details {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-details .ld-expand-button {
margin-left: 0;
}
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-details .ld-text {
display: none;
}
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-name {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-name .ld-item-title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 10px;
font-weight: 500;
}
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-name .ld-item-title .ld-item-components {
margin-top: 0;
text-align: right;
}
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-name .ld-item-title .ld-item-components span {
font-size: 12px;
font-weight: 400;
}
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-name .ld-item-title .ld-item-components .ld-icon-calendar {
margin-left: 0;
}
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-name .ld-status-icon {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-right: 0;
}
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 10px;
font-weight: 500;
}
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-title .ld-item-components {
margin-top: 0;
}
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-title .ld-item-components span {
font-size: 12px;
font-weight: 400;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item.learndash-not-available .ld-item-list-item-preview .ld-item-name .ld-item-title > span.ld-item-components .ld-item-component {
text-align: center;
display: inline-block;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item.learndash-not-available .ld-item-list-item-preview .ld-item-name .ld-item-title > span.ld-item-components .ld-status:not(.ld-status-unlocked) {
min-width: 285px;
}
.learndash-wrapper .ld-status-icon.ld-quiz-complete {
color: transparent;
}
.learndash-wrapper .ld-status-unlocked {
padding: 0 10px;
}
.learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-table-list-item-quiz .ld-quiz-complete .ld-icon:before {
content: "\e876";
color: #fff;
}
.learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-table-list-item-quiz .ld-quiz-complete {
border: 0;
}
.learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-table-list-item-quiz .ld-quiz-complete ~ .ld-item-title:before {
content: "\eeff";
font: normal normal normal 12px/1 bb-icons;
speak: none;
display: inline-block;
text-decoration: inherit;
text-transform: none;
-webkit-font-smoothing: antialiased;
font-size: 20px;
font-weight: 100;
margin-right: 10px;
position: absolute;
left: -30px;
top: 1px;
}
.learndash-wrapper .ld-item-list-item-expanded .ld-table-list-items .ld-table-list-item .ld-table-list-item-quiz .ld-item-title {
position: relative;
font-weight: 500;
font-size: 14px;
letter-spacing: -0.24px;
line-height: 1.6;
}
.learndash-wrapper .ld-item-list-item-expanded .ld-table-list-items .ld-table-list-item .ld-table-list-item-quiz .ld-item-title:before {
content: "\eeff";
font: normal normal normal 12px/1 bb-icons;
speak: none;
display: inline-block;
text-decoration: inherit;
text-transform: none;
-webkit-font-smoothing: antialiased;
font-size: 20px;
font-weight: 100;
margin-right: 10px;
position: absolute;
left: -30px;
top: 1px;
}
.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(146, 164, 183, 0.05);
}
@media screen and (max-width: 640px) {
.learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress {
width: 100%;
}
}
.learndash-wrapper .ld-progress-percentage {
font-size: 12px;
font-weight: 700;
}
.learndash-wrapper .ld-progress-steps {
font-size: 12px;
}
.learndash-wrapper .ld-progress-stats {
padding-right: 20px;
}
.learndash-wrapper div.ld-course-status {
margin-bottom: 30px;
}
.learndash-wrapper div.ld-item-list {
margin-bottom: 50px;
}
.learndash-wrapper .ld-status-incomplete ~ .ld-item-title {
position: relative;
}
.learndash-wrapper .ld-item-icon {
font-size: 16px;
}
.learndash-wrapper .learndash-not-available .ld-item-list-item-expanded .ld-table-list-items .ld-table-list-item {
cursor: auto;
}
.learndash-wrapper .learndash-not-available .ld-item-list-item-expanded .ld-table-list-header {
cursor: auto;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {
margin-right: 0;
margin-top: 0;
}
.learndash-wrapper .ld-table-list-item.learndash-complete .ld-item-title > span:first-child {
text-decoration: line-through;
}
.learndash-wrapper .learndash-complete .ld-item-list-item-preview .ld-item-title > span:first-child {
text-decoration: line-through;
}
.learndash-wrapper .ld-status-icon.ld-quiz-complete {
color: #fff;
border: 0;
}
.learndash-wrapper .ld-status-icon.ld-quiz-complete .ld-icon.ld-icon-quiz:before {
content: "\e876";
font-family: bb-icons;
}
.learndash-wrapper .ld-video {
padding-top: 0;
}
.learndash-complete .ld-item-list-item-expanded .ld-table-list-items .ld-table-list-item .ld-table-list-item-quiz .ld-quiz-complete {
background-color: var(--bb-primary-color);
}
.learndash-cpt.learndash-embed-responsive .learndash-wrapper .ld-video.fluid-width-video-wrapper {
padding-top: 0 !important;
}
.learndash-cpt.learndash-embed-responsive .learndash-wrapper .ld-video:not(.fluid-width-video-wrapper) {
margin-bottom: 50px;
padding-top: 0;
}
.learndash-wrapper.learndash-widget .ld-progress.ld-progress-inline {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: inherit;
flex-direction: inherit;
}
.learndash-wrapper .comment-respond .logged-in-as > a.comment-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#learndash-page-content > .bp-feedback.bp-sitewide-notice {
display: block;
top: 0;
margin: -30px -100px 30px;
}
@media screen and (max-width: 1200px) {
#learndash-page-content > .bp-feedback.bp-sitewide-notice {
margin-left: -60px;
margin-right: -60px;
}
}
@media screen and (max-width: 992px) {
#learndash-page-content > .bp-feedback.bp-sitewide-notice {
margin-left: -40px;
margin-right: -40px;
}
}
@media screen and (max-width: 543px) {
#learndash-page-content > .bp-feedback.bp-sitewide-notice {
margin-left: -20px;
margin-right: -20px;
}
}
@media screen and (min-width: 821px) and (max-width: 1280px) {
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item.learndash-not-available .ld-item-list-item-preview .ld-item-name .ld-item-title {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item.learndash-not-available .ld-item-list-item-preview .ld-item-name .ld-item-title > span {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item.learndash-not-available .ld-item-list-item-preview .ld-item-name .ld-item-title > span.ld-item-components {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item.learndash-not-available .ld-item-list-item-preview .ld-item-name .ld-item-title > span.ld-item-components span {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item.learndash-not-available .ld-item-list-item-preview .ld-item-name .ld-item-title > span.ld-item-components .ld-tertiary-background {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
.bb-lesson-head {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.bb-lesson-head .push-right {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.bb-lesson-head .bb-lms-progress-wrap {
margin-left: auto;
}
}
@media screen and (min-width: 800px) {
.bb-grid .bb-learndash-content-wrap {
padding-right: 8%;
}
.bb-course-banner-inner {
width: 88%;
}
}
@media screen and (max-width: 820px) {
.bb-learndash-content-wrap,
.bb-single-course-sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.bb-learndash-content-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.bb-single-course-sidebar {
margin-bottom: 40px;
max-width: 100%;
}
.bb-single-course-sidebar.bb-preview-wrap {
margin-top: 30px !important;
margin-bottom: 20px;
}
}
@media screen and (max-width: 992px) {
.buddypanel-open .bb-learndash-content-wrap,
.buddypanel-open .bb-single-course-sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.buddypanel-open .bb-single-course-sidebar {
margin-bottom: 40px;
margin-top: 0 !important;
max-width: 100%;
}
.buddypanel-open .bb-learndash-side-area .bb-course-banner-inner {
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
.bb-course-banner-info {
padding-left: 20px;
padding-right: 20px;
}
.bb-course-banner-inner {
padding-top: 0;
}
.bb-learndash-banner {
padding: 0;
}
.bb-course-banner-info .bb-enroll-widget {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-top: 30px;
}
#learndash-content .lms-topic-sidebar-wrapper {
position: absolute !important;
z-index: 98;
width: 370px;
height: 100%;
}
body:not(.bb-page-loaded) #learndash-content .lms-topic-sidebar-wrapper {
display: none;
}
.bb-mobile-header-wrapper .course-toggle-view {
padding-left: 10px;
padding-right: 0;
}
.lms-side-panel-close-sm:after {
content: "";
background: rgba(0, 0, 0, 0.5);
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
}
@media screen and (max-width: 680px) {
div.bb-course-banner-inner {
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 600px) {
div.bb-lms-header {
padding: 25px 0 0;
margin: 0;
}
.bb-about-instructor .bb-avatar-wrap {
max-width: 100%;
margin-right: 0;
margin-bottom: 0;
}
.bb-about-instructor .button {
max-width: 100%;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item.learndash-not-available .ld-item-list-item-preview .ld-item-name .ld-item-title {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item.learndash-not-available .ld-item-list-item-preview .ld-item-name .ld-item-title > span {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: auto;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item.learndash-not-available .ld-item-list-item-preview .ld-item-name .ld-item-title > span.ld-item-components {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item.learndash-not-available .ld-item-list-item-preview .ld-item-name .ld-item-title > span.ld-item-components span.ld-item-component {
text-align: left;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item.learndash-not-available .ld-item-list-item-preview .ld-item-name .ld-item-title > span.ld-item-components .ld-tertiary-background {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
line-height: 1.4;
padding: 10px;
margin-left: 0;
min-width: auto;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item.learndash-not-available .ld-item-list-item-preview .ld-item-name .ld-item-title > span.ld-item-components .ld-sep {
display: none;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-component + .ld-status {
margin-left: unset;
}
}
@media screen and (max-width: 400px) {
#learndash-content .lms-topic-sidebar-wrapper {
max-width: 350px;
min-width: 330px;
}
}
@media screen and (min-width: 544px) {
.lms-topic-sidebar,
.lms-topic-sidebar-wrapper {
max-width: 370px;
}
}
.ld-course-list-items,
.ld-course-list-items.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -10px;
margin-right: -10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ld-course-list-items .bb-course-item-wrap {
padding-left: 10px;
padding-right: 10px;
min-width: 20%;
}
@media screen and (min-width: 900px) and (max-width: 1200px) {
.ld-course-list-items .bb-course-item-wrap {
min-width: 25%;
}
}
@media screen and (min-width: 768px) and (max-width: 900px) {
.ld-course-list-items .bb-course-item-wrap {
min-width: 33.3333%;
}
}
@media screen and (min-width: 576px) and (max-width: 768px) {
.ld-course-list-items .bb-course-item-wrap {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 576px) {
.ld-course-list-items .bb-course-item-wrap {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.has-sidebar .ld-course-list-items .bb-course-item-wrap {
min-width: 25%;
}
@media screen and (min-width: 576px) and (max-width: 1200px) {
.has-sidebar .ld-course-list-items .bb-course-item-wrap {
min-width: 50%;
}
}
@media screen and (max-width: 576px) {
.has-sidebar .ld-course-list-items .bb-course-item-wrap {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item {
background: var(--bb-content-background-color);
border: 1px solid var(--bb-content-border-color);
border-radius: var(--bb-block-radius);
-webkit-transition: 0.2s box-shadow;
transition: 0.2s box-shadow;
position: relative;
height: 100%;
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item:hover {
box-shadow: 0 4px 32px 0 rgba(18, 43, 70, 0.1);
z-index: 1;
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .fluid-width-video-wrapper {
margin-top: 0;
padding-top: 52% !important;
margin-bottom: 0;
height: 100%;
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .bb-card-course-details .entry-content {
margin: 0 0 10px !important;
font-size: 14px;
line-height: 1.2;
display: block;
display: -webkit-box;
max-height: 2.7em;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .bb-course-cover.has-video-cover {
overflow: visible;
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .bb-course-cover.has-video-cover > a {
padding: 0;
overflow: visible;
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .bb-course-cover.has-video-cover > a img {
display: none;
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .bb-course-cover a {
display: block;
position: relative;
overflow: hidden;
border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
padding-top: 52%;
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .bb-course-cover a img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 0;
min-height: 100%;
width: auto;
min-width: 100%;
object-fit: cover;
border-radius: 0;
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .bb-course-meta {
margin-top: 10px;
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .ld_course_grid_video_embed {
padding: 0;
height: 100%;
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .ld_course_grid_video_embed iframe {
height: 100%;
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .ld_course_grid_button {
margin: 0 !important;
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .ld_course_grid_button a {
background-color: var(--bb-primary-button-background-regular);
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular);
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .ld_course_grid_button a:focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .ld_course_grid_button a:hover {
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
}
.ld-course-list-items .ld_course_grid .bb-cover-list-item .ld_course_grid_button a {
border-radius: var(--bb-button-radius);
}
.ld-course-list-items .bb-cover-list-item:not(.bb-course-no-content) {
height: 100%;
padding-bottom: 15px;
}
.ld-course-list-items .bb-cover-list-item:not(.bb-course-no-content) .bb-cover-wrap {
padding-top: 52%;
}
.ld-course-list-items .bb-cover-list-item.bb-course-paid {
padding-bottom: 45px;
}
.ld-course-list-items .bb-course-item-wrap {
margin-bottom: 20px;
}
.ld-course-list-items .bb-course-cover {
overflow: hidden;
position: relative;
/* height: 100%; */
}
.ld-course-list-items .bs-timestamp {
font-size: 14px;
color: #939597;
letter-spacing: -0.24px;
line-height: 22px;
position: absolute;
bottom: 20px;
}
.ld-course-list-items .forums-meta span {
background: rgba(18, 43, 70, 0.1);
}
.ld-course-list-items .bb-cover-wrap:after {
display: none;
}
.ld-course-list-items .forums-meta {
margin-bottom: 12px;
}
.ld-course-list-items .bb-course-excerpt {
color: var(--bb-alternate-text-color);
}
.ld-course-list-items .course-progress-wrap {
position: relative;
z-index: 1;
margin: 0 0 10px;
line-height: 1.7;
}
.ld-course-list-items .course-completion-rate {
font-size: 12px;
font-weight: 500;
line-height: 1;
letter-spacing: -0.24px;
display: block;
margin-top: 10px;
color: var(--bb-alternate-text-color);
}
.ld-course-list-items .course-completion-rate.start-course-completion-rate {
opacity: 0.6;
font-size: 12px;
line-height: 1;
font-weight: 500;
color: var(--bb-headings-color);
letter-spacing: -0.24px;
margin-top: 10px;
}
.ld-course-list-items .ld-progress-stats {
font-size: 12px;
font-weight: 500;
line-height: 1;
letter-spacing: -0.24px;
display: block;
margin-top: 10px;
color: var(--bb-alternate-text-color);
}
.ld-course-list-items .ld-progress-stats .ld-progress-steps {
margin-top: 5px;
display: block;
}
.ld-course-list-items .course-progress {
margin: 0;
height: 3px;
background: var(--bb-content-border-color);
border-radius: 50px;
}
.ld-course-list-items .course-progress-bar {
background: var(--bb-primary-color);
height: 3px;
width: auto;
}
.ld-course-list-items .bb-course-excerpt {
font-size: 13px;
color: #939597;
line-height: 1.384;
display: block;
display: -webkit-box;
max-height: 2.72em;
margin: -3px 0 0;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.ld-course-list-content.grid-view .bb-cover-list-item:not(.bb-course-no-content) .bb-cover-wrap {
border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
}
#bb-course-list-grid-filters {
margin-bottom: 20px;
}
.widget .ld-course-list-items .bb-course-item-wrap {
min-width: 100%;
}
.widget #bb-course-list-grid-filters {
display: none;
}
.widget #ld_course_categorydropdown {
margin-bottom: 20px;
}
.ld_course_grid .has-video-cover iframe {
border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
}
.ld-course-list-content {
margin-bottom: 30px;
}
.bb-ld-course-list-item {
margin-bottom: 20px;
}
.bb-ld-course-list-item .ld-entry-content .entry-img {
padding-top: 40.476%;
border-radius: 4px 4px 0 0;
}
.bb-ld-course-list-item .ld-entry-content .entry-img > img {
margin: 0;
}
.bb-ld-course-list-item .ld-entry-content .entry-content h1 {
font-size: 1.5rem;
margin: 0 0 10px;
}
.bb-ld-course-list-item .ld-entry-title a {
color: var(--bb-headings-color);
}
.bb-ld-course-list-item .ld-entry-title a:hover {
color: var(--bb-primary-color);
}
.ld-course-list-items.row .learndash-wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.ld-course-list-items.row .learndash-wrapper .ld-item-list {
margin: 0 0 20px;
}
.ld-course-list-items.row .learndash-wrapper .ld-item-list .ld-item-list-item {
background: #fff;
border: 1px solid var(--bb-content-border-color);
border-radius: 4px;
height: 100%;
padding-bottom: 0;
-webkit-transition: 0.2s box-shadow;
transition: 0.2s box-shadow;
position: relative;
}
.ld-course-list-items.row .learndash-wrapper .ld-item-list .ld-item-list-item:hover {
box-shadow: 0 4px 32px 0 rgba(18, 43, 70, 0.1);
z-index: 1;
}
.ld-course-list-content.grid-view .ld-course-list-items .bb-course-cover a {
border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
}
.ld-course-list-content.list-view .ld-course-list-items .ld_course_grid {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.ld-course-list-content.list-view .bb-cover-list-item {
padding-bottom: 0;
}
.ld-course-list-content.list-view .bb-cover-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.ld-course-list-content.list-view .bb-card-course-details {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 16px;
}
.ld-course-list-content.list-view .bb-cover-wrap {
border-radius: var(--bb-block-radius) 0 0 var(--bb-block-radius);
}
.ld-course-list-content.list-view .bb-course-cover {
-webkit-box-flex: 0;
-ms-flex: 0 0 240px;
flex: 0 0 240px;
}
.ld-course-list-content.list-view .bb-cover-wrap {
padding-top: 70%;
height: 100%;
}
.ld-course-list-content.list-view .course-progress-wrap {
max-width: 450px;
}
.ld-course-list-content.list-view .bb-course-footer {
-ms-flex-flow: column-reverse;
flex-flow: column-reverse;
bottom: auto;
top: 16px;
width: auto;
left: auto;
right: 0;
}
.ld-course-list-content.list-view .has-video-cover iframe {
border-radius: var(--bb-block-radius) 0 0 var(--bb-block-radius);
}
.ld-course-list-content.list-view .has-video-cover .fluid-width-video-wrapper {
height: 100%;
}
.ld-course-list-content.list-view .bb-cover-list-item:not(.bb-course-no-content) .bb-cover-wrap {
border-radius: var(--bb-block-radius) 0 0 var(--bb-block-radius);
}
.ld-course-list-content.grid-view .bb-cover-list-item:not(.bb-course-no-content) .bb-cover-wrap {
border-radius: var(--bb-block-radius) var(--bb-block-radius) 0 0;
}
.learndash-pager {
display: block;
color: inherit;
text-transform: none;
font-size: inherit;
font-weight: inherit;
background-color: inherit;
padding: 0;
border-radius: 0;
margin: 0;
}
.bb-courses-directory + #ld_categorydropdown {
margin: -50px 0 15px;
}
.bb-courses-directory + #ld_categorydropdown select {
max-width: 180px;
}
.bb-courses-directory + #ld_categorydropdown label[for="ld_categorydropdown_select"] {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.learndash-wrapper .bb-cover-list-item .ld-status {
font-size: 11px;
border-radius: 0 15px 15px 0;
line-height: 1;
height: auto;
text-transform: uppercase;
}
.learndash-wrapper .bb-cover-list-item .bb-course-meta .item-avatar > img {
max-width: 100%;
}
.learndash-wrapper .bb-cover-list-item .ld-progress.ld-progress-inline {
margin: 0;
display: block;
}
@media screen and (min-width: 768px) {
.ld-course-list-items .col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media screen and (max-width: 620px) {
.ld-course-list-content.list-view .bb-course-cover {
-webkit-box-flex: 0;
-ms-flex: 0 0 140px;
flex: 0 0 140px;
}
}
.ld-course-list-content.list-view .ld_course_grid .course {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ld-course-list-content.list-view .ld_course_grid .course .bb-course-cover,
.ld-course-list-content.list-view .ld_course_grid .course .bb-card-course-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ld-course-list-content.list-view .ld_course_grid .course .bb-course-cover a {
width: 100%;
border-radius: 3px 0 0 3px;
}
.ld-course-list-content .ld_course_grid .course .bb-card-course-details {
padding: 16px 20px;
}
.ld-course-list-content .ld_course_grid .course .bb-card-course-details .ld_course_grid_button .btn {
width: auto;
}
@media screen and (max-width: 420px) {
.ld-course-list-content .ld_course_grid .course .bb-card-course-details .bb-course-title {
font-size: 16px !important;
}
}
ul.bb-lms-user-profile-tabs {
margin: 0;
list-style: none;
}
ul.bb-lms-user-profile-tabs:after {
content: "";
clear: both;
display: table;
}
ul.bb-lms-user-profile-tabs li {
float: left;
margin: 0 30px 0 0;
}
ul.bb-lms-user-profile-tabs a {
color: #939597;
display: block;
padding: 15px 0;
text-decoration: none;
font-size: 14px;
border: 0;
}
ul.bb-lms-user-profile-tabs a:hover {
color: var(--bb-headings-color);
}
ul.bb-lms-user-profile-tabs .selected a {
color: var(--bb-headings-color);
font-weight: 600;
}
ul.bb-lms-user-profile-tabs .hideshow li {
float: none;
margin: 0;
}
ul.bb-lms-user-profile-tabs .hideshow li a {
display: block;
font-weight: normal;
letter-spacing: -0.24px;
line-height: 1;
margin-bottom: 1px;
padding: 0.75rem 0.9375rem;
}
ul.bb-lms-user-profile-tabs .sub-menu {
top: 50px;
}
ul.bb-lms-user-profile-tabs .more-button.active:after {
bottom: -10px;
}
.single-badges .entry-content-wrap {
padding: 0;
}
.single-badges .entry-meta {
margin-bottom: 30px;
}
.single-badges .entry-img {
display: none;
}
.single-badges .achievement-wrap {
padding: 0;
margin: 0;
border-top: 0;
}
.single-badges .badgeos-feedback-response.success,
.single-badges .badgeos-achievement-earned p {
border-radius: 3px;
padding: 10px;
}
.single-badges .achievement-wrap h4 {
clear: both;
margin-top: 50px;
margin-bottom: 15px;
font-weight: 500;
}
#badge_list .bb-badge-wrap {
background: #fff;
border: 1px solid #eef0f3;
border-radius: 4px;
margin-bottom: 10px;
padding: 20px;
}
#badge_list .bb-badge-wrap img {
max-width: 64px;
margin-right: 20px;
}
#badge_list .bb-badge-img {
float: left;
}
#badge_list .bb-badge-content {
overflow: hidden;
}
#badge_list .bb-badge-title {
font-size: 18px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.5;
margin-bottom: 10px;
}
#badge_list .bb-badge-title a {
color: inherit;
}
#badge_list .bb-badge-content {
font-size: 16px;
color: #939597;
letter-spacing: -0.24px;
line-height: 1.5;
}
#certificate_list > li {
margin-bottom: 20px;
}
#certificate_list .bb-certificate-wrap {
background-color: var(--bb-content-background-color);
border: 1px solid #eef0f3;
border-radius: 4px;
height: 100%;
padding: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative;
}
#certificate_list .bb-certificate-wrap:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 35px;
display: inline-block;
background-color: #f5f6f7;
}
#certificate_list .bb-certificate-wrap:after {
content: "";
position: absolute;
top: 5px;
left: 0;
right: 0;
margin: 0 auto;
background: url("../images/svg/certificate-icon.svg");
width: 44px;
height: 50px;
}
#certificate_list .bb-certificate-wrap:hover {
box-shadow: 0 4px 32px 0 rgba(18, 43, 70, 0.1);
z-index: 1;
}
#certificate_list .bb-certificate-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
padding-top: 48px;
}
#certificate_list .bb-certificate-title {
font-size: 20px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.3;
margin: 0 0 25px;
text-align: center;
}
@media screen and (min-width: 561px) {
#certificate_list .bb-certificate-title {
min-height: 72px;
}
}
#certificate_list .bb-certificate-title a {
color: inherit;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 50px;
width: 100%;
}
#certificate_list .bb-certificate-title a:hover {
color: var(--bb-primary-color);
}
#certificate_list .bb-certificate-title span {
display: block;
margin-bottom: 0;
font-weight: normal;
letter-spacing: -0.13px;
font-size: 13px;
color: var(--bb-alternate-text-color);
}
#certificate_list .bb-certificate-date {
font-size: 13px;
color: var(--bb-headings-color);
letter-spacing: -0.22px;
line-height: 1;
width: 50%;
float: left;
}
#certificate_list .bb-certificate-date span {
display: block;
font-size: 12px;
margin-bottom: 6px;
color: var(--bb-alternate-text-color);
}
#certificate_list .bb-certificate-download {
width: 50%;
float: left;
text-align: right;
margin-bottom: 0;
line-height: 1;
}
#certificate_list .bb-certificate-download a {
font-size: 0;
position: relative;
display: inline-block;
padding-top: 11px;
letter-spacing: -0.24px;
}
#certificate_list .bb-certificate-download a:hover {
color: var(--bb-primary-color);
}
#certificate_list .bb-certificate-download a i {
font-size: 25px;
position: absolute;
top: 0;
right: 0;
}
#certificate_list > li {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1200px) {
#certificate_list > li {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
}
}
@media screen and (max-width: 998px) {
#certificate_list > li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 640px) {
#certificate_list > li .bb-certificate-wrap {
padding: 25px 15px 15px;
}
}
@media screen and (max-width: 560px) {
#certificate_list > li {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.has-sidebar #certificate_list > li {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
}
@media screen and (max-width: 1200px) {
.has-sidebar #certificate_list > li {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media screen and (min-width: 800px) and (max-width: 1000px) {
.has-sidebar #certificate_list > li {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media screen and (max-width: 640px) {
.has-sidebar #certificate_list > li .bb-certificate-wrap {
padding: 25px 15px 15px;
}
}
@media screen and (max-width: 560px) {
.has-sidebar #certificate_list > li {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.bb-leandash-profile-page .bb-profile-card-area {
margin-top: 65px;
}
.bb-course-preview-wrap.bb-thumbnail-preview {
display: block;
}
.bb-profile-grid .bb-courses-header {
margin: 0;
}
.bb-profile-grid .bb-secondary-list-tabs {
margin: 0 0 10px;
}
.bb-leandash-profile-page .bb-profile-avatar a.bbp-profile-avatar-link {
width: 100%;
}
.bb-leandash-profile-page .bb-profile-card div.cover-image-wrap {
margin-top: 0;
}
.bb_profile_course_wrapper {
padding: 5px 0;
margin-bottom: 5px;
border-bottom: 1px solid var(--bb-content-border-color);
font-size: 15px;
}
.bb_profile_course_wrapper a {
color: var(--bb-headings-color);
}
.bb_profile_course_wrapper a:hover {
color: var(--bb-primary-color);
}
.bb_profile_course_wrapper span.bb-learndash-profile-edit-course-link {
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
max-width: 60px;
text-align: right;
}
.bb_profile_course_wrapper span.bb-learndash-profile-edit-course-link a {
color: #939597;
}
.bb_profile_course_wrapper span.bb-learndash-profile-edit-course-link a:hover {
color: #939597;
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-search-prompt {
padding: 4px 15px;
border-radius: var(--bb-button-radius);
font-size: 13px;
height: 37px;
font-weight: normal;
background-color: var(--bb-secondary-button-background-regular);
color: var(--bb-secondary-button-text-regular);
border: 1px solid var(--bb-secondary-button-border-regular);
white-space: nowrap;
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-search-prompt:focus {
box-shadow: var(--bb-secondary-button-focus-shadow);
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-search-prompt .ld-icon {
margin-left: 8px;
position: relative;
top: 6px;
color: var(--bb-alternate-text-color);
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-search-prompt .ld-icon-search {
font-size: 14px;
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-search-prompt:hover {
background-color: var(--bb-secondary-button-background-hover);
color: var(--bb-secondary-button-text-hover);
border: 1px solid var(--bb-secondary-button-border-hover);
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-search-prompt:hover .ld-icon {
color: var(--bb-secondary-button-text-hover);
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-expand-button {
padding: 4px 15px;
border-radius: var(--bb-button-radius);
font-size: 13px;
height: 37px;
background-color: var(--bb-secondary-button-background-regular);
color: var(--bb-secondary-button-text-regular);
border: 1px solid var(--bb-secondary-button-border-regular);
white-space: nowrap;
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-expand-button:focus {
box-shadow: var(--bb-secondary-button-focus-shadow);
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-expand-button .ld-icon {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-size: 8px;
color: var(--bb-alternate-text-color);
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-expand-button .ld-text {
padding: 0 8px 0 0;
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-expand-button:hover {
opacity: 1;
background-color: var(--bb-secondary-button-background-hover);
color: var(--bb-secondary-button-text-hover);
border: 1px solid var(--bb-secondary-button-border-hover);
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-expand-button:hover .ld-icon {
color: var(--bb-secondary-button-text-hover);
}
.learndash-wrapper .ld-item-list .ld-section-heading .ld-expand-button:focus {
box-shadow: none;
outline: none;
}
.learndash-wrapper #ld-profile .ld-item-list {
background: var(--bb-content-background-color);
border: 1px solid var(--bb-content-border-color);
border-radius: var(--bb-block-radius);
}
.learndash-wrapper #ld-profile .ld-item-list .ld-section-heading {
padding: 10px 20px;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-section-heading h3 {
font-size: 22px;
font-weight: 600;
line-height: 1.24;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items > .ld-alert {
margin-left: 20px;
margin-right: 20px;
}
.learndash-wrapper #ld-profile .ld-progress-label {
color: var(--bb-headings-color);
text-transform: none;
font-size: 14px;
}
.learndash-wrapper #ld-profile .ld-item-search .ld-item-search-wrapper {
border-radius: 0;
background-color: var(--bb-content-alternate-background-color);
margin: 0;
padding: 12px 20px;
}
.learndash-wrapper #ld-profile .ld-item-search .ld-item-search-wrapper:before {
background-color: var(--bb-content-alternate-background-color);
}
.learndash-wrapper #ld-profile .ld-item-search .ld-item-search-fields {
margin-bottom: 20px;
}
.learndash-wrapper #ld-profile .ld-item-search .ld-item-search-fields input.ld-course-nav-field {
border: 1px solid var(--bb-content-border-color);
border-radius: var(--bb-input-radius);
padding: 0 30px;
height: 40px;
line-height: 40px;
background-color: var(--bb-content-background-color);
}
.learndash-wrapper #ld-profile .ld-item-search .ld-item-search-fields input.ld-course-nav-field:focus {
box-shadow: var(--bb-input-focus-shadow);
border-color: var(--bb-input-focus-border-color);
}
.learndash-wrapper #ld-profile .ld-item-search .ld-item-search-fields .ld-item-search-submit .ld-button {
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
background-color: var(--bb-primary-button-background-regular);
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular);
border-radius: var(--bb-button-radius);
line-height: 1;
}
.learndash-wrapper #ld-profile .ld-item-search .ld-item-search-fields .ld-item-search-submit .ld-button:focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.learndash-wrapper #ld-profile .ld-item-search .ld-item-search-fields .ld-item-search-submit .ld-button:hover {
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
opacity: 1;
}
.learndash-wrapper #ld-profile .ld-item-search .ld-item-search-fields .ld-reset-button {
background-color: transparent;
color: var(--bb-alternate-text-color);
font-weight: normal;
}
.learndash-wrapper #ld-profile .ld-item-search .ld-item-search-name > label {
color: var(--bb-alternate-text-color);
}
.learndash-wrapper #ld-profile .ld-item-search .ld-closer {
font-weight: normal;
font-size: 11px;
color: var(--bb-alternate-text-color);
}
.learndash-wrapper #ld-profile .ld-item-list .ld-expand-button.ld-mobile-only .ld-text {
display: none;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-item {
margin-bottom: 0;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-item-list-item-preview {
border-radius: 0;
padding: 15px 20px;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-item-list-item-preview .ld-course-title {
font-weight: 600;
}
@media screen and (max-width: 640px) {
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-item-list-item-preview .ld-course-title {
font-weight: 500;
font-size: 14px;
}
}
@media screen and (max-width: 640px) {
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-item-list-item-preview {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-item-list-item-preview .ld-item-details {
margin-left: 5px;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-item-list-item-preview .ld-item-details .ld-status {
margin-right: 0;
text-transform: none;
padding: 0 6px;
line-height: 20px;
}
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-item-list-item-expanded {
border-bottom: 1px solid rgba(146, 164, 183, 0.05);
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-item-list-item-expanded .ld-progress {
background: #fff;
margin-bottom: 0;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-table-list-item-expanded {
margin-top: 0;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-table-list-item-expanded .ld-table-list-item-preview {
padding: 10px 0;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-table-list-item-expanded .ld-table-list .ld-table-list-header {
background-color: #fff;
margin-bottom: 10px;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-table-list-item-expanded .ld-table-list .ld-table-list-items {
background-color: #fff;
font-size: 1em;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-table-list-item-expanded .ld-table-list .ld-table-list-item:first-child {
border-top: 0;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-table-list-item-expanded .ld-table-list .ld-table-list-item {
border-bottom: 0;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-table-list-item-expanded .ld-table-list .ld-table-list-column.ld-table-list-column-comments > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-table-list-item-expanded .ld-table-list .ld-table-list-column.ld-table-list-column-comments > a .ld-icon {
margin-right: 5px;
}
@media screen and (max-width: 800px) {
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-table-list-item-expanded .ld-table-list .ld-table-list-column.ld-table-list-column-comments > a .ld-icon {
margin-left: 0;
}
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-table-list-item-expanded .ld-status {
padding: 4px 12px;
display: inline-block;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item .ld-table-list-item-expanded .ld-icon {
color: #939597;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item:nth-child(odd) .ld-item-list-item-preview {
background: var(--bb-content-alternate-background-color);
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item:nth-child(even) .ld-item-list-item-preview {
background: transparent;
}
.learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item:nth-child(even) .ld-item-list-item-expanded:before {
background: #fff;
}
.learndash-wrapper #ld-profile .ld-status {
text-transform: uppercase;
font-weight: normal;
font-size: 11px;
line-height: inherit;
padding: 0 12px;
letter-spacing: inherit;
}
.learndash-wrapper #ld-profile .ld-status.ld-status-progress {
background-color: var(--bb-primary-color);
color: #fff;
}
.learndash-wrapper #ld-profile .ld-item-list-item-preview .ld-status-icon {
margin-left: 10px;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-certificate-link {
color: #939597;
}
.learndash-wrapper #ld-profile .ld-item-list a.ld-item-name {
padding: 0 5px;
}
@media screen and (min-width: 800px) {
.learndash-wrapper #ld-profile .ld-table-list .ld-table-list-item-preview .ld-table-list-columns .ld-table-list-column.ld-table-list-column-date, .learndash-wrapper #ld-profile .ld-table-list .ld-table-list-item-preview .ld-table-list-columns .ld-table-list-column.ld-column-date,
.learndash-wrapper #ld-profile .ld-table-list .ld-table-list-header .ld-table-list-columns .ld-table-list-column.ld-table-list-column-date,
.learndash-wrapper #ld-profile .ld-table-list .ld-table-list-header .ld-table-list-columns .ld-table-list-column.ld-column-date {
-webkit-box-flex: 0;
-ms-flex: 0 1 190px;
flex: 0 1 190px;
}
}
.learndash-wrapper #ld-profile .ld-table-list .ld-table-list-item-preview .ld-table-list-columns .ld-table-list-column,
.learndash-wrapper #ld-profile .ld-table-list .ld-table-list-header .ld-table-list-columns .ld-table-list-column {
text-align: left;
font-size: 1em;
}
.learndash-wrapper #ld-profile .ld-table-list .ld-table-list-header .ld-table-list-columns .ld-table-list-column {
text-transform: uppercase;
font-size: 12px;
color: var(--bb-alternate-text-color);
}
.learndash-wrapper #ld-profile .ld-table-list .ld-table-list-items .ld-table-list-column {
color: var(--bb-alternate-text-color);
}
.learndash-wrapper #ld-profile .ld-table-list .ld-table-list-header .ld-table-list-column {
color: var(--bb-headings-color);
}
.learndash-wrapper #ld-profile .ld-item-list-item-expanded .ld-table-list .ld-table-list-item-preview {
padding: 12px 0;
}
.learndash-wrapper #ld-profile .ld-item-list-item-expanded .ld-table-list .ld-table-list-item-preview .ld-table-list-title a {
color: var(--bb-headings-color);
}
.learndash-wrapper #ld-profile .ld-item-list-item-expanded .ld-table-list .ld-table-list-item-preview .ld-table-list-title a:hover {
color: var(--bb-primary-color);
}
.learndash-wrapper #ld-profile .ld-item-list-item-expanded .ld-item-contents {
padding-top: 1em;
padding-bottom: 1em;
}
.learndash-wrapper #ld-profile .ld-item-list-item-expanded .ld-table-list.ld-quiz-list {
margin: 0.5em 0;
border-radius: 0;
}
.learndash-wrapper #ld-profile .ld-item-list-item-expanded .ld-table-list-header {
text-transform: uppercase;
font-size: 12px;
color: var(--bb-alternate-text-color);
}
.learndash-wrapper #ld-profile .ld-icon.ld-icon-assignment {
color: #939597;
font-size: 20px;
}
.learndash-wrapper #ld-profile .ld-icon.ld-icon-calendar {
font-size: 13px;
}
.learndash-wrapper #ld-profile .ld-assignment-list .ld-status {
padding-left: 2px;
}
.learndash-wrapper #ld-profile .ld-table-list-column.ld-table-list-column-stats .ld-icon.ld-icon-assignment {
font-size: 22px;
font-weight: 500;
}
.learndash-wrapper #ld-profile .ld-table-list-column.ld-table-list-column-stats .ld-icon.ld-icon-assignment:before {
content: "\e868";
}
.learndash-wrapper #ld-profile .ld-table-list-column.ld-table-list-column-certificate .ld-icon.ld-icon-certificate {
color: #939597;
font-size: 18px;
}
.learndash-wrapper #ld-profile .ld-status-icon.ld-status-incomplete {
border: 2px solid #dedfe2;
}
.learndash-wrapper #ld-profile .ld-status-icon.ld-status-in-progress {
border: 2px solid #dedfe2;
border-right-color: var(--bb-primary-color);
border-bottom-color: var(--bb-primary-color);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: transparent;
}
@media screen and (min-width: 800px) {
.learndash-wrapper #ld-profile .ld-table-list.ld-assignment-list .ld-table-list-item-preview .ld-table-list-columns .ld-table-list-column.ld-date-column {
-webkit-box-flex: 0;
-ms-flex: 0 1 180px;
flex: 0 1 180px;
}
.learndash-wrapper #ld-profile .ld-table-list.ld-assignment-list .ld-table-list-column.ld-status-column,
.learndash-wrapper #ld-profile .ld-table-list.ld-assignment-list .ld-table-list-column.ld-column-status {
-webkit-box-flex: 0;
-ms-flex: 0 1 250px;
flex: 0 1 250px;
}
}
.learndash-wrapper #ld-profile .ld-table-list.ld-assignment-list .ld-table-list-column.ld-comments-column {
font-weight: normal;
}
.learndash-wrapper #ld-profile .ld-table-list.ld-assignment-list .ld-status {
white-space: nowrap;
display: inline-block;
}
.learndash-wrapper #ld-profile .ld-table-list.ld-assignment-list .ld-icon.ld-icon-assignment {
margin-right: 5px;
}
.learndash-wrapper #ld-profile .ld-profile-summary {
margin-bottom: 3em;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card {
background-color: var(--bb-content-background-color);
border: 1px solid var(--bb-content-border-color);
border-radius: var(--bb-block-radius);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 20px 20px;
margin-bottom: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
max-height: 180px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-heading {
-ms-flex-item-align: end;
align-self: flex-end;
font-size: 28px;
color: var(--bb-headings-color);
position: relative;
bottom: 55px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-avatar {
border-radius: 5px;
margin-right: 20px;
position: relative;
top: 30px;
width: 180px;
height: 180px;
border: 5px solid #fff;
box-shadow: 0 2px 5px 0 rgba(18, 43, 70, 0.12), 0 0 0 1px var(--bb-content-border-color);
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-avatar .avatar {
border-radius: 5px;
max-width: none;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-avatar + .ld-profile-edit-link {
margin-top: 15px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-edit-link {
-ms-flex-item-align: end;
align-self: flex-end;
padding: 2px 12px;
border-radius: var(--bb-button-radius);
font-size: 13px;
margin-left: auto;
position: relative;
z-index: 3;
background-color: var(--bb-secondary-button-background-regular);
color: var(--bb-secondary-button-text-regular);
border: 1px solid var(--bb-secondary-button-border-regular);
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-edit-link:focus {
box-shadow: var(--bb-secondary-button-focus-shadow);
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-edit-link:hover {
background-color: var(--bb-secondary-button-background-hover);
color: var(--bb-secondary-button-text-hover);
border: 1px solid var(--bb-secondary-button-border-hover);
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-left: 220px;
position: relative;
bottom: 65px;
z-index: 2;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
padding: 0 15px;
border-right: 1px solid var(--bb-content-border-color);
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat:first-of-type {
padding-left: 0;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat:last-of-type {
border-right: 0;
padding-right: 0;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat strong {
color: var(--bb-headings-color);
margin: 0 5px 0 0;
font-size: 20px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat span {
color: var(--bb-alternate-text-color);
font-size: 14px;
line-height: 1;
}
@media screen and (max-width: 992px) {
.learndash-wrapper #ld-profile .ld-profile-summary {
margin-bottom: 0;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: none;
padding-bottom: 0;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-heading {
bottom: 90px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-heading,
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-edit-link {
-ms-flex-item-align: start;
align-self: flex-start;
margin-left: 200px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-avatar {
top: 35px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-edit-link {
bottom: 30px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats {
bottom: 120px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat strong,
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat span {
font-size: 14px;
}
}
@media screen and (max-width: 800px) {
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 50px;
padding-top: 30px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-avatar {
top: 0;
margin-right: 0;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-heading {
bottom: 0;
margin: 10px 0;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-heading,
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-edit-link {
-ms-flex-item-align: center;
align-self: center;
margin-left: 0;
text-align: center;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-edit-link {
bottom: 0;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats {
margin-left: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
bottom: 45px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat strong,
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat span {
font-size: 14px;
line-height: 140%;
}
}
@media screen and (max-width: 640px) {
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat {
width: auto;
margin-bottom: 0.5em !important;
}
}
@media screen and (max-width: 500px) {
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card {
padding-bottom: 150px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-avatar {
width: 170px;
height: 170px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats {
bottom: 130px;
}
.learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 992px) {
.learndash-wrapper #ld-profile .ld-profile-summary + .ld-item-list {
margin-top: 0;
}
}
@media screen and (max-width: 800px) {
.learndash-wrapper #ld-profile .ld-profile-summary + .ld-item-list {
margin-top: 10px;
}
}
@media screen and (max-width: 500px) {
.learndash-wrapper #ld-profile .ld-profile-summary + .ld-item-list {
margin-top: -80px;
}
}
.widget .learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats {
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
bottom: 0;
}
.widget .learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-stats .ld-profile-stat {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
border: 0;
}
.widget .learndash-wrapper #ld-profile .ld-profile-summary {
margin-top: 0;
}
.widget .learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: none;
border: 0;
margin-top: 0;
}
.widget .learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-avatar {
top: 0;
margin: 0 auto;
}
.widget .learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-card .ld-profile-heading {
bottom: 0;
-ms-flex-item-align: center;
align-self: center;
}
.widget .learndash-wrapper #ld-profile .ld-profile-summary .ld-profile-edit-link {
position: static;
-ms-flex-item-align: center;
align-self: center;
margin: 0;
}
.widget .learndash-wrapper #ld-profile .ld-item-list-item-preview .ld-status {
margin-right: auto;
}
.widget .learndash-wrapper #ld-profile .ld-item-list .ld-section-heading {
padding-left: 10px;
padding-right: 10px;
}
.widget .learndash-wrapper #ld-profile .ld-status {
padding: 3px 8px;
}
.widget .learndash-wrapper #ld-profile .ld-progress-label {
font-size: 12px;
}
.widget .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
-ms-flex-flow: wrap;
flex-flow: wrap;
padding-left: 10px;
padding-right: 10px;
}
.widget .ld-item-list .ld-item-list-item .ld-item-name {
-webkit-box-flex: 1;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
width: 85%;
}
.widget .ld-item-list .ld-item-list-item .ld-course-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
min-width: 0;
}
.widget .ld-item-list .ld-item-list-item .ld-item-details {
min-width: 100%;
margin-top: 5px;
}
.widget .ld-item-list .ld-item-list-item .ld-item-list-item-expanded .ld-progress {
padding: 20px;
}
.widget .ld-item-list .ld-item-list-item .ld-progress-stats {
padding-right: 0;
}
.widget .ld-item-list .ld-section-heading .ld-search-prompt {
height: auto;
line-height: 20px;
padding: 3px 10px;
}
.widget .ld-item-list .ld-section-heading .ld-search-prompt .ld-icon {
top: 2px;
}
.widget .ld-item-list .ld-section-heading .ld-expand-button {
height: auto;
line-height: 20px;
padding: 3px 10px;
}
.learndash-wrapper .ld-loading::before {
border: 3px solid rgba(0, 0, 0, 0.2);
border-top-color: var(--bb-primary-color);
}
.lms-topic-sidebar-wrapper {
background-color: var(--bb-body-background-color);
box-shadow: inset -36px 0 40px -32px rgba(0, 0, 0, 0.05);
/* border-bottom: 1px solid $color-border; */
-webkit-transition: margin-left 0.2s ease, margin-right 0.2s ease;
transition: margin-left 0.2s ease, margin-right 0.2s ease;
opacity: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-x: hidden;
overflow-y: auto;
/* height: calc(100vh - 76px); */
min-height: -webkit-calc(100vh - 76px);
min-height: calc(100vh - 76px);
}
.lms-topic-sidebar-wrapper .ld-item-list-section-heading {
padding: 5px 30px 5px 25px;
}
.lms-topic-sidebar-wrapper .ld-item-list-section-heading .ld-lesson-section-heading {
color: var(--bb-headings-color);
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
font-size: 15px;
line-height: 1.6875rem;
margin-bottom: 0;
}
.lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
padding: 15px 0;
font-size: 15px;
position: fixed;
left: 0;
-webkit-transition: left 0.2s ease, right 0.2s ease;
transition: left 0.2s ease, right 0.2s ease;
width: 370px;
height: 100%;
max-height: -webkit-calc(100% - 80px);
max-height: calc(100% - 80px);
overflow: auto;
z-index: 111;
}
@media screen and (min-width: 800px) {
.bb-buddypanel-left.buddypanel-open .lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
left: 230px;
}
.sfwd-single-sidebar-right .lms-topic-sidebar-wrapper .lms-topic-sidebar-data, .sfwd-single-sidebar-right.bb-buddypanel-left:not(.buddypanel-open) .lms-topic-sidebar-wrapper .lms-topic-sidebar-data, .sfwd-single-sidebar-right.bb-buddypanel-left.buddypanel-open .lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
left: inherit;
right: 0;
}
.bb-buddypanel-right.buddypanel-open.sfwd-single-sidebar-right .lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
left: inherit;
right: 230px;
}
.bb-buddypanel-right:not(.buddypanel-open).sfwd-single-sidebar-right .lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
left: inherit;
right: 0;
}
.bb-buddypanel-right:not(.buddypanel-open).sfwd-single-sidebar-left .lms-topic-sidebar-wrapper .lms-topic-sidebar-data, .bb-buddypanel-right.buddypanel-open.sfwd-single-sidebar-left .lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
left: 0;
right: inherit;
}
.bb-buddypanel-right:not(.buddypanel-open).sfwd-single-sidebar-left.lms-side-panel-close .lms-topic-sidebar-wrapper .lms-topic-sidebar-data, .bb-buddypanel-right.buddypanel-open.sfwd-single-sidebar-left.lms-side-panel-close .lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
left: -370px;
right: inherit;
}
}
.elementor-header + .site-content .lms-topic-sidebar-data {
background-color: var(--bb-body-background-color);
}
@media screen and (min-width: 800px) {
.bb-buddypanel-left.buddypanel-open .lms-topic-sidebar-wrapper.lms-topic-sidebar-close .lms-topic-sidebar-data {
left: -370px;
}
.sfwd-single-sidebar-right .lms-topic-sidebar-wrapper.lms-topic-sidebar-close .lms-topic-sidebar-data,
.bb-buddypanel-right:not(.buddypanel-open).sfwd-single-sidebar-right .lms-topic-sidebar-wrapper.lms-topic-sidebar-close .lms-topic-sidebar-data,
.bb-buddypanel-right.buddypanel-open.sfwd-single-sidebar-right .lms-topic-sidebar-wrapper.lms-topic-sidebar-close .lms-topic-sidebar-data,
.bb-buddypanel-left:not(.buddypanel-open).sfwd-single-sidebar-right .lms-topic-sidebar-wrapper.lms-topic-sidebar-close .lms-topic-sidebar-data,
.bb-buddypanel-left.buddypanel-open.sfwd-single-sidebar-right .lms-topic-sidebar-wrapper.lms-topic-sidebar-close .lms-topic-sidebar-data {
left: inherit;
right: -370px;
}
}
.lms-topic-sidebar-wrapper .lms-links {
border-top: 1px solid var(--bb-content-border-color);
margin: 25px 30px 0;
padding: 25px 0 0;
}
.lms-topic-sidebar-wrapper .lms-links ul {
list-style: none;
margin-left: 0;
}
.lms-topic-sidebar-wrapper .lms-links ul li {
padding: 5px 0;
}
.lms-topic-sidebar-wrapper .lms-links ul li a {
display: block;
width: 100%;
text-align: center;
line-height: 40px;
border: 1px solid var(--bb-primary-color);
border-radius: 100px;
color: var(--bb-primary-color);
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.lms-topic-sidebar-wrapper .lms-links ul li a:hover {
color: var(--bb-primary-color);
}
.lms-topic-sidebar-wrapper .lms-links ul li a i {
margin: 0 8px 0 0;
position: relative;
top: 1px;
font-size: 16px;
}
.lms-topic-sidebar-wrapper .bb-progress-bar {
width: 100%;
height: 3px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.4);
position: relative;
margin-bottom: 10px;
}
.lms-topic-sidebar-wrapper .bb-progress-bar span {
background-color: #fff;
height: 100%;
display: inline-block;
position: absolute;
border-radius: 3px;
}
.lms-topic-sidebar-wrapper .lms-items-loading {
list-style: none;
margin-left: 30px;
}
.lms-topic-sidebar-wrapper .lms-items-loading li {
margin: 8px 0;
}
.lms-topic-sidebar-wrapper .lms-items-loading li a {
display: inline-block;
}
.lms-topic-sidebar-wrapper .lms-lessions-list ol .lms-item-wrapper {
margin-left: -100px;
padding-left: 100px;
}
.lms-topic-sidebar-wrapper .lms-lessions-list ol > li > ul,
.lms-topic-sidebar-wrapper .lms-lessions-list ol > li ol {
margin-bottom: 0;
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol {
margin-left: 47px;
}
.lms-topic-sidebar-wrapper .lms-course-quizzes-list {
margin-top: 30px;
}
.lms-topic-sidebar-wrapper .lms-course-quizzes-list .lms-course-quizzes-heading {
font-size: 15px;
font-weight: 600;
letter-spacing: 0.6px;
padding: 20px 0 0;
margin: 0 30px 15px;
border-top: 1px solid var(--bb-content-border-color);
}
.lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul {
margin-left: 0;
}
.lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul a {
padding-left: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lms-topic-sidebar-wrapper .lms-course-quizzes-list ul .lms-item-wrapper {
margin-left: -100px;
padding-left: 100px;
}
.lms-topic-sidebar-wrapper .lms-count {
background-color: rgba(0, 0, 0, 0.03);
border-radius: 100px;
font-weight: 500;
padding: 0 14px;
font-size: 11px;
height: 20px;
line-height: 20px;
margin-left: 10px;
}
.lms-topic-sidebar-wrapper .lms-course-sidebar-heading {
font-size: 15px;
letter-spacing: 0.6px;
padding: 20px 0 0;
margin: 0 30px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lms-topic-sidebar-wrapper .lms-course-groups-list {
margin-bottom: 20px;
}
.lms-topic-sidebar-wrapper .lms-group-flag {
margin: 30px 0 10px;
}
.lms-topic-sidebar-wrapper .lms-group-flag .group-flag-index {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 17px 30px;
background: rgba(146, 164, 183, 0.1);
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.lms-topic-sidebar-wrapper .lms-group-flag .group-flag-index > a {
-webkit-box-flex: 0;
-ms-flex: 0 0 53px;
flex: 0 0 53px;
max-width: 53px;
}
.lms-topic-sidebar-wrapper .lms-group-flag .lms-flag-group-avatar {
border-radius: 4px;
margin-right: 15px;
max-width: 38px;
box-shadow: 0 2px 5px 0 rgba(18, 43, 70, 0.12), 0 0 0 1px var(--bb-content-border-color);
}
.lms-topic-sidebar-wrapper .lms-group-flag .lms-group-heading {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% - 77px);
flex: 0 0 -webkit-calc(100% - 77px);
flex: 0 0 calc(100% - 77px);
max-width: -webkit-calc(100% - 77px);
max-width: calc(100% - 77px);
}
.lms-topic-sidebar-wrapper .lms-group-flag .lms-group-heading span {
display: block;
line-height: 1;
}
.lms-topic-sidebar-wrapper .lms-group-flag .lms-group-heading a span {
color: var(--bb-headings-color);
font-size: 16px;
font-weight: 500;
-webkit-transition: 0.3s all;
transition: 0.3s all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lms-topic-sidebar-wrapper .lms-group-flag .lms-group-heading a:hover span {
color: var(--bb-primary-color);
}
.lms-topic-sidebar-wrapper .lms-group-flag .lms-group-heading > span {
color: var(--bb-alternate-text-color);
font-size: 13px;
margin-top: 5px;
}
.lms-topic-sidebar-wrapper .lms-group-flag .flag-group-exp {
padding: 5px;
color: var(--bb-alternate-text-color);
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: 0 0 24px;
flex: 0 0 24px;
max-width: 24px;
}
.lms-topic-sidebar-wrapper .lms-group-flag.expanded .flag-group-exp i {
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.lms-topic-sidebar-wrapper .course-group-list {
list-style: none;
margin: 0;
padding-top: 15px;
padding-bottom: 15px;
display: none;
}
.lms-topic-sidebar-wrapper .course-group-list li {
padding: 8px 30px 8px 80px;
}
.lms-topic-sidebar-wrapper .course-group-list img {
max-width: 32px;
margin-right: 15px;
border-radius: 5px;
}
.lms-topic-sidebar-wrapper .course-group-list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--bb-headings-color);
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.lms-topic-sidebar-wrapper .course-group-list a:hover {
color: var(--bb-primary-color);
}
.lms-topic-sidebar-wrapper .course-group-list a .lms-group-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lms-topic-sidebar-wrapper .group-exec-list {
list-style: none;
margin: 0;
}
.lms-topic-sidebar-wrapper .group-exec-list li {
padding: 0;
}
.lms-topic-sidebar-wrapper .group-exec-list li > a {
padding: 10px 30px;
-webkit-transition: 0.3s all;
transition: 0.3s all;
}
.lms-topic-sidebar-wrapper .group-exec-list li > a:hover {
background: rgba(146, 164, 183, 0.1);
}
.lms-topic-sidebar-wrapper .group-exec-list img {
max-width: 38px;
margin-right: 15px;
}
.lms-topic-sidebar-wrapper .group-exec-list a .lms-group-lead span {
display: block;
line-height: 1;
color: var(--bb-headings-color);
}
.lms-topic-sidebar-wrapper .group-exec-list a .lms-group-lead span:last-child {
font-size: 13px;
color: var(--bb-alternate-text-color);
margin-top: 5px;
}
.lms-topic-sidebar-wrapper .group-exec-list a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--bb-alternate-text-color);
}
.lms-topic-sidebar-wrapper .group-exec-list a:hover .lms-group-lead span {
color: var(--bb-primary-color);
}
.lms-topic-sidebar-wrapper .group-exec-list a:hover .lms-group-lead span:first-child {
color: var(--bb-primary-color);
}
.lms-topic-sidebar-wrapper .group-exec-list a:hover .lms-group-lead span:last-child {
color: var(--bb-alternate-text-color);
}
.lms-topic-sidebar-wrapper .lms-course-members-list {
margin-top: 30px;
}
.lms-topic-sidebar-wrapper .lms-course-members-list .lms-course-sidebar-heading {
border-top: 1px solid var(--bb-content-border-color);
}
.lms-topic-sidebar-wrapper .lms-course-members-list .bb-course-member-wrap {
padding: 0;
}
.lms-topic-sidebar-wrapper .lms-course-members-list .bb-course-member-wrap > .list-members-extra {
padding: 15px 30px 0;
display: inline-block;
}
.lms-topic-sidebar-wrapper .lms-course-members-list .bb-course-member-wrap > .list-members-extra.lme-less {
display: none;
}
.lms-topic-sidebar-wrapper .lms-course-members-list .bb-course-member-wrap.expanded > .list-members-extra.lme-less {
display: inline-block;
}
.lms-topic-sidebar-wrapper .lms-course-members-list .bb-course-member-wrap.expanded > .list-members-extra.lme-more {
display: none;
}
.lms-topic-sidebar-wrapper .lms-course-members-list .list-members-extra i {
margin-left: 5px;
}
.lms-topic-sidebar-wrapper .lms-course-members-list .expanded .list-members-extra i {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.lms-topic-sidebar-wrapper .lms-course-members-list .course-members-list {
list-style: none;
margin: 0;
}
.lms-topic-sidebar-wrapper .lms-course-members-list .course-members-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 5px 30px;
}
.lms-topic-sidebar-wrapper .lms-course-members-list .course-members-list img {
max-width: 28px;
margin-right: 10px;
}
.lms-topic-sidebar-wrapper .lms-course-members-list .course-members-list.course-members-list-extra {
display: none;
}
.lms-topic-sidebar-wrapper .lms-course-members-list .course-members-list a {
color: var(--bb-headings-color);
}
.lms-topic-sidebar-wrapper .lms-course-members-list .course-members-list a:hover {
color: var(--bb-primary-color);
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol,
.lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul {
margin-bottom: 0;
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol > li a.bb-lesson-head,
.lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul > li a.bb-lesson-head {
color: var(--bb-headings-color);
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol > li a.bb-lesson-head:hover,
.lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul > li a.bb-lesson-head:hover {
color: var(--bb-primary-color);
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol > li.lms-is-locked:not(.bb-lms-is-sample) a,
.lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul > li.lms-is-locked:not(.bb-lms-is-sample) a {
pointer-events: none;
cursor: default;
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol li.current > .lms-item-wrapper > a,
.lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul li.current > .lms-item-wrapper > a {
color: var(--bb-primary-color);
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol .lms-sidebar-lesson-progression,
.lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul .lms-sidebar-lesson-progression {
color: #939597;
font-size: 13px;
margin-right: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lms-topic-sidebar-wrapper .lms-lessions-list > ol .lms-sidebar-lesson-progression .bb-progress,
.lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul .lms-sidebar-lesson-progression .bb-progress {
margin-left: 10px;
position: relative;
left: 1px;
}
.lms-topic-sidebar-wrapper ol.lms-topic-list {
margin-bottom: 1rem;
}
.lms-topic-sidebar-wrapper ol.lms-topic-list .lms-topic-item .lms-quiz-list {
margin-bottom: 0;
}
.lms-topic-sidebar-wrapper ol.lms-topic-list .lms-topic-item .lms-quiz-list li:last-child {
padding-bottom: 0;
}
.lms-topic-sidebar-wrapper .lms-quiz-list {
list-style: none;
margin-left: 0;
margin-bottom: 0;
}
.lms-topic-sidebar-wrapper li .lms-item-wrapper {
padding: 12px 0;
line-height: 1.6;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lms-topic-sidebar-wrapper li.current > .lms-item-wrapper {
background-color: #f4f5f7;
}
.lms-topic-sidebar-wrapper .lms-item-wrapper a {
margin-right: auto;
color: #939597;
}
.lms-topic-sidebar-wrapper .lms-side-item-complete {
font-size: 18px;
margin-right: 20px;
}
.lms-topic-sidebar-wrapper .lms-side-item-complete i[class^="bb-icon-"],
.lms-topic-sidebar-wrapper .lms-side-item-complete i[class*=" bb-icon-"] {
font-size: 20px;
}
.lms-topic-sidebar-wrapper .lms-side-item-incomplete {
color: var(--bb-content-border-color);
margin-right: 20px;
margin-left: 15px;
}
.lms-topic-sidebar-wrapper .lms-side-item-incomplete i[class^="bb-icon-"],
.lms-topic-sidebar-wrapper .lms-side-item-incomplete i[class*=" bb-icon-"] {
font-size: 20px;
}
.lms-topic-sidebar-wrapper .lms-lesson-progress-container {
display: inline-block;
width: 20px;
height: 20px;
}
@media only screen and (max-width: 1200px) and (min-width: 800px) {
body.bb-buddypanel.bb-sfwd-aside:not(.elementor-template-canvas) .elementor-section-stretched[style*="width"],
body.bb-buddypanel.bb-sfwd-aside:not(.elementor-template-canvas) .elementor-section-boxed[style*="width"],
body.bb-buddypanel.bb-sfwd-aside:not(.elementor-template-canvas) .elementor-section-full_width[style*="width"],
body.bb-buddypanel.buddypanel-open.bb-sfwd-aside:not(.elementor-template-canvas) .elementor-section-stretched[style*="width"],
body.bb-buddypanel.buddypanel-open.bb-sfwd-aside:not(.elementor-template-canvas) .elementor-section-boxed[style*="width"],
body.bb-buddypanel.buddypanel-open.bb-sfwd-aside:not(.elementor-template-canvas) .elementor-section-full_width[style*="width"] {
padding-left: 0;
}
}
@media only screen and (max-width: 1080px) and (min-width: 800px) {
.buddypanel-open .lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
width: 250px;
}
.buddypanel-open .lms-topic-sidebar-wrapper {
max-width: 250px;
}
.buddypanel-open .lms-topic-sidebar-wrapper.lms-topic-sidebar-close {
margin-left: -250px;
}
.buddypanel-open.bb-sfwd-aside:not(.lms-side-panel-close) .site > .elementor-location-header {
padding-left: 250px;
}
}
@media screen and (max-width: 767px) {
#learndash-content div.lms-topic-sidebar-wrapper {
max-width: 350px;
display: none;
}
#learndash-content div.lms-topic-sidebar-wrapper.show-in-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.lms-topic-sidebar-wrapper {
width: 100%;
}
.lms-topic-sidebar-wrapper .lms-topic-sidebar-data {
width: 100%;
max-width: 350px;
}
}
@media screen and (min-width: 820px) {
.bb-single-course-sidebar {
max-width: 380px;
-webkit-box-flex: 0;
-ms-flex: 0 0 42%;
flex: 0 0 42%;
margin-left: auto;
position: relative;
z-index: 2;
}
.bb-single-course-sidebar.bb-preview-wrap {
margin-top: -260px;
}
}
.widget-area.course-widget-area {
padding-top: 0;
}
.widget-area.course-widget-area .widget-title {
font-size: 13px;
letter-spacing: 0.5px;
border-bottom: 1px solid #e6e7e8;
margin: 0 -15px 15px;
padding: 0 15px 15px;
}
.widget .bb-course-filters:not(:last-child) {
margin-bottom: 22px;
}
.widget .bb-course-filters li {
margin: 0;
}
.widget .bb-course-filters label {
font-size: 14px;
color: #939597;
letter-spacing: -0.24px;
display: block;
margin: 0 -15px 1px;
padding: 8px 15px;
}
.widget .bb-course-filters .bs-styled-checkbox:checked + label {
background: #f7fafe;
}
.widget .bb-course-filters .bs-styled-checkbox + label:before {
width: 16px;
height: 16px;
}
.widget .bb-course-filters .bs-styled-checkbox:checked + label:after {
content: "\e876";
display: inline-block;
font: normal normal normal 14px/1 bb-icons;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
color: white;
left: 10px;
font-size: 26px;
top: 4px;
box-shadow: none;
}
.widget_ldcourseinfo #ld_course_info_mycourses_list .ld-course-info-my-courses {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.widget_ldcourseinfo #ld_course_info_mycourses_list .bb-cover-list-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
border: 0;
background-color: transparent;
box-shadow: none;
}
.widget_ldcourseinfo #ld_course_info_mycourses_list .bb-cover-wrap {
width: 40px;
height: 40px;
padding: 0;
border-radius: 100%;
}
.widget_ldcourseinfo #ld_course_info_mycourses_list .bb-card-course-details {
padding: 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.widget_ldcourseinfo #ld_course_info_mycourses_list .bb-card-course-details h2 {
font-size: 14px;
font-weight: 500;
}
.widget_ldcourseinfo #ld_course_info > h4 {
margin-bottom: 15px;
line-height: 1.4;
font-size: 14px;
color: var(--bb-alternate-text-color);
stroke: var(--bb-alternate-text-color);
}
.widget_ldcourseinfo #course_progress_details a.learndash-profile-course-certificate-link {
display: none;
}
.widget_ldcourseinfo #course_progress_details .bb_profile_course_wrapper {
font-size: 0;
}
.widget_ldcourseinfo #course_progress_details .bb_profile_course_wrapper .learndash-profile-course-title {
font-size: 14px;
}
.widget_ldcourseinfo #course_progress_details .bb_profile_course_wrapper .learndash-profile-course-title strong {
font-weight: normal;
}
.widget_ldcourseinfo #course_progress_details .bb_profile_course_wrapper .learndash-profile-course-access-label {
display: none;
}
.widget_ldcourseinfo #course_progress_details .bb_profile_course_wrapper .bb-learndash-profile-course-status {
font-size: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 95px;
flex: 0 0 95px;
max-width: 95px;
}
.widget_ldcourseinfo #course_progress_details .bb_profile_course_wrapper .bb-learndash-profile-course-status .leardash-course-status {
font-size: 12px;
}
.widget_ldcourseinfo #course_progress_details span.bb-learndash-profile-edit-course-link {
-webkit-box-flex: 0;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
max-width: 20px;
padding: 0;
margin-right: 5px;
}
.widget_ldcourseinfo #quiz_progress_details > p {
font-size: 12px;
}
.widget_ldcourseinfo #quiz_progress_details span.bb-learndash-profile-edit-course-link {
-webkit-box-flex: 0;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
max-width: 20px;
padding: 0;
margin-right: 5px;
}
.widget_ldcourseinfo #quiz_progress_details .bb-ld-quiz-percentage {
padding: 0 5px;
-webkit-box-flex: 0;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
max-width: 45px;
}
.widget_ldcourseinfo #quiz_progress_details a.user_statistic {
padding: 0 5px;
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
max-width: 70px;
}
.widget_sfwd-courses-widget li h4 {
margin-bottom: 0;
font-family: inherit;
text-transform: none;
font-size: 14px;
font-weight: normal;
padding: 0;
letter-spacing: 0;
}
.widget_sfwd-courses-widget ul li:last-of-type {
margin-bottom: 0;
}
.elementor-element-edit-mode.elementor-widget-wp-widget-lduserstatus .ld-user-status.ld-is-widget,
.widget.widget_lduserstatus .ld-user-status.ld-is-widget,
.ld-sidebar-widgets .widget_lduserstatus .ld-user-status.ld-is-widget {
margin: 0;
}
.elementor-element-edit-mode.elementor-widget-wp-widget-lduserstatus .ld-user-status.ld-is-widget .ld-item-list .ld-item-list-item:last-child,
.widget.widget_lduserstatus .ld-user-status.ld-is-widget .ld-item-list .ld-item-list-item:last-child,
.ld-sidebar-widgets .widget_lduserstatus .ld-user-status.ld-is-widget .ld-item-list .ld-item-list-item:last-child {
padding-bottom: 0;
}
.elementor-element-edit-mode.elementor-widget-wp-widget-lduserstatus div.ld-item-list,
.widget.widget_lduserstatus div.ld-item-list,
.ld-sidebar-widgets .widget_lduserstatus div.ld-item-list {
margin: 0;
}
.elementor-element-edit-mode.elementor-widget-wp-widget-lduserstatus .ld-item-list-item-preview,
.elementor-element-edit-mode.elementor-widget-wp-widget-lduserstatus .learndash-wrapper .ld-item-list-item-preview,
.widget.widget_lduserstatus .ld-item-list-item-preview,
.widget.widget_lduserstatus .learndash-wrapper .ld-item-list-item-preview,
.ld-sidebar-widgets .widget_lduserstatus .ld-item-list-item-preview,
.ld-sidebar-widgets .widget_lduserstatus .learndash-wrapper .ld-item-list-item-preview {
background: transparent;
}
.elementor-element-edit-mode.elementor-widget-wp-widget-lduserstatus .ld-item-title,
.widget.widget_lduserstatus .ld-item-title,
.ld-sidebar-widgets .widget_lduserstatus .ld-item-title {
display: block;
}
.elementor-element-edit-mode.elementor-widget-wp-widget-lduserstatus .ld-status-icon,
.elementor-element-edit-mode.elementor-widget-wp-widget-lduserstatus .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon,
.widget.widget_lduserstatus .ld-status-icon,
.widget.widget_lduserstatus .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon,
.ld-sidebar-widgets .widget_lduserstatus .ld-status-icon,
.ld-sidebar-widgets .widget_lduserstatus .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {
margin-right: 10px;
}
.elementor-element-edit-mode.elementor-widget-wp-widget-lduserstatus .ld-section-heading,
.widget.widget_lduserstatus .ld-section-heading,
.ld-sidebar-widgets .widget_lduserstatus .ld-section-heading {
margin-bottom: 0;
}
@media screen and (min-width: 800px) {
.widget-area.course-widget-area {
-webkit-box-flex: 0;
-ms-flex: 0 0 280px;
flex: 0 0 280px;
max-width: 280px;
}
}
@media screen and (min-width: 540px) and (max-width: 799px) {
.widget-area.course-widget-area {
-webkit-box-flex: 0;
-ms-flex: 0 0 240px;
flex: 0 0 240px;
max-width: 240px;
}
}
.ld-sidebar-widgets ul {
margin: 0;
}
.ld-sidebar-widgets .widget {
margin-left: 30px;
margin-right: 30px;
background: transparent;
border: none;
border-top: 1px solid var(--bb-content-border-color);
margin-bottom: 0;
border-radius: 0;
list-style: none;
padding: 1.25rem 0;
}
.ld-sidebar-widgets .widget a {
color: var(--bb-headings-color);
}
.ld-sidebar-widgets .widget a:hover {
color: var(--bb-primary-color);
}
.ld-sidebar-widgets .widget a.subscription-toggle,
.ld-sidebar-widgets .widget a.favorite-toggle {
background-color: var(--bb-content-background-color);
color: var(--bb-headings-color);
border: 1px solid var(--bb-content-border-color);
}
.ld-sidebar-widgets .widget a.subscription-toggle:focus,
.ld-sidebar-widgets .widget a.favorite-toggle:focus {
box-shadow: var(--bb-outline-button-focus-shadow);
}
.ld-sidebar-widgets .widget a.subscription-toggle:hover,
.ld-sidebar-widgets .widget a.favorite-toggle:hover {
background-color: var(--bb-secondary-button-background-hover);
color: var(--bb-secondary-button-text-hover);
border: 1px solid var(--bb-secondary-button-border-hover);
box-shadow: none;
}
.ld-sidebar-widgets .widget a.subscription-toggle:active,
.ld-sidebar-widgets .widget a.favorite-toggle:active {
background-color: var(--bb-secondary-button-background-hover);
color: var(--bb-secondary-button-text-hover);
border: 1px solid var(--bb-secondary-button-border-hover);
box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 0 0 2px rgba(0, 0, 0, 0.08);
}
.ld-sidebar-widgets .widget a.subscription-toggle:disabled, .ld-sidebar-widgets .widget a.subscription-toggle.disabled,
.ld-sidebar-widgets .widget a.favorite-toggle:disabled,
.ld-sidebar-widgets .widget a.favorite-toggle.disabled {
background-color: var(--bb-content-background-color);
color: var(--bb-headings-color);
border: 1px solid var(--bb-content-border-color);
opacity: 0.5;
pointer-events: none;
cursor: default;
}
.ld-sidebar-widgets .widget a.button:not(.logout-link, .wc-forward) {
background-color: var(--bb-primary-button-background-regular);
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular);
}
.ld-sidebar-widgets .widget a.button:not(.logout-link, .wc-forward):focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.ld-sidebar-widgets .widget a.button:not(.logout-link, .wc-forward):hover {
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
}
.ld-sidebar-widgets .widget a.button.wc-forward {
color: #fff;
}
.ld-sidebar-widgets .widget a.button.wc-forward:hover {
box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.1);
}
.ld-sidebar-widgets .widget:first-child {
margin-top: 15px;
}
.ld-sidebar-widgets .widget h2.widgettitle {
font-size: 13px;
color: var(--bb-headings-color);
letter-spacing: 0.5px;
margin: 0;
padding-bottom: 15px;
text-transform: uppercase;
}
.ld-sidebar-widgets .widget h2.widgettitle .widget-num-count {
padding: 0 0.25rem;
color: var(--bb-alternate-text-color);
margin-right: auto;
}
.ld-sidebar-widgets .widget .llms-progress {
margin: 5px 0;
}
.ld-sidebar-widgets .widget .textwidget h2,
.ld-sidebar-widgets .widget .textwidget h3,
.ld-sidebar-widgets .widget .textwidget h4,
.ld-sidebar-widgets .widget .textwidget h5,
.ld-sidebar-widgets .widget .textwidget h6 {
margin-bottom: 10px;
}
.ld-sidebar-widgets .bbp_widget_login h2.widgettitle,
.ld-sidebar-widgets .widget_bp_core_login_widget h2.widgettitle {
display: block;
width: 100%;
}
.ld-sidebar-widgets .widget.buddypress div.item-options .selected {
border-bottom: 1px solid var(--bb-primary-color);
}
.ld-sidebar-widgets .widget ul h2 a,
.ld-sidebar-widgets .widget ul h3 a,
.ld-sidebar-widgets .widget ul h4 a,
.ld-sidebar-widgets .widget ul h5 a,
.ld-sidebar-widgets .widget ul h6 a {
letter-spacing: unset;
}
.lms-topic-sidebar-wrapper .ld-sidebar-widgets li.widget h2.widgettitle {
text-transform: none;
font-size: 15px;
}
#ld_course_info.ld_course_info #ld_course_info_mycourses_list .ld-course-info-my-courses {
padding-bottom: 0;
}
.widget_ldcourseinfo .ld-course-info-my-courses > img {
display: block;
margin: 0 0 10px;
}
.widget_ldcourseinfo .ld-course-info-my-courses h2.ld-entry-title {
font-size: 14px;
margin: 0 0 10px;
font-family: inherit;
}
.widget_ldcourseinfo .ld-course-info-my-courses h2.ld-entry-title a {
color: #939597;
}
.widget_ldcourseinfo .ld-course-info-my-courses h2.ld-entry-title a:hover {
color: var(--bb-primary-color);
}
.widget_ldcourseinfo .ld-courseregistered-content-container .ld-course-info-my-courses {
padding: 0 0 10px;
margin: 0 0 10px;
border-bottom: 1px solid var(--bb-content-border-color);
}
.widget .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-lesson-title {
font-size: inherit;
}
.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading,
.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-expand-button {
color: #939597;
}
.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading:hover,
.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-expand-button:hover {
color: var(--bb-primary-color);
}
.bb-single-course-sidebar .ld-sidebar-widgets {
margin: 0;
list-style: none;
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget {
margin: 15px 0;
padding: 15px 30px 25px;
overflow: visible;
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget {
box-shadow: 0 32px 54px 0 rgba(0, 0, 0, 0.1);
border-radius: var(--bb-block-radius);
border: 0;
background-color: var(--bb-content-background-color);
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap {
margin: 0 -30px;
border-radius: 5px 5px 0 0;
overflow: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap audio {
width: 100%;
background-color: #e2e7ed;
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap audio:focus {
outline: 0;
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap audio::-webkit-media-controls-panel {
background-color: #e2e7ed;
border-radius: 0;
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap.bb-thumbnail-preview {
display: block;
height: 0;
padding-bottom: 67.25%;
position: relative;
z-index: 1;
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap.bb-thumbnail-preview img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 0;
min-height: 100%;
width: auto;
min-width: 100%;
object-fit: cover;
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap .bb-preview-course-link-wrap {
padding: 0;
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap .bb-preview-course-link-wrap .thumbnail-container {
height: 0;
padding-bottom: 56.25%;
position: relative;
z-index: 1;
background-color: var(--bb-cover-image-background-color);
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap .bb-preview-course-link-wrap .thumbnail-container .bb-course-video-overlay {
position: absolute;
z-index: 2;
color: #fff;
text-align: center;
width: 100%;
height: 100%;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap .bb-preview-course-link-wrap .thumbnail-container .bb-course-video-overlay:hover .bb-course-play-btn {
width: 60px;
height: 60px;
background-color: rgba(248, 248, 248, 0.9);
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap .bb-preview-course-link-wrap .thumbnail-container .bb-course-video-overlay:hover .bb-course-play-btn:after {
border-color: transparent transparent transparent var(--bb-primary-color);
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap .bb-preview-course-link-wrap .thumbnail-container .bb-course-video-overlay > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 3;
margin: 50px auto;
font-size: 13px;
font-weight: 500;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap .bb-preview-course-link-wrap .thumbnail-container .bb-course-video-overlay .bb-course-play-btn-wrapper {
width: 60px;
height: 60px;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap .bb-preview-course-link-wrap .thumbnail-container .bb-course-video-overlay .bb-course-play-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
height: 50px;
background-color: rgba(248, 248, 248, 0.7);
border-radius: 100%;
margin: auto;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.bb-single-course-sidebar .ld-sidebar-widgets .widget .bb-course-preview-wrap .bb-preview-course-link-wrap .thumbnail-container .bb-course-video-overlay .bb-course-play-btn:after {
content: "";
display: inline-block;
position: relative;
left: 2px;
margin: auto;
width: 10px;
height: 10px;
border-style: solid;
border-width: 6px 0 6px 10px;
border-color: transparent transparent transparent #4d5c6d;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.ld-sidebar-widgets .widget_shopping_cart p.woocommerce-mini-cart__buttons {
margin-bottom: 0;
}
.widget_ldcourseinfo h4 {
font-size: 14px;
text-transform: none;
font-weight: 600;
letter-spacing: 0;
line-height: 1.4;
margin: 0;
padding-bottom: 15px;
}
.widget_ldcourseinfo .course_progress_details {
margin-top: 20px;
}
.widget_ldcourseinfo .course_progress_details .learndash-profile-course-title a {
color: var(--bb-headings-color);
}
.widget_ldcourseinfo .course_progress_details .learndash-profile-course-title a:hover {
color: var(--bb-primary-color);
}
.widget_ldcourseinfo .course_progress_details .ld-course-progress-content-container > br {
content: "";
display: block;
margin-bottom: 15px;
}
.widget_ldcourseinfo .course_progress_details .ld-course-progress-content-container > br:last-of-type {
margin-bottom: 0;
}
.widget_ldcourseinfo .quiz_progress_details {
margin-top: 10px;
}
.widget_ldcourseinfo .quiz_progress_details .ld-quiz-progress-content-container p:last-of-type {
margin-bottom: 0;
}
.widget_ldcoursenavigation a.ld-home-link {
text-decoration: none;
}
.widget_ldcoursenavigation .ld-course-navigation-heading .ld-course-navigation-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.widget_ldcoursenavigation .ld-course-navigation-heading .ld-course-navigation-actions a,
.widget_ldcoursenavigation .ld-course-navigation-heading .ld-course-navigation-actions span {
font-size: 13px;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
margin: 0;
line-height: 1.2;
}
.widget_ldcoursenavigation .ld-course-navigation-heading .ld-course-navigation-actions .ld-expand-button {
margin-left: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.widget_ldcoursenavigation .ld-course-navigation-heading .ld-course-navigation-actions .ld-expand-button .ld-text {
white-space: nowrap;
}
.widget_ldcoursenavigation .ld-lesson-item-preview .ld-expand-button {
font-size: 12px;
}
.widget_ldcoursenavigation .ld-lesson-section-heading {
color: var(--bb-headings-color);
}
.widget_ldcoursenavigation .ld-course-navigation .ld-lesson-item-expanded {
border-radius: 3px;
background: #f8f8f8;
}
.widget_ldcoursenavigation .ld-course-navigation .ld-lesson-item-expanded {
margin: 0;
}
.widget_ldcoursenavigation .ld-course-navigation .ld-table-list.ld-topic-list .ld-table-list-item .ld-table-list-item-preview {
padding: 0.5em 10px;
}
.widget_ldcoursenavigation .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview .ld-topic-title {
font-weight: normal;
}
.widget_ldcoursenavigation .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview .ld-topic-title:before {
display: none;
}
.widget_ldcoursenavigation .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview .ld-status-icon {
margin-left: 10px;
margin-top: 3px;
}
.widget_ldcoursenavigation .learndash-wrapper .ld-status-icon.ld-status-complete .ld-icon-checkmark.ld-icon:before {
font-size: 8px;
}
.widget_ldcoursenavigation .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status-incomplete {
border-color: var(--bb-content-border-color);
}
.widget_ldcoursenavigation .learndash-wrapper .ld-course-navigation .ld-status-icon {
margin-top: 1px;
}
.widget_ldcoursenavigation .ld-course-navigation .ld-course-navigation-heading {
border-bottom: 1px solid var(--bb-content-border-color);
}
.widget_ldcoursenavigation .ld-course-navigation .ld-lesson-item {
border-bottom: 0;
}
.widget_ldcoursenavigation .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
.widget_ldcoursenavigation .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
color: var(--bb-primary-color);
}
.widget_ldcoursenavigation .learndash-wrapper .ld-course-navigation-actions .ld-expand-button.ld-button-alternate {
color: var(--bb-primary-color);
}
.lms-topic-sidebar-data .learndash-wrapper .ld-course-navigation .ld-lesson-item-expanded::before {
border-top-color: var(--bb-body-background-color);
}
.widget_ldcourseprogress .ld-progress {
margin: 0;
}
.widget_ldcourseprogress .ld-progress .ld-progress-bar {
margin-bottom: 15px;
}
.widget_ldcourseprogress .ld-progress-steps {
margin-top: 7px;
}
.learndash-theme.single-sfwd-courses .widget_ldcourseprogress .ld-progress.ld-progress-inline .ld-progress-bar {
height: 4px;
}
.learndash-theme.single-sfwd-courses .widget_ldcourseprogress .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
height: 4px;
}
.single-sfwd-courses .widget_ldcourseprogress .ld-progress .ld-progress-stats {
color: var(--bb-alternate-text-color);
}
.widget_sfwd-lessons-widget li h4 {
font-family: inherit;
font-size: 14px;
font-weight: normal;
padding: 0;
text-transform: none;
letter-spacing: 0;
margin: 0;
}
.widget_sfwd-lessons-widget ul li:last-of-type {
margin-bottom: 0;
}
.widget_sfwd-quiz-widget li h4 {
font-family: inherit;
font-size: 14px;
font-weight: normal;
padding: 0;
text-transform: none;
letter-spacing: 0;
margin: 0;
}
.widget_sfwd-quiz-widget ul li:last-of-type {
margin-bottom: 0;
}
.widget_sfwd-certificates-widget li h4 {
font-family: inherit;
font-size: 14px;
font-weight: normal;
padding: 0;
text-transform: none;
letter-spacing: 0;
margin: 0;
}
.widget_sfwd-certificates-widget ul li:last-of-type {
margin-bottom: 0;
}
.widget_lduserstatus h4 {
margin-bottom: 0;
text-transform: none;
font-size: 14px;
}
.widget_lduserstatus .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-components,
.widget_lduserstatus .learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover .ld-item-title .ld-item-components {
color: var(--bb-alternate-text-color);
font-weight: normal;
}
.widget_lduserstatus .learndash-wrapper .ld-user-status.ld-is-widget .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-components span {
margin-bottom: 0;
}
.widget_lduserstatus .learndash-wrapper .ld-user-status.ld-is-widget .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-components {
margin-top: 5px;
}
.widget_lduserstatus .learndash-wrapper .ld-user-status.ld-is-widget .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-title {
color: var(--bb-headings-color);
font-weight: 500;
}
.widget_lduserstatus .learndash-wrapper .ld-user-status.ld-is-widget .ld-item-list .ld-item-list-item {
border-bottom: 0;
margin: 5px 0;
padding: 5px 0;
}
.widget_lduserstatus .learndash-wrapper .ld-user-status.ld-is-widget .ld-item-list-items .ld-item-list-item:last-of-type {
margin-bottom: 0;
}
.widget_lduserstatus .learndash-wrapper .ld-user-status.ld-is-widget .ld-pagination {
margin-bottom: 0;
}
.widget_lduserstatus .learndash-wrapper .ld-user-status.ld-is-widget .ld-pagination .ld-pages {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin: 15px 0 0;
}
.widget .learndash-course-grid-filter {
max-width: 100%;
min-width: 100%;
background: transparent;
border: 0;
padding: 0;
}
.learndash-course-grid-filter .buttons .button {
font-weight: inherit;
font-size: 13px;
}
.learndash-course-grid-filter .buttons .button.blue {
background-color: var(--bb-primary-button-background-regular);
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular);
border-radius: var(--bb-button-radius);
}
.learndash-course-grid-filter .buttons .button.blue:focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.learndash-course-grid-filter .buttons .button.blue:hover {
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
}
.learndash-course-grid-filter .buttons .button.grey {
background-color: var(--bb-secondary-button-background-regular);
color: var(--bb-secondary-button-text-regular);
border: 1px solid var(--bb-secondary-button-border-regular);
border-radius: var(--bb-button-radius);
}
.learndash-course-grid-filter .buttons .button.grey:focus {
box-shadow: var(--bb-secondary-button-focus-shadow);
}
.learndash-course-grid-filter .buttons .button.grey:hover {
background-color: var(--bb-secondary-button-background-hover);
color: var(--bb-secondary-button-text-hover);
border: 1px solid var(--bb-secondary-button-border-hover);
}
[class*="bb-template-"] .widget .learndash-course-grid-filter label {
font-size: 15px;
}
.widget .learndash-course-grid-filter form input[type="range"] {
margin-top: 0;
}
.ld-sidebar-widgets li.widget .widgettitle a {
color: var(--bb-primary-color);
}
.learndash-wrapper .widget a.next,
.learndash-wrapper .widget a.prev {
border-bottom: 1px solid var(--bb-content-border-color) !important;
}
.ld-sidebar-widgets .emojionearea .emojionearea-picker .emojionearea-wrapper {
width: 250px;
}
.ld-sidebar-widgets .emojionearea .emojionearea-picker .emojionearea-search-panel .emojionearea-tones {
display: none;
}
.ld-sidebar-widgets .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom,
.ld-sidebar-widgets .bbp-topic-form .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
left: -100px;
top: -340px;
width: 250px;
}
.ld-sidebar-widgets .bbp-topic-form .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
top: 340px;
left: 102px;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.bb-template-v2 .ld-sidebar-widgets .bbp-topic-form .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
display: none;
}
.ld-sidebar-widgets .bbp-topic-form .post-emoji:nth-child(2) .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom,
.ld-sidebar-widgets .post-emoji:nth-child(2) .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
left: -60px;
}
.ld-sidebar-widgets .bbp-topic-form .post-emoji:nth-child(2) .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after,
.ld-sidebar-widgets .post-emoji:nth-child(2) .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
left: 62px;
}
.ld-sidebar-widgets .bbp-topic-form .post-emoji:nth-child(3) .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom,
.ld-sidebar-widgets .post-emoji:nth-child(3) .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
left: -30px;
}
.ld-sidebar-widgets .bbp-topic-form .post-emoji:nth-child(3) .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after,
.ld-sidebar-widgets .post-emoji:nth-child(3) .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
left: 33px;
}
.ld-sidebar-widgets .gif-media-search-dropdown.open {
left: -60px;
bottom: 40px;
top: inherit;
width: 250px;
}
.ld-sidebar-widgets .post-gif:nth-child(2) .gif-media-search-dropdown.open {
left: -40px;
}
.ld-sidebar-widgets .forums-attached-gif-container {
max-width: 295px;
background-size: cover !important;
}
.ld-sidebar-widgets .forums-attached-gif-container .gif-image-container img {
display: none;
}
.ld-sidebar-widgets #whats-new-toolbar .medium-editor-toolbar {
background-color: var(--bb-body-background-color);
}
.ld-sidebar-widgets #whats-new-toolbar .medium-editor-toolbar.active {
bottom: 0;
}
.ld-sidebar-widgets .bb-modal {
background-color: transparent;
}
.ld-sidebar-widgets #bbpress-forums .bs-single-forum-list > li {
background-color: var(--bb-body-background-color);
}
.ld-sidebar-widgets .medium-editor-element,
.ld-sidebar-widgets .medium-editor-placeholder {
background-color: transparent;
}
.widget_block .ld-course-list-items.row .learndash-wrapper .ld-item-list .ld-item-list-item {
margin: 0;
}
.wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion,
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion,
.wpProQuiz_content .wpProQuiz_box {
text-align: center;
background-color: transparent;
border: 0;
}
.wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion > ol,
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion > ol,
.wpProQuiz_content .wpProQuiz_box > ol {
display: inline-block;
overflow: hidden;
}
.wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion > ol li,
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion > ol li,
.wpProQuiz_content .wpProQuiz_box > ol li {
width: 40px;
height: 40px;
line-height: 38px;
padding: 0;
background-color: var(--bb-content-alternate-background-color);
color: var(--bb-headings-color);
border: 0;
font-weight: 500;
font-size: 15px;
border-radius: 100%;
}
.wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionTarget, .wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionTarget.wpProQuiz_reviewQuestionSolved, .wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionTarget.wpProQuiz_reviewQuestionReview,
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionTarget,
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionTarget.wpProQuiz_reviewQuestionSolved,
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionTarget.wpProQuiz_reviewQuestionReview,
.wpProQuiz_content .wpProQuiz_box > ol li.wpProQuiz_reviewQuestionTarget,
.wpProQuiz_content .wpProQuiz_box > ol li.wpProQuiz_reviewQuestionTarget.wpProQuiz_reviewQuestionSolved,
.wpProQuiz_content .wpProQuiz_box > ol li.wpProQuiz_reviewQuestionTarget.wpProQuiz_reviewQuestionReview {
color: #fff;
background-color: var(--bb-primary-color);
box-shadow: none;
font-weight: 500;
}
.wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionSolved,
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionSolved,
.wpProQuiz_content .wpProQuiz_box > ol li.wpProQuiz_reviewQuestionSolved {
background-color: #f4f5f7;
position: relative;
color: inherit;
}
.wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionSolved:after,
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionSolved:after,
.wpProQuiz_content .wpProQuiz_box > ol li.wpProQuiz_reviewQuestionSolved:after {
content: "";
display: inline-block;
width: 13px;
height: 13px;
background-color: var(--bb-success-color);
border: 2px solid var(--bb-content-background-color);
border-radius: 100%;
position: absolute;
top: -3px;
right: -3px;
}
.wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionReview,
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionReview,
.wpProQuiz_content .wpProQuiz_box > ol li.wpProQuiz_reviewQuestionReview {
position: relative;
}
.wpProQuiz_content .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionReview:after,
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion > ol li.wpProQuiz_reviewQuestionReview:after,
.wpProQuiz_content .wpProQuiz_box > ol li.wpProQuiz_reviewQuestionReview:after {
content: "";
display: inline-block;
width: 13px;
height: 13px;
border: 2px solid var(--bb-content-background-color);
border-radius: 100%;
position: absolute;
top: -3px;
right: -3px;
background-color: var(--bb-warning-color);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedCorrect,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_box li.wpProQuiz_reviewQuestionSolvedCorrect {
background-color: var(--bb-success-color);
color: #fff;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedIncorrect,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_box li.wpProQuiz_reviewQuestionSolvedIncorrect {
background-color: var(--bb-danger-color);
color: #fff;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionReview,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_box li.wpProQuiz_reviewQuestionReview,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSkip,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_box li.wpProQuiz_reviewQuestionSkip {
background-color: var(--bb-warning-color);
color: #fff;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewLegend span.wpProQuiz_reviewColor_AnswerCorrect {
background-color: var(--bb-success-color);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewLegend span.wpProQuiz_reviewColor_Review {
background-color: var(--bb-warning-color);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewLegend span.wpProQuiz_reviewColor_Answer {
background-color: #f4f5f7;
position: relative;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewLegend span.wpProQuiz_reviewColor_Answer:after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background-color: var(--bb-success-color);
border: 2px solid var(--bb-content-background-color);
border-radius: 100%;
position: absolute;
top: -3px;
right: -3px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewLegend span.wpProQuiz_reviewColor_AnswerIncorrect {
background-color: var(--bb-danger-color);
}
.wpProQuiz_content .wpProQuiz_reviewDiv {
border-bottom: 1px solid var(--bb-content-border-color);
}
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion {
overflow: auto;
}
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion ol li {
margin-bottom: 0;
border-radius: 100%;
border: 2px solid transparent;
outline: 0 !important;
}
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion ol li.wpProQuiz_reviewQuestionTarget {
border-color: var(--bb-primary-color);
}
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewLegend .learndash-quiz-review-legend-item-current .wpProQuiz_reviewQuestion_Target {
outline: 0;
border-radius: 100%;
box-shadow: none;
background-color: var(--bb-primary-color);
}
.wpProQuiz_content .wpProQuiz_reviewDiv .wpProQuiz_reviewLegend ol li span {
vertical-align: middle;
}
.wpProQuiz_checkPage .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion {
overflow: auto;
background: none;
border: 0;
}
.wpProQuiz_checkPage .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion ol {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wpProQuiz_checkPage .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion ol li {
padding: 0;
width: 36px;
height: 36px;
line-height: 34px;
border-radius: 100%;
}
.wpProQuiz_checkPage .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion {
overflow: auto;
}
.wpProQuiz_checkPage .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion ol li {
margin-bottom: 0;
border-radius: 100%;
border: 2px solid transparent;
outline: 0 !important;
}
.wpProQuiz_checkPage .wpProQuiz_reviewSummary .wpProQuiz_reviewQuestion ol li.wpProQuiz_reviewQuestionTarget {
border-color: #235af3;
}
.wpProQuiz_checkPage .wpProQuiz_reviewSummary .wpProQuiz_reviewLegend .learndash-quiz-review-legend-item-current .wpProQuiz_reviewQuestion_Target {
outline: 0;
border-radius: 100%;
box-shadow: none;
background-color: var(--bb-primary-color);
}
.wpProQuiz_checkPage .wpProQuiz_reviewSummary .wpProQuiz_reviewLegend ol li span {
vertical-align: middle;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_box {
background-color: transparent;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_box li {
color: var(--bb-headings-color);
border-radius: 100%;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_box li.wpProQuiz_reviewQuestionSolved:not(.wpProQuiz_reviewQuestionTarget) {
color: var(--bb-headings-color);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect .wpProQuiz_sortable {
background-color: transparent;
color: inherit;
font-weight: normal;
}
.wpProQuiz_content > h2 {
font-size: 18px;
line-height: 1.2;
font-weight: bold;
margin: 0 0 1.6875rem;
}
.wpProQuiz_content .wpProQuiz_button2 {
border: 1px solid var(--bb-primary-color);
background: transparent;
color: var(--bb-primary-color);
border-radius: 100px;
font-weight: 500;
min-height: 34px;
padding: 6px 2em;
box-shadow: none;
}
.wpProQuiz_content .wpProQuiz_button2:hover, .wpProQuiz_content .wpProQuiz_button2:active, .wpProQuiz_content .wpProQuiz_button2:focus {
background: transparent;
box-shadow: none;
}
@media screen and (max-width: 544px) {
.wpProQuiz_content .wpProQuiz_button2 {
float: none;
margin-bottom: 10px;
}
}
.wpProQuiz_content .wpProQuiz_TipButton {
border: 0;
font-weight: 500;
padding: 6px 2em;
}
.wpProQuiz_content .wpProQuiz_TipButton:hover, .wpProQuiz_content .wpProQuiz_TipButton:active, .wpProQuiz_content .wpProQuiz_TipButton:focus {
box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.1);
}
.wpProQuiz_content .wpProQuiz_button {
padding-left: 2em;
padding-right: 2em;
margin-bottom: 10px;
}
.wpProQuiz_content .wpProQuiz_question_page {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 30px;
}
.wpProQuiz_content .wpProQuiz_listItem > h5.wpProQuiz_header {
font-size: 13px;
text-transform: uppercase;
}
.wpProQuiz_content .wpProQuiz_checkPage {
margin: 30px 0 0;
}
.wpProQuiz_content .wpProQuiz_checkPage h4.wpProQuiz_header + p {
font-size: 12px;
text-transform: uppercase;
}
.wpProQuiz_content .wpProQuiz_reviewLegend li {
font-size: 12px;
}
.wpProQuiz_content .wpProQuiz_reviewLegend li .wpProQuiz_reviewColor {
border-radius: 100%;
}
.wpProQuiz_content .wpProQuiz_questionList {
background-color: transparent;
border: 0;
padding: 0;
}
.wpProQuiz_content .wpProQuiz_questionList li.wpProQuiz_questionListItem {
background-color: var(--bb-content-background-color);
min-width: 100%;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="single"] li.wpProQuiz_questionListItem, .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] li.wpProQuiz_questionListItem, .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] li.wpProQuiz_questionListItem, .wpProQuiz_content .wpProQuiz_questionList.ui-sortable li.wpProQuiz_questionListItem {
border: 1px solid var(--bb-content-border-color);
border-radius: var(--bb-block-radius-inner);
padding: 10px 20px;
margin-bottom: 8px;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="single"] li.wpProQuiz_questionListItem:last-child, .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] li.wpProQuiz_questionListItem:last-child, .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] li.wpProQuiz_questionListItem:last-child, .wpProQuiz_content .wpProQuiz_questionList.ui-sortable li.wpProQuiz_questionListItem:last-child {
padding: 10px 20px;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="single"] li.wpProQuiz_questionListItem label, .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] li.wpProQuiz_questionListItem label, .wpProQuiz_content .wpProQuiz_questionList[data-type="sort_answer"] li.wpProQuiz_questionListItem label, .wpProQuiz_content .wpProQuiz_questionList.ui-sortable li.wpProQuiz_questionListItem label {
padding: 0;
border: 0;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="single"] li.wpProQuiz_questionListItem > span, .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] li.wpProQuiz_questionListItem > span {
margin-right: 5px;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form {
border: 1px dashed var(--bb-content-border-color);
border-radius: 2px;
padding: 10px 10%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
background-color: transparent;
min-width: 100%;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form input[type="file"] {
width: 140px;
height: 40px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: 0;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form input[placeholder] {
text-overflow: ellipsis;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form ::-webkit-input-placeholder {
text-overflow: ellipsis;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form :-ms-input-placeholder {
text-overflow: ellipsis;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form ::placeholder {
text-overflow: ellipsis;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form input:placeholder {
text-overflow: ellipsis;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form input[type="file"] + label {
font-size: 15px;
font-weight: 400;
color: #fff;
background-color: var(--bb-primary-color);
border: 0;
border-radius: 20px;
width: auto;
text-align: center;
padding: 7px 20px;
display: inline-block;
float: none;
cursor: pointer;
margin: 10px 0;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form input[type="file"] + label:before {
content: "\ee24";
font: normal normal normal 18px/1 bb-icons;
speak: none;
display: inline-block;
text-decoration: inherit;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form input[type="submit"] {
background-color: transparent;
color: var(--bb-primary-color);
border: 1px solid var(--bb-primary-color);
padding: 10px 1em;
font-size: 15px;
cursor: pointer;
box-shadow: none;
max-width: 145px;
font-weight: normal;
position: absolute;
right: 10%;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form input[type="submit"]:hover {
background-color: transparent !important;
opacity: 1 !important;
}
@media screen and (max-width: 1200px) {
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form {
padding: 10px 5% 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form input[type="file"] {
bottom: inherit;
top: 18px;
}
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form input[type="submit"] {
position: static;
}
}
@media screen and (max-width: 992px) {
.wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.wpProQuiz_content .wpProQuiz_questionList textarea.wpProQuiz_questionEssay {
width: 100%;
}
.wpProQuiz_content .wpProQuiz_sortable {
background-color: transparent;
border: 0;
box-shadow: none;
position: relative;
padding-top: 0;
padding-bottom: 0;
}
.wpProQuiz_content .wpProQuiz_sortable:after, .wpProQuiz_content .wpProQuiz_sortable:before {
font-family: bb-icons;
font-size: 18px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
content: "\ee5d";
color: #c8cbcf;
font-weight: 300;
}
.wpProQuiz_content .wpProQuiz_sortable:before {
right: 6px;
}
[dir="rtl"] .wpProQuiz_content .wpProQuiz_tipp > div:before {
left: unset;
right: 8em;
}
.wpProQuiz_content .wpProQuiz_tipp > div {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 3px 24px 0 rgba(18, 43, 70, 0.08);
border: 1px solid #e7eaec;
}
.wpProQuiz_content .wpProQuiz_tipp > div .wpProQuiz_header {
font-weight: 500;
}
.wpProQuiz_content .wpProQuiz_tipp > div p {
font-size: 15px;
}
.wpProQuiz_content .wpProQuiz_listItem > .wpProQuiz_header + span {
font-size: 14px;
font-weight: normal;
color: var(--bb-alternate-text-color);
}
.wpProQuiz_content .wpProQuiz_matrixSortString {
background: transparent;
border: 0;
padding: 0;
overflow: initial;
}
.wpProQuiz_content .wpProQuiz_matrixSortString .wpProQuiz_sortStringList.ui-sortable {
overflow: hidden;
padding-left: 0;
padding-right: 0;
}
.wpProQuiz_content .wpProQuiz_matrixSortString .wpProQuiz_sortStringList.ui-sortable li.wpProQuiz_sortStringItem {
background-color: var(--bb-content-background-color);
border-color: var(--bb-content-background-color);
border-radius: var(--bb-block-radius-inner);
box-shadow: none;
padding-left: 40px;
padding-right: 25px;
position: relative;
font-size: 15px;
line-height: 1.3;
}
.wpProQuiz_content .wpProQuiz_matrixSortString .wpProQuiz_sortStringList.ui-sortable li.wpProQuiz_sortStringItem:after, .wpProQuiz_content .wpProQuiz_matrixSortString .wpProQuiz_sortStringList.ui-sortable li.wpProQuiz_sortStringItem:before {
font-family: bb-icons;
font-size: 18px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
left: 12px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
content: "\ee5d";
color: #c8cbcf;
font-weight: 300;
}
.wpProQuiz_content .wpProQuiz_matrixSortString .wpProQuiz_sortStringList.ui-sortable li.wpProQuiz_sortStringItem:after {
left: 18px;
}
.wpProQuiz_content .wpProQuiz_matrixSortString .wpProQuiz_sortStringList.ui-sortable li.wpProQuiz_sortStringItem.ui-sortable-helper {
background-color: var(--bb-primary-color);
border-color: var(--bb-primary-color);
color: #fff;
}
.wpProQuiz_content .wpProQuiz_matrixSortString .wpProQuiz_sortStringList.ui-sortable .wpProQuiz_placehold {
background-color: #fff;
border: 2px dashed #bdbdbd;
border-radius: 10px;
min-height: 100px;
min-width: 70px;
}
.wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] {
overflow: hidden;
margin-left: -5px;
margin-right: -5px;
}
.wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li {
padding: 0;
margin: 0 0 10px;
}
.wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li table td {
border-color: var(--bb-content-border-color);
}
.wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li table td .wpProQuiz_maxtrixSortText img {
width: auto;
}
.wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li table td:first-child {
border-bottom: 0;
border-radius: 4px 0 0 4px;
text-align: center;
}
.wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li table td:last-child {
border-radius: 0 4px 4px 0;
border-top: 0;
}
.wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li ul.wpProQuiz_maxtrixSortCriterion:not(:empty) {
height: auto !important;
min-height: 25px !important;
}
.wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li ul.wpProQuiz_maxtrixSortCriterion li.wpProQuiz_sortStringItem {
background-color: #eef0f3;
border-color: #eef0f3;
box-shadow: none;
padding: 5px 25px 5px 40px;
margin-left: 0;
margin-right: 0;
position: relative;
font-size: 15px;
line-height: 1.3;
}
.wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li ul.wpProQuiz_maxtrixSortCriterion li.wpProQuiz_sortStringItem:after, .wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li ul.wpProQuiz_maxtrixSortCriterion li.wpProQuiz_sortStringItem:before {
font-family: bb-icons;
font-size: 18px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
left: 12px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
content: "\ee5d";
color: #c8cbcf;
font-weight: 300;
}
.wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li ul.wpProQuiz_maxtrixSortCriterion li.wpProQuiz_sortStringItem:after {
left: 18px;
}
.wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li ul.wpProQuiz_maxtrixSortCriterion li.wpProQuiz_sortStringItem.ui-sortable-helper {
background-color: var(--bb-primary-color);
border-color: var(--bb-primary-color);
color: #fff;
}
.wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li .wpProQuiz_placehold {
background-color: #fff;
border: 2px dashed #bdbdbd;
border-radius: 10px;
width: 100%;
min-height: 100px;
}
.wpProQuiz_content .wpProQuiz_cloze input[type="text"] {
border-color: #e7eaec;
color: inherit;
}
.wpProQuiz_content ul.wpProQuiz_questionList[data-type="assessment_answer"] li label {
margin-right: 15px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_sortable {
border: 0;
padding: 0;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_sortable:before {
display: none;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem > table {
border-width: 1px;
border-color: var(--bb-content-border-color);
}
.learndash-wrapper .wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li table td:first-child {
border-right-width: 1px;
border-color: var(--bb-content-border-color);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem textarea.wpProQuiz_questionEssay {
border: 1px solid var(--bb-content-border-color);
border-radius: var(--bb-input-radius);
}
.wpProQuiz_content .wpProQuiz_results {
text-align: center;
}
.wpProQuiz_content .wpProQuiz_results h4.wpProQuiz_header {
font-weight: bold;
font-size: 20px;
}
.wpProQuiz_content .wpProQuiz_results h4.wpProQuiz_header + p {
font-weight: 500;
}
.wpProQuiz_content .wpProQuiz_results > p {
font-size: 15px;
}
.wpProQuiz_content .wpProQuiz_results .wpProQuiz_quiz_time {
color: var(--bb-alternate-text-color);
font-weight: normal;
}
.wpProQuiz_content .wpProQuiz_results .wpProQuiz_graded_points {
font-weight: normal;
color: var(--bb-alternate-text-color);
}
.wpProQuiz_content .wpProQuiz_results > div > .wpProQuiz_button {
background-color: var(--bb-secondary-button-background-regular);
color: var(--bb-secondary-button-text-regular);
border: 1px solid var(--bb-secondary-button-border-regular);
font-weight: 500;
min-height: 34px;
padding: 6px 2em;
box-shadow: none;
}
.wpProQuiz_content .wpProQuiz_results > div > .wpProQuiz_button:focus {
box-shadow: var(--bb-secondary-button-focus-shadow);
}
.wpProQuiz_content .wpProQuiz_results > div > .wpProQuiz_button:hover, .wpProQuiz_content .wpProQuiz_results > div > .wpProQuiz_button:active, .wpProQuiz_content .wpProQuiz_results > div > .wpProQuiz_button:focus {
background-color: var(--bb-secondary-button-background-hover);
color: var(--bb-secondary-button-text-hover);
border: 1px solid var(--bb-secondary-button-border-hover);
box-shadow: none;
}
.wpProQuiz_content .wpProQuiz_results .ld-quiz-actions {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wpProQuiz_content .wpProQuiz_results .quiz_continue_link {
width: 100%;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.wpProQuiz_content .wpProQuiz_results .quiz_continue_link a#quiz_continue_link {
border-radius: var(--bb-button-radius);
background: var(--bb-primary-color);
font-size: 0.75em;
padding-left: 2em;
padding-right: 2em;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
width: auto;
}
.wpProQuiz_content .wpProQuiz_results .quiz_continue_link a#quiz_continue_link:hover {
box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.1);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_response {
color: var(--bb-body-text-color);
}
.wpProQuiz_content .wpProQuiz_quiz .wpProQuiz_response {
box-shadow: none;
border: 1px solid var(--bb-content-border-color);
border-radius: var(--bb-block-radius-inner);
padding: 10px 20px 5px;
background: var(--bb-content-alternate-background-color);
min-height: auto;
}
.wpProQuiz_content .wpProQuiz_quiz .wpProQuiz_response p {
margin-bottom: 10px;
font-size: 15px;
}
.wpProQuiz_content .wpProQuiz_quiz .wpProQuiz_response span {
font-weight: 700;
font-size: 15px;
}
.wpProQuiz_sending {
text-align: center;
}
.wpProQuiz_sending h4.wpProQuiz_header {
font-weight: bold;
font-size: 20px;
}
.wpProQuiz_sending dd.course_progress {
width: 100%;
border-radius: 100px;
box-shadow: none;
}
.wpProQuiz_sending dd.course_progress div.course_progress_blue {
background-color: var(--bb-primary-color);
}
#content li.wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete,
#content li.wpProQuiz_questionListItem.wpProQuiz_answerCorrect {
background-color: rgba(var(--bb-success-color-rgb), 0.1);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect > table td {
background-color: rgba(var(--bb-success-color-rgb), 0.1);
border-color: var(--bb-success-color);
}
#content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li.wpProQuiz_questionListItem.wpProQuiz_answerCorrect {
border-radius: 4px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect > table td .wpProQuiz_maxtrixSortText,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect > table td .wpProQuiz_maxtrixSortCriterion {
background-color: transparent;
border-color: transparent;
color: inherit;
}
.wpProQuiz_content .wpProQuiz_forms table {
width: 100%;
}
#wpProQuiz_user_content table {
display: table;
width: 100%;
}
#wpProQuiz_user_content table th,
#wpProQuiz_user_content table td {
padding: 5px;
box-sizing: border-box;
}
.wpProQuiz_content .wpProQuiz_catOverview {
text-align: left;
margin-top: 30px;
margin-bottom: 40px;
}
.wpProQuiz_content .wpProQuiz_catOverview > h4 {
font-weight: bold;
font-size: 20px;
}
.wpProQuiz_content .wpProQuiz_catOverview span.wpProQuiz_catName {
color: var(--bb-body-text-color);
font-size: 15px;
}
.wpProQuiz_content .wpProQuiz_catOverview span.wpProQuiz_catPercent {
font-weight: normal;
color: var(--bb-alternate-text-color);
font-size: 15px;
}
.wpProQuiz_content .wpProQuiz_catOverview li {
border-bottom-color: var(--bb-content-border-color);
}
.wpProQuiz_content .wpProQuiz_catOverview span {
background-color: var(--bb-content-background-color);
}
.wpProQuiz_toplistTable {
font-size: 14px;
border: 0;
}
.wpProQuiz_toplistTable caption {
color: var(--bb-alternate-text-color);
}
.wpProQuiz_toplistTable thead tr {
background: #fff;
color: var(--bb-alternate-text-color);
}
.wpProQuiz_toplistTable thead tr th:first-child {
text-align: left;
}
.wpProQuiz_toplistTable thead tr th:nth-child(3) {
width: 160px;
}
.wpProQuiz_toplistTable thead tr th:last-child {
text-align: right;
}
.wpProQuiz_toplistTable th {
background: #fff;
border-bottom: 1px solid var(--bb-content-border-color);
font-weight: normal;
}
.wpProQuiz_toplistTable tbody td {
font-weight: normal;
font-size: 14px;
color: var(--bb-alternate-text-color);
padding: 10px 5px;
}
.wpProQuiz_toplistTable tbody td.wpProQuiz_toplistTrOdd {
background-color: #fff;
}
.wpProQuiz_toplistTable tbody td:first-child {
font-weight: normal;
text-align: left;
color: var(--bb-body-text-color);
}
.wpProQuiz_toplistTable tbody td:nth-child(2) {
color: var(--bb-body-text-color);
}
.wpProQuiz_toplistTable tbody td:last-child {
text-align: right;
}
@media screen and (max-width: 544px) {
.wpProQuiz_toplistTable {
font-size: 13px;
}
.wpProQuiz_toplistTable tbody td {
font-size: 13px;
}
}
@media screen and (max-width: 800px) {
.learndash-wrapper .wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li table td:first-child {
width: 45%;
}
}
.wpProQuiz_toplist {
margin-bottom: 10px !important;
}
.wpProQuiz_content .wpProQuiz_addToplist {
background-color: var(--bb-content-background-color);
border: 0;
border-top: 1px solid var(--bb-content-border-color);
margin-bottom: 10px;
}
.wpProQuiz_content .wpProQuiz_addToplist > span {
font-weight: normal !important;
}
.wpProQuiz_content .wpProQuiz_addToplist .wpProQuiz_addToplistMessage {
border: 0;
background-color: var(--bb-success-color);
color: #fff;
border-radius: var(--bb-block-radius-inner);
font-weight: normal;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_resultTable {
border: 0;
}
.wpProQuiz_content .wpProQuiz_resultTable {
width: auto;
border: 0;
font-weight: normal;
}
.wpProQuiz_content .wpProQuiz_resultTable table {
font-size: 15px;
}
.wpProQuiz_content .wpProQuiz_resultTable table tr,
.wpProQuiz_content .wpProQuiz_resultTable table td {
display: inline-block;
}
.wpProQuiz_content .wpProQuiz_resultTable table tr:nth-child(1) td:first-child:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin-right: 8px;
border-radius: 100%;
background-color: #eccbff;
}
.wpProQuiz_content .wpProQuiz_resultTable table tr:nth-child(2) td:first-child {
padding-left: 20px;
}
.wpProQuiz_content .wpProQuiz_resultTable table tr:nth-child(2) td:first-child:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin-right: 8px;
border-radius: 100%;
background-color: var(--bb-primary-color);
}
.wpProQuiz_content .wpProQuiz_resultTable .wpProQuiz_resultName {
width: auto;
border: 0;
padding: 0 5px 0 0;
}
.wpProQuiz_content .wpProQuiz_resultTable .wpProQuiz_resultValue div {
box-shadow: none;
border-radius: 100px;
background-color: var(--bb-primary-color);
display: none;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_resultTable .wpProQuiz_resultName {
line-height: inherit;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_addToplist {
border-color: var(--bb-default-notice-color);
border-radius: var(--bb-block-radius-inner);
background-color: rgba(var(--bb-default-notice-color-rgb), 0.1);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_toplistTable th {
background: var(--bb-content-alternate-background-color);
}
.wpProQuiz_content .wpProQuiz_addBox {
overflow: hidden;
margin: 20px 0 0;
}
.wpProQuiz_content .wpProQuiz_addBox > .wpProQuiz_button2 {
float: right;
margin: 0 20px 10px 0;
padding: 0.5em 1em;
}
.wpProQuiz_content .wpProQuiz_addBox label {
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 70%;
margin: 0 auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.wpProQuiz_content .wpProQuiz_addBox label input[type="text"],
.wpProQuiz_content .wpProQuiz_addBox label input[type="email"] {
min-width: 80%;
margin-left: 10px;
-webkit-box-flex: 0;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
}
p.wpProQuiz_quiz_time {
text-transform: uppercase;
}
p.wpProQuiz_quiz_time > span {
display: block;
text-transform: none;
}
.wpProQuiz_questionList[data-type="essay"] input[type="submit"] {
margin: 10px auto;
}
.quiz_progress_container {
max-width: 250px;
min-height: 250px;
margin: 30px auto 15px;
position: relative;
display: none;
}
.quiz_progress_container .quiz_progress_fix {
z-index: 1;
}
.quiz_progress_container #quiz_shape_progress {
z-index: 3;
stroke: var(--bb-primary-color);
}
.quiz_progress_container > svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: visible;
}
.quiz_progress_container .bb_avg_progress {
max-width: 230px;
min-height: 230px;
margin: 0 auto;
position: relative;
display: none;
}
.quiz_progress_container .bb_avg_progress > svg {
position: absolute;
top: 10px;
left: 0;
width: 100%;
overflow: visible;
}
.wpProQuiz_results .quiz_progress_container {
display: block;
}
.wpProQuiz_content .wpProQuiz_results .wpProQuiz_points {
font-weight: 500;
}
.learndash-wrapper .wpProQuiz_graded_points,
.learndash-wrapper .wpProQuiz_points {
background-color: var(--bb-content-alternate-background-color);
border: 1px solid var(--bb-content-border-color);
color: var(--bb-body-text-color);
border-radius: var(--bb-block-radius-inner);
}
.learndash-wrapper .ld-quiz-actions {
border-top: 1px solid var(--bb-content-border-color);
}
.bb_progressbar_label {
position: absolute;
left: 50%;
top: 58%;
padding: 0;
margin: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: var(--bb-primary-color);
font-size: 2rem;
}
.bb_progressbar_points {
display: inline-block;
width: 61%;
position: absolute;
left: 50%;
top: 38%;
text-align: center;
padding: 0;
margin: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: var(--bb-alternate-text-color);
font-size: 13px;
line-height: 1.5;
}
.wpProQuiz_content .wpProQuiz_results > div > .wpProQuiz_button[name="restartQuiz"] {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='bb-icon-rotate-cw'%3E%3Cpolyline points='23 4 23 10 17 10'%3E%3C/polyline%3E%3Cpath d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 14px center;
background-size: 18px 18px;
background-color: var(--bb-primary-button-background-regular);
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular);
padding-left: 45px;
padding-right: 15px;
font-weight: normal;
min-width: 160px;
}
.wpProQuiz_content .wpProQuiz_results > div > .wpProQuiz_button[name="restartQuiz"]:focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.wpProQuiz_content .wpProQuiz_results > div > .wpProQuiz_button[name="restartQuiz"]:hover {
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
}
.wpProQuiz_content .wpProQuiz_results .quiz_continue_link {
margin-top: 20px;
margin-bottom: 40px;
}
#content .wpProQuiz_content .wpProQuiz_sortable {
padding-right: 30px;
}
.wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress {
background-color: var(--bb-primary-color);
border-radius: 10px;
}
.wpProQuiz_modal_window {
border-radius: 5px;
}
.wpProQuiz_modal_window:before {
position: fixed;
top: 48px;
right: 59px;
z-index: 160000;
content: "\e828";
font-family: bb-icons;
font-size: 30px;
font-weight: 100;
line-height: 30px;
speak: none;
display: inline-block;
text-decoration: inherit;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpProQuiz_modal_window #wpProQuiz_overlay_close {
font-size: 1px;
width: 30px;
height: 30px;
padding: 0;
opacity: 0;
}
[dir="rtl"] .wpProQuiz_modal_window #wpProQuiz_overlay_close {
right: 59px;
left: initial !important;
}
.wpProQuiz_modal_window #wpProQuiz_loadUserData {
margin-left: 0 !important;
margin-right: 0 !important;
border-radius: 5px;
background-color: rgba(247, 186, 69, 0.3) !important;
border: 0;
}
.wpProQuiz_modal_window #wpProQuiz_user_content > h2 {
font-size: 18px;
margin-bottom: 10px;
}
.wpProQuiz_modal_window table thead {
font-size: 16px;
}
.wpProQuiz_modal_window table tbody,
.wpProQuiz_modal_window table tfoot {
font-size: 14px;
}
.wpProQuiz_modal_window table th {
font-weight: 500;
border-bottom: 0;
}
.wpProQuiz_modal_window table th,
.wpProQuiz_modal_window table td {
padding: 10px;
}
.wpProQuiz_modal_window table th p,
.wpProQuiz_modal_window table td p {
margin-bottom: 10px;
}
.wpProQuiz_modal_window table th:first-child,
.wpProQuiz_modal_window table td:first-child {
padding-left: 10px;
}
.wpProQuiz_modal_window table th:last-child,
.wpProQuiz_modal_window table td:last-child {
padding-right: 10px;
}
.wpProQuiz_modal_window table .categoryTr th {
background-color: var(--bb-content-alternate-background-color);
border-radius: 5px;
}
.wpProQuiz_modal_window table th[style="color: red;"],
.wpProQuiz_modal_window table td[style="color: red;"] {
color: var(--bb-danger-color) !important;
}
.wpProQuiz_modal_window table th[style="color: green;"],
.wpProQuiz_modal_window table td[style="color: green;"] {
color: var(--bb-success-color) !important;
}
.wpProQuiz_modal_window #wpProQuiz_user_content .wpProQuiz_response {
background-color: var(--bb-content-alternate-background-color) !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 5px;
padding: 10px;
}
.wpProQuiz_modal_window #wpProQuiz_user_content .wpProQuiz_response p {
margin-bottom: 0;
}
.wpProQuiz_modal_window #wpProQuiz_user_content .wpProQuiz_questionList {
background-color: var(--bb-content-alternate-background-color) !important;
border: 1px solid var(--bb-content-border-color) !important;
border-radius: 5px;
}
.wpProQuiz_modal_window #wpProQuiz_user_content .wpProQuiz_questionList li label {
font-weight: normal;
font-size: 14px;
}
.wpProQuiz_modal_window #wpProQuiz_user_content .wpProQuiz_answerCorrect {
background-color: var(--bb-success-color);
border-radius: 5px;
}
.wpProQuiz_modal_window #wpProQuiz_user_content .wpProQuiz_answerIncorrect {
border-radius: 5px;
border-color: var(--bb-danger-color);
}
#content li.wpProQuiz_questionListItem.wpProQuiz_answerIncorrect,
#content li.wpProQuiz_questionListItem.wpProQuiz_answerIncorrect table {
border-color: var(--bb-danger-color);
}
#quiz_progress_details > p {
padding: 5px 0 10px;
margin-bottom: 15px;
border-bottom: 1px solid var(--bb-content-border-color);
font-size: 15px;
}
#quiz_progress_details > p:last-of-type {
border-bottom: 0;
}
#quiz_progress_details p a {
color: var(--bb-headings-color);
}
#quiz_progress_details p a:hover {
color: var(--bb-primary-color);
}
#quiz_progress_details span.bb-ld-quiz-percentage {
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
max-width: 60px;
text-align: right;
}
#quiz_progress_details span.bb-learndash-profile-edit-course-link {
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
max-width: 60px;
text-align: right;
}
#quiz_progress_details span.bb-learndash-profile-edit-course-link a {
color: #939597;
}
#quiz_progress_details span.bb-learndash-profile-edit-course-link a:hover {
color: #939597;
}
.wpProQuiz_content li.wpProQuiz_listItem div.wpProQuiz_questionList_containers input[type="button"] {
padding: 0.15em 1em;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2 {
background-color: var(--bb-primary-button-background-regular);
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular);
border-radius: var(--bb-button-radius);
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
font-weight: 500;
padding: 0.7em 1em;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:focus,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover {
opacity: 1;
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:focus,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:focus {
opacity: 1;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within {
border-color: var(--bb-primary-color);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit {
border-radius: 4px;
background-color: rgba(146, 164, 183, 0.2);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .time {
font-weight: normal;
color: inherit;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress {
height: 4px;
background-color: var(--bb-primary-color);
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit:before {
height: 4px;
}
.wpProQuiz_content .wpProQuiz_results .quiz_continue_link a#quiz_continue_link {
font-weight: normal;
padding: 6px 2em;
}
.bb-sfwd-aside .sfwd-quiz .learndash_content_wrap .ld-alert {
margin-bottom: 40px;
}
#content ul.wpProQuiz_sortStringList.ui-sortable {
background: var(--bb-content-alternate-background-color);
padding: 15px 10px !important;
border-radius: var(--bb-block-radius-inner);
}
.learndash-wrapper .wpProQuiz_content ul.wpProQuiz_questionList input.wpProQuiz_questionInput {
width: auto;
}
.learndash-wrapper .wpProQuiz_content input[type="checkbox"].wpProQuiz_questionInput {
min-width: 12px;
min-height: 12px;
}
.learndash-wrapper .wpProQuiz_content input.wpProQuiz_questionInput.bbstyled {
opacity: 0;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .input-style {
display: inline-block;
vertical-align: middle;
cursor: pointer;
position: relative;
overflow: hidden;
width: 22px;
height: 22px;
line-height: 1;
background-color: #fff;
border: 2px solid #d6dce6;
border-radius: 4px;
margin-left: -30px;
margin-right: 12px;
-webkit-box-flex: 0;
-ms-flex: 0 0 22px;
flex: 0 0 22px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type="assessment_answer"] .input-style {
margin-left: -20px;
margin-right: 10px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type="free_answer"] label {
padding: 0;
max-width: 300px;
}
.learndash-wrapper .wpProQuiz_content input[type="radio"].wpProQuiz_questionInput + .input-style {
border-radius: 100%;
}
.learndash-wrapper .wpProQuiz_content input[type="radio"].wpProQuiz_questionInput.bbstyled:checked + span:after {
content: "";
background-color: var(--bb-primary-color);
margin: auto;
width: 14px;
position: absolute;
height: 14px;
text-align: center;
left: 2px;
top: 2px;
border-radius: 100%;
}
.learndash-wrapper .wpProQuiz_content input[type="checkbox"].wpProQuiz_questionInput.bbstyled:checked + span {
background-color: var(--bb-primary-color);
border-color: var(--bb-primary-color);
}
.learndash-wrapper .wpProQuiz_content input[type="checkbox"].wpProQuiz_questionInput.bbstyled:checked + span:after {
content: "\e876";
font-family: bb-icons;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
width: 100%;
position: absolute;
height: 100%;
text-align: center;
color: #fff;
line-height: 1;
font-size: 27px;
left: -4px;
top: -4px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpProQuiz_questionList[data-type="assessment_answer"] .wpProQuiz_questionListItem label.is-selected:before,
.wpProQuiz_questionList[data-type="single"] .wpProQuiz_questionListItem label.is-selected:before,
.wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem label.is-selected:before {
background-color: var(--bb-primary-color);
}
.wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem label.is-selected:before {
border-color: var(--bb-primary-color);
}
dd.course_progress {
margin-left: 0;
margin-right: 0;
border-radius: 100px;
box-shadow: none;
}
dd.course_progress div.course_progress_blue {
background-color: var(--bb-primary-color);
}
#ld_course_info #ld_course_info_mycourses_list .ld-course-info-my-courses {
padding-bottom: 20px;
}
#course_progress_details .bb_profile_course_wrapper:last-of-type {
border-bottom: 0;
}
.bp-feedback.ld-feedback {
color: var(--bb-body-text-color);
border: 1px solid var(--bb-content-border-color);
margin: 10px 0;
position: relative;
border-radius: 3px;
box-shadow: none;
background-color: var(--bb-content-background-color);
}
.bp-feedback.ld-feedback .bp-icon {
border-radius: 3px 0 0 3px;
background-color: var(--bb-primary-color);
}
.bp-feedback.ld-feedback p {
font-size: 14px;
line-height: 1.5;
padding: 10px 5px;
}
.leardash-course-status-completed {
color: var(--bb-success-color);
}
.learndash_checkout_buttons {
margin: 10px 0;
}
.learndash_checkout_buttons .learndash_checkout_button {
width: 100%;
max-width: 100%;
margin-right: 0;
}
.learndash_checkout_buttons .learndash_checkout_button input.ppalholder {
display: none;
}
.learndash_checkout_buttons form {
margin-bottom: 10px;
}
#learndash_course_content > #learndash_course_content_title {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.6px;
margin: 0 0 20px;
text-transform: uppercase;
}
#learndash_course_content #learndash_lessons #lesson_heading {
background-color: transparent;
padding-left: 0;
padding-right: 0;
}
#learndash_course_content #learndash_lessons #lesson_heading span:first-child {
font-size: 16px;
font-weight: 600;
letter-spacing: 0.6px;
margin: 0 0 20px;
}
#learndash_course_content #learndash_lessons #lessons_list {
font-size: 15px;
}
#learndash_course_content #learndash_lessons #lessons_list > div {
border: 0;
}
#learndash_course_content #learndash_lessons #lessons_list > div div.list-count {
border: 0;
}
#learndash_course_content #learndash_lessons #lessons_list h4,
#learndash_course_content #learndash_lessons #lessons_list h4 a {
font-size: 15px;
margin-bottom: 0;
}
#learndash_course_content #learndash_lessons #lessons_list h4 a {
color: #939597;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: none;
}
#learndash_course_content #learndash_lessons #lessons_list h4 a:hover {
color: var(--bb-headings-color);
background-color: transparent;
}
#learndash_course_content #learndash_lessons #lessons_list h4 a:hover.completed:after, #learndash_course_content #learndash_lessons #lessons_list h4 a:hover.notcompleted:after {
color: var(--bb-headings-color);
}
#learndash_course_content #learndash_lessons #lessons_list h4 a.completed:after, #learndash_course_content #learndash_lessons #lessons_list h4 a.notcompleted:after {
font-family: bb-icons;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
list-style: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e875";
margin-left: auto;
margin-right: 15px;
color: var(--bb-headings-color);
}
#learndash_course_content #learndash_lessons #lessons_list h4 a.notcompleted:after {
opacity: 0.2;
}
.learndash_post_sfwd-lessons .notavailable_message {
padding: 100px;
font-size: inherit;
}
.learndash_post_sfwd-lessons .notavailable_message > span {
text-transform: uppercase;
}
.bb-sfwd-aside .elementor-location-single .elementor-section-boxed .elementor-container {
max-width: 100%;
}
.bb-sfwd-aside .elementor-location-single .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
padding: 0;
}
@media screen and (max-width: 1200px) {
.bb-sfwd-aside .elementor-location-single .elementor-section.elementor-section-boxed > .elementor-container {
padding-left: 0;
padding-right: 0;
}
}
.bb-sfwd-aside:not(.lms-side-panel-close) .elementor-location-single > .elementor-section-wrap > .elementor-section {
margin-left: 370px;
}
@media only screen and (max-width: 1080px) and (min-width: 800px) {
.bb-sfwd-aside:not(.lms-side-panel-close) .elementor-location-single > .elementor-section-wrap > .elementor-section {
margin-left: 250px;
}
}
.bb-sfwd-aside:not(.lms-side-panel-close) .elementor-location-single > .elementor-section-wrap > .elementor-section .lms-topic-sidebar-data {
background-color: var(--bb-body-background-color);
}
.bb-sfwd-aside:not(.lms-side-panel-close) .elementor-location-single > .elementor-section-wrap > .elementor-section:has(#learndash-content) {
margin-left: 0;
}
@media screen and (max-width: 767px) {
.bb-sfwd-aside:not(.lms-side-panel-close) .elementor-location-single #learndash-content .lms-topic-sidebar-wrapper {
position: fixed !important;
top: var(--bb-header-height);
}
.bb-sfwd-aside:not(.lms-side-panel-close) .elementor-location-single > .elementor-section-wrap > .elementor-section {
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
.bb-sfwd-aside:not(.lms-side-panel-close).admin-bar .elementor-location-single #learndash-content .lms-topic-sidebar-wrapper {
margin-top: 45px;
}
}
.bb-sfwd-aside.lms-side-panel-close .elementor-location-single > .elementor-section-wrap > .elementor-section {
margin-left: 0;
}
.bb-sfwd-aside .elementor-location-single {
background-color: var(--bb-content-background-color);
}
.bb-sfwd-aside .elementor-location-single .elementor-section .elementor-widget:not(.elementor-widget-theme-post-content) {
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.bb-sfwd-aside .elementor-location-single .elementor-section .elementor-element-populated {
padding-left: 0;
padding-right: 0;
}
.bb-sfwd-aside .elementor-location-single .elementor-widget-theme-post-content .lms-topic-sidebar-data {
background-color: var(--bb-body-background-color);
}
.single-sfwd-lessons .sfwd-mark-complete {
margin-bottom: 0.5rem;
}
.learndash-wrapper .ld-content-actions .learndash_timer {
padding-top: 0.2em;
}
@media screen and (min-width: 767px) {
.bb-sfwd-aside:not(.lms-side-panel-close) .elementor-location-single .elementor-section .elementor-widget:not(.elementor-widget-theme-post-content) {
margin-left: 370px;
}
}
.site-main .learndash-wrapper .ld-alert .ld-alert-icon {
min-width: 40px;
min-height: 40px;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single.single-sfwd-lessons .entry-content-wrap {
padding-top: 0;
}
#learndash-page-content .ld-focus-comments .ld-focus-comment:last-child {
margin-bottom: 2em;
}
#learndash-page-content .ld-focus-comments .ld-comment-wrapper {
background: #fff;
border: 1px solid var(--bb-content-border-color);
border-radius: var(--bb-block-radius);
margin-bottom: 20px;
padding: 30px;
}
#learndash-page-content .ld-focus-comments #commentform textarea#comment {
background-color: transparent;
border-width: 1px;
border-radius: 3px;
}
#learndash-page-content .ld-focus-comments #commentform .logged-in-as {
display: none;
}
#learndash-page-content .ld-focus-comments .ld-expand-button.ld-button-alternate {
font-size: 14px;
color: var(--bb-primary-color);
}
#learndash-page-content .ld-focus-comments .comment-respond {
padding: 30px;
}
#learndash-page-content .ld-focus-comments .comment-respond #reply-title {
font-size: 18px;
font-weight: 400;
margin-bottom: 25px;
}
#learndash-page-content .ld-focus-comments .ld-focus-comments__heading {
border-bottom: none;
}
#learndash-page-content .ld-focus-comments .ld-focus-comments__heading .ld-focus-comments__header {
color: var(--bb-headings-color);
font-size: 18px;
font-weight: 400;
margin-bottom: 0;
}
#learndash-page-content .ld-focus-comments #ld-comments {
margin-bottom: 0;
}
#learndash-page-content .ld-focus-comments .ld-comment-avatar .ld-comment-avatar-author a.ld-comment-permalink {
line-height: normal;
color: var(--bb-primary-color);
}
#learndash-page-content .ld-focus-comments .ld-comment-avatar .ld-comment-avatar-author .ld-comment-author-name {
font-size: 14px;
margin-bottom: 0;
}
#learndash-page-content .ld-focus-comments .ld-comment-body {
margin-left: 60px;
}
#learndash-page-content .ld-focus-comments .ld-comment-body p {
margin-bottom: 0;
}
#learndash-page-content .ld-focus-comments .ld-comment-reply {
margin: 10px 0 0;
}
#learndash-page-content .ld-focus-comments .ld-comment-reply a.comment-reply-link {
background-color: transparent;
padding: 0;
font-size: 14px;
color: #939597;
font-weight: 400;
border-radius: 0;
letter-spacing: -0.26px;
}
#learndash-page-content .ld-focus-comments .comment .ld-comment-avatar {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
#learndash-page-content .ld-focus-comments .comment .ld-comment-avatar > img {
max-width: 42px;
border: 0;
}
#learndash-page-content .ld-focus-comments .form-submit #submit {
background-color: var(--bb-secondary-button-background-regular);
color: var(--bb-secondary-button-text-regular);
border: 1px solid var(--bb-secondary-button-border-regular);
width: auto;
padding: 6px 20px;
font-size: 14px;
min-height: 34px;
font-weight: 500;
border-radius: var(--bb-button-radius);
}
#learndash-page-content .ld-focus-comments .form-submit #submit:focus {
box-shadow: var(--bb-secondary-button-focus-shadow);
}
#learndash-page-content .ld-focus-comments .form-submit #submit:hover {
background-color: var(--bb-secondary-button-background-hover);
color: var(--bb-secondary-button-text-hover);
border: 1px solid var(--bb-secondary-button-border-hover);
}
.group-sidebar .group_courses ul.courses-group-list li.item-entry {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
}
@media screen and (max-width: 992px) {
.group-sidebar .group_courses ul.courses-group-list li.item-entry {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 544px) {
.group-sidebar .group_courses ul.courses-group-list li.item-entry {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
#buddypress .dataTables_paginate .button {
background: transparent;
box-shadow: none;
color: var(--bb-primary-color);
font-size: 13px;
padding: 0;
height: auto;
min-height: 1px;
margin: 10px 0 0 12px;
}
#buddypress .dataTables_paginate .button.current {
color: var(--bb-alternate-text-color);
}
#buddypress .dataTables_paginate .button:hover, #buddypress .dataTables_paginate .button:focus {
color: var(--bb-primary-color);
box-shadow: none;
}
body.buddypress .buddypress-wrap .group_courses h3.course-name {
margin-bottom: 8px;
}
body.buddypress .buddypress-wrap .group_courses .bb-course-excerpt {
font-size: 13px;
color: var(--bb-alternate-text-color);
line-height: 1.384;
display: block;
display: -webkit-box;
max-height: 2.72em;
margin: -3px 0 20px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.group_courses ul.courses-group-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
padding-top: 0;
margin: 0 -10px;
}
.group_courses ul.courses-group-list li.item-entry {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
margin: 0 0 20px;
padding: 0 10px;
}
.group_courses ul.courses-group-list li.item-entry .list-wrap {
height: 100%;
background-color: var(--bb-content-background-color);
border: 1px solid var(--bb-content-border-color);
border-radius: 4px;
}
@media screen and (max-width: 992px) {
.group_courses ul.courses-group-list li.item-entry {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media screen and (max-width: 544px) {
.group_courses ul.courses-group-list li.item-entry {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.group_courses ul.courses-group-list li.item-entry .bb-course-meta .item-avatar {
margin-right: 10px;
}
.group_courses ul.courses-group-list li.item-entry .item-avatar {
float: none;
margin: 0;
}
.group_courses ul.courses-group-list li.item-entry .item-avatar > a {
border-radius: 4px 4px 0 0;
padding-top: 52%;
position: relative;
overflow: hidden;
display: block;
background: var(--bb-cover-image-background-color);
}
.group_courses ul.courses-group-list li.item-entry .item-avatar > a img.photo {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 0;
min-height: 100%;
width: auto;
min-width: 100%;
object-fit: cover;
border-radius: 0;
display: none;
}
.group_courses ul.courses-group-list li.item-entry .item-avatar > a img.photo.wp-post-image {
display: block;
}
.group_courses ul.courses-group-list li.item-entry .item-avatar > a img.photo.no-photo {
display: none;
}
.group_courses ul.courses-group-list li.item-entry .item {
padding: 20px;
}
.group_courses ul.courses-group-list .course-name a {
color: inherit;
font-weight: 600;
font-size: 22px;
}
.group_courses ul.courses-group-list .course-name a:hover {
color: var(--bb-primary-color);
}
.group_courses ul.courses-group-list .bp-learndash-progress-bar p.bp-learndash-progress-bar-label {
display: none;
}
.group_courses ul.courses-group-list .bp-learndash-progress-bar progress {
display: block;
/* default: inline-block */
width: 100%;
border: 0 none;
background: var(--bb-content-border-color);
height: 3px;
border-radius: 3px;
}
.group_courses ul.courses-group-list .bp-learndash-progress-bar progress::-moz-progress-bar {
background-color: var(--bb-primary-color);
}
.group_courses ul.courses-group-list .bp-learndash-progress-bar progress::-webkit-progress-bar {
background: transparent;
}
.group_courses ul.courses-group-list .bp-learndash-progress-bar progress::-webkit-progress-value {
border-radius: 3px;
background-color: var(--bb-primary-color);
}
.group_courses ul.courses-group-list .bp-learndash-progress-bar progress::-ms-fill {
background-color: var(--bb-primary-color);
}
.group_courses ul.courses-group-list .bp-learndash-progress-bar-percentage {
display: block;
color: var(--bb-alternate-text-color);
font-size: 13px;
margin: 5px 0 0;
opacity: 0.8;
}
#buddypress ul.courses-group-list .course-link {
text-align: right;
margin: 5px 0;
}
#buddypress ul.courses-group-list .course-link a.button {
background-color: transparent;
color: var(--bb-headings-color);
box-shadow: none;
font-size: 14px;
padding: 0;
line-height: 1;
height: auto;
min-height: auto;
}
#buddypress ul.courses-group-list .course-link a.button:after {
content: "\e827";
font-family: bb-icons;
display: inline-block;
line-height: 1;
font-weight: normal;
font-style: normal;
speak: none;
text-decoration: inherit;
text-transform: none;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-left: 5px;
position: relative;
top: 1px;
}
#buddypress ul.courses-group-list .course-link a.button:hover {
color: var(--bb-primary-color);
}
.single-groups .groups .ld-course-status-segment .ld-status {
line-height: 30px;
height: auto;
}
.single-groups .groups .ld-course-status-segment form {
margin-bottom: 0;
}
.single-groups .groups .ld-course-status-segment .learndash_checkout_button input.ppalholder {
height: auto;
vertical-align: middle;
background-color: transparent;
border: 0;
}
.single-groups .groups .ld-item-list .ld-item-list-items .ld-item-list-item-preview > a .ld-status-icon {
margin-right: 10px;
margin-top: 3px;
}
.single-groups .groups .user_has_no_access .ld-item-list-item-preview a.ld-item-name {
cursor: pointer;
pointer-events: auto;
}
.single-groups .groups .learndash_post_groups .ld-group-courses .ld-item-list-item-preview .ld-item-details .ld-status.ld-status-progress {
min-width: 120px;
}
.bb-leandash-profile-page .bb-profile-card {
background: #fff;
border: 1px solid var(--bb-content-border-color);
border-bottom: 0;
}
.bb-leandash-profile-page .bb-profile-avatar {
margin-top: -45px;
margin-left: 30px;
margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
#content .bb-profile-avatar {
margin-top: -45px;
margin-left: 0;
margin-bottom: 20px;
}
}
.bb-profile-items .profile-item .profile-title {
font-weight: 400;
font-size: 32px;
margin-top: 20px;
margin-bottom: 5px;
}
.bb-profile-items .profile-item .profile-title a {
color: var(--bb-headings-color);
}
@media only screen and (max-width: 768px) {
.bb-profile-items .profile-item .profile-title {
margin-top: 0;
}
}
.bb-progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.bb-progress-circle {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.bb-progress {
width: 22px;
height: 22px;
line-height: 22px;
background: none;
margin: 0 auto;
box-shadow: none;
position: relative;
}
.bb-progress:after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px solid #dedfe2;
position: absolute;
top: 0;
left: 0;
}
.bb-progress > span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.bb-progress .bb-progress-left {
left: 0;
}
.bb-progress .bb-progress-circle {
width: 100%;
height: 100%;
background: none;
border-width: 2px;
border-style: solid;
position: absolute;
top: 0;
border-color: var(--bb-primary-color);
}
.bb-progress .bb-progress-left .bb-progress-circle {
left: 100%;
border-top-right-radius: 11px;
border-bottom-right-radius: 11px;
border-left: 0;
-webkit-transform-origin: center left;
-ms-transform-origin: center left;
transform-origin: center left;
-webkit-animation: loading-2 1.5s linear forwards 1.8s;
animation: loading-2 1.5s linear forwards 1.8s;
}
.bb-progress .bb-progress-right {
right: 0;
}
.bb-progress .bb-progress-right .bb-progress-circle {
left: -100%;
border-top-left-radius: 11px;
border-bottom-left-radius: 11px;
border-right: 0;
-webkit-transform-origin: center right;
-ms-transform-origin: center right;
transform-origin: center right;
-webkit-animation: loading-1 1.8s linear forwards;
animation: loading-1 1.8s linear forwards;
}
.bb-progress .bb-progress-value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 50%;
font-size: 36px;
text-align: center;
line-height: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
font-weight: 300;
}
.bb-progress .bb-progress-value div {
margin-top: 10px;
}
.bb-progress .bb-progress-value span {
font-size: 12px;
text-transform: uppercase;
}
.ld-progress-bar {
margin: 0;
height: 4px;
background: var(--bb-content-border-color);
}
.ld-progress-bar .ld-progress-bar-percentage {
background: var(--bb-primary-color);
height: 4px;
width: auto;
}
.learndash-wrapper .ld-progress .ld-progress-bar {
height: 4px;
background-color: var(--bb-content-border-color);
}
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
background: var(--bb-primary-color);
height: 4px;
width: auto;
border-radius: 7px;
}
.learndash-wrapper .ld-progress .ld-progress-stats {
color: var(--bb-alternate-text-color);
font-size: 12px;
}
/* This for look creates the necessary css animation names
Due to the split circle of progress-left and progress right, we must use the animations on each side.
*/
.bb-progress[data-percentage="1"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-1 1.5s linear forwards;
animation: loading-1 1.5s linear forwards;
}
.bb-progress[data-percentage="1"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="2"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-2 1.5s linear forwards;
animation: loading-2 1.5s linear forwards;
}
.bb-progress[data-percentage="2"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="3"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-3 1.5s linear forwards;
animation: loading-3 1.5s linear forwards;
}
.bb-progress[data-percentage="3"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="4"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-4 1.5s linear forwards;
animation: loading-4 1.5s linear forwards;
}
.bb-progress[data-percentage="4"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="5"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-5 1.5s linear forwards;
animation: loading-5 1.5s linear forwards;
}
.bb-progress[data-percentage="5"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="6"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-6 1.5s linear forwards;
animation: loading-6 1.5s linear forwards;
}
.bb-progress[data-percentage="6"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="7"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-7 1.5s linear forwards;
animation: loading-7 1.5s linear forwards;
}
.bb-progress[data-percentage="7"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="8"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-8 1.5s linear forwards;
animation: loading-8 1.5s linear forwards;
}
.bb-progress[data-percentage="8"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="9"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-9 1.5s linear forwards;
animation: loading-9 1.5s linear forwards;
}
.bb-progress[data-percentage="9"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="10"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-10 1.5s linear forwards;
animation: loading-10 1.5s linear forwards;
}
.bb-progress[data-percentage="10"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="11"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-11 1.5s linear forwards;
animation: loading-11 1.5s linear forwards;
}
.bb-progress[data-percentage="11"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="12"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-12 1.5s linear forwards;
animation: loading-12 1.5s linear forwards;
}
.bb-progress[data-percentage="12"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="13"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-13 1.5s linear forwards;
animation: loading-13 1.5s linear forwards;
}
.bb-progress[data-percentage="13"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="14"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-14 1.5s linear forwards;
animation: loading-14 1.5s linear forwards;
}
.bb-progress[data-percentage="14"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="15"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-15 1.5s linear forwards;
animation: loading-15 1.5s linear forwards;
}
.bb-progress[data-percentage="15"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="16"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-16 1.5s linear forwards;
animation: loading-16 1.5s linear forwards;
}
.bb-progress[data-percentage="16"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="17"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-17 1.5s linear forwards;
animation: loading-17 1.5s linear forwards;
}
.bb-progress[data-percentage="17"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="18"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-18 1.5s linear forwards;
animation: loading-18 1.5s linear forwards;
}
.bb-progress[data-percentage="18"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="19"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-19 1.5s linear forwards;
animation: loading-19 1.5s linear forwards;
}
.bb-progress[data-percentage="19"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="20"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-20 1.5s linear forwards;
animation: loading-20 1.5s linear forwards;
}
.bb-progress[data-percentage="20"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="21"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-21 1.5s linear forwards;
animation: loading-21 1.5s linear forwards;
}
.bb-progress[data-percentage="21"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="22"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-22 1.5s linear forwards;
animation: loading-22 1.5s linear forwards;
}
.bb-progress[data-percentage="22"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="23"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-23 1.5s linear forwards;
animation: loading-23 1.5s linear forwards;
}
.bb-progress[data-percentage="23"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="24"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-24 1.5s linear forwards;
animation: loading-24 1.5s linear forwards;
}
.bb-progress[data-percentage="24"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="25"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-25 1.5s linear forwards;
animation: loading-25 1.5s linear forwards;
}
.bb-progress[data-percentage="25"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="26"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-26 1.5s linear forwards;
animation: loading-26 1.5s linear forwards;
}
.bb-progress[data-percentage="26"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="27"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-27 1.5s linear forwards;
animation: loading-27 1.5s linear forwards;
}
.bb-progress[data-percentage="27"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="28"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-28 1.5s linear forwards;
animation: loading-28 1.5s linear forwards;
}
.bb-progress[data-percentage="28"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="29"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-29 1.5s linear forwards;
animation: loading-29 1.5s linear forwards;
}
.bb-progress[data-percentage="29"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="30"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-30 1.5s linear forwards;
animation: loading-30 1.5s linear forwards;
}
.bb-progress[data-percentage="30"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="31"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-31 1.5s linear forwards;
animation: loading-31 1.5s linear forwards;
}
.bb-progress[data-percentage="31"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="32"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-32 1.5s linear forwards;
animation: loading-32 1.5s linear forwards;
}
.bb-progress[data-percentage="32"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="33"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-33 1.5s linear forwards;
animation: loading-33 1.5s linear forwards;
}
.bb-progress[data-percentage="33"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="34"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-34 1.5s linear forwards;
animation: loading-34 1.5s linear forwards;
}
.bb-progress[data-percentage="34"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="35"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-35 1.5s linear forwards;
animation: loading-35 1.5s linear forwards;
}
.bb-progress[data-percentage="35"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="36"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-36 1.5s linear forwards;
animation: loading-36 1.5s linear forwards;
}
.bb-progress[data-percentage="36"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="37"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-37 1.5s linear forwards;
animation: loading-37 1.5s linear forwards;
}
.bb-progress[data-percentage="37"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="38"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-38 1.5s linear forwards;
animation: loading-38 1.5s linear forwards;
}
.bb-progress[data-percentage="38"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="39"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-39 1.5s linear forwards;
animation: loading-39 1.5s linear forwards;
}
.bb-progress[data-percentage="39"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="40"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-40 1.5s linear forwards;
animation: loading-40 1.5s linear forwards;
}
.bb-progress[data-percentage="40"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="41"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-41 1.5s linear forwards;
animation: loading-41 1.5s linear forwards;
}
.bb-progress[data-percentage="41"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="42"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-42 1.5s linear forwards;
animation: loading-42 1.5s linear forwards;
}
.bb-progress[data-percentage="42"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="43"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-43 1.5s linear forwards;
animation: loading-43 1.5s linear forwards;
}
.bb-progress[data-percentage="43"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="44"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-44 1.5s linear forwards;
animation: loading-44 1.5s linear forwards;
}
.bb-progress[data-percentage="44"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="45"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-45 1.5s linear forwards;
animation: loading-45 1.5s linear forwards;
}
.bb-progress[data-percentage="45"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="46"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-46 1.5s linear forwards;
animation: loading-46 1.5s linear forwards;
}
.bb-progress[data-percentage="46"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="47"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-47 1.5s linear forwards;
animation: loading-47 1.5s linear forwards;
}
.bb-progress[data-percentage="47"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="48"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-48 1.5s linear forwards;
animation: loading-48 1.5s linear forwards;
}
.bb-progress[data-percentage="48"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="49"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-49 1.5s linear forwards;
animation: loading-49 1.5s linear forwards;
}
.bb-progress[data-percentage="49"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="50"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="50"] .bb-progress-left .bb-progress-circle {
-webkit-animation: 0;
animation: 0;
}
.bb-progress[data-percentage="51"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="51"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-1 1.5s linear forwards 1.5s;
animation: loading-1 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="52"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="52"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-2 1.5s linear forwards 1.5s;
animation: loading-2 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="53"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="53"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-3 1.5s linear forwards 1.5s;
animation: loading-3 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="54"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="54"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-4 1.5s linear forwards 1.5s;
animation: loading-4 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="55"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="55"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-5 1.5s linear forwards 1.5s;
animation: loading-5 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="56"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="56"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-6 1.5s linear forwards 1.5s;
animation: loading-6 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="57"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="57"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-7 1.5s linear forwards 1.5s;
animation: loading-7 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="58"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="58"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-8 1.5s linear forwards 1.5s;
animation: loading-8 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="59"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="59"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-9 1.5s linear forwards 1.5s;
animation: loading-9 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="60"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="60"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-10 1.5s linear forwards 1.5s;
animation: loading-10 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="61"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="61"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-11 1.5s linear forwards 1.5s;
animation: loading-11 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="62"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="62"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-12 1.5s linear forwards 1.5s;
animation: loading-12 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="63"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="63"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-13 1.5s linear forwards 1.5s;
animation: loading-13 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="64"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="64"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-14 1.5s linear forwards 1.5s;
animation: loading-14 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="65"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="65"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-15 1.5s linear forwards 1.5s;
animation: loading-15 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="66"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="66"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-16 1.5s linear forwards 1.5s;
animation: loading-16 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="67"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="67"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-17 1.5s linear forwards 1.5s;
animation: loading-17 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="68"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="68"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-18 1.5s linear forwards 1.5s;
animation: loading-18 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="69"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="69"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-19 1.5s linear forwards 1.5s;
animation: loading-19 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="70"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="70"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-20 1.5s linear forwards 1.5s;
animation: loading-20 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="71"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="71"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-21 1.5s linear forwards 1.5s;
animation: loading-21 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="72"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="72"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-22 1.5s linear forwards 1.5s;
animation: loading-22 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="73"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="73"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-23 1.5s linear forwards 1.5s;
animation: loading-23 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="74"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="74"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-24 1.5s linear forwards 1.5s;
animation: loading-24 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="75"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="75"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-25 1.5s linear forwards 1.5s;
animation: loading-25 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="76"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="76"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-26 1.5s linear forwards 1.5s;
animation: loading-26 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="77"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="77"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-27 1.5s linear forwards 1.5s;
animation: loading-27 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="78"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="78"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-28 1.5s linear forwards 1.5s;
animation: loading-28 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="79"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="79"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-29 1.5s linear forwards 1.5s;
animation: loading-29 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="80"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="80"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-30 1.5s linear forwards 1.5s;
animation: loading-30 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="81"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="81"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-31 1.5s linear forwards 1.5s;
animation: loading-31 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="82"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="82"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-32 1.5s linear forwards 1.5s;
animation: loading-32 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="83"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="83"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-33 1.5s linear forwards 1.5s;
animation: loading-33 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="84"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="84"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-34 1.5s linear forwards 1.5s;
animation: loading-34 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="85"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="85"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-35 1.5s linear forwards 1.5s;
animation: loading-35 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="86"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="86"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-36 1.5s linear forwards 1.5s;
animation: loading-36 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="87"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="87"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-37 1.5s linear forwards 1.5s;
animation: loading-37 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="88"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="88"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-38 1.5s linear forwards 1.5s;
animation: loading-38 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="89"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="89"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-39 1.5s linear forwards 1.5s;
animation: loading-39 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="90"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="90"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-40 1.5s linear forwards 1.5s;
animation: loading-40 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="91"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="91"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-41 1.5s linear forwards 1.5s;
animation: loading-41 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="92"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="92"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-42 1.5s linear forwards 1.5s;
animation: loading-42 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="93"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="93"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-43 1.5s linear forwards 1.5s;
animation: loading-43 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="94"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="94"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-44 1.5s linear forwards 1.5s;
animation: loading-44 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="95"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="95"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-45 1.5s linear forwards 1.5s;
animation: loading-45 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="96"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="96"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-46 1.5s linear forwards 1.5s;
animation: loading-46 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="97"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="97"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-47 1.5s linear forwards 1.5s;
animation: loading-47 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="98"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="98"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-48 1.5s linear forwards 1.5s;
animation: loading-48 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="99"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="99"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-49 1.5s linear forwards 1.5s;
animation: loading-49 1.5s linear forwards 1.5s;
}
.bb-progress[data-percentage="100"] .bb-progress-right .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards;
animation: loading-50 1.5s linear forwards;
}
.bb-progress[data-percentage="100"] .bb-progress-left .bb-progress-circle {
-webkit-animation: loading-50 1.5s linear forwards 1.5s;
animation: loading-50 1.5s linear forwards 1.5s;
}
@-webkit-keyframes loading-1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(3.6deg);
transform: rotate(3.6deg);
}
}
@keyframes loading-1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(3.6deg);
transform: rotate(3.6deg);
}
}
@-webkit-keyframes loading-2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(7.2deg);
transform: rotate(7.2deg);
}
}
@keyframes loading-2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(7.2deg);
transform: rotate(7.2deg);
}
}
@-webkit-keyframes loading-3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(10.8deg);
transform: rotate(10.8deg);
}
}
@keyframes loading-3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(10.8deg);
transform: rotate(10.8deg);
}
}
@-webkit-keyframes loading-4 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(14.4deg);
transform: rotate(14.4deg);
}
}
@keyframes loading-4 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(14.4deg);
transform: rotate(14.4deg);
}
}
@-webkit-keyframes loading-5 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
}
@keyframes loading-5 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
}
@-webkit-keyframes loading-6 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(21.6deg);
transform: rotate(21.6deg);
}
}
@keyframes loading-6 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(21.6deg);
transform: rotate(21.6deg);
}
}
@-webkit-keyframes loading-7 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(25.2deg);
transform: rotate(25.2deg);
}
}
@keyframes loading-7 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(25.2deg);
transform: rotate(25.2deg);
}
}
@-webkit-keyframes loading-8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(28.8deg);
transform: rotate(28.8deg);
}
}
@keyframes loading-8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(28.8deg);
transform: rotate(28.8deg);
}
}
@-webkit-keyframes loading-9 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(32.4deg);
transform: rotate(32.4deg);
}
}
@keyframes loading-9 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(32.4deg);
transform: rotate(32.4deg);
}
}
@-webkit-keyframes loading-10 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(36deg);
transform: rotate(36deg);
}
}
@keyframes loading-10 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(36deg);
transform: rotate(36deg);
}
}
@-webkit-keyframes loading-11 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(39.6deg);
transform: rotate(39.6deg);
}
}
@keyframes loading-11 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(39.6deg);
transform: rotate(39.6deg);
}
}
@-webkit-keyframes loading-12 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(43.2deg);
transform: rotate(43.2deg);
}
}
@keyframes loading-12 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(43.2deg);
transform: rotate(43.2deg);
}
}
@-webkit-keyframes loading-13 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(46.8deg);
transform: rotate(46.8deg);
}
}
@keyframes loading-13 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(46.8deg);
transform: rotate(46.8deg);
}
}
@-webkit-keyframes loading-14 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(50.4deg);
transform: rotate(50.4deg);
}
}
@keyframes loading-14 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(50.4deg);
transform: rotate(50.4deg);
}
}
@-webkit-keyframes loading-15 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(54deg);
transform: rotate(54deg);
}
}
@keyframes loading-15 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(54deg);
transform: rotate(54deg);
}
}
@-webkit-keyframes loading-16 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(57.6deg);
transform: rotate(57.6deg);
}
}
@keyframes loading-16 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(57.6deg);
transform: rotate(57.6deg);
}
}
@-webkit-keyframes loading-17 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(61.2deg);
transform: rotate(61.2deg);
}
}
@keyframes loading-17 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(61.2deg);
transform: rotate(61.2deg);
}
}
@-webkit-keyframes loading-18 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(64.8deg);
transform: rotate(64.8deg);
}
}
@keyframes loading-18 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(64.8deg);
transform: rotate(64.8deg);
}
}
@-webkit-keyframes loading-19 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(68.4deg);
transform: rotate(68.4deg);
}
}
@keyframes loading-19 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(68.4deg);
transform: rotate(68.4deg);
}
}
@-webkit-keyframes loading-20 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(72deg);
transform: rotate(72deg);
}
}
@keyframes loading-20 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(72deg);
transform: rotate(72deg);
}
}
@-webkit-keyframes loading-21 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(75.6deg);
transform: rotate(75.6deg);
}
}
@keyframes loading-21 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(75.6deg);
transform: rotate(75.6deg);
}
}
@-webkit-keyframes loading-22 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(79.2deg);
transform: rotate(79.2deg);
}
}
@keyframes loading-22 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(79.2deg);
transform: rotate(79.2deg);
}
}
@-webkit-keyframes loading-23 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(82.8deg);
transform: rotate(82.8deg);
}
}
@keyframes loading-23 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(82.8deg);
transform: rotate(82.8deg);
}
}
@-webkit-keyframes loading-24 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(86.4deg);
transform: rotate(86.4deg);
}
}
@keyframes loading-24 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(86.4deg);
transform: rotate(86.4deg);
}
}
@-webkit-keyframes loading-25 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@keyframes loading-25 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@-webkit-keyframes loading-26 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(93.6deg);
transform: rotate(93.6deg);
}
}
@keyframes loading-26 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(93.6deg);
transform: rotate(93.6deg);
}
}
@-webkit-keyframes loading-27 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(97.2deg);
transform: rotate(97.2deg);
}
}
@keyframes loading-27 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(97.2deg);
transform: rotate(97.2deg);
}
}
@-webkit-keyframes loading-28 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(100.8deg);
transform: rotate(100.8deg);
}
}
@keyframes loading-28 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(100.8deg);
transform: rotate(100.8deg);
}
}
@-webkit-keyframes loading-29 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(104.4deg);
transform: rotate(104.4deg);
}
}
@keyframes loading-29 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(104.4deg);
transform: rotate(104.4deg);
}
}
@-webkit-keyframes loading-30 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(108deg);
transform: rotate(108deg);
}
}
@keyframes loading-30 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(108deg);
transform: rotate(108deg);
}
}
@-webkit-keyframes loading-31 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(111.6deg);
transform: rotate(111.6deg);
}
}
@keyframes loading-31 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(111.6deg);
transform: rotate(111.6deg);
}
}
@-webkit-keyframes loading-32 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(115.2deg);
transform: rotate(115.2deg);
}
}
@keyframes loading-32 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(115.2deg);
transform: rotate(115.2deg);
}
}
@-webkit-keyframes loading-33 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(118.8deg);
transform: rotate(118.8deg);
}
}
@keyframes loading-33 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(118.8deg);
transform: rotate(118.8deg);
}
}
@-webkit-keyframes loading-34 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(122.4deg);
transform: rotate(122.4deg);
}
}
@keyframes loading-34 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(122.4deg);
transform: rotate(122.4deg);
}
}
@-webkit-keyframes loading-35 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(126deg);
transform: rotate(126deg);
}
}
@keyframes loading-35 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(126deg);
transform: rotate(126deg);
}
}
@-webkit-keyframes loading-36 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(129.6deg);
transform: rotate(129.6deg);
}
}
@keyframes loading-36 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(129.6deg);
transform: rotate(129.6deg);
}
}
@-webkit-keyframes loading-37 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(133.2deg);
transform: rotate(133.2deg);
}
}
@keyframes loading-37 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(133.2deg);
transform: rotate(133.2deg);
}
}
@-webkit-keyframes loading-38 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(136.8deg);
transform: rotate(136.8deg);
}
}
@keyframes loading-38 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(136.8deg);
transform: rotate(136.8deg);
}
}
@-webkit-keyframes loading-39 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(140.4deg);
transform: rotate(140.4deg);
}
}
@keyframes loading-39 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(140.4deg);
transform: rotate(140.4deg);
}
}
@-webkit-keyframes loading-40 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(144deg);
transform: rotate(144deg);
}
}
@keyframes loading-40 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(144deg);
transform: rotate(144deg);
}
}
@-webkit-keyframes loading-41 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(147.6deg);
transform: rotate(147.6deg);
}
}
@keyframes loading-41 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(147.6deg);
transform: rotate(147.6deg);
}
}
@-webkit-keyframes loading-42 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(151.2deg);
transform: rotate(151.2deg);
}
}
@keyframes loading-42 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(151.2deg);
transform: rotate(151.2deg);
}
}
@-webkit-keyframes loading-43 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(154.8deg);
transform: rotate(154.8deg);
}
}
@keyframes loading-43 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(154.8deg);
transform: rotate(154.8deg);
}
}
@-webkit-keyframes loading-44 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(158.4deg);
transform: rotate(158.4deg);
}
}
@keyframes loading-44 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(158.4deg);
transform: rotate(158.4deg);
}
}
@-webkit-keyframes loading-45 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(162deg);
transform: rotate(162deg);
}
}
@keyframes loading-45 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(162deg);
transform: rotate(162deg);
}
}
@-webkit-keyframes loading-46 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(165.6deg);
transform: rotate(165.6deg);
}
}
@keyframes loading-46 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(165.6deg);
transform: rotate(165.6deg);
}
}
@-webkit-keyframes loading-47 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(169.2deg);
transform: rotate(169.2deg);
}
}
@keyframes loading-47 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(169.2deg);
transform: rotate(169.2deg);
}
}
@-webkit-keyframes loading-48 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(172.8deg);
transform: rotate(172.8deg);
}
}
@keyframes loading-48 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(172.8deg);
transform: rotate(172.8deg);
}
}
@-webkit-keyframes loading-49 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(176.4deg);
transform: rotate(176.4deg);
}
}
@keyframes loading-49 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(176.4deg);
transform: rotate(176.4deg);
}
}
@-webkit-keyframes loading-50 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@keyframes loading-50 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
.learndash-wrapper .ld-file-upload {
border-radius: 4px;
background-color: var(--bb-body-background-color);
}
.learndash-wrapper .ld-file-upload .ld-file-upload-heading {
font-size: inherit;
}
.learndash-wrapper .ld-file-upload .ld-file-upload-form .ld-file-input + label span {
font-size: 14px;
color: var(--bb-alternate-text-color);
font-weight: normal;
}
.learndash-wrapper .ld-file-upload .ld-file-upload-form .ld-file-input + label {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.learndash-wrapper .ld-file-upload .ld-file-upload-form .ld-file-input + label strong {
font-size: 15px;
font-weight: normal;
}
.learndash-wrapper .ld-file-upload .ld-file-upload-form .ld-file-input + label {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item .ld-item-name .ld-item-title .ld-item-components span.ld-status-waiting,
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item .ld-item-name .ld-item-title .ld-item-components span.ld-status-waiting span.ld-icon {
background-color: #dbbe1a;
color: #fff !important;
}
.learndash-wrapper .ld-status-waiting {
background-color: #dbbe1a;
color: #fff !important;
}
.learndash-wrapper .ld-assignment-list .ld-status {
line-height: inherit;
font-size: 12px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.learndash-wrapper .ld-assignment-list .ld-status .ld-icon {
font-size: 16px;
margin-left: 0;
margin-right: 3px;
}
.learndash-wrapper .ld-assignment-list .ld-icon.ld-icon-comments {
position: relative;
bottom: 1px;
}
.learndash-wrapper .ld-table-list.ld-assignment-list .ld-table-list-items {
overflow: visible;
}
.ld-icon.ld-icon-download,
.ld-icon.ld-icon-delete,
.ld-icon.ld-icon-comments {
font-family: bb-icons !important;
font-size: 20px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 6px;
padding-bottom: 0;
}
.ld-icon.ld-icon-comments {
font-size: 24px;
}
.ld-icon.ld-icon-download:before {
content: "\ee57";
}
.ld-icon.ld-icon-delete:before {
content: "\e828";
}
.ld-icon.ld-icon-comments:before {
content: "\ee33";
}
article.sfwd-assignment {
position: relative;
z-index: 1;
}
article.sfwd-assignment a {
word-break: break-word;
}
body:not(.bb-dark-theme) .sfwd-light-mode {
display: none;
}
.bb-sfwd-aside.bb-dark-theme {
background: #121212;
color: #aaa;
/* Header statrs */
/* Header Ends */
}
.bb-sfwd-aside.bb-dark-theme .comment-text {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .bb-mobile-panel-header .user-wrap a:hover,
.bb-sfwd-aside.bb-dark-theme .bb-mobile-panel-inner .mobile-menu a:hover {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme.ld-in-focus-mode .learndash-wrapper {
background-color: transparent;
}
.bb-sfwd-aside.bb-dark-theme .sfwd-dark-mode {
display: none;
}
.bb-sfwd-aside.bb-dark-theme h1,
.bb-sfwd-aside.bb-dark-theme .h1,
.bb-sfwd-aside.bb-dark-theme h2,
.bb-sfwd-aside.bb-dark-theme .h2,
.bb-sfwd-aside.bb-dark-theme h3,
.bb-sfwd-aside.bb-dark-theme .h3,
.bb-sfwd-aside.bb-dark-theme h4,
.bb-sfwd-aside.bb-dark-theme .h4,
.bb-sfwd-aside.bb-dark-theme h5,
.bb-sfwd-aside.bb-dark-theme .h5,
.bb-sfwd-aside.bb-dark-theme h6,
.bb-sfwd-aside.bb-dark-theme .h6 {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .ld-sidebar-widgets li.widget h2.widgettitle,
.bb-sfwd-aside.bb-dark-theme .widget_ldcoursenavigation .ld-lesson-section-heading,
.bb-sfwd-aside.bb-dark-theme .widget_ldcourseinfo .course_progress_details .learndash-profile-course-title a,
.bb-sfwd-aside.bb-dark-theme #quiz_progress_details p a,
.bb-sfwd-aside.bb-dark-theme .widget .item-list .item-title a,
.bb-sfwd-aside.bb-dark-theme .widget.buddypress div.item-options .selected,
.bb-sfwd-aside.bb-dark-theme .widget.activity_update .activity-update p a:not(.activity-time-since) {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .widget_lduserstatus .learndash-wrapper .ld-user-status.ld-is-widget .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-title {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .ld-sidebar-widgets .widget.buddypress div.item-options .selected {
border-bottom-color: #ccc;
}
.bb-sfwd-aside.bb-dark-theme .ld-course-navigation .course-entry-title,
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .ld-table-list .ld-table-list-header,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .ld-item-list-section-heading .ld-lesson-section-heading {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .site-header {
background: #232323;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
}
.bb-sfwd-aside.bb-dark-theme .site-header .bb-icon-close {
color: #121212;
}
.bb-sfwd-aside.bb-dark-theme.sticky-header .site-header {
box-shadow: 0 4px 1px -4px rgba(0, 0, 0, 0.22);
}
.bb-sfwd-aside.bb-dark-theme.sticky-header .site-header.has-scrolled {
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
.bb-sfwd-aside.bb-dark-theme .site-header .header-aside-inner > a i {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme.bb-template-v2 .buddypanel .bb-toggle-panel:hover {
background: rgba(255, 255, 255, 0.15);
}
.bb-sfwd-aside.bb-dark-theme.bb-template-v2 .buddypanel .side-panel-menu li:not(.current-menu-item) a,
.bb-sfwd-aside.bb-dark-theme .side-panel-menu .bb-menu-section a,
.bb-sfwd-aside.bb-dark-theme .side-panel-menu a {
color: var(--bb-alternate-text-color);
background-color: transparent;
}
.bb-sfwd-aside.bb-dark-theme.bb-template-v2 .buddypanel .side-panel-menu li:not(.current-menu-item) a:hover,
.bb-sfwd-aside.bb-dark-theme .side-panel-menu .bb-menu-section a:hover,
.bb-sfwd-aside.bb-dark-theme .side-panel-menu a:hover {
color: #fff;
background-color: transparent;
}
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu li:hover > a {
color: #aaa;
background: rgba(255, 255, 255, 0.15);
}
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu li:hover > a:hover {
color: #aaa;
background: rgba(255, 255, 255, 0.15);
}
.bb-sfwd-aside.bb-dark-theme.bb-template-v2 .buddypanel .side-panel-menu .current-menu-item > a,
.bb-sfwd-aside.bb-dark-theme .buddypanel .side-panel-menu .current-menu-item > a {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme.bb-template-v2 .buddypanel .side-panel-menu .current-menu-item > a:hover,
.bb-sfwd-aside.bb-dark-theme .buddypanel .side-panel-menu .current-menu-item > a:hover {
background-color: transparent;
}
.bb-sfwd-aside.bb-dark-theme .buddypanel .side-panel-menu li:not(.current-menu-item) a i:not(.bb-icon-angle-down) {
opacity: 1;
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .side-panel-menu .bb-menu-section a {
color: #fff;
opacity: 1;
}
.bb-sfwd-aside.bb-dark-theme .side-panel-menu .bb-menu-section a:hover {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .learndash_next_prev_link a,
.bb-sfwd-aside.bb-dark-theme .lms-header-instructor .bb-about-instructor h5 a {
color: var(--bb-alternate-text-color);
}
.bb-sfwd-aside.bb-dark-theme .learndash_next_prev_link a:hover,
.bb-sfwd-aside.bb-dark-theme .lms-header-instructor .bb-about-instructor h5 a:hover {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-links ul li a {
color: var(--bb-alternate-text-color);
border-color: var(--bb-alternate-text-color);
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-links ul li a:hover {
color: #fff;
border-color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .bb-type-list.bb-lms-list-inside a,
.bb-sfwd-aside.bb-dark-theme .bb-quiz-list a {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .bb-learndash-banner,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-topic-sidebar-data,
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .ld-topic-status {
background-color: #1c1c1c;
}
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .bb-ld-info-bar .ld-topic-status {
background-color: transparent;
}
.bb-sfwd-aside.bb-dark-theme div.bb-lms-header,
.bb-sfwd-aside.bb-dark-theme .buddypanel,
.bb-sfwd-aside.bb-dark-theme .bb-mobile-panel-wrapper.left,
.bb-sfwd-aside.bb-dark-theme .bb-mobile-panel-wrapper.left .bb-mobile-panel-inner,
.bb-sfwd-aside.bb-dark-theme #learndash-page-content,
.bb-sfwd-aside.bb-dark-theme .bb-footer,
.bb-sfwd-aside.bb-dark-theme .panel-head,
.bb-sfwd-aside.bb-dark-theme .buddypanel #site-logo,
.bb-sfwd-aside.bb-dark-theme .buddypanel .side-panel-menu a {
background: #121212;
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper,
.bb-sfwd-aside.bb-dark-theme #learndash-page-content {
border-bottom: 0;
}
.bb-sfwd-aside.bb-dark-theme .bb-footer {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.bb-sfwd-aside.bb-dark-theme .header-search-wrap,
.bb-sfwd-aside.bb-dark-theme .header-search-wrap input.search-field {
background: #000;
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li:hover {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li:hover.menu-item-has-children:after {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li:hover > a > i,
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li:hover > a span {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li.menu-item-has-children:after {
color: #888;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li.menu-item > .ab-submenu:before {
border-color: #232323 #232323 transparent transparent;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li .ab-submenu {
background-color: #000;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li .ab-submenu .bb-sub-menu {
background-color: #000;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li .ab-submenu .bb-sub-menu li.menu-item:hover > a {
background: rgba(255, 255, 255, 0.15);
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li .ab-submenu .bb-sub-menu li.menu-item:hover > a > i {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li .ab-submenu .bb-sub-menu li.menu-item.menu-item-has-children:after {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li .ab-submenu .bb-sub-menu li.menu-item.menu-item-has-children:hover:after {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li .ab-submenu .bb-sub-menu li.menu-item > a {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li .ab-submenu .bb-sub-menu li.menu-item > a > i {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li .ab-submenu .bb-sub-menu li.menu-item.menu-item.menu-item-has-children > a:after {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li > a {
color: #939597;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li > a > i {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme #primary-navbar .primary-menu > li > a:hover {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .site-header #primary-navbar #navbar-collapse .more-button.active:after {
border-color: #232323 #232323 transparent transparent;
}
.bb-sfwd-aside.bb-dark-theme .site-header #primary-navbar #navbar-collapse .sub-menu {
background-color: #000;
}
.bb-sfwd-aside.bb-dark-theme .site-header #primary-navbar #navbar-collapse .sub-menu a {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .site-header #primary-navbar #navbar-collapse .sub-menu li:hover > a {
color: #aaa;
background: rgba(255, 255, 255, 0.15);
}
.bb-sfwd-aside.bb-dark-theme .site-header #primary-navbar #navbar-collapse .sub-menu .wrapper .sub-menu-inner .menu-item .ab-submenu {
background-color: #000;
}
.bb-sfwd-aside.bb-dark-theme .site-header #primary-navbar #navbar-collapse .sub-menu .wrapper .sub-menu-inner .menu-item .ab-submenu:before,
.bb-sfwd-aside.bb-dark-theme .site-header #primary-navbar #navbar-collapse .sub-menu .wrapper .sub-menu-inner .menu-item .ab-submenu .bb-sub-menu {
background-color: #000;
}
.bb-sfwd-aside.bb-dark-theme .site-header #primary-navbar #navbar-collapse .sub-menu .wrapper .sub-menu-inner .menu-item .ab-submenu li:hover > a {
color: #aaa;
background: rgba(255, 255, 255, 0.15);
}
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu,
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu {
background-color: #000;
}
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu a,
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu .user-mention,
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu a,
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu .user-mention {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu a > i,
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu a:before,
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu a > i,
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu a:before {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu li:hover > a,
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu li:hover > a > i,
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu li:hover a:before,
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu li:hover > a,
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu li:hover > a > i,
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu li:hover a:before {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu li.no-icon > a:before,
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu li.no-icon > a:before {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu:before,
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu:before {
border-color: #232323 #232323 transparent transparent;
}
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu .wrapper li .wrapper {
background-color: transparent;
}
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu .wrapper li .wrapper:before {
background-color: #000;
}
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu .wrapper li .wrapper .ab-submenu {
background-color: #000;
box-shadow: none;
}
.bb-sfwd-aside.bb-dark-theme .site-header .sub-menu .user-link {
border-color: #333 #333 transparent transparent;
}
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu {
background-color: #000;
}
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu li:hover > a,
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu a:hover {
background: rgba(255, 255, 255, 0.15);
}
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu li .wrapper .bb-sub-menu {
background-color: #000;
}
.bb-sfwd-aside.bb-dark-theme .user-wrap.menu-item-has-children #header-my-account-menu li .wrapper .bb-sub-menu a:hover {
background: rgba(255, 255, 255, 0.15);
}
.bb-sfwd-aside.bb-dark-theme .site-header #header-aside .user-wrap.menu-item-has-children .user-link > i {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .site-header #header-aside .user-wrap.menu-item-has-children .user-link:hover .user-name,
.bb-sfwd-aside.bb-dark-theme .site-header #header-aside .user-wrap.menu-item-has-children .user-link:hover > i {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .site-header #header-aside .user-wrap.menu-item-has-children .user-name {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme.bb-template-v2 .primary-menu > li:hover > a:before {
background: rgba(255, 255, 255, 0.1);
}
.bb-sfwd-aside.bb-dark-theme #learndash-page-content .sfwd-course-nav .learndash_next_prev_link a,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-course-navigation a.course-entry-link {
background-color: rgba(146, 164, 183, 0.2);
}
.bb-sfwd-aside.bb-dark-theme #learndash-page-content .sfwd-course-nav .learndash_next_prev_link a:hover,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-course-navigation a.course-entry-link:hover {
background-color: var(--bb-primary-color);
}
.bb-sfwd-aside.bb-dark-theme #learndash-page-content .sfwd-course-nav .learndash_next_prev_link span.empty-post {
background-color: rgba(146, 164, 183, 0.1);
}
.bb-sfwd-aside.bb-dark-theme .lms-lesson-item.current > .bb-lesson-head,
.bb-sfwd-aside.bb-dark-theme .lms-topic-item.current > .bb-lms-title-wrap,
.bb-sfwd-aside.bb-dark-theme .lms-quiz-item.current > .bb-lms-title-wrap {
background: #333;
}
.bb-sfwd-aside.bb-dark-theme .lms-lesson-item.current > a .i-progress.i-progress-completed,
.bb-sfwd-aside.bb-dark-theme .lms-topic-item.current > a .i-progress.i-progress-completed,
.bb-sfwd-aside.bb-dark-theme .lms-quiz-item.current .i-progress.i-progress-completed {
background-color: var(--bb-primary-color);
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .i-progress.i-progress-not-completed {
color: #777;
}
.bb-sfwd-aside.bb-dark-theme .user-wrap a.user-link,
.bb-sfwd-aside.bb-dark-theme .bb-toggle-panel,
.bb-sfwd-aside.bb-dark-theme .buddypanel .bb-toggle-panel,
.bb-sfwd-aside.bb-dark-theme .side-panel-menu i,
.bb-sfwd-aside.bb-dark-theme .site-header i {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .user-wrap a.user-link:hover,
.bb-sfwd-aside.bb-dark-theme .user-wrap a.user-link:hover i,
.bb-sfwd-aside.bb-dark-theme .site-header #header-aside a.user-link:hover i,
.bb-sfwd-aside.bb-dark-theme .bb-toggle-panel:hover,
.bb-sfwd-aside.bb-dark-theme .bb-toggle-panel:hover i,
.bb-sfwd-aside.bb-dark-theme .buddypanel .bb-toggle-panel:hover {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme [data-balloon]:after {
background: rgba(255, 255, 255, 0.95);
box-shadow: none;
color: #000;
}
.bb-sfwd-aside.bb-dark-theme [data-balloon]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(255,255,255,0.95)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
background-size: 100% auto;
}
.bb-sfwd-aside.bb-dark-theme [data-balloon][data-balloon-pos="right"]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(255,255,255,0.95)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
background-size: 100% auto;
}
.bb-sfwd-aside.bb-dark-theme [data-balloon][data-balloon-pos="left"]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(255,255,255,0.95)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
background-size: 100% auto;
}
.bb-sfwd-aside.bb-dark-theme [data-balloon][data-balloon-pos="down"]:before {
background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(255,255,255,0.95)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
background-size: 100% auto;
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-lessions-list > ol li a,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul li a {
color: #888;
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-lessions-list > ol li a:hover, .bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-lessions-list > ol li a:hover:before,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul li a:hover,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-course-quizzes-list > ul li a:hover:before {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-item:hover:before {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .bb-progress:after {
border-color: #939597;
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-side-item-incomplete {
color: #939597;
}
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs .ld-breadcrumbs-segments span a {
color: #939597;
}
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs .ld-breadcrumbs-segments span a:hover {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-side-item-complete {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .learndash_next_prev_link .next-link:last-child {
border-color: #121212;
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-item.current:before,
.bb-sfwd-aside.bb-dark-theme li.lms-topic-item.current > .bb-title,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .group-exec-list a .lms-group-lead span:first-child,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-group-flag .lms-group-heading a span,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .course-group-list a {
color: var(--bb-headings-color);
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-course-members-list .course-members-list a {
color: #888;
}
.bb-sfwd-aside.bb-dark-theme pre {
background: #282a2c;
}
.bb-sfwd-aside.bb-dark-theme label {
color: #f8f8f8;
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-instructor .bb-about-instructor h5 a {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-progress .course-progress-wrap,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-lessions-list > ol.bb-lessons-list > li.lms-lesson-item,
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .bb-ld-info-bar .ld-breadcrumbs,
.bb-sfwd-aside.bb-dark-theme .wpProQuiz_content .wpProQuiz_reviewDiv {
border-bottom-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-course-quizzes-list .lms-course-quizzes-heading,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-course-members-list .lms-course-sidebar-heading,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-links {
border-top-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .bb-separator {
background: #333;
}
.bb-sfwd-aside.bb-dark-theme .wpProQuiz_content .wpProQuiz_questionList li.wpProQuiz_questionListItem,
.bb-sfwd-aside.bb-dark-theme .wpProQuiz_content .wpProQuiz_quiz .wpProQuiz_response,
.bb-sfwd-aside.bb-dark-theme .wpProQuiz_content ul.wpProQuiz_sortStringList > li {
background-color: #121212;
border-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .wpProQuiz_content .wpProQuiz_tipp > div,
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .wpProQuiz_content .wpProQuiz_tipp > div:before {
background-color: #333;
border-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .wpProQuiz_content ul.wpProQuiz_questionList[data-type="matrix_sort_answer"] li table td {
border-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .wpProQuiz_content .wpProQuiz_questionList[data-type="essay"] form input[type="file"] + label,
.bb-sfwd-aside.bb-dark-theme .wpProQuiz_content .wpProQuiz_catOverview span {
background-color: var(--bb-primary-color);
}
.bb-sfwd-aside.bb-dark-theme input[type="text"],
.bb-sfwd-aside.bb-dark-theme textarea,
.bb-sfwd-aside.bb-dark-theme select {
background-color: #333;
border-color: #aaa;
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem textarea.wpProQuiz_questionEssay {
border-color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .wpProQuiz_content .wpProQuiz_catOverview span.wpProQuiz_catName,
.bb-sfwd-aside.bb-dark-theme .wpProQuiz_catOverview span.wpProQuiz_catPercent {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .lms-header-instructor .bb-about-instructor .bb-about-instructor-date:before {
background-color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .lms-header-instructor .bb-about-instructor .bb-about-instructor-date,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .lms-group-flag .lms-group-heading > span,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .group-exec-list a .lms-group-lead span:last-child,
.bb-sfwd-aside.bb-dark-theme .bb-lesson-head .bb-lesson-topics-count,
.bb-sfwd-aside.bb-dark-theme .bb-lesson-head .bb-lesson-quizzes-count,
.bb-sfwd-aside.bb-dark-theme .bb-lesson-head .bb-lesson-sidebar-ld-sep,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-progress .course-completion-rate,
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-progress .ld-progress-steps,
.bb-sfwd-aside.bb-dark-theme #learndash-page-content .sfwd-course-nav .sfwd-course-expire i,
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .ld-progress .ld-progress-stats,
.bb-sfwd-aside.bb-dark-theme span.bb-pages .bb-total {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .lms-topic-sidebar-wrapper .group-exec-list a .lms-group-lead span:first-child {
color: var(--bb-headings-color);
}
.bb-sfwd-aside.bb-dark-theme .wpProQuiz_content .wpProQuiz_addToplist {
background-color: transparent;
border-top-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .wpProQuiz_content .wpProQuiz_addToplist .wpProQuiz_button2 {
margin-left: auto;
margin-right: auto;
}
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .ld-quiz-actions {
border-top: 1px solid #333;
}
.bb-sfwd-aside.bb-dark-theme .comment-respond {
background-color: #121212;
border-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .comment-respond .comment-author {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .comment-respond textarea {
border-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .comment-respond input[type="submit"].outline:disabled {
background-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .ld-table-list .ld-table-list-item .ld-table-list-title a {
color: inherit;
}
.bb-sfwd-aside.bb-dark-theme .comment-list .comment-body {
background-color: #121212;
border-color: #333;
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .comment-list .comment-body .comment-author a.url {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .comment-list .comment-body a.comment-date {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .comment-list .comment-body a.comment-date:hover {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .bp-feedback.bp-sitewide-notice {
background-color: rgba(146, 164, 183, 0.2);
border-color: transparent;
}
.bb-sfwd-aside.bb-dark-theme .bp-feedback.bp-sitewide-notice p {
color: #939597;
}
.bb-sfwd-aside.bb-dark-theme .bp-feedback.bp-sitewide-notice strong {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .bp-feedback.bp-sitewide-notice button {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme #learndash-page-content .ld-focus-comments #commentform textarea#comment {
background-color: #333;
border: 0;
}
.bb-sfwd-aside.bb-dark-theme #learndash-page-content .ld-focus-comments .ld-comment-avatar .ld-comment-avatar-author .ld-comment-author-name {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme #learndash-page-content .ld-focus-comments .comment .ld-comment-wrapper {
background-color: #121212;
border: 1px solid #333;
}
.bb-sfwd-aside.bb-dark-theme #learndash-page-content .ld-focus-comments .ld-focus-comments__heading .ld-focus-comments__header {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .buddypanel .site-branding {
background-color: #121212;
}
.bb-sfwd-aside.bb-dark-theme .widget_ldcoursenavigation .ld-course-navigation .ld-lesson-item-expanded {
background-color: #121212;
}
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .ld-course-navigation .ld-lesson-item-expanded::before {
border-top-color: #1c1c1c;
}
.bb-sfwd-aside.bb-dark-theme .widget_bp_core_members_widget #members-list .item-avatar a .member-status {
border-color: #1c1c1c;
}
.bb-sfwd-aside.bb-dark-theme .ld-sidebar-widgets li.widget {
border-top-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .widget_ldcoursenavigation .ld-course-navigation .ld-course-navigation-heading,
.bb-sfwd-aside.bb-dark-theme .widget_ldcourseinfo .ld-courseregistered-content-container .ld-course-info-my-courses {
border-bottom-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .tribe_mini_calendar_widget .tribe-mini-calendar td,
.bb-sfwd-aside.bb-dark-theme .tribe_mini_calendar_widget .tribe-mini-calendar th {
background: #121212;
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .tribe_mini_calendar_widget .tribe-mini-calendar .tribe-events-othermonth {
background: #121212;
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .tribe_mini_calendar_widget .tribe-mini-calendar-no-event,
.bb-sfwd-aside.bb-dark-theme .tribe_mini_calendar_widget .tribe-mini-calendar-nav span,
.bb-sfwd-aside.bb-dark-theme .tribe_mini_calendar_widget .tribe-mini-calendar-event .list-info h2.tribe-events-title a,
.bb-sfwd-aside.bb-dark-theme .tribe-mini-calendar-event .list-info h2.tribe-events-title a,
.bb-sfwd-aside.bb-dark-theme .type-tribe_events .tribe-mini-calendar-event .list-date .list-daynumber {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .tribe-mini-calendar td,
.bb-sfwd-aside.bb-dark-theme .tribe-mini-calendar th {
border-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .type-tribe_events .tribe-mini-calendar-event {
border-color: #333;
background-color: #121212;
}
.bb-sfwd-aside.bb-dark-theme .tribe-events-countdown-widget div.tribe-countdown-number {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .woocommerce.widget_shopping_cart .total {
border-top-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .widget .dropzone .dz-default {
background-color: #333;
}
.bb-sfwd-aside.bb-dark-theme .widget .dropzone .dz-default .dz-button > strong,
.bb-sfwd-aside.bb-dark-theme .widget .dropzone .dz-default .dz-button:hover > strong {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .widget #whats-new-toolbar .emojionearea .emojionearea-button:before,
.bb-sfwd-aside.bb-dark-theme .widget #whats-new-toolbar a [class*=" bb-icon-"] {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .widget #whats-new-toolbar .post-emoji .emojionearea.medium-editor-placeholder {
padding: 0;
}
.bb-sfwd-aside.bb-dark-theme .widget div .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar.active {
background-color: #333;
bottom: 0;
}
.bb-sfwd-aside.bb-dark-theme .widget div .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar.active .medium-editor-toolbar-actions button b,
.bb-sfwd-aside.bb-dark-theme .widget div .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar.active .medium-editor-toolbar-actions button b:hover {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .widget div .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar.active .medium-editor-toolbar-actions button b:before,
.bb-sfwd-aside.bb-dark-theme .widget div .bbp-topic-form #whats-new-toolbar .medium-editor-toolbar.active .medium-editor-toolbar-actions button b:hover:before {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .select2-container .select2-dropdown {
background: #000;
border: 1px solid #aaa;
}
.bb-sfwd-aside.bb-dark-theme .select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #333;
}
.bb-sfwd-aside.bb-dark-theme .entry-content .widget .bbp_topic_tags_wrapper li.select2-search {
margin-bottom: 0;
}
.bb-sfwd-aside.bb-dark-theme .entry-content .widget .bbp-topic-form .bbp_topic_tags_wrapper,
.bb-sfwd-aside.bb-dark-theme .entry-content .widget .bbp-topic-form .bbp-the-content-wrapper {
background-color: #333;
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading,
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .wpProQuiz_graded_points,
.bb-sfwd-aside.bb-dark-theme .learndash-wrapper .wpProQuiz_points {
background-color: rgba(146, 164, 183, 0.2);
}
.bb-sfwd-aside.bb-dark-theme.bb-template-v2 .site-header .user-wrap.menu-item-has-children .user-link .user-name {
color: #aaa;
}
.bb-sfwd-aside.bb-dark-theme.bb-template-v2 .site-header .user-wrap.menu-item-has-children .user-link:hover .user-name {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme.bb-template-v2 .site-header .user-wrap.menu-item-has-children .user-link:hover:before {
background: rgba(255, 255, 255, 0.1);
}
.bb-sfwd-aside.bb-dark-theme.bb-template-v2 .site-header .user-wrap.menu-item-has-children.selected .user-link:before {
background: rgba(255, 255, 255, 0.1);
}
.bb-sfwd-aside.bb-dark-theme .site-header .bb-icon-close {
color: #fff;
background-color: rgba(146, 164, 183, 0.2);
}
.bb-sfwd-aside.bb-dark-theme .bb-mobile-panel-wrapper .bb-mobile-panel-header {
background-color: #121212;
}
.bb-sfwd-aside.bb-dark-theme .bb-mobile-panel-wrapper .bb-mobile-panel-header {
background-color: #121212;
}
.bb-sfwd-aside.bb-dark-theme .bb-mobile-panel-header .user-name {
color: #fff;
}
.bb-sfwd-aside.bb-dark-theme .elementor-location-single > .elementor-section-wrap > .elementor-section .lms-topic-sidebar-data {
background-color: #1c1c1c;
}
.ld-modal.ld-login-modal .ld-login-modal-register {
background-color: var(--bb-primary-color);
}
.ld-modal.ld-login-modal .ld-login-modal-wrapper {
max-width: 360px;
min-width: inherit;
padding: 45px 20px;
}
.ld-modal.ld-login-modal .ld-login-modal-wrapper .ld-login-modal-branding > img {
max-width: 250px;
height: auto;
}
.ld-modal.ld-login-modal .ld-login-modal-branding {
margin-bottom: 20px;
}
.ld-modal.ld-login-modal .ld-modal-closer {
color: #0d0d0e;
}
.ld-modal.ld-login-modal .ld-login-modal-form {
margin: 15px 0 0;
}
.ld-modal.ld-login-modal .ld-login-modal-form .login-username:before,
.ld-modal.ld-login-modal .ld-login-modal-form .login-password:before {
top: inherit;
bottom: 27px;
color: var(--bb-alternate-text-color);
}
.ld-modal.ld-login-modal .ld-login-modal-form input[type="submit"] {
background-color: var(--bb-primary-button-background-regular);
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular);
font-weight: 600;
margin: 10px 0 20px;
border-radius: var(--bb-button-radius);
}
.ld-modal.ld-login-modal .ld-login-modal-form input[type="submit"]:focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.ld-modal.ld-login-modal .ld-login-modal-form input[type="submit"]:hover {
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.1) !important;
opacity: 1;
}
.ld-modal.ld-login-modal .ld-login-modal-form .input {
background-color: var(--bb-content-background-color);
border: 1px solid var(--bb-content-border-color);
border-radius: var(--bb-input-radius);
color: var(--bb-body-text-color);
}
.ld-modal.ld-login-modal .ld-login-modal-form form {
margin-bottom: 0;
}
.ld-modal.ld-login-modal .ld-login-modal-form form label {
font-weight: normal;
line-height: 1;
margin-bottom: 12px;
margin-top: 10px;
}
.ld-modal.ld-login-modal .ld-login-modal-register .input {
background-color: var(--bb-content-background-color);
border: 1px solid var(--bb-content-background-color);
color: #0d0d0e;
font-size: 14px;
}
.ld-modal.ld-login-modal .ld-login-modal-register form p {
margin-bottom: 0;
}
.ld-modal.ld-login-modal .ld-login-modal-register form label {
font-weight: normal;
}
.ld-modal.ld-login-modal .ld-login-modal-register .ld-alert-warning {
background-color: rgba(var(--bb-warning-color-rgb), 1);
}
.ld-modal.ld-login-modal .ld-alert-warning {
background-color: rgba(var(--bb-warning-color-rgb), 0.2);
border: 0;
line-height: 1.5;
text-align: left;
}
.ld-modal.ld-login-modal .ld-alert-warning .ld-alert-content {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ld-modal.ld-login-modal .ld-alert-warning .ld-alert-content .ld-alert-icon.ld-icon-alert {
padding-top: 2px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding-left: 0;
margin-left: 0;
margin-right: 7px;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-login {
background-color: var(--bb-content-background-color);
}
.learndash-wrapper .ld-login-modal .ld-forgot-password-link {
color: var(--bb-headings-color);
}
.learndash-wrapper.learndash-wrapper-login-modal.ld-modal-open:after {
content: "";
position: fixed;
height: 100%;
width: 100%;
background: rgba(255, 255, 255, 0.95);
top: 0;
left: 0;
z-index: 999;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-text {
color: var(--bb-alternate-text-color);
line-height: 1.5;
margin-bottom: 20px;
}
.ld-login-modal p.login-username,
.ld-login-modal p.login-password {
text-align: left;
}
.ld-modal.ld-login-modal.ld-can-register .ld-alert-warning .ld-alert-content,
.learndash-wrapper .ld-modal.ld-can-register .ld-modal-closer,
.ld-modal.ld-login-modal.ld-can-register .ld-modal-closer,
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-register {
color: #fff;
}
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-register {
background-color: var(--bb-primary-color);
}
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-login .ld-alert-warning .ld-alert-content {
color: inherit;
}
label[for="user_reg_email"],
label[for="user_reg_login"] {
color: #fff;
text-align: left;
}
.learndash-wrapper .ld-modal .ld-modal-closer {
top: 0;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-register #ld-user-register {
margin: 25px 0 0;
}
form#registerform {
margin-bottom: 0;
}
#ld-user-register .input {
padding-left: 10px;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading {
color: var(--bb-headings-color);
line-height: 1;
margin: 0 0 20px;
font-size: 1.8em;
}
.learndash-wrapper .ld-login-modal .ld-modal-heading {
font-size: 1.8em;
font-weight: 500;
}
.learndash-wrapper .ld-login-modal .ld-login-modal-form label {
color: var(--bb-headings-color);
}
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-register #wp-submit,
.learndash-wrapper .ld-login-modal .ld-login-modal-register .ld-button {
background-color: var(--bb-secondary-button-background-regular);
color: var(--bb-secondary-button-text-regular);
border: 1px solid var(--bb-secondary-button-border-regular);
border-radius: var(--bb-button-radius);
font-weight: 500;
min-height: 48px;
width: 100%;
}
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-register #wp-submit:focus,
.learndash-wrapper .ld-login-modal .ld-login-modal-register .ld-button:focus {
box-shadow: var(--bb-secondary-button-focus-shadow);
}
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-register #wp-submit:hover,
.learndash-wrapper .ld-login-modal .ld-login-modal-register .ld-button:hover {
background-color: var(--bb-secondary-button-background-regular);
color: var(--bb-secondary-button-text-regular);
border: 1px solid var(--bb-secondary-button-border-regular);
box-shadow: none !important;
opacity: 0.8;
}
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-register #wp-submit:hover:focus,
.learndash-wrapper .ld-login-modal .ld-login-modal-register .ld-button:hover:focus {
box-shadow: var(--bb-secondary-button-focus-shadow);
}
.learndash-wrapper .ld-login-modal .ld-login-modal-login {
background-color: var(--bb-content-background-color);
}
.learndash-wrapper .ld-login-modal .ld-forgot-password-link {
color: var(--bb-headings-color);
}
.learndash-wrapper .ld-login-modal .ld-forgot-password-link:hover {
color: var(--bb-primary-color);
}
.learndash-wrapper .ld-login-modal .ld-login-modal-register input[type="text"],
.learndash-wrapper .ld-login-modal .ld-login-modal-register input[type="password"],
.learndash-wrapper .ld-login-modal .ld-login-modal-register input[type="email"] {
background-color: var(--bb-content-background-color);
border-color: var(--bb-content-background-color);
}
@media screen and (max-width: 1024px) {
.learndash-wrapper .ld-login-modal.ld-can-register .ld-modal-closer {
color: #0d0d0e;
}
}
@media screen and (min-width: 769px) {
.learndash-wrapper.ld-modal-open .ld-modal {
position: fixed;
z-index: 999991;
left: 50%;
top: 5%;
bottom: 5%;
width: 90%;
max-width: 1024px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0;
height: auto;
border-radius: var(--bb-block-radius);
}
}
@media screen and (max-height: 650px) {
.learndash-wrapper.ld-modal-open .ld-modal {
display: block;
}
}
@media screen and (max-width: 768px) {
.ld-modal.ld-login-modal.ld-can-register .ld-login-modal-register {
padding: 20px 0;
}
a.ld-button.ld-button-reverse.ld-js-register-account {
margin-bottom: 0;
}
}
.learndash-wrapper .ld-breadcrumbs {
background-color: var(--bb-content-alternate-background-color);
}
.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress {
background-color: var(--bb-primary-color);
}
.learndash-wrapper a.favorite-toggle, .learndash-wrapper a.subscription-toggle {
border-bottom: 1px solid var(--bb-content-border-color) !important;
color: var(--bb-headings-color);
}
.learndash-wrapper a.favorite-toggle:hover, .learndash-wrapper a.subscription-toggle:hover {
border-bottom-color: var(--bb-secondary-button-border-hover) !important;
color: var(--bb-secondary-button-text-hover);
}
.learndash-wrapper a.prev, .learndash-wrapper a.next {
border-bottom: 1px solid var(--bb-content-border-color) !important;
}
.learndash-wrapper .bs-meta-item > a {
border-bottom: 1px solid var(--bb-content-border-color) !important;
}
.learndash-wrapper .bs-meta-item > a:hover {
border-bottom-color: var(--bb-secondary-button-border-hover) !important;
}
.user-wrap.menu-item-has-children #menu-learndash-focus > li > a {
padding-left: 40px;
}
.user-wrap.menu-item-has-children #menu-learndash-focus > li.no-icon > a:before {
content: "\ee6e";
font-family: bb-icons;
font-size: 16px;
line-height: 1;
position: absolute;
left: 14px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
min-width: 16px;
text-align: center;
color: var(--bb-alternate-text-color);
}
.user-wrap.menu-item-has-children #menu-learndash-focus .ab-submenu {
border-radius: 4px;
}
.user-wrap.menu-item-has-children #menu-learndash-focus li li > a {
background-color: transparent;
}
.user-wrap.menu-item-has-children #menu-learndash-focus a {
padding: 11px 14px;
position: relative !important;
color: var(--bb-body-text-color);
background-color: transparent;
}
.user-wrap.menu-item-has-children #menu-learndash-focus a i,
.user-wrap.menu-item-has-children #menu-learndash-focus a img {
font-size: 18px;
position: absolute;
left: 14px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
min-width: 18px;
text-align: center;
color: var(--bb-alternate-text-color);
}
.user-wrap.menu-item-has-children #menu-learndash-focus a img {
max-width: 18px;
}
.user-wrap.menu-item-has-children #menu-learndash-focus a:hover {
color: var(--bb-body-text-color);
background: var(--bb-content-alternate-background-color);
}
.user-wrap.menu-item-has-children #menu-learndash-focus .bb-sub-menu {
padding: 8px 0;
}
.user-wrap.menu-item-has-children #menu-learndash-focus .bb-sub-menu a:hover {
background-color: #fff;
}
.bb-template-v2 .user-wrap.menu-item-has-children #menu-learndash-focus .bb-sub-menu a:hover {
background-color: var(--bb-content-alternate-background-color);
}
.jq-dropdown {
z-index: 600;
}
.jq-dropdown .jq-dropdown-menu,
.jq-dropdown .jq-dropdown-panel {
background: var(--bb-content-background-color);
border: 0;
box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.12), 0 3px 8px 0 rgba(0, 0, 0, 0.06) !important;
border-radius: var(--bb-block-radius);
list-style: none;
padding: 10px;
margin: 0;
min-width: 180px;
}
.jq-dropdown.checkout-dropdown-button .btn-join,
.jq-dropdown.checkout-dropdown-button #btn-join {
background-color: var(--bb-secondary-button-background-regular) !important;
color: var(--bb-secondary-button-text-regular) !important;
border: 1px solid var(--bb-secondary-button-border-regular) !important;
}
.jq-dropdown.checkout-dropdown-button .btn-join:hover,
.jq-dropdown.checkout-dropdown-button #btn-join:hover {
background-color: var(--bb-secondary-button-background-hover) !important;
color: var(--bb-secondary-button-text-hover) !important;
border: 1px solid var(--bb-secondary-button-border-hover) !important;
}
.jq-dropdown.checkout-dropdown-button form {
margin-top: 5px;
margin-bottom: 5px;
}
.jq-dropdown.jq-dropdown-tip:before, .jq-dropdown.jq-dropdown-tip:after {
display: none;
}
/* Color overrides */
.buddyboss-theme .learndash_post_sfwd-lessons .learndash-wrapper .ld-table-list-header.ld-primary-background {
background-color: transparent !important;
color: var(--bb-headings-color);
}
.buddyboss-theme .learndash-wrapper .ld-status.ld-status-progress,
.buddyboss-theme .learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress {
background-color: var(--bb-primary-color) !important;
}
.buddyboss-theme.single-sfwd-courses .learndash-wrapper .ld-status.ld-status-progress {
background-color: var(--bb-content-alternate-background-color) !important;
color: var(--bb-body-text-color) !important;
}
.buddyboss-theme.single-sfwd-courses .learndash-wrapper .ld-status-icon.ld-status-complete {
background-color: var(--bb-primary-color);
}
.buddyboss-theme.single-sfwd-courses .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
background-color: transparent !important;
}
.buddyboss-theme.single-sfwd-courses .learndash-wrapper .ld-expand-button.ld-primary-background {
background-color: var(--bb-secondary-button-background-regular) !important;
color: var(--bb-secondary-button-text-regular) !important;
border: 1px solid var(--bb-secondary-button-border-regular);
}
.buddyboss-theme.single-sfwd-courses .learndash-wrapper .ld-expand-button.ld-primary-background:hover {
background-color: var(--bb-secondary-button-background-hover) !important;
color: var(--bb-secondary-button-text-hover) !important;
border: 1px solid var(--bb-secondary-button-border-hover);
}
.buddyboss-theme.single-sfwd-courses .learndash-wrapper .ld-expand-button.ld-primary-background:focus {
box-shadow: none;
outline: none;
}
.buddyboss-theme.single-sfwd-courses .learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
background-color: var(--bb-primary-color);
}
.buddyboss-theme.single-sfwd-courses .learndash-wrapper .ld-status-in-progress {
border-top-color: #dedfe2;
border-left-color: #dedfe2;
}
.buddyboss-theme.single-sfwd-courses .learndash-wrapper .ld-status.ld-status-complete {
background-color: var(--bb-success-color);
}
.buddyboss-theme.single-sfwd-lessons .learndash-wrapper .ld-status-icon.ld-quiz-complete {
color: #fff;
}
.buddyboss-theme.single-sfwd-quiz .learndash-wrapper .ld-breadcrumbs a {
color: var(--bb-primary-color) !important;
}
.buddyboss-theme.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion) {
background-color: var(--bb-primary-button-background-regular) !important;
color: var(--bb-primary-button-text-regular) !important;
border: 1px solid var(--bb-primary-button-border-regular);
}
.buddyboss-theme.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):hover {
background-color: var(--bb-primary-button-background-hover) !important;
color: var(--bb-primary-button-text-hover) !important;
border: 1px solid var(--bb-primary-button-border-hover);
}
.learndash-wrapper .ld-button:disabled {
background-color: var(--bb-secondary-button-background-regular);
color: var(--bb-secondary-button-text-regular);
border: 1px solid var(--bb-secondary-button-border-regular);
border-bottom: 0 !important;
}
.learndash-wrapper .ld-button:disabled:focus {
box-shadow: var(--bb-secondary-button-focus-shadow);
}
.learndash-wrapper .ld-button:disabled:hover {
background-color: var(--bb-secondary-button-background-hover);
color: var(--bb-secondary-button-text-hover);
border: 1px solid var(--bb-secondary-button-border-hover);
}
.learndash-wrapper .ld-status {
height: 100%;
border-radius: var(--bb-label-type-radius);
text-transform: none;
font-weight: 400;
line-height: 30px;
font-size: 14px;
letter-spacing: normal;
}
.learndash-wrapper .ld-status.ld-status-complete {
background-color: var(--bb-success-color);
color: var(--bb-primary-button-text-regular);
}
.learndash-wrapper .ld-course-status .ld-status {
font-size: 12px;
}
.learndash-wrapper .ld-course-status .ld-status.ld-status-complete {
background-color: var(--bb-success-color);
}
.learndash-wrapper .ld-course-status-not-enrolled .ld-status {
height: auto;
}
.learndash-wrapper .ld-course-status-segment .ld-course-status-label.no-label + .ld-course-status-content {
margin-top: 27px;
}
.learndash-wrapper .ld-course-status-segment .ld-course-status-action .ld-button {
font-size: 15px;
font-weight: inherit;
}
.learndash-wrapper .ld-course-status-segment .ld-course-status-action > form {
margin-bottom: 0;
}
.learndash-wrapper .ld-course-status-segment .ld-course-status-action #btn-join.btn-disabled {
background-color: var(--bb-primary-button-background-regular);
opacity: 0.5;
pointer-events: none;
}
.ld-exam-content button,
.ld-exam-content .ld-exam-result-button {
background-color: var(--bb-primary-button-background-regular);
color: var(--bb-primary-button-text-regular);
border: 1px solid var(--bb-primary-button-border-regular);
border-bottom: 1px solid var(--bb-primary-button-border-regular) !important;
border-radius: var(--bb-button-radius);
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
font-size: 14px;
display: inline-block;
padding: 10px 19px;
line-height: 1.471;
}
.ld-exam-content button:focus,
.ld-exam-content .ld-exam-result-button:focus {
box-shadow: var(--bb-primary-button-focus-shadow);
}
.ld-exam-content button:hover,
.ld-exam-content .ld-exam-result-button:hover {
background-color: var(--bb-primary-button-background-hover);
color: var(--bb-primary-button-text-hover);
border-color: var(--bb-primary-button-border-hover);
border-bottom: 1px solid var(--bb-primary-button-border-hover) !important;
}
.ld-exam-content button:focus,
.ld-exam-content .ld-exam-result-button:focus {
box-shadow: var(--bb-primary-button-focus-shadow) !important;
}
.ld-exam-content .ld-exam-progress .ld-exam-progress-bar {
width: 100%;
border-radius: 100px;
box-shadow: none;
height: 10px;
margin: 1em 0;
padding: 0;
}
.ld-exam-content .ld-exam-progress .ld-exam-progress-bar .ld-exam-progress-bar-fill {
background-color: var(--bb-primary-color);
border-radius: 10px;
height: 100%;
}
.ld-exam-content .ld-exam-questions {
margin-left: 0;
}
.ld-exam-content .ld-exam-questions .ld-exam-question-answers .ld-exam-question-answer {
border: 1px solid var(--bb-content-border-color);
border-radius: var(--bb-block-radius-inner);
padding: 10px 20px;
margin-bottom: 8px;
}
.ld-exam-content .ld-exam-questions .ld-exam-question-answers .ld-exam-question-answer input {
margin: auto 1em auto 0;
}
.ld-exam-content .ld-exam-questions .ld-exam-question-answers .ld-exam-question-answer label {
padding: 0 0 0 2em;
}
.ld-exam-content .ld-exam-questions .ld-exam-question-answers .ld-exam-question-answer.ld-exam-question-answer-correct.ld-exam-question-answer-student-not-selected {
background-color: rgba(var(--bb-success-color-rgb), 0.1);
border-color: transparent;
}
.ld-exam-content .ld-exam-questions .ld-exam-question-answers .ld-exam-question-answer.ld-exam-question-answer-student-correct.ld-exam-question-answer-student-selected {
background-color: rgba(var(--bb-success-color-rgb), 0.1);
border-color: var(--bb-content-border-color);
}
.ld-exam-content .ld-exam-questions .ld-exam-question-answers .ld-exam-question-answer.ld-exam-question-answer-student-incorrect.ld-exam-question-answer-student-selected {
background-color: transparent;
border-color: var(--bb-danger-color);
}
.ld-exam-content .ld-exam-result-message {
background-color: var(--bb-content-alternate-background-color);
border: 1px solid var(--bb-content-border-color);
color: var(--bb-body-text-color);
border-radius: var(--bb-block-radius-inner);
}
.bb-single-course-sidebar .bb-button-wrap {
padding-top: 10px;
}
.ld-item-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ld-item-title .lms-is-locked-ico i {
margin-left: 10px;
color: var(--bb-alternate-text-color);
}
.single-item.groups.courses .bb-course-banner-inner,
.learndash-theme.single-sfwd-courses .bb-course-banner-inner {
max-width: -webkit-calc(100% - 480px);
max-width: calc(100% - 480px);
width: -webkit-calc(100% - 480px);
width: calc(100% - 480px);
}
.single-item.groups.courses .bb-about-instructor .bb-instructor-heading,
.single-item.groups.courses .bb-about-instructor h4,
.learndash-theme.single-sfwd-courses .bb-about-instructor .bb-instructor-heading,
.learndash-theme.single-sfwd-courses .bb-about-instructor h4 {
margin-left: 5px;
}
.single-item.groups.courses .ld-progress.ld-progress-inline .ld-progress-bar,
.learndash-theme.single-sfwd-courses .ld-progress.ld-progress-inline .ld-progress-bar {
height: 3px;
color: #fff;
}
.single-item.groups.courses .ld-progress .ld-progress-bar .ld-progress-bar-percentage,
.learndash-theme.single-sfwd-courses .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
height: 3px;
}
.single-item.groups.courses .learndash-wrapper .ld-course-status .ld-status.ld-status-progress,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-course-status .ld-status.ld-status-progress {
text-transform: none;
font-weight: 500;
font-size: 12px;
}
@media screen and (max-width: 1200px) {
.single-item.groups.courses .bb-course-banner-inner,
.learndash-theme.single-sfwd-courses .bb-course-banner-inner {
max-width: -webkit-calc(100% - 400px);
max-width: calc(100% - 400px);
width: -webkit-calc(100% - 400px);
width: calc(100% - 400px);
}
}
@media screen and (max-width: 992px) {
.single-item.groups.courses .bb-course-banner-inner,
.learndash-theme.single-sfwd-courses .bb-course-banner-inner {
max-width: -webkit-calc(100% - 350px);
max-width: calc(100% - 350px);
width: -webkit-calc(100% - 350px);
width: calc(100% - 350px);
}
}
@media screen and (max-width: 880px) {
.single-item.groups.courses .bb-course-banner-inner,
.learndash-theme.single-sfwd-courses .bb-course-banner-inner {
max-width: -webkit-calc(100% - 320px);
max-width: calc(100% - 320px);
width: -webkit-calc(100% - 320px);
width: calc(100% - 320px);
}
}
@media screen and (max-width: 820px) {
.single-item.groups.courses .bb-course-banner-inner,
.learndash-theme.single-sfwd-courses .bb-course-banner-inner {
max-width: 100%;
width: 100%;
}
.single-item.groups.courses .bb-grid .bb-learndash-content-wrap,
.learndash-theme.single-sfwd-courses .bb-grid .bb-learndash-content-wrap {
padding-left: 10px;
padding-right: 10px;
}
.single-item.groups.courses .bb-single-course-sidebar,
.learndash-theme.single-sfwd-courses .bb-single-course-sidebar {
max-width: 100%;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
}
@media screen and (max-width: 640px) {
.single-item.groups.courses .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-lesson-details,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-lesson-details {
margin: 0;
}
.single-item.groups.courses .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-header,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.single-item.groups.courses .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading .ld-item-list-actions,
.single-item.groups.courses .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading .ld-item-list-actions,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-item-list.ld-lesson-list .ld-section-heading h2 {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.single-item.groups.courses .learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-name,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-name {
width: -webkit-calc(100% - 18px);
width: calc(100% - 18px);
}
.single-item.groups.courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.single-item.groups.courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details {
margin-top: 0;
margin-left: 0;
}
.single-item.groups.courses .learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-actions .ld-expand-button,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-actions .ld-expand-button {
width: 100px;
}
.single-item.groups.courses .learndash-wrapper .ld-progress.ld-progress-inline .ld-progress-bar,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-progress.ld-progress-inline .ld-progress-bar {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-bottom: 5px;
}
.single-item.groups.courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress .ld-progress-stats,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress .ld-progress-stats {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.single-item.groups.courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.single-item.groups.courses .ld-item-list .ld-item-list-item .ld-item-name,
.learndash-theme.single-sfwd-courses .ld-item-list .ld-item-list-item .ld-item-name {
width: 100%;
}
.single-item.groups.courses .ld-status-incomplete ~ .ld-item-title,
.learndash-theme.single-sfwd-courses .ld-status-incomplete ~ .ld-item-title {
width: -webkit-calc(100% - 60px);
width: calc(100% - 60px);
}
.single-item.groups.courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress {
width: -webkit-calc(100% - 120px);
width: calc(100% - 120px);
padding-bottom: 0;
margin-right: 20px;
}
.single-item.groups.courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled {
padding-bottom: 15px;
}
}
@media screen and (max-width: 543px) {
.single-item.groups.courses .bb-about-instructor .bb-avatar-wrap,
.learndash-theme.single-sfwd-courses .bb-about-instructor .bb-avatar-wrap {
margin-bottom: 0;
margin-right: 20px;
}
.single-item.groups.courses .bb-instructor-wrap.flex,
.learndash-theme.single-sfwd-courses .bb-instructor-wrap.flex {
padding-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
.single-item.groups.courses .learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-name .ld-item-title,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-name .ld-item-title {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single-item.groups.courses .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-header,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single-item.groups.courses .learndash-wrapper .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview {
padding: 16px 15px 16px 45px;
}
.single-item.groups.courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-details {
margin-top: 4px;
}
}
@media screen and (max-width: 380px) {
.single-item.groups.courses .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-header,
.learndash-theme.single-sfwd-courses .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-header {
display: none;
}
}
@media (max-width: 992px) and (min-width: 820px) {
.learndash-wrapper .ld-course-status.ld-course-status-enrolled .ld-progress {
width: -webkit-calc(100% - 120px);
width: calc(100% - 120px);
padding-bottom: 0;
margin-right: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
padding-bottom: 15px;
}
.learndash-wrapper .ld-progress.ld-progress-inline .ld-progress-bar {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
margin: 1em 0 5px;
}
}
.learndash-wrapper .ld-status-icon.ld-status-complete,
.learndash-wrapper .ld-status-icon.ld-quiz-complete,
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
background-color: var(--bb-primary-color);
}
.learndash-wrapper .ld-table-list-items .ld-table-list-item .ld-table-list-item-quiz .ld-item-title,
.learndash-wrapper .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview .ld-topic-title:before,
.learndash-wrapper .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview .ld-topic-title,
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-icon-arrow-down,
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview .ld-item-name .ld-item-title .lms-is-locked-ico i,
.learndash-wrapper .ld-item-list-item.ld-item-lesson-item .ld-item-name .ld-item-title .ld-item-components span {
color: var(--bb-alternate-text-color);
}
.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name {
color: var(--bb-headings-color);
}
.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover {
color: var(--bb-primary-color);
}
.learndash-wrapper .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview:hover {
/* stylelint-disable max-line-length */
}
.learndash-wrapper .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview:hover .ld-topic-title:before .learndash-wrapper .ld-item-list-item-expanded .ld-table-list-items .ld-table-list-item .ld-table-list-item-quiz .ld-table-list-item-preview:hover .ld-item-title,
.learndash-wrapper .ld-table-list .ld-table-list-items div.ld-table-list-item a.ld-table-list-item-preview:hover .ld-topic-title {
/* stylelint-enable */
color: var(--bb-primary-color);
}
.learndash-wrapper .ld-item-list {
/* stylelint-disable max-line-length */
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview:hover .ld-item-details .ld-expand-button .ld-icon,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview:hover a.ld-item-name .ld-item-title,
.learndash-wrapper .ld-item-list .ld-item-list-item.ld-item-lesson-item .ld-item-list-item-preview:hover .ld-item-name .ld-item-title .ld-item-components span {
/* stylelint-enable */
color: var(--bb-primary-color);
}
.learndash-wrapper .ld-status-unlocked,
.ld-course-status .ld-status.ld-status-progress {
background-color: var(--bb-content-border-color);
}
#learndash-tooltips .ld-tooltip {
background-color: var(--bb-tooltip-background);
color: var(--bb-tooltip-color);
}
#learndash-tooltips .ld-tooltip:after {
background-color: var(--bb-tooltip-background);
}
.learndash-wrapper .ld-expand-button,
.learndash-wrapper .ld-expand-button.ld-primary-background,
.learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
background-color: inherit;
}
.learndash-wrapper .ld-secondary-in-progress-icon {
border-left-color: #dedfe2;
border-top-color: #dedfe2;
color: var(--bb-primary-color);
}
.learndash-wrapper .ld-alert-warning .ld-alert-icon {
background-color: transparent !important;
}
.learndash-wrapper .ld-alert-warning .ld-alert-icon {
color: inherit !important;
}
.single-item.groups.courses .site {
overflow: hidden;
}
.wp-block-instructor-role-wisdm-instructor-products .mantine-MultiSelect-searchInput,
.wp-block-instructor-role-wisdm-instructor-products .mantine-Select-input,
.wp-block-instructor-role-wisdm-tabs .mantine-MultiSelect-searchInput,
.wp-block-instructor-role-wisdm-tabs .mantine-Select-input {
background-image: none;
}
.wp-block-instructor-role-wisdm-instructor-products .mantine-MultiSelect-searchInput:focus,
.wp-block-instructor-role-wisdm-instructor-products .mantine-Select-input:focus,
.wp-block-instructor-role-wisdm-tabs .mantine-MultiSelect-searchInput:focus,
.wp-block-instructor-role-wisdm-tabs .mantine-Select-input:focus {
outline: none;
box-shadow: none;
}
.wp-block-instructor-role-wisdm-instructor-products .mantine-TimeField-timeInput:focus,
.wp-block-instructor-role-wisdm-tabs .mantine-TimeField-timeInput:focus {
outline: none;
box-shadow: none;
}
.wp-block-instructor-role-wisdm-instructor-products button.mantine-Stepper-step:active, .wp-block-instructor-role-wisdm-instructor-products button.mantine-Stepper-step:focus,
.wp-block-instructor-role-wisdm-instructor-products button.mantine-Tabs-tab:active,
.wp-block-instructor-role-wisdm-instructor-products button.mantine-Tabs-tab:focus,
.wp-block-instructor-role-wisdm-tabs button.mantine-Stepper-step:active,
.wp-block-instructor-role-wisdm-tabs button.mantine-Stepper-step:focus,
.wp-block-instructor-role-wisdm-tabs button.mantine-Tabs-tab:active,
.wp-block-instructor-role-wisdm-tabs button.mantine-Tabs-tab:focus {
outline: none;
box-shadow: none;
}
.wp-block-instructor-role-wisdm-instructor-products button.mantine-NumberInput-control,
.wp-block-instructor-role-wisdm-tabs button.mantine-NumberInput-control {
border-radius: inherit;
border-left-color: var(--bb-content-border-color);
}
.wp-block-instructor-role-wisdm-tabs .mantine-Checkbox-root .mantine-Checkbox-inner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wp-block-instructor-role-wisdm-tabs .mantine-Radio-root .mantine-Radio-inner {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wp-block-instructor-role-wisdm-tabs input[type="checkbox"] {
width: inherit;
height: inherit;
}
.wp-block-instructor-role-wisdm-tabs input[type="radio"] {
width: 20px;
height: 20px;
}
.wp-block-instructor-role-wisdm-tabs .mantine-PasswordInput-innerInput {
border: 0;
}
.wp-block-instructor-role-wisdm-tabs .mantine-PasswordInput-innerInput:active, .wp-block-instructor-role-wisdm-tabs .mantine-PasswordInput-innerInput:focus {
outline: none;
box-shadow: none;
}
.wp-block-instructor-role-wisdm-tabs table.mantine-DateRangePicker-month {
border: 0;
}
.wp-block-instructor-role-wisdm-tabs button.mantine-PasswordInput-visibilityToggle:hover {
border: 0;
outline: none;
box-shadow: none;
color: inherit;
}
.wp-block-instructor-role-wisdm-tabs button.mantine-PasswordInput-visibilityToggle:active, .wp-block-instructor-role-wisdm-tabs button.mantine-PasswordInput-visibilityToggle:focus {
border: 0;
outline: none;
box-shadow: none;
background-color: transparent;
color: inherit;
}
.wp-block-instructor-role-wisdm-tabs .ir-courses-tabs .mantine-Button-root,
.wp-block-instructor-role-wisdm-tabs .ir-products-tabs .mantine-Button-root {
border: 0;
border-bottom: 1px solid transparent;
}
.wp-block-instructor-role-wisdm-tabs .ir-courses-tabs .mantine-Button-root.active,
.wp-block-instructor-role-wisdm-tabs .ir-products-tabs .mantine-Button-root.active {
border-bottom: 1px solid var(--bb-primary-color);
}
.wp-block-instructor-role-wisdm-tabs .ir-courses-tabs .mantine-Button-root:active, .wp-block-instructor-role-wisdm-tabs .ir-courses-tabs .mantine-Button-root:focus,
.wp-block-instructor-role-wisdm-tabs .ir-products-tabs .mantine-Button-root:active,
.wp-block-instructor-role-wisdm-tabs .ir-products-tabs .mantine-Button-root:focus {
outline: none;
box-shadow: none;
}
.wp-block-instructor-role-dashboard-settings .ir-button-no-bg:active, .wp-block-instructor-role-dashboard-settings .ir-button-no-bg:focus {
box-shadow: none;
}