Files
Landing/wp-content/themes/upstudy/assets/css/learndash.css
T

434 lines
18 KiB
CSS
Raw Normal View History

2026-04-23 04:33:43 +03:30
:root {
--ld-color-system-body-text: var(--upstudy-color-body) !important;
--ld-color-field-border: var(--upstudy-color-border)!important;
--ld-typography-font-family: var(--upstudy-font-primary)!important;
--ld-color-brand-primary: var(--upstudy-primary-color)!important;
--ld-color-brand-secondary: var(--upstudy-color-secondary)!important;
--ld-color-brand-tertiary: var(--upstudy-primary-color)!important;
}
/*== Course Single Layout 02 ==*/
.has__excerpt.single-course-layout-02 aside#secondary.widget-area{
margin-top: -350px;
}
/*== Course Single Layout 03 ==*/
body.single-course-layout-03.logged-in .upstudy-course-info-03 {
min-height: 270px;
padding: 30px 40px;
}
.single-course-layout-03 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
flex-direction: column;
background: #fff;
padding: 25px 40px;
}
.single-course-layout-03 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled>* {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0;
border-right: 0;
border-bottom: 1px solid #e9e9e9;
}
.single-course-layout-03 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled>*:last-child {
border-bottom: 0;
}
.single-course-layout-03 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-content {
margin-bottom: 0;
}
.single-course-layout-03 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-label {
font-size: 16px;
font-weight: 600;
color: var(--upstudy-heading-color);
margin-bottom: 0;
}
.single-course-layout-03 .learndash-wrapper.learndash-wrapper--course .ld-course-status.ld-course-status-not-enrolled {
display: none;
}
.single-course-layout-03 .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price {
color: #3db748;
font-size: 28px;
}
.single-course-layout-03 .upstudy-course-content-03 .intro-video-sidebar {
margin-bottom: 0;
}
.single-course-layout-03 .upstudy-course-content-03 .intro-video-sidebar .intro-video {
height: 560px;
}
.single-course-layout-03 .upstudy-single-course-lead-info.ld {
padding-right: 40px;
}
/*== Sidebar ==*/
.upstudy-course-info .ld-segment-title {
margin-top: 20px;
}
.upstudy-course-info ul li i.dt-icon-learn {
font-size: 18px !important;
}
/*==== Single Page ===== */
body .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
padding: 2em 0;
}
.single.single-sfwd-courses .content-area {
padding-top: 80px;
}
body .learndash-wrapper .ld-status-waiting {
background-color: var(--upstudy-primary-color);
color: #fff;
}
body .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price {
color: var(--upstudy-heading-color);
}
body .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-label {
color: var(--upstudy-heading-color);
font-size: 16px;
font-weight: 600;
}
body .learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading {
font-size: 24px;
font-weight: 700;
color: var(--upstudy-heading-color);
}
body .learndash-wrapper .ld-login-modal .ld-button, body .learndash-wrapper .ld-login-modal input[type=submit] {
min-width: 100%;
}
body .learndash-wrapper .ld-login-modal .ld-modal-heading {
font-size: 24px;
font-weight: 700;
}
body .learndash-wrapper .ld-login-modal .ld-login-modal-wrapper {
text-align: left;
}
body .learndash-wrapper .ld-login-modal .ld-login-modal-register {
background: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-login-modal .ld-login-modal-register .ld-button:hover {
box-shadow: none !important;
background: #fff;
color: var(--upstudy-primary-color);
opacity: .8;
}
body .learndash-wrapper .ld-login-modal .ld-login-modal-register #wp-submit {
background: #fff;
color: var(--upstudy-primary-color);
border-radius: 5px;
}
body .learndash-wrapper .ld-login-modal .ld-button, body .learndash-wrapper .ld-login-modal input[type=submit] {
border-radius: 5px;
padding: 17px 5em;
}
body .learndash-wrapper .ld-login-modal input[type=submit] {
background: var(--upstudy-color-btn-bg);
border-color: var(--upstudy-color-btn-border);
color: var(--upstudy-color-btn-text);
}
body .learndash-wrapper .ld-login-modal .ld-login-field, body .learndash-wrapper .ld-login-modal .ld-password-field, body .learndash-wrapper .ld-login-modal input[type=email], body .learndash-wrapper .ld-login-modal input[type=password], body .learndash-wrapper .ld-login-modal input[type=text] {
line-height: 26px;
}
body .learndash-wrapper .ld-login-modal .ld-login-field, body .learndash-wrapper .ld-login-modal .ld-password-field, body .learndash-wrapper .ld-login-modal input[type=email], body .learndash-wrapper .ld-login-modal input[type=password], body .learndash-wrapper .ld-login-modal input[type=text] {
border: 1px solid var(--upstudy-color-border);
}
body .learndash-wrapper .ld-login-modal .ld-login-field:hover, body .learndash-wrapper .ld-login-modal .ld-password-field:hover, body .learndash-wrapper .ld-login-modal input[type=email]:hover, body .learndash-wrapper .ld-login-modal input[type=password]:hover, body .learndash-wrapper .ld-login-modal input[type=text]:hover {
border: 1px solid var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-login-modal .ld-login-modal-register input[type=email], body .learndash-wrapper .ld-login-modal .ld-login-modal-register input[type=password], .body learndash-wrapper .ld-login-modal .ld-login-modal-register input[type=text] {
border: 1px solid var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-login-modal .ld-login-modal-register input[type=email], body .learndash-wrapper .ld-login-modal .ld-login-modal-register input[type=password], body .learndash-wrapper .ld-login-modal .ld-login-modal-register input[type=text] {
border: 1px solid var(--upstudy-primary-color);
}
body .learndash-wrapper #btn-join, .learndash-wrapper .btn-join {
background: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active {
color: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active:after {
background: var(--upstudy-primary-color);
}
body .single.single-sfwd-courses .content-area {
padding: 100px 0 30px;
}
body.single-course-layout-01.single.single-sfwd-courses .content-area {
padding-top: 0;
}
body.single-course-layout-02.single.single-sfwd-courses .upstudy-course-single-wrap {
padding-top: 0;
}
body .learndash-wrapper .ld-button.ld-button-reverse {
color: var(--upstudy-primary-color);
}
body .learndash-wrapper #btn-join:hover, body .learndash-wrapper .btn-join:hover {
background: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-item-list .ld-item-list-item {
border: 1px solid var(--upstudy-color-border);
}
body .ld-text {
font-weight: 600;
}
body list.ld-table-list .ld-table-list-lesson-details .ld-lesson-list-progress {
font-weight: 600;
}
body .learndash-wrapper .ld-expand-button {
background-color: transparent;
font-size: 14px;
color: var(--upstudy-heading-color);
outline: none !important;
}
body .learndash-wrapper .ld-expand-button:hover {
background-color: transparent;
border: none !important;
outline: none !important;
}
body .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
flex: 0 0 22px;
line-height: 22px;
height: 22px;
width: 22px;
background-color: #e2e7ed;
color: var(--upstudy-heading-color);
}
body .ld-tooltip [role=tooltip] {
background: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-actions .ld-expand-button .ld-icon {
display: none;
}
body .learndash-wrapper .ld-expand-button.ld-button-alternate {
color: var(--upstudy-heading-color);
}
body .ld-icon-content:before {
content: "\e905";
font-size: 18px;
}
body .learndash-wrapper .ld-table-list a.ld-table-list-item-preview:hover {
color: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover {
color: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-course-status .ld-status.ld-status-progress {
background: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-status-icon {
flex-basis: 24px;
height: 24px;
width: 24px;
}
body .ld-icon-quiz:before {
content: "\f126";
font-family: 'icomoon';
color: var(--upstudy-color-body) !important;
}
body .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button, body .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button, body .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete #learndash_mark_complete_button, body .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button {
color: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button:focus, body .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete .learndash_mark_complete_button:focus, body .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete #learndash_mark_complete_button:focus, body .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:focus {
outline-color: transparent !important;
}
/*== Single page (Lesson/Topic/Curriculum) == */
body .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-action .ld-text .ld-login-text {
color: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete:after, body .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after {
color: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-status-in-progress {
border-color: var(--upstudy-primary-color) #e2e7ed #e2e7ed var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
background: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-status-complete {
background: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-course-navigation .ld-status-icon.ld-status-in-progress {
border-color: var(--upstudy-primary-color) #e2e7ed #e2e7ed var(--upstudy-primary-color);
}
body .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #learndash_mark_complete_button, body .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .learndash_mark_complete_button {
background: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
font-size: 32px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item {
margin: 25px 0;
background: #f6f7f9;
border: 2px solid #f6f7f9;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
padding: 10px 20px;
}
body .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details .ld-expand-button {
padding: 2px 7px;
}
body .learndash-wrapper .ld-lesson-list.ld-item-list .ld-item-list-item .ld-table-list .ld-table-list-items {
background: #fff;
}
body .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-item {
margin: 0 35px;
}
body .ld-item-title {
font-weight: 600;
color: var(--upstudy-heading-color);
}
body .learndash-wrapper .ld-table-list .ld-table-list-header {
background-color: color-mix(in srgb, var(--upstudy-primary-color) 2%, transparent)!important;
font-weight: 600;
color: var(--upstudy-primary-color)!important;
border-top: 1px solid #e2e7ed!important;
}
body.single-sfwd-lessons .learndash-wrapper .ld-table-list .ld-table-list-header {
border-left: 1px solid #e2e7ed!important;
border-right: 1px solid #e2e7ed!important;
}
body.single-sfwd-lessons .learndash-wrapper .ld-table-list.ld-no-pagination {
border-bottom: none;
}
body.single-sfwd-lessons .learndash-wrapper .ld-table-list {
overflow: inherit;
}
body .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions {
border-top: 1px solid #e2e7ed;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded:before {
background: var(--upstudy-primary-color)!important;
}
body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
background-color: var(--upstudy-primary-color)!important;
}
body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading .ld-focus-mode-course-heading-wrapper a {
color: #ffffff;
}
body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon {
background: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:focus .ld-icon, body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger:hover .ld-icon {
border-color: #fff;
color: var(--upstudy-primary-color);
box-shadow: 0 0 30px rgb(0 0 0 / 5%);
}
button#ld-focus-sidebar-toggle {
background-color: color-mix(in srgb, var(--upstudy-primary-color) 2%, transparent)!important;
}
body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation .ld-topic-list.ld-table-list .ld-table-list-item {
font-size: 14px;
}
body .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading, body .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
color: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading .ld-status-incomplete, body .learndash-wrapper .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title .ld-status-incomplete {
border: 2px solid var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-course-navigation .ld-lesson-item-preview a.ld-lesson-item-preview-heading:hover {
color: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress {
background: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-button.ld-button-transparent {
color: #fff !important;
}
body.single-sfwd-lessons .learndash-wrapper .ld-table-list .ld-table-list-items {
border: 1px solid #e2e7ed !important;
background: #fff!important;
}
body.single-sfwd-topic .learndash-wrapper .ld-table-list .ld-table-list-items {
background: #fff!important;
}
body .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
color: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-button {
background-color: var(--upstudy-primary-color)!important;
}
body .ld-topic-title {
font-size: 15px!important;
line-height: 26px;
}
body .ld-lesson-title {
font-size: 15px!important;
line-height: 26px;
}
body .learndash-wrapper .ld-expand-button .ld-icon {
font-size: 9px;
}
body .learndash-wrapper .ld-breadcrumbs {
padding: .5em 25px;
}
body .learndash-wrapper .ld-breadcrumbs a {
font-weight: 400 !important;
}
body .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-content-actions .ld-content-action .ld-course-step-back {
font-size: 14px;
}
body .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments {
font-size: 14px;
}
body .learndash-wrapper .ld-button:hover {
background-color: var(--upstudy-primary-color)!important;
opacity: .85;
}
body .learndash-wrapper #learndash_mark_complete_button:hover, body .learndash-wrapper .learndash_mark_complete_button:hover {
background-color: var(--upstudy-primary-color)!important;
opacity: .85;
}
body .learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a {
background-color: var(--upstudy-color-dark);
}
body .learndash-wrapper:not(.ld-registration__outer-wrapper) #btn-join, body .learndash-wrapper:not(.ld-registration__outer-wrapper) .btn-join {
background: var(--upstudy-color-btn-bg);
border-color: var(--upstudy-color-btn-border);
color: var(--upstudy-color-btn-text);
}
body .learndash-wrapper:not(.ld-registration__outer-wrapper) #btn-join:hover, body .learndash-wrapper:not(.ld-registration__outer-wrapper) .btn-join:hover {
background-color: color-mix(in srgb, var(--upstudy-primary-color) 85%, transparent);
}
.upstudy-course.layout__1 .upstudy-course-topic i {
color: #FEA441;
}
/*== login popup ==*/
body .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) #btn-join, .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .btn-join {
border-radius: 100px;
font-weight: 700;
padding: 11px 25px;
background: var(--upstudy-primary-color);
}
body .ld-login-modal-register a.ld-button.ld-button-reverse.ld-js-register-account {
background: #fff !important;
margin-top: 20px;
}
body .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button {
font-size: 14px;
border-radius: 100px;
font-weight: 700;
padding: 11px 25px;
}
body .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button.ld-button-reverse {
color: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-login-modal .ld-login-modal-form .login-username:before {
left: 10px;
line-height: 37px;
}
body .learndash-wrapper .ld-login-modal .ld-login-modal-form .login-password:before {
left: 10px;
line-height: 37px;
}
body .learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button.ld-button-reverse:hover {
color: var(--upstudy-primary-color);
}
/*=== LearnDash Group Courses ===*/
.learndash-wrapper.learndash-wrapper--group {
max-width: 80%;
margin: 0 auto;
}