Files
2026-04-23 04:33:43 +03:30

268 lines
11 KiB
CSS

: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;
}
/*== Archive page == */
.upstudy-course.layout__1 .upstudy-course-topic i {
color: #ff9800;
}
.tpc-course-details-page-content .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-button, .tpc-course-details-page-content .learndash-wrapper #btn-join, a.edu-btn, p.upstudy-cart-shop-page-link a, button.edu-btn {
text-align: center;
border-radius: 5px;
display: inline-block;
line-height: 1;
color: var(--upstudy-color-white);
background: var(--upstudy-primary-color);
padding: 15px 30px;
font-size: 15px;
font-weight: 500;
-webkit-transition: 0.4s;
transition: 0.4s;
font-family: var(--upstudy-font-secondary);
border: 0 none;
overflow: hidden;
position: relative;
z-index: 1;
}
body.single-groups .learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
margin-top: 0;
}
/*==== Review ===== */
/*==== Single Page ===== */
/*==== Topic ===== */
/*.tpc-course-review {
font-family: 'flaticon_upstudy';
}*/
body .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content h1 {
font-size: 32px;
}
/*==== Single Page ===== */
body .ld-accordion__item-title {
font-size: 16px;
}
body .ld-accordion__item-attributes {
font-size: 16px;
}
body .ld-accordion__item .ld-accordion__expand-button {
font-size: 11px;
}
body .ld-accordion__expand-button {
font-size: 13px;
}
body .ld-accordion__expand-button:focus {
font-size: 11px;
}
body .ld-accordion__expand-button:hover {
font-size: 13px;
}
body .ld-accordion__expand-button-icon.ld-accordion__expand-button-icon--expand {
width: 16px;
}
body .ld-accordion__expand-button[aria-expanded=true] .ld-accordion__expand-button-icon--collapse {
width: 16px;
}
body .ld-accordion__item--lesson-quiz, body .ld-accordion__item--lesson-topic, body .ld-accordion__item--topic-quiz {
border-bottom: 1px solid var(--upstudy-color-border);
padding: 10px 25px 10px 25px;
}
body .ld-accordion__item {
border-radius: 0;
}
body .ld-accordion__item:focus-within, body .ld-accordion__item:has(.ld-accordion__expand-button[aria-expanded=true]), body .ld-accordion__item:hover {
background-color: #fff;
}
body .ld-accordion.ld-breakpoint--small .ld-accordion__item--lesson, body .ld-accordion.ld-breakpoint--small .ld-accordion__item--topic {
background: #f6f7f9;
margin-bottom: 15px;
}
body .ld-accordion__items.ld-accordion__items--lesson-topics {
background: #fff;
}
body .ld-accordion__section {
border: 0;
border-radius: 0;
padding: 0;
}
body .ld-accordion.ld-breakpoint--small .ld-accordion__item-header--lesson, body.ld-accordion.ld-breakpoint--small .ld-accordion__item-header--topic{
padding: 10px 15px 15px 25px;
}
body .ld-accordion.ld-breakpoint--small .ld-accordion__item .ld-accordion__expand-button {
padding: 10px 25px;
}
/*======*/
.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);
}
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);
}
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 .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-table-list .ld-table-list-header {
background-color: #f0f3f6;
color: var(--upstudy-heading-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: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-expand-button:hover {
background-color: color-mix(in srgb, var(--upstudy-primary-color) 85%, transparent);
}
body .learndash-wrapper .ld-expand-button.ld-button-alternate .ld-icon {
background: var(--upstudy-heading-color)
}
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);
}
/*==== Topic ===== */
body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
background-color: var(--upstudy-color-dark);
}
body .learndash-wrapper .ld-focus .ld-focus-sidebar .ld-focus-sidebar-trigger {
background: var(--upstudy-color-dark);
}
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: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-button {
background-color: var(--upstudy-primary-color);
}
body .learndash-wrapper .ld-button:hover {
background-color: var(--upstudy-primary-color);
opacity: .85;
}
body .learndash-wrapper #learndash_mark_complete_button:hover, body .learndash-wrapper .learndash_mark_complete_button:hover {
background-color: var(--upstudy-primary-color);
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);
}