@charset "UTF-8";

 @-webkit-keyframes rotating4 {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating4 {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes animation4 {
from {
left: -40%;
width: 40%;
}
to {
left: 100%;
width: 10%;
}
}
@keyframes animation4 {
from {
left: -40%;
width: 40%;
}
to {
left: 100%;
width: 10%;
}
}
:root {
--lp-cotainer-max-with: var(--lp-container-max-width);
}
.wp-block-group {
--lp-container-max-width: var(--wp--style--global--wide-size);
}
@font-face {
font-family: "lp-icon";
src: url(//aboutnutrition.de/wp-content/plugins/learnpress/assets/src/css/vendor/fonts/lp-icon/lp-icon.woff2?v=148) format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^=lp-icon-], [class*=" lp-icon-"] { font-family: "lp-icon";
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-display: swap; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lp-icon-plus:before {
content: "\f067";
}
.lp-icon-question:before {
content: "\f128";
}
.lp-icon-minus:before {
content: "\f068";
}
.lp-icon-search:before {
content: "\f002";
}
.lp-icon-envelope-o:before {
content: "\f003";
}
.lp-icon-heart:before {
content: "\f004";
}
.lp-icon-star:before {
content: "\f005";
}
.lp-icon-star-o:before {
content: "\f006";
}
.lp-icon-user:before {
content: "\f007";
}
.lp-icon-th-large:before {
content: "\f009";
}
.lp-icon-th:before {
content: "\f00a";
}
.lp-icon-th-list:before {
content: "\f00b";
}
.lp-icon-check:before {
content: "\f00c";
}
.lp-icon-close:before {
content: "\f00d";
}
.lp-icon-remove:before {
content: "\f00d";
}
.lp-icon-times:before {
content: "\f00d";
}
.lp-icon-signal:before {
content: "\f012";
}
.lp-icon-cog:before {
content: "\f013";
}
.lp-icon-gear:before {
content: "\f013";
}
.lp-icon-trash-o:before {
content: "\f014";
}
.lp-icon-home:before {
content: "\f015";
}
.lp-icon-file-o:before {
content: "\f016";
}
.lp-icon-clock-o:before {
content: "\f017";
}
.lp-icon-download:before {
content: "\f019";
}
.lp-icon-play-circle-o:before {
content: "\f01d";
}
.lp-icon-refresh:before {
content: "\f021";
}
.lp-icon-lock:before {
content: "\f023";
}
.lp-icon-flag:before {
content: "\f024";
}
.lp-icon-book:before {
content: "\f02d";
}
.lp-icon-bookmark:before {
content: "\f02e";
}
.lp-icon-video-camera:before {
content: "\f03d";
}
.lp-icon-edit:before {
content: "\f044";
}
.lp-icon-pencil-square-o:before {
content: "\f044";
}
.lp-icon-check-square-o:before {
content: "\f046";
}
.lp-icon-arrows:before {
content: "\f047";
}
.lp-icon-chevron-left:before {
content: "\f053";
}
.lp-icon-chevron-right:before {
content: "\f054";
}
.lp-icon-check-circle:before {
content: "\f058";
}
.lp-icon-question-circle:before {
content: "\f059";
}
.lp-icon-arrow-left:before {
content: "\f060";
}
.lp-icon-arrow-right:before {
content: "\f061";
}
.lp-icon-expand:before {
content: "\f065";
}
.lp-icon-compress:before {
content: "\f066";
}
.lp-icon-exclamation-circle:before {
content: "\f06a";
}
.lp-icon-gift:before {
content: "\f06b";
}
.lp-icon-eye:before {
content: "\f06e";
}
.lp-icon-eye-slash:before {
content: "\f070";
}
.lp-icon-exclamation-triangle:before {
content: "\f071";
}
.lp-icon-warning:before {
content: "\f071";
}
.lp-icon-calendar:before {
content: "\f073";
}
.lp-icon-comment:before {
content: "\f075";
}
.lp-icon-chevron-up:before {
content: "\f077";
}
.lp-icon-chevron-down:before {
content: "\f078";
}
.lp-icon-shopping-cart:before {
content: "\f07a";
}
.lp-icon-bar-chart:before {
content: "\f080";
}
.lp-icon-bar-chart-o:before {
content: "\f080";
}
.lp-icon-key:before {
content: "\f084";
}
.lp-icon-cogs:before {
content: "\f085";
}
.lp-icon-gears:before {
content: "\f085";
}
.lp-icon-thumbs-o-up:before {
content: "\f087";
}
.lp-icon-thumbs-o-down:before {
content: "\f088";
}
.lp-icon-heart-o:before {
content: "\f08a";
}
.lp-icon-sign-out:before {
content: "\f08b";
}
.lp-icon-linkedin-square:before {
content: "\f08c";
}
.lp-icon-sign-in:before {
content: "\f090";
}
.lp-icon-phone:before {
content: "\f095";
}
.lp-icon-square-o:before {
content: "\f096";
}
.lp-icon-bookmark-o:before {
content: "\f097";
}
.lp-icon-twitter:before {
content: "\f099";
}
.lp-icon-facebook:before {
content: "\f09a";
}
.lp-icon-facebook-f:before {
content: "\f09a";
}
.lp-icon-unlock:before {
content: "\f09c";
}
.lp-icon-bullhorn:before {
content: "\f0a1";
}
.lp-icon-bell-o:before {
content: "\f0a2";
}
.lp-icon-certificate:before {
content: "\f0a3";
}
.lp-icon-briefcase:before {
content: "\f0b1";
}
.lp-icon-arrows-alt:before {
content: "\f0b2";
}
.lp-icon-copy:before {
content: "\f0c5";
}
.lp-icon-files-o:before {
content: "\f0c5";
}
.lp-icon-pinterest-square:before {
content: "\f0d3";
}
.lp-icon-google-plus-square:before {
content: "\f0d4";
}
.lp-icon-google-plus:before {
content: "\f0d5";
}
.lp-icon-money-bill-alt:before {
content: "\f0d6";
}
.lp-icon-caret-down:before {
content: "\f0d7";
}
.lp-icon-caret-up:before {
content: "\f0d8";
}
.lp-icon-caret-left:before {
content: "\f0d9";
}
.lp-icon-caret-right:before {
content: "\f0da";
}
.lp-icon-linkedin:before {
content: "\f0e1";
}
.lp-icon-comment-o:before {
content: "\f0e5";
}
.lp-icon-file-text-o:before {
content: "\f0f6";
}
.lp-icon-angle-double-left:before {
content: "\f100";
}
.lp-icon-angle-double-right:before {
content: "\f101";
}
.lp-icon-angle-double-up:before {
content: "\f102";
}
.lp-icon-angle-double-down:before {
content: "\f103";
}
.lp-icon-angle-left:before {
content: "\f104";
}
.lp-icon-angle-right:before {
content: "\f105";
}
.lp-icon-angle-up:before {
content: "\f106";
}
.lp-icon-angle-down:before {
content: "\f107";
}
.lp-icon-desktop:before {
content: "\f108";
}
.lp-icon-mobile:before {
content: "\f10b";
}
.lp-icon-mobile-phone:before {
content: "\f10b";
}
.lp-icon-circle-o:before {
content: "\f10c";
}
.lp-icon-spinner:before {
content: "\f110";
}
.lp-icon-code:before {
content: "\f121";
}
.lp-icon-puzzle-piece:before {
content: "\f12e";
}
.lp-icon-calendar-o:before {
content: "\f133";
}
.lp-icon-ellipsis-h:before {
content: "\f141";
}
.lp-icon-ellipsis-v:before {
content: "\f142";
}
.lp-icon-file:before {
content: "\f15b";
}
.lp-icon-file-alt:before {
content: "\f15c";
}
.lp-icon-youtube-play:before {
content: "\f16a";
}
.lp-icon-instagram:before {
content: "\f16d";
}
.lp-icon-dot-circle-o:before {
content: "\f192";
}
.lp-icon-graduation-cap:before {
content: "\f19d";
}
.lp-icon-mortar-board:before {
content: "\f19d";
}
.lp-icon-google:before {
content: "\f1a0";
}
.lp-icon-language:before {
content: "\f1ab";
}
.lp-icon-database:before {
content: "\f1c0";
}
.lp-icon-file-pdf:before {
content: "\f1c1";
}
.lp-icon-file-word:before {
content: "\f1c2";
}
.lp-icon-file-excel:before {
content: "\f1c3";
}
.lp-icon-file-powerpoint:before {
content: "\f1c4";
}
.lp-icon-file-image:before {
content: "\f1c5";
}
.lp-icon-file-photo:before {
content: "\f1c5";
}
.lp-icon-file-picture:before {
content: "\f1c5";
}
.lp-icon-file-archive:before {
content: "\f1c6";
}
.lp-icon-file-zip:before {
content: "\f1c6";
}
.lp-icon-file-audio:before {
content: "\f1c7";
}
.lp-icon-file-sound:before {
content: "\f1c7";
}
.lp-icon-file-movie:before {
content: "\f1c8";
}
.lp-icon-file-video:before {
content: "\f1c8";
}
.lp-icon-file-code:before {
content: "\f1c9";
}
.lp-icon-circle-thin:before {
content: "\f1db";
}
.lp-icon-share-alt:before {
content: "\f1e0";
}
.lp-icon-pie-chart:before {
content: "\f200";
}
.lp-icon-line-chart:before {
content: "\f201";
}
.lp-icon-user-secret:before {
content: "\f21b";
}
.lp-icon-television:before {
content: "\f26c";
}
.lp-icon-tv:before {
content: "\f26c";
}
.lp-icon-question-circle-o:before {
content: "\f29c";
}
.lp-icon-google-plus-circle:before {
content: "\f2b3";
}
.lp-icon-google-plus-official:before {
content: "\f2b3";
}
.lp-icon-user-circle:before {
content: "\f2bd";
}
.lp-icon-user-graduate:before {
content: "\f501";
}
.lp-icon-user-edit:before {
content: "\f4ff";
}
.lp-icon-my-courses:before {
content: "\e900";
}
.lp-icon-clock:before {
content: "\e901";
}
.lp-icon-stopwatch:before {
content: "\f2f2";
}
.lp-icon-file-download:before {
content: "\f56d";
}
.lp-icon-list:before {
content: "\f03a";
}
.lp-icon-students:before {
content: "\e902";
}
.lp-icon-courses:before {
content: "\e903";
}
.lp-icon-tiktok-alt:before {
content: "\e908";
}
.lp-icon-alarm-clock:before {
content: "\e909";
}
.lp-icon-art-and-design:before {
content: "\e90a";
}
.lp-icon-best-customer-experience:before {
content: "\e90b";
}
.lp-icon-certificate-o:before {
content: "\e90c";
}
.lp-icon-community:before {
content: "\e90d";
}
.lp-icon-online-education:before {
content: "\e90e";
}
.lp-icon-concierge-bell:before {
content: "\e90f";
}
.lp-icon-target:before {
content: "\e910";
}
.lp-icon-content-marketing:before {
content: "\e911";
}
.lp-icon-dollar-sign:before {
content: "\e912";
}
.lp-icon-website:before {
content: "\e913";
}
.lp-icon-worldwide-security:before {
content: "\e914";
}
.lp-icon-educational-programs:before {
content: "\e915";
}
.lp-icon-online-class:before {
content: "\e916";
}
.lp-icon-monitor:before {
content: "\e917";
}
.lp-icon-lucide:before {
content: "\e918";
}
.lp-icon-ebook:before {
content: "\e919";
}
.lp-icon-co-instructor:before {
content: "\e904";
}
.lp-icon-close-circle:before {
content: "\e907";
}
.lp-icon-layers:before {
content: "\e91a";
}
.lp-icon-filter:before {
content: "\e91c";
}
.lp-icon-in_progress_course:before {
content: "\e91d";
}
.lp-icon-finished_courses:before {
content: "\e91e";
}
.lp-icon-failed_courses:before {
content: "\e91f";
}
.lp-icon-passed_courses:before {
content: "\e920";
}
.lp-icon-student_in_progress:before {
content: "\e924";
}
.lp-icon-student_completed:before {
content: "\e925";
}
.lp-icon-published_course:before {
content: "\e926";
}
.lp-icon-pending_course:before {
content: "\e927";
}
.lp-icon-list-check:before {
content: "\e929";
}
.lp-icon-icon-h5p:before {
content: "\e92a";
}
.lp-icon-comment-written:before {
content: "\e921";
}
.lp-icon-book-open:before {
content: "\f518";
}
.lp-icon-pinterest-p:before {
content: "\f231";
}
.lp-icon-dropbox:before {
content: "\e905";
}
.lp-icon-edit-square:before {
content: "\e923";
}
.lp-icon-drag:before {
content: "\e922";
}
.lp-icon-map-pin:before {
content: "\e91b";
}
.lp-icon-map-marker:before {
content: "\e91b";
}
.lp-icon-box:before {
content: "\e906";
}
.lp-ico-ai {
display: inline-block;
width: 13px;
height: 13px;
background-image: url(//aboutnutrition.de/wp-content/plugins/learnpress/images/icons/ico-ai.svg);
background-size: contain;
background-repeat: no-repeat;
}
.lp-skeleton-animation {
margin: 0;
padding: 0;
list-style: none;
}
.lp-skeleton-animation > li {
width: 100%;
height: 16px;
margin-top: 15px;
border-radius: 2px;
background: linear-gradient(90deg, hsla(0, 0%, 74.5%, 0.2) 25%, hsla(0, 0%, 50.6%, 0.24) 37%, hsla(0, 0%, 74.5%, 0.2) 63%);
background-size: 400% 100%;
list-style: none;
animation: lp-skeleton-loading 1.4s ease infinite;
}
@keyframes lp-skeleton-loading {
0% {
background-position: 100% 50%;
}
to {
background-position: 0 50%;
}
}
.lp-loading-circle {
width: 15px;
height: 15px;
border: 2px solid #ccc;
border-radius: 50%;
border-top-color: rgba(0, 0, 0, 0.76);
animation: spin 1s infinite linear;
display: inline-block;
}
.lp-loading-circle.hide {
display: none;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .lp-form-course-filter__title {
font-weight: 500;
margin-bottom: 12px;
}
.lp-form-course-filter__content {
position: relative;
}
.lp-form-course-filter__content .lp-course-filter__field * {
cursor: pointer;
}
.lp-form-course-filter__content .lp-course-filter__field {
position: relative;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
}
.lp-form-course-filter__content .lp-course-filter__field input:focus {
outline: none;
}
.lp-form-course-filter__content .lp-course-filter__field input[disabled] {
cursor: not-allowed;
}
.lp-form-course-filter__content .lp-course-filter__field label {
margin: 0;
text-transform: capitalize;
line-height: inherit;
flex: 1;
}
.lp-form-course-filter__content .lp-course-filter__field .count {
color: #999;
}
.lp-form-course-filter__content .lp-course-filter-search-field {
position: relative;
display: flex;
align-items: center;
}
.lp-form-course-filter__content .lp-course-filter-search-field input {
width: 100%;
line-height: 2rem;
border: 1px solid #eee;
padding: 8px;
}
.lp-form-course-filter__content .lp-course-filter-search-field input:focus {
outline: none;
}
.lp-form-course-filter__content .lp-course-filter-search-field .lp-loading-circle {
position: absolute;
right: 10px;
}
.lp-form-course-filter__content .lp-course-filter-search-result {
position: absolute;
z-index: 10;
background: white;
width: 100%;
border: 1px solid #eeeeee;
max-height: 300px;
overflow-y: auto;
padding: 0;
}
.lp-form-course-filter__content .lp-course-filter-search-result:empty {
border: none;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list {
padding: 0 10px;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .item-course-suggest {
display: flex;
gap: 8px;
padding: 10px 0;
align-items: center;
border-bottom: 1px solid #f5f5f5;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .item-course-suggest:last-child {
border-bottom: none;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .course-img {
width: 50px;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .course-img img {
width: 50px;
height: auto;
display: block;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list a {
font-size: 0.875em;
line-height: 1em;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list a span {
font-size: 0.875em;
line-height: 1em;
}
.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-info {
border-top: 1px solid #eeeeee;
padding: 10px;
background: #e8f0fe;
font-weight: 500;
display: flex;
justify-content: space-between;
}
.lp-form-course-filter .course-filter-submit, .lp-form-course-filter .course-filter-reset {
padding: 12px 24px;
text-transform: capitalize;
width: calc(50% - 4px);
border: 1px solid #ccc;
border-radius: 4px;
background-color: var(--lp-button-background-color);
color: var(--lp-button-color);
}
.lp-form-course-filter .course-filter-submit:focus, .lp-form-course-filter .course-filter-reset:focus {
outline: none;
}
.lp-form-course-filter .course-filter-submit:hover, .lp-form-course-filter .course-filter-reset:hover {
color: #fff;
background: var(--lp-primary-color);
}
.lp-form-course-filter .course-filter-reset {
margin-left: 4px;
}
.lp-form-course-filter .course-filter-submit {
margin-right: 4px;
}
.lp-form-course-filter .lp-form-course-filter__item {
margin-bottom: 12px;
border-bottom: 1px solid #ccc;
padding-bottom: 12px;
}
.lp-form-course-filter .lp-form-course-filter__item .lp-cate-parent .lp-cate-child {
margin-left: 1rem;
}
#learn-press-become-teacher-form .become-teacher-fields {
list-style: none;
padding: 0;
}
.lp-form-course-filter__close, .elementor-widget-container .lp-form-course-filter__close {
display: none;
}
.elementor-widget-container .learnpress-widget-wrapper {
position: unset;
}
@media (max-width: 768px) {
.widget_course_filter {
position: fixed !important;
right: 0;
top: 0;
bottom: 0;
z-index: 999999;
width: 400px;
height: 100%;
background-color: #fff;
transition: 0.3s;
display: block;
overflow-y: auto;
border: none !important;
border-radius: 0 !important;
transform: translate3d(100%, 0, 0);
margin: 0;
opacity: 0;
visibility: hidden;
padding: 20px;
}
.widget_course_filter .lp-form-block-course-filter .course-filter-submit,
.widget_course_filter .lp-form-course-filter .course-filter-submit {
width: 100%;
margin: 0;
}
.widget_course_filter .lp-form-block-course-filter .course-filter-reset,
.widget_course_filter .lp-form-course-filter .course-filter-reset {
width: 100%;
margin: 12px 0 0 0;
}
.widget_course_filter .widget-title {
display: flex;
gap: 16px;
align-items: center;
font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
}
.show-lp-course-filter-mobile {
overflow: hidden;
}
.show-lp-course-filter-mobile .widget_course_filter {
transform: none;
opacity: 1;
visibility: visible;
}
.show-lp-course-filter-mobile .lp-archive-courses-sidebar::after {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9);
content: "";
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
z-index: 99999;
}
.show-lp-course-filter-mobile .learnpress-widget-wrapper {
position: unset;
}
.lp-form-course-filter__close, .elementor-widget-container .lp-form-course-filter__close {
display: flex;
position: absolute;
right: 0;
top: 20px;
left: auto;
align-items: center;
justify-content: center;
gap: 4px;
padding: 0 20px;
}
.lp-form-course-filter__close i, .elementor-widget-container .lp-form-course-filter__close i {
font-size: 1rem;
}
}
@media (max-width: 500px) {
.widget_course_filter {
width: 100%;
left: 0;
right: 0;
box-sizing: border-box;
}
}
@keyframes lp-rotating {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes lp-rotating {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lp-loading-change {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.38);
top: 0;
}
.lp-load-ajax-element {
position: relative;
}
@media (min-width: 1024px) {
body.theme-divi {
--lp-cotainer-padding:0;
}
}
.learnpress.widget {
margin-bottom: 30px;
}
.learnpress.widget h3 {
margin-bottom: 20px;
}
.learnpress.widget a {
text-decoration: none;
}
.learnpress-widget-wrapper {
margin-top: 16px;
position: relative;
}
.learnpress-widget-wrapper .lp-widget-loading-change {
display: none;
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.38);
top: 0;
z-index: 10;
}
.learnpress-widget-wrapper .lp-widget-course {
margin: 0 0 30px 0;
border: 1px solid #eee;
}
.learnpress-widget-wrapper .lp-widget-course__image img {
height: auto;
width: 100%;
display: block;
}
.learnpress-widget-wrapper .lp-widget-course__title {
margin-bottom: 20px;
font-size: 1em;
font-weight: 600;
}
.learnpress-widget-wrapper .lp-widget-course__content {
margin: 0;
padding: 16px;
border-top: 1px solid #eee;
}
.learnpress-widget-wrapper .lp-widget-course__title {
margin: 4px 0 16px 0;
}
.learnpress-widget-wrapper .lp-widget-course__meta {
display: grid;
margin: 16px 0 0 0;
grid-template-columns: repeat(2, 1fr);
justify-content: space-between;
align-items: center;
gap: 24px;
}
.learnpress-widget-wrapper .lp-widget-course__meta .course-price {
margin-bottom: 0;
}
.learnpress-widget-wrapper .lp-widget-course__meta .course-price .course-item-price {
display: flex;
flex-direction: column;
}
.learnpress-widget-wrapper .lp-widget-course__description {
color: #666;
font-size: 0.875em;
}
.learnpress-widget-wrapper .lp-widget-course__price {
color: #444;
font-size: 0.875em;
font-weight: 600;
}
.learnpress-widget-wrapper .lp-widget-course__instructor {
display: flex;
align-items: center;
}
.learnpress-widget-wrapper .lp-widget-course__instructor__avatar {
margin-right: 5px;
}
.learnpress-widget-wrapper .lp-widget-course__instructor__avatar img {
width: 20px;
border-radius: 20px;
height: 20px;
display: block;
}
.learnpress-widget-wrapper .lp-widget-course__instructor > a {
color: #777;
font-size: 0.875em;
}
.learnpress.widget_course_progress .lp_widget_course_progress,
.elementor-widget-wp-widget-learnpress_widget_course_progress .lp_widget_course_progress {
margin: 0;
padding: 20px;
border: 1px solid #eee;
}
.learnpress.widget_course_progress .course-results-progress,
.elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress {
margin-top: 10px;
font-size: 0.8em;
}
.learnpress.widget_course_progress .course-results-progress .items-progress,
.elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress .items-progress {
display: flex;
margin-bottom: 7px;
justify-content: space-between;
align-items: center;
}
.learnpress.widget_course_progress .course-results-progress .items-progress__heading,
.elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress .items-progress__heading {
font-weight: 400;
}
.learnpress.widget_course_progress .lp-course-progress,
.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress {
width: 100%;
}
.learnpress.widget_course_progress .lp-course-progress.learn-press-progress,
.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress {
position: relative;
}
.learnpress.widget_course_progress .lp-course-progress.learn-press-progress .progress-bg,
.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .progress-bg {
overflow: hidden;
position: relative;
height: 6px;
background: #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.learnpress.widget_course_progress .lp-course-progress.learn-press-progress .progress-bg .progress-active,
.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .progress-bg .progress-active {
position: absolute;
left: 50%;
width: 100%;
height: 100%;
margin-left: -100%;
background: var(--lp-primary-color);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.learnpress.widget_course_progress .lp-course-progress.learn-press-progress .lp-passing-conditional,
.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .lp-passing-conditional {
position: absolute;
top: 0;
width: 3px;
height: 6px;
margin-left: -1px;
background: var(--lp-secondary-color);
}
.lp_widget_course_info {
margin: 0;
padding: 20px;
border: 1px solid var(--lp-border-color, #E2E0DB);
}
.lp_widget_course_info h3 {
margin-bottom: 15px;
}
.lp_widget_course_info ul {
margin: 0;
padding: 0;
}
.lp_widget_course_info ul li {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5px;
}
.lp_widget_course_info ul label {
font-size: var(--lp-font-size-base, 1em);
margin: 0;
}
.lp-widget-course-extra {
margin: 0;
}
.lp-widget-course-extra h3 {
margin-bottom: 20px;
font-size: var(--lp-font-size-base, 1em);
}
.lp-widget-course-extra__content h4.course-extras__title {
margin: 0;
margin-bottom: 15px;
font-size: var(--lp-font-size-base, 1em);
font-weight: 600;
}
.lp-widget-course-extra__content ul {
margin: 0;
padding: 0;
}
.lp-widget-course-extra__content ul li {
margin-bottom: 10px;
}
.lp-widget-course-extra__content .course-extras {
display: block;
}
.lp-widget-course-extra__content .course-extras .course-extras__content ul {
list-style: none;
}
.lp-widget-course-extra__content .course-extras .course-extras__content ol {
list-style-position: inside;
}
.lp-widget-course-extra__content .course-extras .course-extras__content ul li,
.lp-widget-course-extra__content .course-extras .course-extras__content ol li {
position: relative;
border: none;
}
.lp-widget-course-extra__content .course-extras.style-checks ul li,
.lp-widget-course-extra__content .course-extras.style-checks ol li {
padding-left: 20px;
}
.lp-widget-course-extra__content .course-extras.style-checks ul li::before,
.lp-widget-course-extra__content .course-extras.style-checks ol li::before {
display: inline-block;
position: absolute;
top: 50%;
left: 0;
width: 12px;
height: 7px;
border: 2px solid #8794b9;
border-top: none;
border-right: none;
content: "";
transform: rotate(-54deg) translateY(-50%);
}
.lp-widget-course-extra__content .course-extras.style-radios ul li,
.lp-widget-course-extra__content .course-extras.style-radios ol li {
padding-left: 20px;
}
.lp-widget-course-extra__content .course-extras.style-radios ul li::before,
.lp-widget-course-extra__content .course-extras.style-radios ol li::before {
display: inline-block;
position: absolute;
top: 50%;
left: 0;
width: 12px;
height: 7px;
border: 2px solid #8794b9;
border-top: none;
border-right: none;
content: "";
transform: rotate(-54deg) translateY(-50%);
}
.learnpress.widget_course_featured .lp-widget-featured-courses__footer,
.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer {
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.learnpress.widget_course_featured .lp-widget-featured-courses__footer__link,
.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link {
font-size: 1rem;
line-height: 1;
}
.learnpress.widget_course_featured .lp-widget-featured-courses__footer__link::before,
.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link::before {
content: "←";
}
.learnpress.widget_course_popular .lp-widget-popular-courses__footer,
.elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer {
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.learnpress.widget_course_popular .lp-widget-popular-courses__footer__link,
.elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer__link {
font-size: 1rem;
line-height: 1;
}
.learnpress.widget_course_popular .lp-widget-popular-courses__footer__link::before,
.elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer__link::before {
content: "←";
}
.learnpress.widget_course_recent .lp-widget-recent-courses__footer,
.elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer {
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.learnpress.widget_course_recent .lp-widget-recent-courses__footer__link,
.elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer__link {
font-size: 1rem;
line-height: 1;
}
.learnpress.widget_course_recent .lp-widget-recent-courses__footer__link::before,
.elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer__link::before {
content: "←";
}
.learnpress-widget-wrapper__restapi .lp-skeleton-animation {
min-width: 250px;
}
.learnpress-widget-wrapper__restapi ul {
padding: 0;
}@-webkit-keyframes rotating4 {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating4 {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes animation4 {
from {
left: -40%;
width: 40%;
}
to {
left: 100%;
width: 10%;
}
}
@keyframes animation4 {
from {
left: -40%;
width: 40%;
}
to {
left: 100%;
width: 10%;
}
}
:root {
--lp-cotainer-max-with: var(--lp-container-max-width);
}
.wp-block-group {
--lp-container-max-width: var(--wp--style--global--wide-size);
}
.learn-press-message {
position: relative;
margin: 24px auto;
padding: 10px 20px;
border-radius: var(--lp-border-radius, 5px);
background-color: #E5F7FF;
color: #007AFF;
width: 100%;
}
.learn-press-message.error {
background-color: #FEE5E5;
color: #FF3B30;
}
.learn-press-message.warning {
background-color: #FEF7E6;
color: #FF9500;
}
.learn-press-message.success {
background-color: #EBF8E5;
color: #3AB500;
}
.learn-press-message.info {
background-color: rgba(0, 122, 255, 0.1019607843);
color: #007AFF;
}
.learn-press-message a {
text-decoration: underline;
}
.lp-toast.toastify {
background: #EBF8E5;
color: #3AB500;
border-radius: var(--lp-border-radius, 5px);
box-shadow: 0 0 0;
display: flex;
align-items: center;
}
.lp-toast.toastify .toast-close {
background: transparent !important;
font-size: 0;
padding-left: 12px;
}
.lp-toast.toastify .toast-close:before {
content: "\f00d";
font-family: "lp-icon";
font-size: 16px;
color: #000;
line-height: 17px;
}
.lp-toast.toastify .toast-close:hover {
opacity: 1;
}
.lp-toast.toastify.error {
background-color: #FEE5E5;
color: #FF3B30;
padding: 12px 20px;
border: none;
margin: 0 auto;
}
@keyframes lp-rotating {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes lp-rotating {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lp-loading-change {
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.38);
top: 0;
}
.lp-load-ajax-element {
position: relative;
}
*,
:after,
:before {
box-sizing: border-box;
}
.learnpress-block-pagination,
.learn-press-pagination {
margin: 20px 0;
text-align: center;
}
.learnpress-block-pagination .page-numbers,
.learn-press-pagination .page-numbers {
display: inline-flex;
gap: 5px;
flex-wrap: wrap;
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
list-style: none;
}
.learnpress-block-pagination .page-numbers > li,
.learn-press-pagination .page-numbers > li {
display: inline-block;
margin: 0;
}
.learnpress-block-pagination .page-numbers > li .page-numbers,
.learn-press-pagination .page-numbers > li .page-numbers {
float: unset;
padding: 0 12px;
color: #666;
text-decoration: none;
}
.learnpress-block-pagination .page-numbers > li .page-numbers.current,
.learn-press-pagination .page-numbers > li .page-numbers.current {
color: var(--lp-primary-color);
font-weight: 400;
}
.learnpress-block-pagination .page-numbers > li .page-numbers:hover,
.learn-press-pagination .page-numbers > li .page-numbers:hover {
color: var(--lp-primary-color);
}
.social-share-toggle {
position: relative;
display: flex;
gap: 20px;
}
.social-share-toggle .share-toggle-icon {
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
}
.social-share-toggle .share-toggle-icon .share-label {
margin: 0;
cursor: pointer;
}
.social-share-toggle .share-toggle-icon:hover {
color: var(--lp-primary-color, #ffb606);
}
.social-share-toggle .content-widget-social-share {
padding: 20px;
background: #fff;
box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.12);
}
.social-share-toggle .lp-social-media {
display: inline-flex;
padding: 0;
gap: 12px;
margin: 0;
}
.social-share-toggle .lp-social-media > li {
text-align: center;
list-style: none;
}
.social-share-toggle .lp-social-media > li span {
display: none;
}
.social-share-toggle .lp-social-media > li i {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: 50%;
}
.social-share-toggle .lp-social-media > li i:hover {
background-color: var(--lp-primary-color, #ffb606);
border-color: var(--lp-primary-color, #ffb606);
color: var(--lp-color-white, #fff);
}
.social-share-toggle .clipboard-post {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
gap: 12px;
}
.social-share-toggle .btn-clipboard {
position: relative;
padding: 12px 20px;
white-space: nowrap;
}
.social-share-toggle .btn-clipboard .tooltip {
display: none;
position: absolute;
z-index: 2;
left: 50%;
right: auto;
bottom: 100%;
transform: translateX(-50%);
width: max-content;
color: #fff;
font-size: 0.825em;
padding: 5px 10px;
background: rgba(0, 0, 0, 0.72);
border-radius: 3px;
margin-bottom: 10px;
}
.social-share-toggle .btn-clipboard .tooltip:before {
content: "";
position: absolute;
z-index: 2;
left: 50%;
bottom: -5px;
margin-left: -3px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid rgba(0, 0, 0, 0.72);
}
.social-share-toggle .btn-clipboard:hover {
background-color: #eee;
}
.social-share-toggle .btn-clipboard:hover .tooltip {
display: block;
}
.social-share-toggle .clipboard-value {
border: 1px solid var(--lp-border-color, #E2E0DB);
padding: 12px 20px;
flex: 1;
}
@media (max-width: 600px) {
.social-share-toggle .clipboard-value {
width: 100%;
}
}
.social-share-toggle .wrapper-content-widget {
visibility: hidden;
text-align: left;
opacity: 0;
-webkit-transition: all 0.27s ease;
-moz-transition: all 0.27s ease;
-o-transition: all 0.27s ease;
transition: all 0.27s ease;
position: absolute;
right: 0;
top: auto;
z-index: 9;
margin-top: 20px;
}
.social-share-toggle.social-share-toggle__open .wrapper-content-widget {
margin-top: 0;
visibility: visible;
opacity: 1;
}
@media (max-width: 768px) {
.social-share-toggle .wrapper-content-widget {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
}
.social-share-toggle .wrapper-content-widget .content-widget-social-share {
position: relative;
z-index: 1;
max-width: fit-content;
top: 50%;
min-width: 320px;
transform: translateY(-50%);
margin: 0 auto;
}
}
.lp-instructor-info {
display: flex;
gap: 30px;
margin-top: 30px;
margin-bottom: 30px;
}
@media (max-width: 600px) {
.lp-instructor-info {
flex-wrap: wrap;
}
}
.lp-instructor-info .lp-section-instructor {
flex: 1;
}
.lp-instructor-info .instructor-display-name {
font-size: 1.4rem;
}
.lp-instructor-info .instructor-avatar {
max-width: 200px;
}
.lp-instructor-info .lp-instructor-meta {
margin-top: 16px;
display: flex;
column-gap: 20px;
row-gap: 8px;
}
.lp-instructor-info .instructor-description {
margin-top: 16px;
}
.lp-instructor-info img {
max-width: 100%;
border-radius: var(--lp-border-radius, 5px);
}
.lp-instructor-info .instructor-social {
display: inline-flex;
padding: 0;
gap: 12px;
margin: 16px 0 0 0;
}
.lp-instructor-info .instructor-social > a {
text-align: center;
list-style: none;
}
.lp-instructor-info .instructor-social > a span {
display: none;
}
.lp-instructor-info .instructor-social > a i {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: 50%;
}
.lp-instructor-info .instructor-social > a i:hover {
background-color: var(--lp-primary-color, #ffb606);
border-color: var(--lp-primary-color, #ffb606);
color: var(--lp-color-white, #fff);
}
.instructor-display-name {
font-weight: var(--lp-font-weight-link, 600);
}
.instructor-item-meta {
display: inline-flex;
border-left: 1px solid var(--lp-border-color, #E2E0DB);
padding-left: 20px;
}
.lp-instructor-meta .instructor-item-meta:first-child {
border: none;
padding-left: 0;
}
.wrapper-instructor-total-students, .wrapper-instructor-total-courses {
display: flex;
gap: 4px;
align-items: center;
}
.course-extra-box {
margin-bottom: 16px;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
width: 100%;
}
.course-extra-box.active .course-extra-box__content {
height: auto;
}
.course-extra-box__title {
--extra-height: 50px;
display: flex;
align-items: center;
position: relative;
height: var(--extra-height);
margin: 0 !important;
padding: 0 45px 0 20px;
background: rgba(181, 187, 211, 0.15);
font-size: 1em;
font-weight: 700;
cursor: pointer;
}
@media (max-width: 767px) {
.course-extra-box__title {
padding-left: 16px;
}
}
.course-extra-box__title::after {
position: absolute;
top: 0;
right: 20px;
font-family: "lp-icon";
line-height: var(--extra-height);
content: "\f107";
}
.course-extra-box__content {
overflow: hidden;
transition: height 0.3s ease;
}
.course-extra-box__content-inner {
-webkit-animation-name: course-extra-box__content-inner-transform;
animation-name: course-extra-box__content-inner-transform;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
}
.course-extra-box__content-inner > ul {
padding-left: 0 !important;
padding-bottom: 0 !important;
}
.course-extra-box__content ul,
.course-extra-box__content li {
list-style: none;
}
.course-extra-box__content ul {
margin: 0;
padding: 0;
}
.course-extra-box__content li {
margin: 0;
padding: 12px 20px;
border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
}
@media (max-width: 767px) {
.course-extra-box__content li {
padding-left: 16px;
padding-right: 16px;
}
}
.course-extra-box__content li::before {
margin-right: 8px;
color: var(--lp-primary-color);
font-family: "lp-icon";
content: "\f00c";
}
.course-extra-box__content li:last-child {
border-bottom: 0;
}
.course-extra-box:last-child {
margin-bottom: 60px;
}
.course-extra-box.active .course-extra-box__title::after {
content: "\f106";
}
.course-extra-box + .comment-respond, .course-extra-box + .comments-area {
margin-top: 30px;
margin-bottom: 30px;
}
.course-extra-box + .course-tabs {
margin-top: 30px;
}
input[name=course-extra-box-ratio] {
display: none;
}
input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content {
display: block;
}
input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content .course-extra-box__content-inner {
transform: scale(1);
}
@-webkit-keyframes course-extra-box__content-inner-transform {
from {
opacity: 0;
-webkit-transform: translateX(5%);
-moz-transform: translateX(5%);
-ms-transform: translateX(5%);
-o-transform: translateX(5%);
transform: translateX(5%);
}
to {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes course-extra-box__content-inner-transform {
from {
opacity: 0;
transform: translateX(5%);
}
to {
opacity: 1;
transform: translateX(0%);
}
}
.course-tab-panel-faqs .course-faqs-box {
margin-bottom: 20px;
border: 1px solid rgba(204, 204, 204, 0.6);
border-radius: 5px;
}
.course-tab-panel-faqs .course-faqs-box__title {
display: block;
position: relative;
margin: 0;
padding: 12px 45px 12px 20px;
font-size: 1em;
line-height: 1.5;
font-weight: var(--lp-font-weight-link, 600);
cursor: pointer;
}
.course-tab-panel-faqs .course-faqs-box__title::after {
position: absolute;
top: 12px;
right: 20px;
font-family: "lp-icon";
content: "\f067";
}
.course-tab-panel-faqs .course-faqs-box:last-child {
margin-bottom: 40px;
}
.course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title {
color: var(--lp-primary-color);
}
.course-tab-panel-faqs .course-faqs-box__content {
display: none;
}
.course-tab-panel-faqs .course-faqs-box__content-inner {
padding: 20px;
-webkit-animation-name: course-faqs-box__content-inner-transform;
animation-name: course-faqs-box__content-inner-transform;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
}
input[name=course-faqs-box-ratio] {
display: none;
}
input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__content {
display: block;
}
input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title {
color: var(--lp-primary-color);
background: rgba(241, 242, 248, 0.4);
}
input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title::after {
content: "\f068";
}
@-webkit-keyframes course-faqs-box__content-inner-transform {
from {
opacity: 0;
-webkit-transform: translateY(-5%);
-moz-transform: translateY(-5%);
-ms-transform: translateY(-5%);
-o-transform: translateY(-5%);
transform: translateY(-5%);
}
to {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
}
@keyframes course-faqs-box__content-inner-transform {
from {
opacity: 0;
-webkit-transform: translateY(-5%);
-moz-transform: translateY(-5%);
-ms-transform: translateY(-5%);
-o-transform: translateY(-5%);
transform: translateY(-5%);
}
to {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
}
.extra-box__title, .course-faqs__title, .course-material__title {
margin-top: 0;
margin-bottom: 12px;
}
.edit-content {
margin-left: 5px;
}
.course-curriculum ul.curriculum-sections {
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.course-curriculum ul.curriculum-sections .closed .section-item__loadmore {
display: none;
}
.course-curriculum ul.curriculum-sections .section {
margin: 0;
padding: 0;
flex-wrap: wrap;
}
.course-curriculum ul.curriculum-sections .section:last-child {
padding: 0;
}
.course-curriculum ul.curriculum-sections .section.section-empty .section-header {
margin-bottom: 20px;
}
.course-curriculum ul.curriculum-sections .section.section-empty .learn-press-message {
margin-right: 15px;
margin-left: 15px;
}
.course-curriculum ul.curriculum-sections .section-title.c + .section-desc {
display: block;
}
.course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
top: 0;
}
.course-curriculum ul.curriculum-sections .item-meta.duration {
background: #d9e0f1;
}
.course-curriculum .section-item__loadmore {
display: flex;
justify-content: center;
align-items: center;
}
.course-curriculum .section-item__loadmore button {
margin-top: 10px;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
padding: 8px 16px;
box-shadow: none;
outline: none;
}
.course-curriculum .section-item__loadmore.loading button:before {
display: inline-block;
font-family: "lp-icon";
content: "\f110";
animation: lp-rotating 1s linear infinite;
margin-right: 5px;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
margin-top: -2px;
}
.course-curriculum .section-header {
display: table;
width: 100%;
padding: 20px 0;
border-bottom: 0;
border-bottom: 1px solid #d9e0f1;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc {
margin: 0;
}
.course-curriculum .section-header span.show-desc {
display: inline-block;
position: absolute;
top: 50%;
right: 30px;
width: 20px;
height: 20px;
transform: translate(0, -50%);
}
.course-curriculum .section-header span.show-desc::before {
font-family: "lp-icon";
font-size: 1.125em;
content: "\f107";
}
.course-curriculum .section-header span.show-desc:hover::before {
border-top-color: #ccc;
}
.course-curriculum .section-header .section-desc {
margin-top: 10px;
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
color: var(--lp-color-accent);
font-style: italic;
line-height: 1.3;
}
.course-curriculum .section-header .section-meta {
display: block;
padding-top: 17px;
padding-bottom: 15px;
font-size: 0.8em;
text-align: right;
vertical-align: middle;
white-space: nowrap;
}
.course-curriculum .section-item {
width: 100%;
}
.course-curriculum .section-content {
margin: 0;
padding: 0;
list-style: none;
}
.course-curriculum .section-content .course-item-meta {
display: table-cell;
text-align: right;
vertical-align: middle;
white-space: nowrap;
}
.course-curriculum .section-content .course-item-meta .item-meta {
display: inline-block;
color: #fff;
}
.course-curriculum .section-content .course-item-meta .item-meta.final-quiz {
background: #14c4ff;
}
.course-curriculum .section-content .course-item-meta .item-meta.trans {
padding: 0;
}
.course-curriculum .section-content .course-item-meta .count-questions {
background: #9672cf;
}
.course-curriculum .section-content .course-item-meta .duration {
background: #c0c0c0;
}
.course-curriculum .section-content .course-item-meta .course-item-status {
padding: 0;
color: #999;
}
.course-curriculum .section-content .course-item-meta .course-item-status::before {
font-family: "lp-icon";
content: "\f00c";
}
.course-curriculum .section-content .course-item-preview {
font-style: normal;
padding: 0;
}
.course-curriculum .section-content .course-item-preview::before {
font-family: "lp-icon";
content: "\f06e";
color: #999;
}
.course-curriculum .course-item {
display: flex;
position: relative;
margin: 0 0 2px 0;
padding: 0 16px;
background: rgba(241, 242, 248, 0.4);
transition: padding-left linear 0.15s;
}
.course-curriculum .course-item > span {
display: flex;
width: 28px;
color: #666;
font-weight: 300;
align-items: center;
}
.course-curriculum .course-item .section-item-link {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
padding: 12px 0;
color: inherit;
outline: none;
gap: 12px;
}
.course-curriculum .course-item .section-item-link:hover .item-name {
color: var(--lp-primary-color);
}
.course-curriculum .course-item .section-item-link::before {
color: var(--lp-primary-color);
font-family: "lp-icon";
}
.course-curriculum .course-item .section-item-link .course-item-info {
width: 100%;
}
.course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre {
display: flex;
flex-flow: row-reverse;
justify-content: flex-end;
gap: 16px;
align-items: center;
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
}
.course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre .item-meta.duration {
background: transparent;
}
.course-curriculum .course-item .item-name {
font-weight: 600;
}
.course-curriculum .course-item.course-item-lp_quiz .section-item-link::before {
content: "\f059";
}
.course-curriculum .course-item.course-item-lp_assignment .section-item-link::before {
content: "\e929" !important;
}
.course-curriculum .course-item.course-item.course-item-lp_h5p .section-item-link::before {
content: "\e92a" !important;
}
.course-curriculum .course-item.course-item-lp_lesson .section-item-link::before {
content: "\f15b";
}
.course-curriculum .course-item.course-item-lp_lesson.course-item-type-video .section-item-link::before {
content: "\f03d";
}
.course-curriculum .course-item.course-item-lp_lesson.course-item-type-audio .section-item-link::before {
content: "\f028";
}
.course-curriculum .course-item.item-locked .course-item-status::before {
color: var(--lp-secondary-color);
content: "\f023";
}
.course-curriculum .course-item.has-status {
padding-top: 1px;
}
.course-curriculum .course-item.has-status.status-completed .course-item-status::before, .course-curriculum .course-item.has-status.status-evaluated .course-item-status::before {
color: #3bb54a;
}
.course-curriculum .course-item.has-status.item-failed .course-item-status::before, .course-curriculum .course-item.has-status.failed .course-item-status::before {
border-color: #f02425;
color: #f02425;
content: "\f00d";
}
.course-curriculum .course-item::before {
position: absolute;
top: 50%;
left: 0;
width: 3px;
height: 0;
background: #00adff;
content: "";
transition: height linear 0.15s, top linear 0.15s;
}
.course-curriculum .course-item.current {
background: #f9f9f9;
}
.course-curriculum .course-item.current a::before {
left: 10px;
}
.course-curriculum .course-item.current::before {
top: 0;
height: 100%;
}
.course-curriculum .section-left {
vertical-align: top;
}
.course-curriculum .section-left .section-title {
font-weight: 700;
font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
text-transform: capitalize;
display: block;
}
.course-curriculum .curriculum-more__button {
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
padding: 8px 16px;
box-shadow: none;
outline: none;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.course-curriculum .curriculum-more__button.loading:before {
display: inline-block;
font-family: "lp-icon";
content: "\f110";
animation: lp-rotating 1s linear infinite;
margin-right: 5px;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
margin-top: -2px;
}
body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course {
float: right;
}
#wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before, #wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before, #wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
top: 2px;
font-family: "lp-icon";
}
#wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before {
content: "\f017";
}
#wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before {
content: "\f15c";
}
#wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
content: "\f29c";
}
.course-remaining-time .label-enrolled {
font-size: inherit;
}
.lp-course-progress {
position: relative;
}
.lp-course-progress .lp-passing-conditional {
position: absolute;
top: 0;
width: 3px;
height: 6px;
margin-left: -1px;
background: var(--lp-secondary-color);
}
.viewing-course-item .section-header .section-desc {
display: none;
}
.lp-course-curriculum ul, .lp-course-curriculum li {
list-style: none;
margin: 0;
padding: 0;
}
.lp-course-curriculum .course-curriculum-info {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 20px;
}
.lp-course-curriculum .course-curriculum-info__left {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.lp-course-curriculum .course-curriculum-info__left li {
display: inline-flex;
align-items: center;
gap: 8px;
}
.lp-course-curriculum .course-curriculum-info__left li::after {
content: "";
width: 4px;
height: 4px;
background-color: var(--lp-border-color, #E2E0DB);
display: inline-block;
}
.lp-course-curriculum .course-curriculum-info__left li:last-child::after {
content: none;
}
.lp-course-curriculum .course-curriculum-info__right {
font-weight: var(--lp-font-weight-link, 600);
text-align: right;
text-transform: capitalize;
}
.lp-course-curriculum .course-toggle-all-sections {
cursor: pointer;
}
.lp-course-curriculum .course-section {
margin-bottom: 8px;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
cursor: pointer;
overflow: hidden;
}
.lp-course-curriculum .course-section.lp-collapse .course-section__items {
display: none;
animation: ease-in-out;
}
.lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-up {
display: none;
}
.lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-down {
display: block;
}
.lp-course-curriculum .course-section .lp-icon-angle-down {
display: none;
}
.lp-course-curriculum .course-section:last-child {
margin-bottom: 0;
}
.lp-course-curriculum .course-section .course-section-header {
background-color: var(--lp-white-grey, #F7F7FB);
padding: 20px;
column-gap: 12px;
display: flex;
justify-content: space-between;
}
.lp-course-curriculum .course-section__title {
font-weight: 600;
font-size: 1.1em;
line-height: 1.3em;
}
.lp-course-curriculum .course-section__description {
margin: 4px 0 0 0;
}
.lp-course-curriculum .course-section .section-toggle {
line-height: 1;
}
.lp-course-curriculum .course-section .section-toggle i {
font-size: 24px;
}
.lp-course-curriculum .course-section .course-section-info {
margin-left: 0;
margin-right: auto;
}
.lp-course-curriculum .course-section .section-count-items {
min-width: 24px;
font-weight: 600;
text-align: center;
line-height: 1.3;
white-space: nowrap;
}
.lp-course-curriculum .course-section .course-item {
background-color: transparent;
border-top: 1px solid var(--lp-border-color, #E2E0DB);
padding: 12px 20px;
margin: 0;
}
.lp-course-curriculum .course-section .course-item__link {
display: flex;
justify-content: space-between;
width: 100%;
column-gap: 12px;
row-gap: 8px;
position: relative;
align-items: flex-start;
color: inherit;
}
.lp-course-curriculum .course-section .course-item__info {
display: flex;
column-gap: 12px;
row-gap: 8px;
}
.lp-course-curriculum .course-section .course-item__info .course-item-ico {
min-width: 16px;
}
.lp-course-curriculum .course-section .course-item__content {
display: flex;
justify-content: space-between;
column-gap: 12px;
row-gap: 8px;
align-items: baseline;
flex: 1;
}
@media (max-width: 1024px) {
.lp-course-curriculum .course-section .course-item__content {
flex-wrap: wrap;
}
}
.lp-course-curriculum .course-section .course-item__left:hover {
color: var(--lp-primary-color, #ffb606);
}
.lp-course-curriculum .course-section .course-item__right {
display: flex;
column-gap: 12px;
row-gap: 8px;
align-items: center;
flex: none;
color: var(--lp-color-meta, #8a8a8a);
flex-wrap: wrap;
flex-direction: row-reverse;
justify-content: flex-end;
}
@media (max-width: 1024px) {
.lp-course-curriculum .course-section .course-item__right {
width: 100%;
order: 3;
}
}
.lp-course-curriculum .course-section .course-item__status .course-item-ico {
width: 24px;
display: flex;
justify-content: center;
}
.lp-course-curriculum .course-section .course-item-ico::before {
content: "";
display: inline-block;
font-family: "lp-icon";
font-weight: normal;
}
.lp-course-curriculum .course-section .course-item-ico.lp_lesson::before {
content: "\f15b";
}
.lp-course-curriculum .course-section .course-item-ico.lp_quiz::before {
content: "\f12e";
}
.lp-course-curriculum .course-section .course-item-ico.lp_assignment::before {
content: "\e929";
}
.lp-course-curriculum .course-section .course-item-ico.lp_h5p::before {
content: "\e92a";
}
.lp-course-curriculum .course-section .course-item-ico.preview::before {
content: "\f06e";
color: #999;
}
.lp-course-curriculum .course-section .course-item-ico.locked::before {
content: "\f023";
color: #999;
}
.lp-course-curriculum .course-section .course-item-ico.passed.completed::before {
content: "\f00c";
color: #3bb54a;
}
.lp-course-curriculum .course-section .course-item-ico.in-progress::before, .lp-course-curriculum .course-section .course-item-ico.completed::before {
content: "\f00c";
color: #999;
}
.lp-course-curriculum .course-section .course-item-ico.failed.completed::before {
content: "\f00d";
color: #f02425;
}
.lp-course-curriculum .course-section .course-item-ico.started::before {
content: "\f00c";
color: #999;
}
.lp-course-curriculum .course-section .course-item-ico.doing::before {
content: "\e921";
color: #999;
}
.info-learning .course-progress__line {
width: 100%;
background: #ccc;
height: 5px;
border-radius: 5px;
position: relative;
}
.info-learning .course-progress__line__active {
background: var(--lp-primary-color);
height: 100%;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
}
.info-learning .course-progress__line__active {
background: var(--lp-primary-color);
height: 100%;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
}
.info-learning .course-progress__line__point {
position: absolute;
top: 0;
width: 2px;
height: 100%;
background: var(--lp-secondary-color);
}
.lp-single-course .comment-form .comment-form-url,
.lp-single-course .comment-form .comment-form-email,
.lp-single-course .comment-form .comment-form-author,
.lp-single-course .comment-form .comment-form-comment, .wp-block-learnpress-course-comment .comment-form .comment-form-url,
.wp-block-learnpress-course-comment .comment-form .comment-form-email,
.wp-block-learnpress-course-comment .comment-form .comment-form-author,
.wp-block-learnpress-course-comment .comment-form .comment-form-comment {
display: flex;
flex-direction: column;
gap: 1rem;
}
.lp-single-course .comment-form input[type=url],
.lp-single-course .comment-form input[type=text],
.lp-single-course .comment-form input[type=email],
.lp-single-course .comment-form textarea, .wp-block-learnpress-course-comment .comment-form input[type=url],
.wp-block-learnpress-course-comment .comment-form input[type=text],
.wp-block-learnpress-course-comment .comment-form input[type=email],
.wp-block-learnpress-course-comment .comment-form textarea {
padding: 12px 20px;
outline: none;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
}
.lp-single-course .comment-form input[type=submit], .wp-block-learnpress-course-comment .comment-form input[type=submit] {
border-radius: var(--lp-border-radius, 5px);
}  .lp-ico svg {
width: 20px;
height: 20px;
}
.lp-hidden {
display: none !important;
}
.course-price .origin-price {
text-decoration: line-through;
margin-right: 4px;
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
opacity: 0.6;
}
[class*=wp-block-learnpress] img,
.block-editor-block-list__block img {
max-width: 100%;
height: auto;
}
[class*=wp-block-learnpress] .info-meta-item,
.block-editor-block-list__block .info-meta-item {
display: flex;
gap: 4px;
flex-wrap: wrap;
}
[class*=wp-block-learnpress] .info-meta-item i,
.block-editor-block-list__block .info-meta-item i {
color: var(--lp-primary-color, #ffb606);
}
[class*=wp-block-learnpress] .info-meta-left,
.block-editor-block-list__block .info-meta-left {
display: flex;
gap: 8px;
align-items: center;
letter-spacing: 0;
}
[class*=wp-block-learnpress] a,
.block-editor-block-list__block a {
text-decoration: none;
}
.wp-block-learnpress-course-image {
overflow: hidden;
}
.wp-block-learnpress-course-instructor > div > *,
.wp-block-learnpress-course-categories > div > * {
display: inline;
vertical-align: middle;
} .wp-block-learnpress-breadcrumb ul {
margin: 0 auto;
list-style: none;
padding: 0;
}
.wp-block-learnpress-breadcrumb li {
display: inline-block;
margin: 0;
}
.wp-block-learnpress-breadcrumb i {
margin: 0 8px;
}
.wp-block-learnpress-breadcrumb a {
color: inherit;
}
.courses-btn-load-more {
padding: 8px 24px;
border-radius: var(--lp-border-radius, 5px);
color: var(--lp-color-base, #333);
border: 1px solid var(--lp-color-base, #333);
font-size: var(--lp-font-size-base, 1em);
transition: all 0.3s;
display: block;
background: transparent;
text-decoration: none;
text-align: center;
cursor: pointer;
margin: 20px auto;
}
.courses-btn-load-more:hover {
background: var(--lp-primary-color, #ffb606);
color: var(--lp-color-white, #fff);
border-color: var(--lp-primary-color, #ffb606);
}
.lp-overlay {
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(209, 213, 219, 0.8);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-property: opacity;
}
.lp-modal-dialog {
display: flex;
position: fixed;
z-index: 9999;
top: 0;
right: 0;
left: 0;
width: 100%;
min-height: 100vh;
text-align: center;
align-items: center;
justify-content: center;
}
.lp-modal-dialog .learn-press-message {
width: auto;
margin: 0 !important;
}
.lp-modal-dialog .lp-modal-content {
display: inline-block;
overflow: hidden;
z-index: 2;
width: auto;
max-width: 600px;
border-radius: 8px;
text-align: left;
vertical-align: middle;
background: white;
color: black;
}
.lp-modal-dialog .lp-modal-content h2,
.lp-modal-dialog .lp-modal-content h3 {
margin: 0;
}
.lp-modal-dialog .lp-modal-content .lp-group-step h3 {
border-bottom: 1px solid #eee;
}
.lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
padding: 0 1em;
}
.lp-modal-dialog .lp-modal-header {
background: #7c60d9;
border-bottom: 1px solid #eee;
padding: 1em;
}
.lp-modal-dialog .lp-modal-header h3 {
margin: 0;
color: white;
font-weight: 400;
}
.lp-modal-dialog .lp-modal-body .main-content {
max-height: 500px;
overflow: auto;
overscroll-behavior: contain;
}
.lp-modal-dialog .lp-modal-body .main-content h3,
.lp-modal-dialog .lp-modal-body .main-content h2,
.lp-modal-dialog .lp-modal-body .main-content .pd-2em {
padding: 1em;
}
.lp-modal-dialog .lp-modal-footer {
padding: 20px;
background-color: #f9fafb;
text-align: right;
}
.lp-modal-dialog .btn-yes {
color: #fff;
background-color: #7c60d9;
}
.lp-modal-dialog .lp_allow_repurchase_select {
padding: 20px;
background: #f7f7f7;
}
.lp-modal-dialog .lp_allow_repurchase_select > ul {
margin: 0;
padding: 0;
list-style: none;
}
.lp-modal-dialog .lp_allow_repurchase_select > ul li label {
display: flex;
align-items: center;
gap: 10px;
}
.lp-modal-dialog .lp-button {
cursor: pointer;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
padding: 8px 16px;
}
.lp-modal-dialog .lp-button.loading {
pointer-events: none;
opacity: 0.8;
}
.lp-modal-dialog .lp-button.loading:before {
display: inline-block;
font-family: "lp-icon";
content: "\f110";
animation: lp-rotating 1s linear infinite;
margin-right: 5px;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
margin-top: -2px;
}
.lp-modal-dialog .lp-button:hover {
border-color: var(--lp-primary-color, #ffb606);
color: #fff;
background: var(--lp-primary-color, #ffb606);
}
.lp-button.btn-finish-course {
cursor: pointer;
width: 100%;
padding: 12px 24px;
background-color: var(--lp-primary-color, #ffb606);
border-width: 0;
border-radius: var(--lp-border-radius, 5px);
border-color: var(--lp-primary-color, #ffb606);
color: var(--lp-color-white, #fff);
font-size: var(--lp-font-size-base, 1em);
text-align: center;
text-decoration: none;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
-ms-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.lp-button.btn-finish-course:hover {
background-color: var(--lp-secondary-color, #442e66);
border-color: var(--lp-secondary-color, #442e66);
}
.lp-button.btn-finish-course.loading {
pointer-events: none;
opacity: 0.8;
}
.lp-button.btn-finish-course.loading:before {
display: inline-block;
font-family: "lp-icon";
content: "\f110";
animation: lp-rotating 1s linear infinite;
margin-right: 5px;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
margin-top: -2px;
} @-webkit-keyframes rotating4 {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating4 {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes animation4 {
from {
left: -40%;
width: 40%;
}
to {
left: 100%;
width: 10%;
}
}
@keyframes animation4 {
from {
left: -40%;
width: 40%;
}
to {
left: 100%;
width: 10%;
}
}
:root {
--lp-cotainer-max-with: var(--lp-container-max-width);
}
.wp-block-group {
--lp-container-max-width: var(--wp--style--global--wide-size);
}
.c-gap-4 {
column-gap: 4px;
}
.wp-block-learnpress-course-feature-review .featured-review__title {
font-weight: var(--lp-font-weight-link, 600);
font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
}
[class^=wp-block-learnpress] .extra-box ul {
margin: 0 0 0 20px;
padding: 0;
}
.wp-block-learnpress-course-button-read-more,
.wp-block-learnpress-course-button {
cursor: pointer;
padding: 12px 24px;
background-color: var(--lp-primary-color, #ffb606);
border-width: 0;
border-radius: var(--lp-border-radius, 5px);
border-color: var(--lp-primary-color, #ffb606);
color: var(--lp-color-white, #fff);
font-size: var(--lp-font-size-base, 1em);
text-align: center;
text-decoration: none;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
-ms-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.wp-block-learnpress-course-button-read-more:hover,
.wp-block-learnpress-course-button:hover {
background-color: var(--lp-secondary-color, #442e66);
border-color: var(--lp-secondary-color, #442e66);
}
.wp-block-learnpress-course-button-read-more.loading,
.wp-block-learnpress-course-button.loading {
pointer-events: none;
opacity: 0.8;
}
.wp-block-learnpress-course-button-read-more.loading:before,
.wp-block-learnpress-course-button.loading:before {
display: inline-block;
font-family: "lp-icon";
content: "\f110";
animation: lp-rotating 1s linear infinite;
margin-right: 5px;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
margin-top: -2px;
}
@media (min-width: 992px) {
.lp-block-course-sidebar {
margin-top: -260px;
margin-block-start: -260px !important;
}
}
.wp-block-learnpress-item-search .search-course {
display: flex;
position: relative;
height: 70px;
background: var(--lp-white-grey, #F7F7FB);
}
.wp-block-learnpress-item-search .search-course input[name=s] {
display: block;
width: 100%;
margin-left: 30px;
border: none;
color: var(--lp-color-base, #333);
background: transparent;
box-shadow: none;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder {
color: #999;
}
.wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder {
color: #999;
}
.wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder {
color: #999;
}
.wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder {
color: #999;
}
.wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
color: #999;
}
.wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder {
font-style: italic;
}
.wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder {
font-style: italic;
}
.wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder {
font-style: italic;
}
.wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder {
font-style: italic;
}
.wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
font-style: italic;
}
.wp-block-learnpress-item-search .search-course input[name=s]:focus {
outline: 0;
}
.wp-block-learnpress-item-search .search-course button {
position: absolute;
top: 0;
right: 10px;
height: 70px;
padding: 0 16px;
border: 0;
background: transparent;
line-height: 1px;
box-shadow: none;
}
.wp-block-learnpress-item-search .search-course button:focus {
outline: none;
}
.wp-block-learnpress-item-search .search-course button i {
color: var(--lp-color-accent, #666);
}
.wp-block-learnpress-item-search .search-course button.clear {
display: none;
}
.wp-block-learnpress-item-search .search-course button.clear::before {
content: "\f00d";
}
.wp-block-learnpress-course-material .lp-button {
padding: 12px 24px;
border: 1px solid var(--lp-border-color, #E2E0DB);
color: var(--lp-color-base, #333);
background: transparent;
box-shadow: unset;
font-family: inherit;
font-weight: 400;
text-align: center;
text-transform: capitalize;
-webkit-border-radius: var(--lp-border-radius, 5px);
-moz-border-radius: var(--lp-border-radius, 5px);
border-radius: var(--lp-border-radius, 5px);
margin-top: 20px;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
-ms-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.wp-block-learnpress-course-material .course-material-table {
width: 100%;
display: table;
border-spacing: 0;
border-collapse: collapse;
}
.wp-block-learnpress-course-material .course-material-table tbody tr:nth-child(even) td,
.wp-block-learnpress-course-material .course-material-table .learnpress table tfoot tr:nth-child(even) td {
background: var(--tb-even-color, #fafafa);
}
.wp-block-learnpress-course-material .course-material-table thead {
box-sizing: border-box;
border: 1px solid var(--lp-border-color, #e2e0db);
}
.wp-block-learnpress-course-material .course-material-table th,
.wp-block-learnpress-course-material .course-material-table td {
padding: 0.7em 1em;
border: 1px solid var(--lp-border-color, #e2e0db);
background: #fff;
}
.wp-block-learnpress-course-material .course-material-table th {
border-bottom: none;
background: var(--lp-white-grey, #f7f7fb);
font-weight: 600;
text-align: center;
}
.wp-block-learnpress-course-material .course-material-table th:first-child {
text-align: left;
}
.wp-block-learnpress-course-material .course-material-table tr td {
border: 1px solid var(--lp-border-color, #e2e0db);
line-height: 1.4;
}
.wp-block-learnpress-course-material .course-material-table tr td:not(:first-child) {
text-align: center;
}
.wp-block-learnpress-course-material .course-material-table tfoot td {
text-align: left;
font-weight: bold;
}
.wp-block-learnpress-course-material .course-material-table.searching button:before {
display: inline-block;
content: "\f110";
animation: lp-rotating 1s linear infinite;
}
.wp-block-learnpress-item-hidden-sidebar .section-toggle {
justify-content: flex-end;
flex: 0;
}
.wp-block-learnpress-item-hidden-sidebar .section-toggle i {
color: var(--lp-color-accent, #666);
}
.wp-block-learnpress-item-close .back-course {
padding: 24px;
line-height: 70px;
background: rgba(255, 255, 255, 0.1);
color: #fff;
}
.wp-block-learnpress-item-close .back-course:hover {
background: rgba(255, 255, 255, 0.15);
}
@media (max-width: 768px) {
.wp-block-learnpress-item-close .back-course {
background: transparent;
opacity: 0.6;
padding-left: 15px;
padding-right: 15px;
}
.wp-block-learnpress-item-close .back-course:hover {
background: transparent;
opacity: 1;
}
}
.wp-block-learnpress-item-hidden-sidebar #sidebar-toggle {
display: inline-block;
width: 32px;
min-width: 32px;
line-height: 70px;
height: unset;
margin: 0;
background: rgba(255, 255, 255, 0.1);
color: var(--lp-color-white, #fff);
font-size: 1.4em;
cursor: pointer;
transition: 0.25s;
-webkit-appearance: none;
border: none;
text-align: center;
}
.wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:after {
display: none;
}
.wp-block-learnpress-item-hidden-sidebar #sidebar-toggle::before {
display: inline-block;
position: static;
margin: 0;
width: auto;
height: auto;
font-family: "lp-icon";
content: "\f0d9";
}
.wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:focus {
border: 0;
outline: 0;
}
.wp-block-learnpress-item-progress .items-progress {
display: flex;
justify-content: center;
align-items: center;
column-gap: 10px;
white-space: nowrap;
}
.wp-block-learnpress-item-progress .number {
padding-right: 10px;
font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
}
.wp-block-learnpress-item-progress .learn-press-progress {
overflow: hidden;
position: relative;
width: 80px;
height: 6px;
border-radius: 3px;
}
.wp-block-learnpress-item-progress .learn-press-progress .progress-bg {
overflow: hidden;
position: relative;
height: 6px;
background: #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wp-block-learnpress-item-progress .learn-press-progress .progress-bg .progress-active {
position: absolute;
left: 50%;
width: 100%;
height: 100%;
margin-left: -100%;
background: var(--lp-primary-color, #ffb606);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wp-block-learnpress-item-progress .learn-press-progress .learn-press-progress__active {
position: absolute;
z-index: 1;
left: -100%;
width: 100%;
height: 100%;
border-radius: 3px;
background: var(--lp-primary-color, #ffb606);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.wp-block-learnpress-item-progress .learn-press-progress::before {
display: block;
position: absolute;
z-index: 0;
top: 0;
width: 100%;
height: 100%;
background: #ccc;
content: "";
}
.wp-block-learnpress-item-navigation .course-item-nav {
display: flex;
justify-content: space-between;
}
.wp-block-learnpress-item-navigation .course-item-nav .prev,
.wp-block-learnpress-item-navigation .course-item-nav .next {
display: flex;
line-height: 3.125em;
flex: 1;
position: relative;
}
.wp-block-learnpress-item-navigation .course-item-nav .prev span,
.wp-block-learnpress-item-navigation .course-item-nav .next span {
display: block;
font-weight: bold;
}
.wp-block-learnpress-item-navigation .course-item-nav .prev a,
.wp-block-learnpress-item-navigation .course-item-nav .next a {
display: block;
color: var(--lp-color-accent, #666);
color: #999;
}
.wp-block-learnpress-item-navigation .course-item-nav .prev::before,
.wp-block-learnpress-item-navigation .course-item-nav .next::before {
color: #999;
font-family: "lp-icon";
}
.wp-block-learnpress-item-navigation .course-item-nav .prev:hover a, .wp-block-learnpress-item-navigation .course-item-nav .prev:hover::before,
.wp-block-learnpress-item-navigation .course-item-nav .next:hover a,
.wp-block-learnpress-item-navigation .course-item-nav .next:hover::before {
color: var(--lp-primary-color, #ffb606);
}
.wp-block-learnpress-item-navigation .course-item-nav .prev:hover .course-item-nav__name,
.wp-block-learnpress-item-navigation .course-item-nav .next:hover .course-item-nav__name {
display: block;
}
.wp-block-learnpress-item-navigation .course-item-nav .next {
text-align: right;
flex-direction: row-reverse;
}
.wp-block-learnpress-item-navigation .course-item-nav .next::before {
margin-left: 10px;
content: "\f0da";
}
.wp-block-learnpress-item-navigation .course-item-nav .next[data-nav=next] {
justify-content: flex-end;
}
.wp-block-learnpress-item-navigation .prev::before {
margin-right: 10px;
content: "\f0d9";
}
.wp-block-learnpress-item-navigation .prev .course-item-nav__name {
right: auto;
left: -30px;
}
.wp-block-learnpress-item-navigation .prev .course-item-nav__name::before {
right: auto;
left: 5px;
}
@media (max-width: 1024px) {
.wp-block-learnpress-item-navigation .prev .course-item-nav__name {
left: 15px;
}
}
.wp-block-learnpress-item-navigation .course-item-nav__name {
display: none;
position: absolute;
top: -20px;
right: -30px;
width: auto;
padding: 10px 15px;
color: var(--lp-color-accent, #666);
background: #ccc;
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
line-height: 1;
}
@media (max-width: 1024px) {
.wp-block-learnpress-item-navigation .course-item-nav__name {
top: -25px;
right: 15px;
left: auto;
}
}
.wp-block-learnpress-item-curriculum .lp-course-curriculum__title,
.wp-block-learnpress-item-curriculum .course-curriculum-info,
.wp-block-learnpress-item-curriculum .course-section__description {
display: none;
}
.wp-block-learnpress-item-content .content-item-wrap {
padding: 0;
}
.wp-block-learnpress-item-curriculum .lp-course-curriculum .course-section .course-item__content {
display: flex;
justify-content: space-between;
column-gap: 12px;
row-gap: 8px;
align-items: baseline;
flex: 1;
flex-direction: row;
}
.wp-block-learnpress-list-courses .learn-press-courses .course {
width: unset;
padding: 0;
}
.wp-block-learnpress-course-featured .course-featured {
margin-bottom: 0;
background-color: inherit;
color: inherit;
padding: 0;
}
.courses-order-by,
.block-courses-order-by {
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
padding: 8px 16px;
height: inherit;
font-size: inherit;
line-height: 1.1;
box-shadow: none;
padding-right: 30px;
background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
background-size: 0.8em;
background-position: calc(100% - 0.5em) center;
background-repeat: no-repeat;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
line-height: 1.1;
}
.woocommerce-js .courses-order-by,
.woocommerce-js .block-courses-order-by {
background-position-x: calc(100% - 10px);
}
.courses-order-by:focus,
.block-courses-order-by:focus {
border-color: var(--lp-primary-color);
outline: 0;
}
.course-img img {
display: block;
}
.block-search-courses {
display: flex;
flex: 1;
margin-bottom: 0;
}
.block-search-courses input {
width: 100%;
max-width: 240px;
margin: 0 4px 0 0;
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
padding: 8px 16px;
height: inherit;
font-size: inherit;
line-height: 1.1;
box-shadow: none;
}
.block-search-courses input::-webkit-input-placeholder {
color: #999;
}
.block-search-courses input::-moz-placeholder {
color: #999;
}
.block-search-courses input:-ms-input-placeholder {
color: #999;
}
.block-search-courses input:-moz-placeholder {
color: #999;
}
.block-search-courses input::placeholder {
color: #999;
}
.block-search-courses input:focus {
border-color: var(--lp-primary-color);
outline: 0;
}
.block-search-courses button {
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
padding: 8px 16px;
height: inherit;
font-size: inherit;
line-height: 1.1;
box-shadow: none;
box-shadow: 0 0 0;
}
.block-search-courses button i {
font-size: 1.2em;
line-height: 1.2;
}
.block-search-courses button:focus {
outline: 0;
}
.block-search-courses button.loading > i:before {
display: inline-block;
content: "\f110";
-webkit-animation: lp-rotating 1s linear infinite;
-moz-animation: lp-rotating 1s linear infinite;
animation: lp-rotating 1s linear infinite;
}
@media (max-width: 767px) {
.wp-block-learnpress-course-search {
width: 100%;
}
.wp-block-learnpress-course-search input {
min-width: 240px;
max-width: unset;
}
}
.course-filter-btn-mobile {
display: inline-flex;
align-items: center;
}
@media (min-width: 769px) {
.course-filter-btn-mobile {
display: none;
}
}
ul.wp-block-learn-press-courses {
list-style: none;
margin: 0;
max-width: 100%;
padding: 0;
}
ul.wp-block-learn-press-courses[data-layout=grid] {
--columns: 3;
--gap: 1.25em;
--min-width: 200px;
grid-gap: var(--gap);
display: grid;
grid-template-columns: repeat(auto-fill, minmax(max(var(--min-width), 100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)), 1fr));
margin-bottom: 2.25em;
}
@media (max-width: 768px) {
ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
--columns: min(var(--columns), 2);
}
}
@media (max-width: 480px) {
ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
--columns: 1;
}
}
.wp-block-learnpress-course-price .course-price .free,
.wp-block-learnpress-course-price .course-price .price {
font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
font-weight: var(--lp-font-weight-link, 600);
}
.wp-block-learnpress-course-price .course-price .origin-price {
margin-right: 8px;
opacity: 0.8;
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
text-decoration: line-through;
}
.wp-block-learnpress-course-button-read-more button {
padding: 8px 24px;
border-radius: var(--lp-border-radius, 5px);
color: var(--lp-color-base, #333);
border: 1px solid var(--lp-color-base, #333);
transition: all 0.3s;
display: block;
background: transparent;
text-decoration: none;
text-align: center;
}
.wp-block-learnpress-course-button-read-more button:hover {
background: var(--lp-primary-color, #ffb606);
color: var(--lp-color-white, #fff);
border-color: var(--lp-primary-color, #ffb606);
}
.wp-block-learnpress-course-button .course-readmore a {
padding: 8px 24px;
border-radius: var(--lp-border-radius, 5px);
color: var(--lp-color-base, #333);
border: 1px solid var(--lp-color-base, #333);
transition: all 0.3s;
display: block;
background: transparent;
text-decoration: none;
text-align: center;
}
.wp-block-learnpress-course-button .course-readmore a:hover {
background: var(--lp-primary-color, #ffb606);
color: var(--lp-color-white, #fff);
border-color: var(--lp-primary-color, #ffb606);
}
.courses-order-by-wrapper .courses-order-by {
border: 1px solid var(--lp-border-color, #E2E0DB);
border-radius: var(--lp-border-radius, 5px);
padding: 8px 16px;
height: inherit;
font-size: inherit;
line-height: 1.1;
box-shadow: none;
padding-right: 30px;
background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
background-size: 0.8em;
background-position: calc(100% - 0.5em) center;
background-repeat: no-repeat;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
line-height: 1.1;
}
.woocommerce-js .courses-order-by-wrapper .courses-order-by {
background-position-x: calc(100% - 10px);
}
.courses-order-by-wrapper .courses-order-by:focus {
border-color: var(--lp-primary-color, #ffb606);
outline: 0;
}
.wp-block-learnpress-instructor-social .instructor-social {
display: flex;
gap: 12px;
font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
}
.wp-block-learnpress-instructor-social .instructor-social i {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--lp-border-color, #e2e0db);
border-radius: 50%;
}
.wp-block-learnpress-instructor-background img {
opacity: 0;
visibility: hidden;
}
.wp-block-learnpress-instructor-avatar {
overflow: hidden;
aspect-ratio: 1;
}
.wp-block-learnpress-instructor-background {
position: relative;
}
.wp-block-learnpress-instructor-background:hover .lp-btn-to-edit-cover-image {
opacity: 1;
visibility: visible;
}
.wp-block-learnpress-instructor-background .lp-btn-to-edit-cover-image {
position: absolute;
bottom: 0;
right: 0;
background: var(--lp-white-grey, #F7F7FB);
padding: 12px 20px;
border-radius: var(--lp-border-radius, 5px) 0 var(--lp-border-radius, 5px) 0;
text-transform: capitalize;
cursor: pointer;
color: var(--lp-primary-color, #ffb606);
text-decoration: none;
opacity: 0;
visibility: hidden;
}
@media (max-width: 767px) {
.wp-block-learnpress-instructor-background .lp-btn-to-edit-cover-image {
font-size: 0;
padding: 4px 12px;
opacity: 1;
visibility: visible;
}
.wp-block-learnpress-instructor-background .lp-btn-to-edit-cover-image:before {
font-family: "lp-icon";
content: "\f044";
font-size: 16px;
}
}
.lp-sidebar-toggle__close .js-block-sidebar {
display: none;
}
.lp-sidebar-toggle__open .js-block-sidebar {
display: block;
}