:root { --tutor-primary-color: var(--upstudy-primary-color); --tutor-color-primary: var(--upstudy-primary-color); --tutor-primary-hover-color: var(--upstudy-btn-bg-hover-color); --tutor-primary: var(--upstudy-primary-color); --tutor-color-primary-hover: var(--upstudy-btn-bg-hover-color); --tutor-body-color: var(--upstudy-color-body); --tutor-color-muted: var(--upstudy-color-body); --tutor-border-color: var(--upstudy-color-border); } body .tutor-btn-primary { background: var(--upstudy-color-btn-bg); border-color: var(--upstudy-color-btn-border); color: var(--upstudy-color-btn-text); font-size: 15px; font-weight: 600; padding-top: 12px; padding-bottom: 12px; border-radius: 3px; } .tutor-btn-primary:hover, .tutor-btn-primary:focus, .tutor-btn-primary:active { color: var(--upstudy-color-btn-text-hover); border-color: var(--upstudy-color-btn-border-hover); background-color: var(--upstudy-color-btn-bg-hover); } .tutor-btn-outline-primary { border-color: var(--upstudy-color-btn-border); border-radius: 3px; font-size: 15px; font-weight: 600; padding-top: 12px; padding-bottom: 12px; } .tutor-btn-outline-primary:hover, .tutor-btn-outline-primary:focus, .tutor-btn-outline-primary:active { color: var(--upstudy-color-btn-text-hover); border-color: var(--upstudy-color-btn-border-hover); background-color: var(--upstudy-color-btn-bg-hover); } .tutor-instructor-application-process a.tutor-bg-primary.tutor-color-white.tutor-py-16.tutor-px-32.tutor-radius-6 { background: var(--upstudy-color-btn-bg); border-color: var(--upstudy-color-btn-border); color: var(--upstudy-color-btn-text); font-size: 15px; font-weight: 600; padding-top: 12px; padding-bottom: 12px; border-radius: 3px; } body .tutor-modal .tutor-modal-close-o { position: absolute; width: 35px; height: 35px; font-size: 20px; right: -54px; top: 0; display: inline-block; color: #fff; } /* === Before === */ /* == Archive page == */ /* == Single page == */ /* == Single Sidebar == */ /* === Before === */ /* === Course Curriculum === */ /* === Course Topic === */ /* == Archive page == */ .upstudy-course .course__content--meta .price span+span { margin-left: 0; } .tutor-pagination { border: 1px solid var(--upstudy-color-border); } .tutor-pagination ul.tutor-pagination-numbers .page-numbers.prev, .tutor-pagination ul.tutor-pagination-numbers .page-numbers.next { background: #f9f9f9; } .tutor-ratings-average { color: var(--upstudy-color-body); } .tutor-course-list.tutor-grid.tutor-grid-2 .upstudy-course .get__title a { font-size: 24px; line-height: 34px; } .tutor-course-list.tutor-grid.tutor-grid-3 .upstudy-course .get__title a { font-size: 20px; line-height: 30px; } .tutor-course-list.tutor-grid.tutor-grid-4 .upstudy-course .get__title a { font-size: 18px; line-height: 28px; } .tutor-container.course-archive-page .upstudy-col-lg-4 .upstudy-course .get__title a { font-size: 20px; font-weight: 600; line-height: 30px; } .post-type-archive-courses .tpc-site-content { padding-top: 90px; padding-bottom: 90px !important; } .type-courses .upstudy-wishlist-wrapper { line-height: 35px; } .tutor-course-filter { border: 1px solid var(--upstudy-color-border); border-radius: 5px; padding: 38px 30px 20px; font-size: var(--upstudy-h5); font-weight: var(--upstudy-p-semi-bold); line-height: var(--upstudy-h5-lineHeight); } #content>div>div.tutor-row.tutor-gx-xl-5>div.tutor-col-xl-9>div:nth-child(1)>div { background: none; padding-top: 20px; } .tutor-widget-title { font-size: 16px; font-weight: 700; margin-bottom: 20px; position: relative; color: var(--upstudy-heading-color); text-transform: uppercase; letter-spacing: 0.5px; } .tutor-course-filter .tutor-btn-outline-primary { font-size: 14px; font-weight: 500; padding: 7px 20px; border-radius: 3px; color: var(--upstudy-color-btn-text); background: var(--upstudy-color-btn-bg); border: 1px solid var(--upstudy-color-btn-bg); } .tutor-course-filter .tutor-btn-outline-primary:hover { border-color: var(--upstudy-color-btn-bg-hover); background: var(--upstudy-color-btn-bg-hover); color: var(--upstudy-color-btn-text-hover); } .tutor-list-item label { font-size: 15px; color: var(--upstudy-color-body); font-weight: 400; } .tutor-course-filter li { position: relative; font-size: 15px; line-height: 26px; color: var(--upstudy-heading-color); cursor: pointer; font-weight: 400; } .tutor-list-item label input[type=checkbox] { position: relative; width: 17px; height: 17px; margin: 0 15px 0 0; border: 1px solid #d2d5d6; border-radius: 2px; background-color: var(--upstudy-color-white); vertical-align: top; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tutor-course-filter input.tutor-form-control { border: 0 none; background: #ffffff; height: 45px; width: 100%; border-radius: 100px; font-weight: 400; font-size: 16px; line-height: 22px; padding: 0 20px 0 45px; font-family: var(--upstudy-font-primary); border: 1px solid var(--upstudy-color-border); } .tutor-course-filter .tutor-widget+.tutor-widget { border-top: 1px solid var(--upstudy-color-border); padding-top: 25px; margin-top: 25px; } .tutor-ratings-lg .tutor-ratings-stars { font-size: 15px; } .tutor-pagination-wrapper-replaceable { padding-left: 10px; } @media (max-width:1199px) { .tutor-pagination-wrapper-replaceable { padding-left: 0; } } /* == Single page == */ .course-sidebar-preview.tutor .tutor-course-sidebar-card-pricing.tutor-align-end.tutor-justify-between { justify-content: center !important; display: none !important; } body .tutor-tag-list li a { font-weight: 500; font-size: 14px; line-height: 19px; position: relative; display: inline-block; border: 1px solid rgb(221, 221, 221); border-radius: 100px; transition: var(--upstudy-transition); } body .tutor-tag-list li a:hover { background: var(--upstudy-primary-color); border-color: var(--upstudy-primary-color); color: #fff !important; } body .tutor-course-details-widget-tags .tutor-tag-list li a { margin-bottom: 0; } .tutor-single-course-sidebar-more .tutor-course-details-widget { margin-bottom: 40px; } body .tutor-ratings-stars { color: #ffb60a; } .tutor-color-black { color: var(--upstudy-heading-color); } .single-course-layout-05 span.tutor-meta-value.tutor-color-secondary.tutor-mr-4 { color: #fff; } .tutor-nav-link, .tutor-nav-link:focus, .tutor-nav-link:hover, .tutor-nav-link:active { font-weight: 600; } body .tutor-accordion-item-header.is-active { color: var(--upstudy-heading-color); background: #f6f7f9; } .tutor-card-footer:not(.tutor-no-border) { border-top: 1px solid #ededed; } .tutor-course-details-tab nav.tutor-nav { margin-bottom: 30px; } body.single.single-courses .content-area { padding: 0 0 125px; } @media (max-width: 991.98px) { body.single.single-courses .content-area { padding: 0 0 60px; } } body.single.single-courses.single-course-layout-01 .content-area { padding: 0 0 40px; } .tutor-fs-1, .tutor-fs-2, .tutor-fs-3, .tutor-fs-4, .tutor-fs-5, .tutor-fs-6, .tutor-fs-7, .tutor-fs-8, .tutor-fs-9 { font-size: var(--upstudy-font-size-b1); } body.tutor-lms.single-course-layout-02 .tpc-site-content { padding-bottom: 0; } .upstudy-course-info-03 .tutor-course-sidebar-card-pricing span { color: var(--upstudy-primary-color-alt); font-weight: 700; font-size: 24px; } /* == Single Sidebar == */ .course-sidebar-preview .tutor-btn-primary[disabled], .course-sidebar-preview .tutor-btn-primary.disabled { background: var(--upstudy-color-btn-bg); border-color: var(--upstudy-color-btn-border); color: var(--upstudy-color-btn-text); } body .course-sidebar-preview { border-radius: inherit; background: transparent; border: none; box-shadow: none; } .course-sidebar-preview h3 { font-weight: 600; font-size: var(--upstudy-h4); line-height: var(--upstudy-h4-lineHeight); margin-bottom: 35px; } .tutor__widget { margin-bottom: 40px; } .tutor__widget:last-child { margin-bottom: 0; } .tutor-single-course-sidebar-more>div { overflow: hidden; border: 0; padding: 30px; border-radius: 5px; background: #fff; box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 7%); } .tutor-single-course-sidebar-more .tutor-course-details-instructors+div { border-top: 0; } .tutor-single-course-sidebar-more>div:first-child { box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 7%); border-radius: 15px; border: 1px solid var(--upstudy-color-border-02); } .tutor-single-course-sidebar-more>div:last-child { box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 7%); border-radius: 15px; border: 1px solid var(--upstudy-color-border-02); } body .widget-area .widget.upstudy-course-widget { box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 7%); } body .widget-area .tutor__widget.tpc-course-widget .widget { border-radius: 5px; background: #fff; padding: 30px; margin-top: 40px; overflow: hidden; box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 7%); border-radius: 15px; border: 1px solid var(--upstudy-color-border-02); } .tutor-card-footer:not(.tutor-no-border) { border-top: 1px solid #ededed; } .tutor-card:not(.tutor-no-border) { border: none; border-radius: 0; } .course-sidebar-preview.tutor .tutor-sidebar-top-wrap { overflow: hidden; border-radius: 15px; background: #fff; margin-bottom: 40px; box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 7%) !important; } body .course-sidebar-preview .upstudy-course-info .upstudy-price-meta .upstudy-price-value del { color: var(--upstudy-color-body); font-weight: 400; font-size: 16px; } body .course-sidebar-preview .upstudy-course-info .upstudy-price-meta .upstudy-price-value ins { color: var(--upstudy-primary-color-alt); font-weight: 600; font-size: 24px; text-decoration: none; } .upstudy-course-info li.upstudy-price-meta>.upstudy-price-value .price { display: flex; justify-content: normal; align-items: center; flex-direction: row-reverse; } .upstudy-course-info li.upstudy-price-meta>.upstudy-price-value .woocommerce-Price-amount.amount { margin-left: 10px; color: var(--upstudy-primary-color-alt); } .course-sidebar-preview.tutor .tutor-card-md .tutor-card-body { padding: 0 0 0 0; } .course-sidebar-preview.tutor .tutor-card-footer, .upstudy-tutor-course-layout--3 .tutor-card-footer { display: none; } .tutor-course-single-pricing { text-align: center; display: none; } .tutor-course-single-pricing span { color: var(--upstudy-primary-color-alt); font-weight: 700; font-size: 24px; text-align: center; } /* === Course Curriculum === */ .tutor-accordion-item-body-content { border-top: 0; } .tutor-course-content-list-item { padding: 14px 25px; border-bottom: 1px solid #eee; margin-top: 0; margin-bottom: 0; } .tutor-course-content-list-item:last-child { border-bottom: none; } .tutor-accordion-item { border-radius: 0; border: 0; } @media (max-width:768px) { .tutor-accordion-item { max-width: 100%; overflow: hidden; } } .tutor-accordion-item-header { font-size: 16px; font-weight: 600; background-color: #f6f7f9; padding: 17px 40px 17px 50px; } .tutor-course-content-list-item-title { font-size: 15px; } .tutor-icon-mark:before { font-size: 14px; } .tooltip-wrap.tooltip-icon:after { color: var(--upstudy-color-body); font-size: 14px; } body .tutor-accordion-item-header::after { left: 27px; content: "\f118"; font-family: 'icomoon' !important; font-size: 19px!important; color: var(--upstudy-color-body); transition: none; transform: translateY(-50%) rotate(0); bottom: 6px; } body .tutor-accordion-item-header.is-active::after { bottom: 4px; left: 25px; content: "\f117"; font-family: 'icomoon' !important; font-size: 19px!important; color: var(--upstudy-color-body); transform: translateY(-50%) rotate(0); } .tutor-icon-youtube-brand:before { content: "\f10f"; font-family: 'icomoon'; font-size: 15px; color: var(--upstudy-color-body) } .tutor-icon-brand-youtube-bold:before { content: "\f123"; font-family: 'icomoon'; font-size: 15px; color: var(--upstudy-color-body) } .tutor-icon-document-text:before { content: "\f124"; font-family: 'icomoon'; font-size: 15px; color: var(--upstudy-color-body) } li .tutor-icon-bullet-point:before { content: "\f11d"; font-family: 'icomoon'; font-size: 13px; color: var(--upstudy-primary-color); } .tutor-course-content-list-item-icon { color: var(--upstudy-color-body); } .tutor-icon-circle-question-mark:before { content: "\f126"; font-family: 'icomoon'; } /* === Course review === */ .tutor-ratings-stars>* { margin: 0 2px; } .tutor-card-list-item:not(:last-child) { border-bottom: 1px solid #ebebeb; } .tutor-hr { background-color: #ebebeb; } .tutor-avatar-text { color: inherit; background-color: #efefef; } .tutor-review-summary-average-rating { font-weight: 600; font-size: 58px; line-height: 50px; color: var(--upstudy-heading-color); } .tutor-review-summary .tutor-col-lg-auto.tutor-text-center.tutor-mb-16.tutor-mb-lg-0 { 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); } .tutor-review-summary .tutor-col-lg-auto.tutor-text-center.tutor-mb-16.tutor-mb-lg-0 .tutor-fs-6.tutor-color-secondary.tutor-mt-12.tutor-total-rating-count { margin-top: 0; } .tutor-review-summary .tutor-col-lg-auto.tutor-text-center.tutor-mb-16.tutor-mb-lg-0 .tutor-review-summary-average-rating.tutor-mb-20 { margin-bottom: 10px; } .tutor-review-summary .tutor-col-lg { padding-left: 30px; } .tutor-review-summary.tutor-p-24.tutor-p-lg-40 { padding: 40px 20px; } /* === Dashboard === */ .tutor-table tr td>a:not(.tutor-btn):not(.tutor-iconic-btn):not(.quiz-manual-review-action), .tutor-table tr td .tutor-table-link { color: var(--upstudy-heading-color); font-weight: 600; } .tutor-table tr td { border-bottom: 1px solid var(--upstudy-color-border); line-height: 2; font-weight: 500; } .tutor-dashboard-content .tutor-card:not(.tutor-no-border) { border: 1px solid var(--upstudy-color-border); } .tutor-course-card .tutor-course-co-author-badge { font-size: 14px; padding: 4px 15px; background: var(--upstudy-primary-color); } .tutor-course-card .tutor-course-name, .tutor-course-card .tutor-course-name a { color: var(--upstudy-heading-color); } .tutor-dashboard-content .tutor-course-card span.woocommerce-Price-amount.amount { font-weight: 700; } .tutor-dashboard-content .tutor-course-card span.tutor-fs-7.tutor-fw-medium.tutor-color-black { font-weight: 700; } .tutor-dashboard-content .tutor-course-card .tutor-course-name, .tutor-dashboard-content .tutor-course-card .tutor-course-name a { color: var(--upstudy-heading-color); font-weight: 700; font-size: 18px; } .tutor-course-progress-item-title { font-size: 20px; } /* === Course Topic === */ .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header { background: #13181C; } /* === Course tutor-iconic-btn === */ .upstudy-course .tutor-iconic-btn { border-color: #fff; background: #fff; color: var(--upstudy-primary-color); position: absolute; top: 25px; right: 20px; z-index: 1; } /* === Login page === */ .tutor-registration-wrap .tutor-alert.tutor-success { margin: 0 22px; } .tutor-login-form-wrapper, #tutor-registration-form { padding: 20px 50px; } .tutor-login-form-wrapper .tutor-fs-5.tutor-color-black.tutor-mb-32 { font-size: 28px; font-weight: 600; }