578 lines
16 KiB
CSS
578 lines
16 KiB
CSS
: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;
|
|
} |