/** * Styles for the WordPress post/page editor. * Ensures a visual match between back- and front-end. */ /*-------------------------------------------------------------- # Adjustments for the editor --------------------------------------------------------------*/ @import "../_grid.scss"; .ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled { background: var(--global-palette-btn-bg-hover); } .ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled:before { border-top-color: var(--global-palette-btn-bg); border-right-color: var(--global-palette-btn-bg); } .learndash-wrapper .ld-item-list .ld-item-list-item.ld-is-next, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within { border-color: var(--global-palette1); } .learndash-wrapper .ld-breadcrumbs a, .learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-item-preview-heading, .learndash-wrapper .ld-lesson-item.ld-is-current-lesson .ld-lesson-title, .learndash-wrapper .ld-primary-color-hover:hover, .learndash-wrapper .ld-primary-color, .learndash-wrapper .ld-primary-color-hover:hover, .learndash-wrapper .ld-primary-color, .learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab.ld-active, .learndash-wrapper .ld-button.ld-button-transparent, .learndash-wrapper .ld-button.ld-button-reverse, .learndash-wrapper .ld-icon-certificate, .learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading, #wpProQuiz_user_content a, .learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover, .learndash-wrapper .ld-focus-comments__heading-actions .ld-expand-button, .learndash-wrapper .ld-focus-comments__heading a, .learndash-wrapper .ld-focus-comments .comment-respond a, .learndash-wrapper .ld-focus-comment .ld-comment-reply a.comment-reply-link:hover, .learndash-wrapper .ld-expand-button.ld-button-alternate { color: var(--global-palette1) !important; } .learndash-wrapper #quiz_continue_link, .learndash-wrapper .ld-secondary-background, .learndash-wrapper .learndash_mark_complete_button, .learndash-wrapper #learndash_mark_complete_button, .learndash-wrapper .ld-status-complete, .learndash-wrapper .ld-alert-success .ld-button, .learndash-wrapper .ld-alert-success .ld-alert-icon { background-color: var(--global-palette2) !important; } .learndash-wrapper .ld-secondary-color-hover:hover, .learndash-wrapper .ld-secondary-color, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header #sfwd-mark-complete #learndash_mark_complete_button, .learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete:after { color: var(--global-palette2) !important; } .ld-course-list-items .ld_course_grid .btn-primary { border-color: var(--global-palette-btn-bg); background: var(--global-palette-btn-bg); color: var(--global-palette-btn); box-shadow: 0px 0px 0px -7px rgba(0,0,0,0.0); } .ld-course-list-items .ld_course_grid .btn-primary:hover { color: var(--global-palette-btn-hover); border-color: var(--global-palette-btn-bg-hover); background: var(--global-palette-btn-bg-hover); box-shadow: 0px 15px 25px -7px rgba(0,0,0,0.1); } .ld-course-list-items .ld_course_grid .btn-primary { border-radius: 3px; padding: 0.4em 1em; border: 0; line-height: 1.6; font-family: inherit; cursor: pointer; text-decoration: none; transition: all 0.2s ease; } .ld-course-list-items .ld_course_grid.entry { background: var(--global-palette9); } .ld-course-list-items .ld_course_grid.entry.grid-loop-unboxed { background: transparent; border-radius: 0; box-shadow: none; } .ld-course-list-items .ld_course_grid.entry .thumbnail.course { border:0; height: 100%; display: flex; flex-direction: column; } .ld-course-list-items .ld_course_grid.entry .thumbnail.course { background: transparent; } .learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-sidebar .ld-focus-sidebar-trigger .ld-icon { transform: translateY(-50%) translateX(25%) rotate(180deg); } // .ld-course-list-items .ld_course_grid .thumbnail .caption { // padding: 2rem; // } .ld-course-list-items .ld_course_grid .btn-primary { border-radius: 3px; padding: 0.4em 1em; border: 0; line-height: 1.6; font-family: inherit; cursor: pointer; text-decoration: none; transition: all 0.2s ease; } #ld_course_categorydropdown { margin-bottom: 1em; } .ld-course-list-items .ld_course_grid.entry .thumbnail.course .ld_course_grid_price.ribbon-enrolled, .ld-course-list-items .ld_course_grid.entry .thumbnail.course .ld_course_grid_price { border-radius: 0.25rem; background: var(--global-palette-btn-bg); left: .8em; box-shadow: none; text-shadow: none; } .ld-course-list-items .ld_course_grid.entry .thumbnail .caption p.entry-content { flex-grow: 1; } .ld-course-list-items .ld_course_grid.entry .thumbnail.course .ld_course_grid_price.ribbon-enrolled:before, .ld-course-list-items .ld_course_grid.entry .thumbnail.course .ld_course_grid_price:before { display:none; } .ld-course-list-items .ld_course_grid.entry.grid-loop-boxed .entry-content-wrap { padding: 2rem; } .ld-course-list-items .ld_course_grid.entry.grid-loop-unboxed .entry-content-wrap { padding: 1rem 0; } .ld-course-list-items .ld_course_grid.entry .entry-content-wrap { display: flex; flex-grow: 1; color: var(--global-palette5); flex-direction: column; position: relative; } .ld-course-list-items .ld_course_grid.entry .entry-title { padding: 0.5rem 0; margin: 0; line-height: 1.2; font-size: 1.2em; font-weight: 500; } .ld-course-list-items .ld_course_grid.entry .grid-progress { position: absolute; top: 0; left: 0; right: 0; } .ld-course-list-items .ld_course_grid.entry.grid-loop-unboxed .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage { background: var(--global-palette9); position: absolute; right: 0; bottom: 100%; padding: 0.3em 0.6em; } .ld-course-list-items .ld_course_grid.entry .learndash-wrapper .ld-progress.ld-progress-inline { margin: 0; } .ld-course-list-items .ld_course_grid.entry .learndash-wrapper.learndash-widget .ld-progress .ld-progress-bar { margin-top: 0; border-radius: 0; } .ld-course-list-items .ld_course_grid.entry .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage { font-size: 80%; }