@charset "UTF-8"; :root { --lp-primary-color: var(--upstudy-primary-color); --lp-secondary-color: var(--upstudy-color-secondary); } span.origin-price { font-weight: 400 !important; color: var(--upstudy-heading-color) !important; text-decoration: line-through; margin-right: 4px; font-size: calc(var(--lp-font-size-base, 1em) * 0.925); opacity: .6; } .upstudy-course.layout__5 span.origin-price{ color: #fff !important; } body .course-sidebar-preview .upstudy-price-value { font-size: 20px!important; } .upstudy-course .course__content--meta span+span { margin-left: 5px; } .upstudy-course .course__content--meta span.origin-price { margin-right: 0; } body .course-sidebar-preview.lp .course-price .price { color: var(--upstudy-primary-color-alt); } body .course-sidebar-preview.lp .course-price .origin-price { font-weight: 300 !important; font-size: 18px; margin-right: 5px; } .upstudy-course .course__content--meta span.price { margin-left: 4px; } /* === LearnPress Review plugin CSS for archive course === */ .review-stars-rated { display: flex; margin-bottom: 10px; position: relative } .single-lp_course .review-stars-rated { margin-bottom: 0; } .review-stars-rated .review-star { position: relative; line-height: 1; margin: 0 1px } .review-stars-rated .review-star .lp-review-svg-star.fas { position: absolute; left: 0; top: 0; overflow: hidden } .review-stars-rated .review-star.empty, .review-stars-rated .review-star.filled { color: #f2b827; display: inline-block; position: relative } .review-stars-rated .review-star.empty::before, .review-stars-rated .review-star.filled::before { line-height: 1; content: "☆"; vertical-align: top; white-space: nowrap } .review-stars-rated .review-star.empty:before { color: #ddd; content: "☆" } .review-stars-rated .review-star.filled { position: absolute; top: 0; left: 0 } .review-stars-rated.center { justify-content: center } .lp-review-svg-star svg { width: 20px } .lp-review-svg-star.far { position: relative } .lp-review-svg-star.far svg { stroke: #ffb60a } .lp-review-svg-star.fas svg { fill: #ffb60a; stroke: transparent } .upstudy-course-review-wrapper { display: flex; justify-content: center; align-items: center; } .upstudy-course .review-stars-rated { margin-right: 5px; } .course-rate__details-row .course-rate__details-row-star { margin-top: -7px; } /* == Single page == */ body .lp-course-curriculum .course-section .section-count-items { box-shadow: 0 6px 12px rgb(0 0 0 / 2%); border-radius: 100px; font-size: 15px; background: #fff; line-height: 23px; font-weight: 400; } body.learnpress.single-course-layout-01 .course-title { font-size: 42px; line-height: 52px; } .course-price .origin-price { font-weight: 400; color: var(--upstudy-heading-color); } .lp-entry-content.lp-content-area { display: flex; flex-wrap: wrap; padding: 0; } .single-lp_course .entry-content-left { flex: 0 0 auto; width: 66.66666667%; padding: 0 15px 0 0 } .single-lp_course.single-course-layout-03 .entry-content-left { width: 100%; } .single-course-layout-03 .lp-course-buttons button { width: 100%; } .single-course-layout-03 .course-price { font-size: 22px; font-weight: 600; color: var(--upstudy-primary-color-alt); margin-bottom: 15px; } .single-course-layout-03 .course-price .free { color: #3db748; } .single-course-layout-03 #learn-press-course-tabs ul.learn-press-nav-tabs { text-align: center; } .single-course-layout-03 #learn-press-course-tabs ul.learn-press-nav-tabs { display: inherit; } .single-course-layout-03 #learn-press-course-tabs ul.learn-press-nav-tabs .course-nav label { font-size: 18px; line-height: 26px; padding: 9px 25px; color: var(--upstudy-meta-color); font-weight: 600; transition: all 0.5s ease; } .single-course-layout-03 #learn-press-course-tabs ul.learn-press-nav-tabs .course-nav label:hover { color: var(--upstudy-heading-color); transition: all 0.5s ease; } button.lp-button.lp-btn-wishlist.course-wishlist { margin-top: 10px; } .single-lp_course .lp-top-layout-01 { width: 66.66666667%; } .lp-sidebar-col { padding-left: 15px; } .lp_sidebar_wrap { padding-left: 32px; padding-right: 32px; padding-top: 30px; } .single-course-layout-01 .course-sidebar-preview.lp { margin-top: -135px; } .single-lp_cours .lp-entry-content .course-tabs { margin-top: 35px; } .single-lp_course .entry-content-left { padding: 70px 20px 0 0; } .single-lp_course.has__excerpt.single-course-layout-02 aside#secondary.widget-area { margin-top: -480px; } @media (max-width:992px) { .single-lp_course.has__excerpt.single-course-layout-02 aside#secondary.widget-area { margin-top: 0; } .single-lp_course.single-course-layout-02 .course-summary { padding-top: 0; } .single-lp_course .lp-top-layout-01 { width: 100%; } .single-course-layout-01 .course-sidebar-preview.lp { margin-top: 0; } .single-lp_course .entry-content-left { width: 100%; padding-right: 0; padding-top: 0; } .single-lp_course.single-course-layout-01 .entry-content-left { padding-top: 50px; } .lp-entry-content.lp-content-area { width: 100%; max-width: 1170px; margin: 0 auto; display: flex; flex-direction: column-reverse; } .lp-sidebar-col { padding-left: 0; } .single-lp_course .lp-content-area { padding-right: 0; padding-left: 0; } } /* == Sidebar == */ .learnpress.learnpress-page .lp-button { background: var(--upstudy-color-btn-bg); border-color: var(--upstudy-color-btn-border); color: var(--upstudy-color-btn-text); border-radius: 3px; padding: 15px 28px; font-size: 15px; font-weight: 500; line-height: 1; transition: all 0.3s ease 0s; } button.lp-button.lp-btn-wishlist.learn-press-course-wishlist-button-17069.course-wishlist { margin-top: 10px; } form.retake-course, form.enroll-course, form.purchase-course { width: 100%; } .single-lp_course .items-progress { display: flex; justify-content: space-between; } .single-lp_course .items-progress__heading { font-size: 16px; font-weight: 600; } .single-lp_course .items-progress__heading .number { font-weight: 500; } .single-lp_course #popup-course #popup-sidebar .course-curriculum .section .section-content .course-item .section-item-link .course-item-meta .item-meta { color: var(--upstudy-color-secondary); font-size: 13px; } .single-lp_course .learn-press-progress .progress-bg .progress-active { background: var(--upstudy-primary-color); } .single-lp_course .learn-press-progress { width: inherit; } .single-lp_course .course-sidebar-preview .course-time .course-time-row { display: flex; justify-content: space-between; } /* == Curriculum == */ .single-lp_course .course-extra-box { border: 0; } body.single-course-layout-01 .tpc-site-content { padding-bottom: 40px; } .single-course-layout-03 .upstudy-course-content-03 .intro-video-sidebar .intro-video { height: 560px; } .single-course-layout-03 .intro-video-sidebar { margin-bottom: 0; } .single-lp_course.single-course-layout-03 .entry-content-left { padding-bottom: 0; } #learn-press-course-tabs ul.learn-press-nav-tabs .course-nav { float: none; display: inline-block; border: 0; } .single-lp_course .lp-course-curriculum .course-section .course-section-header { background-color: #f6f7f9; } .single-lp_course .lp-course-curriculum .course-section { border: 0; margin-bottom: 20px; } .single-lp_course .lp-course-curriculum .course-section .course-item { border-top: 0; border-bottom: 1px solid #eee; } .single-lp_course .course-item-title { color: var(--upstudy-heading-color); } .single-lp_course .lp-course-curriculum .course-section__title { color: var(--upstudy-heading-color); font-size: 16px; } .single-lp_course .lp-course-curriculum .course-section .course-item-ico.lp_lesson::before { content: "\f123"; font-family: 'icomoon'; font-size: 15px; color: var(--upstudy-color-body); } .single-lp_course .lp-icon-angle-up:before { content: "\f117"; font-family: 'icomoon' !important; font-size: 19px!important; color: var(--upstudy-color-body); transform: translateY(-50%) rotate(0); } .single-lp_course .lp-icon-angle-down:before { content: "\f118"; font-family: 'icomoon' !important; font-size: 19px !important; color: var(--upstudy-color-body); transition: none; transform: translateY(-50%) rotate(0); bottom: 6px; } .single-lp_course .lp-course-curriculum .course-section .course-item-ico.in-progress::before, .single-lp_course .lp-course-curriculum .course-section .course-item-ico.completed::before { content: "\f11d"; font-family: 'icomoon'; } .single-lp_course .course-extra-box__content li::before { content: "\f11d"; font-family: 'icomoon'; font-size: 15px; } .single-lp_course .course-extra-box.active .course-extra-box__title::after { content: "\f117"; font-family: 'icomoon' !important; font-size: 19px !important; color: var(--upstudy-color-body); } .single-lp_course .lp-course-curriculum .course-section .course-item-ico.passed.completed::before { content: "\f11d"; font-family: 'icomoon' !important; font-size: 16px !important; } .single-lp_course .course-extra-box__title::after { content: "\f118"; font-family: 'icomoon' !important; font-size: 19px !important; color: var(--upstudy-color-body); font-weight: 500; } .single-lp_course input[name=course-faqs-box-ratio]:checked+.course-faqs-box .course-faqs-box__title::after { content: "\f117"; font-family: 'icomoon' !important; font-size: 19px !important; color: var(--upstudy-color-body); font-weight: 500; } .single-lp_course .course-extra-box__title { --extra-height: 57px; border-radius: 3px; font-weight: 600; } .single-lp_course .learn-press-nav-tabs li label { font-size: 16px; } /* == Review Tab == */ .single-lp_course .course-rate__summary { padding: 30px 40px; box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 7%); border-radius: 15px; border: 1px solid var(--upstudy-color-border-02); } .single-lp_course .course-rate__summary-value { font-weight: 600; font-size: 58px; color: var(--upstudy-heading-color); } .single-lp_course .course-rate__details-row .course-rate__details-row-value .rating, .single-lp_course .course-rate__details-row .course-rate__details-row-value .rating-gray { height: 8px; border-radius: 10px; background: #e3e5eb; } .single-lp_course .course-rate__details-row { margin: 0 0 7px 0; } .single-lp_course .course-rate__details { margin-left: 15px; } body .learnpress-course-review .course-reviews-list li, body .learnpress-course-review .course-reviews-list-shortcode li { padding: 0 0 45px 0; background-color: transparent; border: none; border-bottom: 1px solid var(--upstudy-color-border); margin-bottom: 45px; } body .learnpress-course-review .course-reviews-list, body .learnpress-course-review .course-reviews-list-shortcode { margin: 65px 0 0 0; } body .learnpress-course-review .course-reviews-list li .review-author img, body .learnpress-course-review .course-reviews-list-shortcode li .review-author img { border-radius: 100%; } body .learnpress-course-review .course-reviews-list li .review-author, .learnpress-course-review .course-reviews-list-shortcode li .review-author { margin-right: 40px; } body .author-rated .review-stars-rated { margin-bottom: 10px !important } /* == FAQs Tab == */ .single-lp_course .course-tab-panel-faqs .course-faqs-box__title { padding: 17px 45px 17px 20px; border-radius: 3px; font-weight: 600; color: var(--upstudy-heading-color); background: rgba(181, 187, 211, 0.15); } .single-lp_course input[name=course-faqs-box-ratio]:checked+.course-faqs-box .course-faqs-box__title { --extra-height: 57px; border-radius: 3px; font-weight: 600; color: var(--upstudy-heading-color); } .single-lp_course .course-tab-panel-faqs .course-faqs-box__title::after { top: 17px; content: "\f118"; font-family: 'icomoon' !important; font-size: 19px !important; color: var(--upstudy-color-body); font-weight: 500; } .single-lp_course .course-tab-panel-faqs .course-faqs-box { border: 0; } .single-lp_course .course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title { color: var(--upstudy-heading-color); } /* == Lessons == */ .lp-modal-dialog .lp-modal-header h3 { font-size: 20px; } body.learnpress-page .lp-modal-dialog .lp-button, body.learnpress-page .lp-modal-dialog #lp-button { padding: 7px 24px; } /* == Table content == */ body.learnpress-page .course-description table td { border-bottom: 1px solid #e2e0db; background-color: transparent; } .learnpress table tbody th { font-weight: 600; color: var(--upstudy-heading-color); background: #f6f7f9; } body.learnpress table tbody tr:nth-child(even) td, body.learnpress table tfoot tr:nth-child(even) td { background: #fff; } /*== Offline Course ==*/ form.course-external-link.form-button.lp-form { width: 100%; margin-top: -20px; } form.course-external-link.form-button.lp-form button.lp-button.button { background: transparent; border: 1px solid var(--upstudy-primary-color); color: var(--upstudy-primary-color); } form.course-external-link.form-button.lp-form:hover button.lp-button.button { background: var(--upstudy-primary-color); border: 1px solid var(--upstudy-primary-color); color: #fff } .single-course-layout-03 .lp-course-buttons form.course-external-link.form-button.lp-form { margin-top: 0; } body.learnpress.single-course-layout-03 .lp-course-buttons { display: inline-block; justify-content: center; width: 100%; } body.learnpress.single-course-layout-03 button.lp-button { width: max-content; border-radius: 100px; width: 100%; } #secondary .upstudy-course-info ul li.address__tag { gap: 35px; } .learnpress.learnpress-page .lp-button { border-radius: 100px; margin: 0 0 30px !important; } body.learnpress .course-extra-box:last-child { margin-bottom: 0; }