2456 lines
65 KiB
CSS
2456 lines
65 KiB
CSS
/*== Archive page ==*/
|
|
|
|
.upstudy-course-archive-search {
|
|
text-align: right;
|
|
margin-bottom: 40px;
|
|
}
|
|
.upstudy-course-archive-index-count {
|
|
position: relative;
|
|
top: 10px;
|
|
}
|
|
.upstudy-course-archive-search .search-button {
|
|
position: absolute;
|
|
right: 25px;
|
|
top: 5px;
|
|
left: auto;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
background-color: #eeeeee;
|
|
border: none;
|
|
animation: none;
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.upstudy-course-archive-search:hover .search-button {
|
|
background-color: var(--upstudy-primary-color);
|
|
color: #fff;
|
|
}
|
|
body .upstudy-course-archive-search input.input-search {
|
|
width: 300px;
|
|
border-radius: 100px;
|
|
padding: 15px 18px;
|
|
}
|
|
.upstudy-course-archive-top-bar-wrapper span>span {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
/* ====== Course Sidebar Filter ====== */
|
|
|
|
.upstudy-course-filter-buttons {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.upstudy-filter-clear-button {
|
|
font-weight: 400;
|
|
font-size: 17px;
|
|
color: var(--upstudy-primary-color-alt);
|
|
}
|
|
.widget-area.course-filter .widget-area-wrapper {
|
|
border: 1px solid var(--upstudy-color-border);
|
|
border-radius: 15px;
|
|
overflow: hidden;
|
|
padding: 35px 30px 35px;
|
|
font-size: var(--upstudy-h5);
|
|
font-weight: var(--upstudy-p-semi-bold);
|
|
line-height: var(--upstudy-h5-lineHeight);
|
|
}
|
|
.widget-area.course-filter h5.widget-title {
|
|
cursor: pointer;
|
|
font-size: 17px;
|
|
font-weight: 600;
|
|
margin-bottom: 20px;
|
|
position: relative;
|
|
color: var(--upstudy-heading-color);
|
|
letter-spacing: 0.5px
|
|
}
|
|
.widget-area.course-filter h5.widget-title:after {
|
|
content: "\f114";
|
|
font-family: 'icomoon' !important;
|
|
font-size: 16px;
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 0;
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
-webkit-transition: var(--upstudy-transition);
|
|
transition: var(--upstudy-transition);
|
|
}
|
|
.widget-area.course-filter .collapsed h5.widget-title:after {
|
|
-webkit-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
.widget-area.course-filter .filter-widget+.filter-widget {
|
|
border-top: 1px solid var(--upstudy-color-border);
|
|
padding-top: 25px;
|
|
margin-top: 25px;
|
|
}
|
|
.upstudy-course-filter-sidebar .filter-widget.widget.widget-course-category {
|
|
border-top: 0;
|
|
padding-top: 0;
|
|
}
|
|
.filter-widget.widget label {
|
|
display: block;
|
|
margin-bottom: 15px;
|
|
font-weight: 400;
|
|
}
|
|
.filter-widget.widget label:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.filter-widget input[type="checkbox"] {
|
|
position: relative;
|
|
width: 17px;
|
|
height: 17px;
|
|
margin: 4px 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;
|
|
}
|
|
.filter-widget input[type="checkbox"]:checked:before {
|
|
position: absolute;
|
|
content: '\f11d';
|
|
font-family: 'icomoon';
|
|
font-size: 11px;
|
|
height: 17px;
|
|
width: 17px;
|
|
border-radius: 2px;
|
|
line-height: 17px;
|
|
padding-left: 3px;
|
|
left: -1px;
|
|
top: -1px;
|
|
color: var(--upstudy-color-white);
|
|
background: var(--upstudy-primary-color);
|
|
}
|
|
.filter-widget label {
|
|
position: relative;
|
|
font-size: 15px;
|
|
line-height: 26px;
|
|
color: var(--upstudy-heading-color);
|
|
cursor: pointer;
|
|
margin-bottom: 0;
|
|
}
|
|
.filter-widget label .filter-count {
|
|
margin-left: 4px;
|
|
}
|
|
.filter-widget .upstudy-radio-filter {
|
|
display: flex;
|
|
margin-bottom: 15px;
|
|
}
|
|
.filter-widget.widget-lp_price .upstudy-radio-filter:last-child {
|
|
margin-bottom: 0px;
|
|
}
|
|
.filter-widget input[type="radio"] {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background-color: var(--upstudy-color-white);
|
|
width: 17px;
|
|
height: 17px;
|
|
margin: 5px 15px 0 0;
|
|
border: 1px solid #d2d5d6;
|
|
border-radius: 50%;
|
|
transform: translateY(-0.075em);
|
|
display: grid;
|
|
place-content: center;
|
|
}
|
|
.filter-widget input[type="radio"]::before {
|
|
content: "";
|
|
width: 11px;
|
|
height: 11px;
|
|
border-radius: 50%;
|
|
transform: scale(0);
|
|
background-color: var(--upstudy-primary-color);
|
|
}
|
|
.filter-widget input[type="radio"]:checked::before {
|
|
transform: scale(1);
|
|
}
|
|
.filter-widget input.input-search {
|
|
width: 100%;
|
|
}
|
|
.filter-left-align .filter-course-column .filtered-courses {
|
|
padding-left: 15px;
|
|
}
|
|
.filter-right-align .filter-sidebar-column {
|
|
order: 2;
|
|
}
|
|
.filter-right-align .filter-course-column .filtered-courses {
|
|
padding-left: 0px;
|
|
padding-right: 20px;
|
|
}
|
|
@media screen and (max-width: 1199px) {
|
|
.filter-left-align .filter-course-column .filtered-courses, .filter-right-align .filter-course-column .filtered-courses {
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
}
|
|
/* ===== Course Sorting Top ===== */
|
|
|
|
.edu-top-sorting-area {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-box-pack: justify;
|
|
-webkit-justify-content: space-between;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
margin-bottom: 30px;
|
|
}
|
|
.edu-top-sorting-area .course-found {
|
|
margin-bottom: 0;
|
|
}
|
|
.edu-top-sorting-area .course-found span.count {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.edu-top-sorting-area .edu-top-sorting-right {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
}
|
|
.edu-top-sorting-area .edu-top-sorting-right .layout-switcher {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.edu-top-sorting-area .edu-top-sorting-right .layout-switcher label {
|
|
font-family: var(--upstudy-font-secondary);
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
color: var(--upstudy-heading-color);
|
|
margin-top: 4px;
|
|
cursor: pointer;
|
|
}
|
|
.edu-top-sorting-area .edu-top-sorting-right .layout-switcher .switcher-btn {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
margin: -5px;
|
|
padding-left: 10px;
|
|
list-style: none;
|
|
}
|
|
.edu-top-sorting-area .edu-top-sorting-right .layout-switcher .switcher-btn li {
|
|
margin: 5px;
|
|
}
|
|
.edu-top-sorting-area .edu-top-sorting-right .layout-switcher .switcher-btn li a {
|
|
display: inline-block;
|
|
border: 1px solid var(--upstudy-color-border);
|
|
border-radius: 3px;
|
|
padding: 8px;
|
|
color: #d1d1d1;
|
|
font-size: 15px;
|
|
line-height: 1;
|
|
cursor: pointer;
|
|
-webkit-transition: var(--upstudy-transition);
|
|
transition: var(--upstudy-transition);
|
|
}
|
|
.edu-top-sorting-area .edu-top-sorting-right .layout-switcher .switcher-btn li a:hover, .edu-top-sorting-area .edu-top-sorting-right .layout-switcher .switcher-btn li a.active {
|
|
border-color: var(--upstudy-primary-color);
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.edu-top-sorting-area .edu-course-sorting {
|
|
position: relative;
|
|
margin-left: 30px;
|
|
}
|
|
.edu-top-sorting-area .edu-course-sorting .icon {
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
left: 22px;
|
|
font-size: 14px;
|
|
color: #ababab;
|
|
}
|
|
.edu-top-sorting-area .edu-course-sorting .course-orderby {
|
|
min-width: 225px;
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
height: 50px;
|
|
padding: 10px 20px;
|
|
padding-left: 84px;
|
|
outline: none;
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
border: 0 none;
|
|
border-radius: 3px;
|
|
color: var(--upstudy-heading-color);
|
|
font-family: var(--upstudy-font-secondary);
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
background: url(../images/icons/arrow-down.png) 88% center no-repeat transparent;
|
|
background-color: #f9f9f9;
|
|
cursor: pointer;
|
|
}
|
|
.tpc-filter-type-text, .display-layout-grid, .display-layout-list {
|
|
display: none;
|
|
}
|
|
.tpc-filter-type-text.active, .display-layout-grid.active, .display-layout-list.active {
|
|
display: flex;
|
|
}
|
|
.tpc-sidebar-toggle-activated .tpc-course-filter-toggle {
|
|
display: none;
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
font-family: var(--upstudy-font-secondary);
|
|
color: var(--upstudy-heading-color);
|
|
cursor: pointer;
|
|
}
|
|
.tpc-sidebar-toggle-activated .tpc-course-filter-toggle i {
|
|
font-size: 20px;
|
|
margin-right: 5px;
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
.upstudy-filter-close-trigger {
|
|
display: none;
|
|
}
|
|
@media only screen and (max-width: 991px) {
|
|
.edu-top-sorting-area {
|
|
display: block;
|
|
}
|
|
.edu-top-sorting-area .edu-top-sorting-right .layout-switcher {
|
|
margin-top: 20px;
|
|
}
|
|
.edu-top-sorting-area .edu-course-sorting {
|
|
margin-top: 20px;
|
|
}
|
|
.filter-right-align .filter-sidebar-column {
|
|
order: 1;
|
|
}
|
|
.filter-right-align .upstudy-col-lg-9.filter-course-column {
|
|
order: 2;
|
|
}
|
|
.tpc-sidebar-toggle-activated aside#secondary.widget-area {
|
|
margin-top: 0;
|
|
margin-bottom: 20px !important;
|
|
}
|
|
.tpc-sidebar-toggle-activated .tpc-course-filter-toggle {
|
|
display: block;
|
|
}
|
|
.tpc-sidebar-toggle-activated .course-filter-form-wrapper {
|
|
position: fixed;
|
|
overflow-y: auto;
|
|
top: 0;
|
|
width: 350px;
|
|
padding: 0px;
|
|
height: 100%;
|
|
display: block;
|
|
z-index: 0;
|
|
box-shadow: 0px 10px 30px rgb(0 0 0 / 6%);
|
|
background: var(--upstudy-color-white);
|
|
opacity: 0;
|
|
left: -150px;
|
|
transition: all .5s ease-out;
|
|
pointer-events: none;
|
|
}
|
|
.tpc-sidebar-toggle-activated .course-filter-form-wrapper form {
|
|
padding: 0 20px;
|
|
}
|
|
.tpc-sidebar-toggle-activated .course-filter-form-wrapper.tpc-filter-sidebar-active {
|
|
opacity: 1;
|
|
left: 0;
|
|
overflow-y: auto;
|
|
z-index: 1020;
|
|
pointer-events: all;
|
|
}
|
|
body.admin-bar .tpc-sidebar-toggle-activated .course-filter-form-wrapper.tpc-filter-sidebar-active {
|
|
padding: 32px 0px 0px;
|
|
}
|
|
.tpc-sidebar-toggle-activated .upstudy-filter-close-trigger {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
padding: 10px 10px 0 0;
|
|
margin-bottom: 20px;
|
|
}
|
|
.tpc-sidebar-toggle-activated .upstudy-filter-close-trigger a {
|
|
position: relative;
|
|
z-index: 2;
|
|
top: -2px;
|
|
left: 0;
|
|
background: #ebebeb;
|
|
border: 0 none;
|
|
color: var(--upstudy-heading-color);
|
|
width: 40px;
|
|
height: 40px;
|
|
font-size: 14px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 100%;
|
|
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 782px) {
|
|
body.admin-bar .tpc-sidebar-toggle-activated .course-filter-form-wrapper.tpc-filter-sidebar-active {
|
|
padding: 46px 0px 0px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 479px) {
|
|
.edu-top-sorting-area .edu-top-sorting-right {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: initial;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.edu-top-sorting-area .edu-course-sorting {
|
|
margin-left: 0px;
|
|
}
|
|
.edu-top-sorting-area .edu-top-sorting-right .layout-switcher {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 380px) {
|
|
.tpc-sidebar-toggle-activated .course-filter-form-wrapper {
|
|
width: 100%;
|
|
}
|
|
}
|
|
/* ===== Course Header Meta ======= */
|
|
|
|
.upstudy-course-single-header-meta-01 {
|
|
display: flex;
|
|
align-items: baseline;
|
|
margin-bottom: 0;
|
|
font-size: 15px;
|
|
}
|
|
.upstudy-course-single-header-meta-01>div+div {
|
|
margin-left: 25px;
|
|
padding-left: 25px;
|
|
position: relative;
|
|
}
|
|
.upstudy-course-single-header-meta-01>div+div:before {
|
|
background: #bcbcbc;
|
|
height: 18px;
|
|
width: 1px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 3px;
|
|
content: "";
|
|
}
|
|
.upstudy-course-single-header-meta-01>div+div i.tutor-icon-bookmark-line {
|
|
color: var(--upstudy-primary-color);
|
|
font-size: 16px;
|
|
}
|
|
@media (max-width:991.98px) {
|
|
.upstudy-course-single-header-meta-01 {
|
|
display: inline-block;
|
|
}
|
|
.upstudy-course-single-header-meta-01>div+div {
|
|
margin-top: 10px;
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
.upstudy-course-single-header-meta-01>div+div:before {
|
|
display: none;
|
|
}
|
|
}
|
|
.upstudy-course-single-header-meta-02 {
|
|
position: relative;
|
|
padding-top: 30px;
|
|
}
|
|
.upstudy-course-single-header-meta-02:before {
|
|
width: 95%;
|
|
height: 1px;
|
|
content: "";
|
|
background: #3d4c66;
|
|
left: 0;
|
|
top: 0;
|
|
position: absolute;
|
|
}
|
|
body.single .upstudy-course-top-info .upstudy-breadcrumb-wrapper {
|
|
margin-top: 0;
|
|
margin-bottom: 20px;
|
|
}
|
|
.upstudy-course-top-info .upstudy-breadcrumb-wrapper ul li, .upstudy-course-top-info .upstudy-breadcrumb-wrapper ul li a {
|
|
font-size: 15px;
|
|
}
|
|
.upstudy-breadcrumb-style-1.course-header-style--2 .upstudy-breadcrumb-wrapper ul li span.active {
|
|
color: #fff;
|
|
}
|
|
.upstudy-breadcrumb-style-1.course-header-style--2 .upstudy-course-single-header-meta-01 {
|
|
color: #fff;
|
|
}
|
|
.upstudy-course-top-info .upstudy-breadcrumb-wrapper ul li a:hover {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course-top-info .post-author img {
|
|
width: 42px;
|
|
height: 42px;
|
|
vertical-align: middle;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
border: 4px solid #fff;
|
|
}
|
|
.upstudy-course-single-header-meta-01 .meta-value {
|
|
display: flex;
|
|
}
|
|
.upstudy-course-single-header-meta-01 .meta-icon {
|
|
font-size: 16px;
|
|
margin-right: 6px;
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course-top-info .tutor-course-details-actions {
|
|
display: flex;
|
|
}
|
|
.upstudy-course-top-info .course-title {
|
|
font-size: 40px;
|
|
}
|
|
/* ===== Course Dark Header ======= */
|
|
|
|
.upstudy-dark-header {
|
|
background: #13181C;
|
|
}
|
|
.upstudy-dark-header .course-title {
|
|
color: #fff;
|
|
}
|
|
.upstudy-dark-header .course-short-text p {
|
|
color: #fff;
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
}
|
|
.upstudy-dark-header .upstudy-course-single-header-meta-01 {
|
|
color: #fff;
|
|
}
|
|
.upstudy-dark-header .upstudy-breadcrumb-wrapper ul li {
|
|
color: #fff;
|
|
font-size: 15px;
|
|
}
|
|
.upstudy-dark-header .upstudy-breadcrumb-wrapper ul li a {
|
|
color: #fff;
|
|
}
|
|
/* ======== Course Sidebar ====== */
|
|
|
|
#secondary.widget-area .widget.course__widget {
|
|
border-radius: 5px;
|
|
background: #fff;
|
|
overflow: hidden;
|
|
border: 1px solid #ededed;
|
|
padding: 30px;
|
|
margin-top: 30px;
|
|
}
|
|
.course-sidebar-preview {
|
|
overflow: hidden;
|
|
border-radius: 15px;
|
|
background: #fff;
|
|
border: 1px solid #ededed;
|
|
box-shadow: 0 0 30px rgb(0 0 0 / 5%);
|
|
}
|
|
.widget-area .widget.upstudy-course-widget {
|
|
border-radius: 5px;
|
|
background: #fff;
|
|
padding: 30px;
|
|
margin-top: 30px;
|
|
overflow: hidden;
|
|
box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 7%);
|
|
border-radius: 15px;
|
|
border: 1px solid var(--upstudy-color-border-02);
|
|
}
|
|
.widget-area .upstudy-course-widget {
|
|
border-radius: 5px;
|
|
background: #fff;
|
|
padding: 30px;
|
|
margin-top: 30px;
|
|
overflow: hidden;
|
|
box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 7%);
|
|
border-radius: 15px;
|
|
border: 1px solid var(--upstudy-color-border-02);
|
|
}
|
|
.intro-video-sidebar {
|
|
margin-bottom: 35px;
|
|
}
|
|
.upstudy-course .intro-video-sidebar {
|
|
margin-bottom: 0;
|
|
}
|
|
.intro-video-sidebar.full__preview {
|
|
margin-bottom: 35px;
|
|
margin-left: -30px;
|
|
margin-top: -30px;
|
|
margin-right: -30px;
|
|
}
|
|
.widget.upstudy-ld-widget>.intro-video-sidebar {
|
|
margin-bottom: 0;
|
|
}
|
|
.intro-video-sidebar .intro-video {
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
text-align: center;
|
|
width: 100%;
|
|
height: 150px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.intro-video-sidebar .intro-video {
|
|
position: relative;
|
|
}
|
|
.intro-video-sidebar .intro-video:before {
|
|
background: #0000004f;
|
|
position: absolute;
|
|
content: "";
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.intro-video-sidebar.intro-video-content .intro-video {
|
|
padding: 190px 0;
|
|
}
|
|
.intro-video-sidebar.is__sidebar .intro-video {
|
|
padding: 0;
|
|
}
|
|
@media (max-width:991.98px) {
|
|
.intro-video-sidebar .intro-video {
|
|
padding: 160px 0;
|
|
}
|
|
.intro-video-sidebar.intro-video-content .intro-video {
|
|
padding: 180px 0;
|
|
}
|
|
}
|
|
@media (max-width:768.98px) {
|
|
.intro-video-sidebar .intro-video {
|
|
padding: 120px 0;
|
|
}
|
|
.intro-video-sidebar.intro-video-content .intro-video {
|
|
padding: 150px 0;
|
|
}
|
|
}
|
|
@media (max-width:575.98px) {
|
|
.intro-video-sidebar .intro-video {
|
|
padding: 60px 0;
|
|
}
|
|
.intro-video-sidebar.intro-video-content .intro-video {
|
|
padding: 60px 0;
|
|
}
|
|
}
|
|
.intro-video-sidebar .intro-video .upstudy-popup-videos {
|
|
display: block;
|
|
width: 85px;
|
|
height: 85px;
|
|
background-color: hsla(0, 0%, 100%, .3);
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
z-index: 1;
|
|
transform: translateX(-50%) translateY(-50%);
|
|
transition: all .3s ease;
|
|
}
|
|
.intro-video-sidebar .intro-video .upstudy-popup-videos:before {
|
|
content: "";
|
|
display: block;
|
|
border-radius: 50%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: #fff;
|
|
transform: scale(.73);
|
|
transition: transform .2s ease;
|
|
}
|
|
.intro-video-sidebar .intro-video .upstudy-popup-videos:after {
|
|
content: "\f10e";
|
|
display: block;
|
|
font-family: icomoon !important;
|
|
font-size: 23px;
|
|
line-height: 23px;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
color: var(--upstudy-primary-color);
|
|
padding-left: .5rem;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translateX(-54%) translateY(-50%);
|
|
transition: transform .25s ease;
|
|
}
|
|
.single-course-layout-05 .intro-video-sidebar .intro-video .upstudy-popup-videos {
|
|
line-height: 54px
|
|
}
|
|
.course-sidebar-preview .intro-video-sidebar .intro-video .upstudy-popup-videos {
|
|
line-height: 55px;
|
|
z-index: 0;
|
|
}
|
|
.intro-video-sidebar .intro-video .upstudy-popup-videos span {
|
|
top: 1px;
|
|
left: 2px;
|
|
position: relative
|
|
}
|
|
.intro-video-sidebar .intro-video .upstudy-popup-videos:hover {
|
|
opacity: .9
|
|
}
|
|
/* ======== Global related/recent post widget ====== */
|
|
|
|
.pxcv-rr-item-widget {
|
|
margin-left: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.widget ul.pxcv-rr-item-widget li {
|
|
border-bottom: 1px solid #e5e5e5;
|
|
padding-bottom: 30px;
|
|
display: flex;
|
|
}
|
|
.widget ul.pxcv-rr-item-widget li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.pxcv-rr-item-widget li {
|
|
padding: 0;
|
|
line-height: inherit;
|
|
}
|
|
.widget.upstudy-lp-widget.widget_pxcv_posts ul li {
|
|
border-top: none;
|
|
padding: 25px 0;
|
|
}
|
|
.pxcv-rr-item-widget li img {
|
|
min-width: 92px;
|
|
width: 92px;
|
|
}
|
|
.pxcv-rr-item-widget .pxcv-rr-item-image_wrapper {
|
|
margin: 1px 19px 0 0;
|
|
border-radius: 100px;
|
|
overflow: hidden;
|
|
}
|
|
.pxcv-rr-item-widget .pxcv-rr-item-image_wrapper img {
|
|
overflow: hidden;
|
|
border-radius: 100px;
|
|
transition: all 1.5s cubic-bezier(0, 0, .2, 1);
|
|
}
|
|
.pxcv-rr-item-widget .pxcv-rr-item-image_wrapper:hover img {
|
|
transition: all 1.5s cubic-bezier(0, 0, .2, 1);
|
|
transform: scale3d(1.1, 1.1, 1.1);
|
|
border-radius: 100px;
|
|
overflow: hidden;
|
|
}
|
|
.pxcv-rr-item-widget .meta-data {
|
|
margin-top: 6px;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
margin-bottom: -3px;
|
|
}
|
|
.pxcv-rr-item-widget .meta-data span {
|
|
font-weight: 400;
|
|
line-height: 24px;
|
|
font-size: 15px;
|
|
}
|
|
.pxcv-rr-item-widget .pxcv-rr-item-content_wrapper {
|
|
width: calc(100% - 20px);
|
|
align-self: center;
|
|
}
|
|
.pxcv-rr-item-widget .pxcv-rr-item-content {
|
|
margin-top: 3px;
|
|
font-size: 0.9rem;
|
|
line-height: 1.8;
|
|
}
|
|
.pxcv-rr-item-widget .post__title {
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
transition: 0.4s;
|
|
margin-top: 0;
|
|
margin-bottom: 8px;
|
|
}
|
|
.pxcv-rr-item-widget .post__title:hover {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.widget_rt_posts .pxcv-rr-item-widget {
|
|
margin-top: 0;
|
|
margin-bottom: -7px;
|
|
}
|
|
.pxcv-rr-item-widget .course-price>.price>span:nth-child(1) {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.pxcv-rr-item-widget span>.price {
|
|
color: var(--upstudy-primary-color);
|
|
font-size: 16px !important;
|
|
font-weight: 500;
|
|
}
|
|
.pxcv-rr-item-widget .price__link {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.widget_pxcv_posts.style__square .pxcv-rr-item-widget .pxcv-rr-item-image_wrapper {
|
|
min-width: 100px;
|
|
width: 100px;
|
|
height: 80px;
|
|
border-radius: 5px;
|
|
}
|
|
.widget_pxcv_posts.style__square .pxcv-rr-item-widget .pxcv-rr-item-image_wrapper img {
|
|
min-width: 100px;
|
|
width: 100px;
|
|
border-radius: 5px;
|
|
}
|
|
.widget_pxcv_posts.style__square .pxcv-rr-item-widget .pxcv-rr-item-image_wrapper:hover img {
|
|
border-radius: 5px;
|
|
}
|
|
/* ===== Sidebar course info ======= */
|
|
|
|
.upstudy-course-info .widget-title {
|
|
margin-top: 25px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.upstudy-course-info {
|
|
padding: 0 36px 0 36px;
|
|
margin-bottom: 30px;
|
|
background: #fff;
|
|
}
|
|
.upstudy-course-info ul {
|
|
list-style: none;
|
|
}
|
|
.upstudy-course-info ul.upstudy-course-info {
|
|
padding-left: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.upstudy-course-info ul.course-info-list {
|
|
padding-left: 0;
|
|
margin-bottom: 30px;
|
|
}
|
|
.upstudy-course-info ul li {
|
|
font-size: 15px;
|
|
border-top: 1px solid rgba(204, 204, 204, 0.3);
|
|
padding: 10px 0;
|
|
}
|
|
#secondary .upstudy-course-info ul li {
|
|
margin-bottom: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 15px;
|
|
}
|
|
.upstudy-course-info ul li span.language-tag.value {
|
|
display: inline-grid;
|
|
line-height: 28px;
|
|
}
|
|
.upstudy-course-info ul li:first-child {
|
|
border-top: none;
|
|
}
|
|
.course-sidebar-preview .entry-post-share {
|
|
border-top: 1px solid rgba(204, 204, 204, 0.3);
|
|
padding-top: 25px;
|
|
padding-bottom: 25px;
|
|
padding: 30px 40px 35px 40px;
|
|
}
|
|
.course-sidebar-preview .share-label {
|
|
font-size: 22px;
|
|
font-weight: 600;
|
|
color: var(--upstudy-heading-color);
|
|
margin-bottom: 20px;
|
|
}
|
|
.upstudy-course-info ul li i {
|
|
margin-right: 11px;
|
|
font-size: 17px !important;
|
|
line-height: inherit;
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course-info ul li span.label {
|
|
font-weight: 600;
|
|
color: var(--upstudy-heading-color);
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.upstudy-course-info ul li .language-tag.value>span:not(:first-child) {
|
|
display: none;
|
|
}
|
|
.upstudy-course-info ul li span.lp_course_cat.value>a:not(:first-child) {
|
|
display: none;
|
|
}
|
|
.upstudy-course-info ul li span.lp_course_cat.value>a {
|
|
color: var(--upstudy-color-body);
|
|
}
|
|
.upstudy-course-info ul li span.lp_course_cat.value>a:hover {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course-info ul li span.value a:nth-child(n+2) {
|
|
display: none;
|
|
}
|
|
.upstudy-course-info li.upstudy-price-meta {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.upstudy-course-info ul li span.value {
|
|
color: var(--upstudy-color-body);
|
|
}
|
|
body .course-sidebar-preview .upstudy-price-value {
|
|
float: inherit !important;
|
|
margin-left: 10px;
|
|
color: var(--upstudy-primary-color-alt);
|
|
font-weight: 700;
|
|
font-size: 24px;
|
|
}
|
|
div.upstudy-course-info li.upstudy-price-meta>.value.upstudy-price-value {
|
|
margin-left: 10px;
|
|
color: var(--upstudy-primary-color-alt);
|
|
}
|
|
.upstudy-course-info button, .upstudy-course-info .button {
|
|
width: 100%;
|
|
}
|
|
/* ==== ## Global Course - Grid ==== */
|
|
|
|
.course__container {
|
|
overflow: hidden;
|
|
background: #fff;
|
|
}
|
|
.upstudy-course .price__6 {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
border-radius: 3px;
|
|
padding: 0px 18px;
|
|
line-height: 28px;
|
|
display: inline-block;
|
|
color: #fff;
|
|
white-space: nowrap;
|
|
background: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course .levels_on__media.course__levels {
|
|
position: absolute;
|
|
top: 18px;
|
|
left: 18px;
|
|
font-size: 13px;
|
|
border-radius: 3px;
|
|
padding: 0 10px;
|
|
line-height: 29px;
|
|
margin-right: 10px;
|
|
color: #fff;
|
|
white-space: nowrap;
|
|
background: var(--upstudy-primary-color);
|
|
box-shadow: -1px 0px 20px 1px rgb(149 149 149 / 22%);
|
|
}
|
|
.course_box_shadow {
|
|
overflow: hidden;
|
|
border-radius: 15px;
|
|
box-shadow: 0 6px 12px rgb(0 0 0 / 6%);
|
|
}
|
|
.course__container:hover .course__media-link:before {
|
|
opacity: 0.2;
|
|
}
|
|
.course__media .course__media-link:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
transition: 0.4s;
|
|
background: #1C1F27;
|
|
opacity: 0;
|
|
}
|
|
.upstud-rating-wrap {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.upstudy-rating-wrap {
|
|
display: flex;
|
|
margin-bottom: 10px;
|
|
align-items: baseline;
|
|
}
|
|
.upstudy-ratings-total {
|
|
margin-left: 8px;
|
|
}
|
|
.upstudy-course .course__content--info {
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.e-c-layout-3 .upstudy-course {
|
|
margin-bottom: 0;
|
|
}
|
|
.upstudy-course .course__content-meta span {
|
|
font-size: 13px;
|
|
}
|
|
.upstudy-course .course__content--meta>span {
|
|
margin-right: 10px;
|
|
}
|
|
.upstudy-course .course__content-meta>span i {
|
|
margin-right: 2px;
|
|
}
|
|
.upstudy-course .course__content--info+.course__content--meta {
|
|
font-size: 15px;
|
|
position: relative;
|
|
padding: 14px 30px 14px 30px;
|
|
}
|
|
.upstudy-course .course-meta {
|
|
font-size: 15px;
|
|
margin-top: 12px;
|
|
}
|
|
.upstudy-course .course-meta span {
|
|
margin-right: 8px;
|
|
}
|
|
.upstudy-course .course-meta i {
|
|
margin-right: 4px;
|
|
font-size: 14px;
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course .course-meta span i {
|
|
margin-right: 4px;
|
|
font-size: 14px;
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course .course__border {
|
|
border-top: 1px solid #ebebeb;
|
|
margin-left: 30px;
|
|
margin-right: 30px;
|
|
}
|
|
.upstudy-course .course__content--meta {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 20px 27px;
|
|
}
|
|
.upstudy-course .course__content--meta:empty {
|
|
display: none;
|
|
}
|
|
.upstudy-course .course__content--meta>span:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.upstudy-course .course__content--meta>span {
|
|
margin-right: 10px;
|
|
}
|
|
.upstudy-course .course__content--meta .price {
|
|
font-weight: 600;
|
|
}
|
|
.upstudy-course .course__content--meta .price.see__more {
|
|
font-weight: 500;
|
|
}
|
|
.upstudy-course .course__content--meta span i {
|
|
margin-right: 5px;
|
|
font-size: 14px;
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course .course__content--meta>.price {
|
|
display: inline-block;
|
|
text-align: right;
|
|
float: right;
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
.upstudy-course .course__media {
|
|
position: relative;
|
|
}
|
|
.upstudy-course .course__media img {
|
|
object-fit: cover;
|
|
height: auto;
|
|
}
|
|
.upstudy-course.col__4 .course__media img {
|
|
object-fit: cover;
|
|
height: 200px;
|
|
}
|
|
.upstudy-course .course_overlay.course__media>a:after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 100%;
|
|
background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, #00000085 100%);
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
-webkit-transition: var(--upstudy-transition);
|
|
transition: var(--upstudy-transition);
|
|
border-radius: 5px 5px 0 0;
|
|
}
|
|
.upstudy-course .course_overlay.course__media .intro-video>a:after {
|
|
content: "";
|
|
height: 100%;
|
|
width: 100%;
|
|
background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, #00000085 100%);
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
-webkit-transition: var(--upstudy-transition);
|
|
transition: var(--upstudy-transition);
|
|
border-radius: 5px 5px 0 0;
|
|
}
|
|
.upstudy-course .course__media_effect:hover a img {
|
|
-webkit-transform: scale(1.08);
|
|
-ms-transform: scale(1.08);
|
|
transform: scale(1.08);
|
|
}
|
|
.intro-video-sidebar .intro-video {
|
|
height: 220px;
|
|
}
|
|
.upstudy-course.col__4 .intro-video-sidebar .intro-video {
|
|
height: 180px;
|
|
}
|
|
.upstudy-course.col__3 .intro-video-sidebar .intro-video {
|
|
height: 220px;
|
|
}
|
|
.upstudy-course.col__2 .intro-video-sidebar .intro-video {
|
|
height: 300px;
|
|
}
|
|
.upstudy-course .author__name {
|
|
position: absolute;
|
|
bottom: 15px;
|
|
left: 20px;
|
|
color: #fff;
|
|
}
|
|
.upstudy-course .author__name img {
|
|
width: 32px;
|
|
height: 32px;
|
|
border-radius: 100px;
|
|
margin-right: 5px;
|
|
display: inline-block;
|
|
border: 2px solid #cccccc;
|
|
}
|
|
.col-lg-4 .upstudy-course .author__name img.avatar, .col-lg-6 .upstudy-course .author__name img.avatar {
|
|
border: 0;
|
|
}
|
|
.upstudy-course .course-price {
|
|
font-size: 14px;
|
|
font-weight: 800;
|
|
min-width: 62px;
|
|
height: 62px;
|
|
border-radius: 100px;
|
|
text-transform: uppercase;
|
|
box-shadow: 5px 4px 13px 0px rgb(0 0 0 / 11%);
|
|
padding: 8px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: -30px;
|
|
right: 0;
|
|
margin-right: 30px;
|
|
color: #fff;
|
|
background: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course .course__content--meta span {
|
|
font-size: 15px;
|
|
font-style: inherit;
|
|
}
|
|
.upstudy-course .course__content--meta span+span {
|
|
margin-left: 10px;
|
|
}
|
|
.upstudy-course .course__content--meta span.origin-price {
|
|
margin-bottom: 4px;
|
|
text-decoration: line-through;
|
|
}
|
|
.upstudy-course .course__media+.course__content .course__categories {
|
|
margin-top: -15px;
|
|
}
|
|
.upstudy-course-style-4 .upstudy-course .course__media+.course__content .course__content--info {
|
|
padding: 0 28px 20px 28px;
|
|
}
|
|
.upstudy-course .course__categories {
|
|
position: absolute;
|
|
top: 25px;
|
|
left: 20px;
|
|
max-width: 70%;
|
|
}
|
|
.upstudy-course .course__categories a {
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
border-radius: 3px;
|
|
padding: 0 11px;
|
|
line-height: 29px;
|
|
display: inline-block;
|
|
color: #fff;
|
|
white-space: nowrap;
|
|
background: var(--upstudy-primary-color);
|
|
box-shadow: -1px 0px 20px 1px rgb(149 149 149 / 22%);
|
|
text-transform: uppercase;
|
|
}
|
|
.upstudy-course .course__categories a:nth-child(n+2) {
|
|
display: none;
|
|
}
|
|
.upstudy-course .course__level {
|
|
position: absolute;
|
|
top: 25px;
|
|
left: 30px;
|
|
max-width: 70%;
|
|
}
|
|
.upstudy-course .course__level span {
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
border-radius: 3px;
|
|
padding: 0 11px;
|
|
line-height: 29px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
display: inline-block;
|
|
color: var(--upstudy-color-secondary);
|
|
white-space: nowrap;
|
|
background: var(--upstudy-primary-color);
|
|
box-shadow: 5px 4px 13px 0px rgb(0 0 0 / 22%);
|
|
}
|
|
.upstudy-course .course__wishlist {
|
|
position: absolute;
|
|
top: 25px;
|
|
right: 30px;
|
|
max-width: 70%;
|
|
}
|
|
.upstudy-course .get__title {
|
|
padding-top: 18px;
|
|
line-height: 18px;
|
|
overflow: hidden;
|
|
margin-bottom: 10px;
|
|
}
|
|
.upstudy-course .get__title a {
|
|
color: inherit;
|
|
font-size: 22px;
|
|
line-height: 32px;
|
|
}
|
|
.upstudy-course.col__6 .get__title a {
|
|
font-size: 28px;
|
|
line-height: 37px;
|
|
}
|
|
.upstudy-col-lg-3 .upstudy-course .get__title a {
|
|
font-size: 18px;
|
|
line-height: 27px;
|
|
font-weight: 600;
|
|
}
|
|
.swiper-wrapper[data-displaycolumns="4"] .get__title a {
|
|
font-size: 18px;
|
|
line-height: 27px;
|
|
font-weight: 600;
|
|
}
|
|
.upstudy-filter-type-cat-filter .upstudy-col-lg-4 .upstudy-course .get__title a {
|
|
font-size: 18px;
|
|
line-height: 27px;
|
|
font-weight: 600;
|
|
}
|
|
.filtered-courses .upstudy-col-xl-4 .upstudy-course .get__title a {
|
|
font-size: 20px;
|
|
line-height: 29px;
|
|
font-weight: 600;
|
|
}
|
|
.filtered-courses .upstudy-col-xl-6 .upstudy-course .get__title a {
|
|
font-size: 22px;
|
|
line-height: 32px;
|
|
}
|
|
.filtered-courses .upstudy-course .get__title a {
|
|
font-size: 18px;
|
|
line-height: 27px;
|
|
font-weight: 600;
|
|
}
|
|
body.archive.post-type-archive .upstudy-course.col__4 .get__title a {
|
|
font-size: 22px;
|
|
line-height: 32px;
|
|
}
|
|
.upstudy-carousel-activation .upstudy-course .get__title a {
|
|
font-size: 22px;
|
|
line-height: 32px;
|
|
}
|
|
.upstudy-course .get__title a:hover {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course .author__name a:hover {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course .updating-icon:before {
|
|
margin-right: 0;
|
|
}
|
|
.upstudy-course .course-excerpt p {
|
|
margin-bottom: 15px;
|
|
}
|
|
/* ==== Course Price ==== */
|
|
|
|
.upstudy-course .price__1 {
|
|
color: var(--upstudy-heading-color)
|
|
}
|
|
.upstudy-course .price__1 span, .upstudy-course .price__1 {
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
color: var(--upstudy-primary-color-alt)
|
|
}
|
|
.upstudy-course .price__2 {
|
|
position: absolute;
|
|
right: 40px;
|
|
bottom: -29px;
|
|
font-size: 14px;
|
|
line-height: 16px;
|
|
color: #ffffff;
|
|
font-weight: 600;
|
|
width: 60px;
|
|
height: 60px;
|
|
border-radius: 50%;
|
|
background-color: var(--upstudy-primary-color);
|
|
text-align: center;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 1;
|
|
}
|
|
.upstudy-course .price__2 .origin-price {
|
|
text-decoration: line-through;
|
|
margin-right: 2px;
|
|
font-weight: 400
|
|
}
|
|
.upstudy-course .price__2 del {
|
|
font-weight: 400
|
|
}
|
|
.upstudy-course .price__4 {
|
|
font-size: 14px;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
background-color: var(--upstudy-primary-color);
|
|
text-align: center;
|
|
display: block;
|
|
padding: 5px 15px;
|
|
border-radius: 4px;
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 20px
|
|
}
|
|
.upstudy-course .price__4 .origin-price {
|
|
text-decoration: line-through;
|
|
margin-right: 2px;
|
|
font-weight: 400
|
|
}
|
|
.upstudy-course .upstudy-course-rate {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.elementor-editor-active .upstudy-course .upstudy-course-rate .review-stars-rated {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.upstudy-course .review-stars-rated {
|
|
margin-bottom: 0;
|
|
}
|
|
.course-meta-inline-wrap {
|
|
display: inline-flex;
|
|
}
|
|
.course-meta-inline-wrap .course-meta-inline {
|
|
margin-right: 10px;
|
|
}
|
|
.course-meta-inline-wrap .upstudy-meta-border {
|
|
display: inline-block;
|
|
margin-right: 5px;
|
|
font-size: 14px;
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.tutor-card:nth-child(4n+2) .course__levels.multi__color, .upstudy-slider-item:nth-child(4n+2) .course__levels.multi__color {
|
|
background: var(--upstudy-color-02);
|
|
}
|
|
.tutor-card:nth-child(4n+2) .course__levels.multi__color a, .upstudy-slider-item:nth-child(4n+2) .course__levels.multi__color a {
|
|
color: var(--upstudy-color-02);
|
|
}
|
|
.tutor-card:nth-child(4n+3) .course__levels.multi__color, .upstudy-slider-item:nth-child(4n+3) .course__levels.multi__color {
|
|
background: var(--upstudy-color-03);
|
|
}
|
|
.tutor-card:nth-child(4n+3) .course__levels.multi__color a, .upstudy-slider-item:nth-child(4n+3) .course__levels.multi__color a {
|
|
color: var(--upstudy-color-03);
|
|
}
|
|
.tutor-card:nth-child(4n+4) .course__levels.multi__color, .upstudy-slider-item:nth-child(4n+4) .course__levels.multi__color {
|
|
background: var(--upstudy-primary-color);
|
|
}
|
|
.tutor-card:nth-child(4n+4) .course__levels.multi__color a, .upstudy-slider-item:nth-child(4n+4) .course__levels.multi__color a {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.tutor-card:nth-child(4n+4) .course__levels.multi__color, .upstudy-slider-item:nth-child(4n+4) .course__levels.multi__color {
|
|
background: var(--upstudy-color-04);
|
|
}
|
|
.tutor-card:nth-child(4n+4) .course__levels.multi__color a, .upstudy-slider-item:nth-child(4n+4) .course__levels.multi__color a {
|
|
color: var(--upstudy-color-04);
|
|
}
|
|
.upstudy-triangle-up {
|
|
width: 80px;
|
|
height: 100%;
|
|
transform: skew(20deg);
|
|
background: #ffffff0d;
|
|
right: -40px;
|
|
bottom: 0;
|
|
position: absolute;
|
|
}
|
|
.upstudy-circle {
|
|
width: 0;
|
|
height: 0;
|
|
border: 100px solid #ffffff00;
|
|
border-bottom-color: #ffffff0d;
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 102px;
|
|
}
|
|
.upstudy-rectangle {
|
|
width: 83px;
|
|
height: 100%;
|
|
transform: skew(44deg);
|
|
background: #ffffff0d;
|
|
right: 268px;
|
|
bottom: 0;
|
|
position: absolute;
|
|
}
|
|
.upstudy-circle-border {
|
|
width: 150px;
|
|
height: 150px;
|
|
clip-path: circle(29% at 0%);
|
|
background: #b3e7f81c;
|
|
top: -86px;
|
|
position: absolute;
|
|
}
|
|
/* ==== Course layout__1 ===== */
|
|
|
|
.upstudy-course.layout__1 .get__title {
|
|
margin-bottom: 20px;
|
|
}
|
|
.upstudy-course.layout__1 .course__media+.course__content .course__content--info {
|
|
padding: 0 27px 20px 27px;
|
|
}
|
|
.upstudy-course.layout__1 .course-meta-inline {
|
|
display: inline-flex;
|
|
justify-content: inherit;
|
|
align-items: inherit;
|
|
margin-right: 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.upstudy-course.layout__1 .course-meta-inline:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.upstudy-course.layout__1 .upstudy-meta-border {
|
|
border: 1px solid #ddd;
|
|
display: inline-block;
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 29px;
|
|
text-align: center;
|
|
border-radius: 100px;
|
|
margin-right: 5px;
|
|
font-size: 14px;
|
|
}
|
|
.upstudy-course.layout__1 .price {
|
|
color: var(--upstudy-primary-color-alt);
|
|
}
|
|
.upstudy-course.layout__1 .price del, .upstudy-course.layout__1 .price ins {
|
|
color: var(--upstudy-primary-color-alt);
|
|
}
|
|
.upstudy-course.layout__1 .price del span {
|
|
font-weight: 300;
|
|
}
|
|
.upstudy-course.layout__1 .upstudy-course-enroll i {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course.layout__1 .upstudy-course-lesson i {
|
|
color: var(--upstudy-primary-color-alt);
|
|
}
|
|
.upstudy-course.layout__1 .upstudy-course-review i {
|
|
color: #f8a406;
|
|
}
|
|
.upstudy-course.layout__1 .upstudy-course-quiz i {
|
|
color: #6D13D7
|
|
}
|
|
.upstudy-course.layout__1 .view-more-btn a {
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
.upstudy-course.layout__1 .view-more-btn:hover a {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course.layout__1 .course__categories a {
|
|
padding: 0px 18px;
|
|
line-height: 31px;
|
|
border-radius: 100px;
|
|
}
|
|
/* ==== Course layout__2 ===== */
|
|
|
|
.upstudy-course.layout__2 .upstudy-course-rate {
|
|
padding-top: 10px;
|
|
}
|
|
.upstudy-course.layout__2 .tutor-iconic-btn {
|
|
left: 20px;
|
|
}
|
|
.upstudy-course.layout__2 .price__2 {
|
|
right: 20px;
|
|
top: 20px;
|
|
color: var(--upstudy-heading-color);
|
|
background-color: #fbda5c;
|
|
}
|
|
.upstudy-course.layout__2 .author__name {
|
|
position: absolute;
|
|
bottom: -15px;
|
|
left: 20px;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
border-radius: 100px;
|
|
padding: 0px 22px;
|
|
line-height: 32px;
|
|
color: #fff;
|
|
background: var(--upstudy-primary-color);
|
|
text-transform: uppercase;
|
|
}
|
|
.upstudy-course.layout__2 .author__name i {
|
|
margin-right: 5px;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
.upstudy-course.layout__2 .view-more-btn i {
|
|
padding-left: 5px;
|
|
color: var(--upstudy-primary-color);
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
}
|
|
.upstudy-course.layout__2 .course__media>a:after {
|
|
display: none;
|
|
}
|
|
.upstudy-course.layout__2 .view-more-btn a {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: var(--upstudy-heading-color);
|
|
text-transform: uppercase;
|
|
text-decoration: underline;
|
|
}
|
|
.upstudy-course.layout__2 .view-more-btn:hover a {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course.layout__2 .view-more-btn:hover i {
|
|
padding-left: 8px;
|
|
-webkit-transition: 0.3s;
|
|
transition: 0.3s;
|
|
}
|
|
.upstudy-course.layout__2.col__3 .course__media+.course__content .course__content--info {
|
|
padding-top: 20px;
|
|
}
|
|
/* ==== Course layout__3 ===== */
|
|
|
|
.upstudy-course.layout__3 .course__container {
|
|
border-radius: 5px;
|
|
border: 1px solid var(--upstudy-color-border);
|
|
box-shadow: none;
|
|
}
|
|
.upstudy-course.layout__3 .course__media+.course__content .course__content--info {
|
|
padding: 28px 28px 28px 28px;
|
|
}
|
|
.upstudy-course.layout__3 .course__levels {
|
|
border: 2px solid var(--upstudy-primary-color);
|
|
display: inline;
|
|
padding: 3px 10px;
|
|
border-radius: 3px;
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course.layout__3 .course-excerpt p {
|
|
margin-bottom: 0;
|
|
}
|
|
.upstudy-course.layout__3 .upstudy-course-rate {
|
|
padding-top: 0;
|
|
}
|
|
.upstudy-course.layout__3 .upstudy-ratings-total {
|
|
margin-left: 5px;
|
|
}
|
|
.upstudy-course.layout__3 .upstudy-course-separator {
|
|
padding-right: 3px;
|
|
}
|
|
.upstudy-course.layout__3 .price__1 {
|
|
margin-bottom: 12px;
|
|
}
|
|
.upstudy-course.layout__3 .view-more-btn a {
|
|
font-size: 15px;
|
|
color: var(--upstudy-primary-color);
|
|
background: #fff;
|
|
width: 100%;
|
|
display: block;
|
|
padding: 7px 5px;
|
|
border-radius: 5px;
|
|
border: 2px solid var(--upstudy-primary-color);
|
|
font-weight: 600;
|
|
text-align: center;
|
|
}
|
|
.upstudy-course.layout__3 .view-more-btn:hover a {
|
|
color: #fff;
|
|
background: var(--upstudy-primary-color);
|
|
border: 2px solid var(--upstudy-primary-color);
|
|
}
|
|
/* ==== Course layout__4 ===== */
|
|
|
|
.upstudy-course.layout__4 .course__container {
|
|
box-shadow: none;
|
|
border: 1px solid #ebebeb;
|
|
border-radius: 15px;
|
|
}
|
|
.upstudy-course.layout__4 .course__content--meta {
|
|
padding: 22px 25px;
|
|
}
|
|
.upstudy-course.layout__4 .price__4 {
|
|
top: 32px;
|
|
font-weight: 500;
|
|
padding: 0 15px;
|
|
border-radius: 100px;
|
|
font-size: 13px;
|
|
line-height: 29px;
|
|
left: 30px;
|
|
right: auto;
|
|
}
|
|
.upstudy-course.layout__4 .course__categories a {
|
|
border-radius: 100px;
|
|
font-weight: 500;
|
|
}
|
|
.upstudy-course.layout__4 .course__media>.course-thumb>img {
|
|
border-radius: 10px 10px 0 0;
|
|
overflow: hidden;
|
|
}
|
|
.upstudy-course.layout__4 .course__media .author__name {
|
|
bottom: -10px;
|
|
position: absolute;
|
|
right: 32px;
|
|
}
|
|
.upstudy-course.layout__4 .author__name img {
|
|
width: 45px;
|
|
height: 45px;
|
|
border: 2px solid #ffffff;
|
|
box-shadow: 0 10px 40px #0000000d;
|
|
}
|
|
.upstudy-course.layout__4 .course__media+.course__content .course__content--info {
|
|
padding: 0 25px 15px 25px;
|
|
}
|
|
.upstudy-course.layout__4 .course__border {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
.upstudy-course.layout__4 .upstudy-wishlist-wrapper {
|
|
top: 30px;
|
|
right: 30px;
|
|
}
|
|
.upstudy-course.layout__4 .view-more-btn a {
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
border: 1px solid #ebebeb;
|
|
padding: 10px 20px;
|
|
border-radius: 100px;
|
|
}
|
|
.upstudy-course.layout__4 .view-more-btn:hover a {
|
|
border: 1px solid var(--upstudy-primary-color);
|
|
color: #ffffff;
|
|
background: var(--upstudy-primary-color);
|
|
}
|
|
.upstudy-course.layout__4 .course__levels {
|
|
position: absolute;
|
|
top: 42px;
|
|
left: 42px;
|
|
max-width: 70%;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
border-radius: 3px;
|
|
padding: 0 11px;
|
|
line-height: 29px;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
display: inline-block;
|
|
color: #fff;
|
|
white-space: nowrap;
|
|
background: var(--upstudy-primary-color-alt);
|
|
box-shadow: -1px 0px 20px 1px rgb(149 149 149 / 22%);
|
|
}
|
|
.upstudy-course.layout__4 .tutor-iconic-btn {
|
|
top: 42px;
|
|
right: 40px;
|
|
}
|
|
.upstudy-course.layout__4 .course__media>a:after {
|
|
display: none;
|
|
}
|
|
.upstudy-course.layout__4 .price__1 span, .upstudy-course .price__1 {
|
|
color: var(--upstudy-primary-color-alt);
|
|
}
|
|
.upstudy-course.layout__4 .upstudy-course-rate {
|
|
padding-top: 5px;
|
|
margin-bottom: 15px;
|
|
}
|
|
/* ==== Course layout__5 ===== */
|
|
|
|
.upstudy-course.layout__5 .course__media>a>img {
|
|
height: 250px;
|
|
}
|
|
.course__content--meta.layout__5 {
|
|
background-color: rgb(0 0 0 / 77%);
|
|
padding: 15px 30px;
|
|
bottom: 0px;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
display: block;
|
|
}
|
|
.upstudy-course.layout__5 .course-meta-inline-wrap {
|
|
margin-top: 15px;
|
|
}
|
|
.upstudy-course.layout__5 .get__title {
|
|
padding-top: 5px;
|
|
}
|
|
.upstudy-course.layout__5 .author__name {
|
|
color: #fff;
|
|
}
|
|
.upstudy-course.layout__5 .price__5 {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 20px;
|
|
color: #fff;
|
|
background: var(--upstudy-primary-color);
|
|
border-radius: 0 100px 100px 0;
|
|
padding: 3px 17px;
|
|
}
|
|
.upstudy-course.layout__5 .price__5 del, .upstudy-course.layout__5 .price__5 ins {
|
|
color: #fff;
|
|
}
|
|
.upstudy-course.layout__5 .course__media+.course__content .course__content--info {
|
|
padding: 0 28px 28px 28px;
|
|
}
|
|
.upstudy-course.layout__5 .course__container {
|
|
border-radius: var(--global-border-radius);
|
|
overflow: hidden;
|
|
transition: 0.4s;
|
|
box-shadow: none;
|
|
border: 1px solid #dddddd;
|
|
border-radius: 10px;
|
|
}
|
|
.upstudy-course.layout__5 .view-more-btn {
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
}
|
|
.upstudy-course.layout__5 .view-more-btn a {
|
|
font-size: 15px;
|
|
color: #fff;
|
|
background: var(--upstudy-primary-color);
|
|
width: 100%;
|
|
display: block;
|
|
padding: 5px 5px;
|
|
border-radius: 5px;
|
|
}
|
|
.upstudy-course.layout__5 .course__content--meta span:last-child {
|
|
margin-right: 5px;
|
|
}
|
|
.upstudy-course .upstudy-course-rate .course-reviews-text {
|
|
font-size: 14px;
|
|
margin-left: 4px;
|
|
}
|
|
.upstudy-course.layout__5 .upstudy-course-rate .course-reviews-text {
|
|
color: #fff;
|
|
}
|
|
.upstudy-course.layout__5 .author__name img.avatar {
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
.upstudy-course.layout__5 .course__content--meta span {
|
|
color: #fff;
|
|
}
|
|
.upstudy-course.layout__5 .upstudy-course-rate {
|
|
margin-top: 10px;
|
|
}
|
|
.upstudy-course.layout__5 .intro-video-sidebar .intro-video {
|
|
height: 250px;
|
|
}
|
|
.upstudy-course.layout__5.col__6 .intro-video-sidebar .intro-video {
|
|
height: 300px;
|
|
}
|
|
.upstudy-course.layout__5 .intro-video-sidebar .intro-video .upstudy-popup-videos {
|
|
top: -24px;
|
|
position: relative;
|
|
}
|
|
/* ==== Course layout__6 ===== */
|
|
|
|
.upstudy-course.layout__6 .course__container {
|
|
border-radius: 20px;
|
|
}
|
|
.upstudy-course.layout__6 .course__content--meta {
|
|
padding: 25px 25px;
|
|
}
|
|
.upstudy-course.layout__6 .top--title {
|
|
position: absolute;
|
|
top: 15px;
|
|
padding: 0 70px 0 28px;
|
|
color: #fff;
|
|
font-size: 22px;
|
|
line-height: 32px;
|
|
}
|
|
.upstudy-course.layout__6 .tutor-iconic-btn {
|
|
top: 40px;
|
|
right: 28px;
|
|
}
|
|
.upstudy-course.layout__6 .top--title a {
|
|
font-size: 20px;
|
|
line-height: 29px;
|
|
font-weight: 500;
|
|
color: #fff;
|
|
}
|
|
.upstudy-course.layout__6 .top--title:hover a {
|
|
color: color-mix(in srgb, #ffffff 80%, transparent);
|
|
}
|
|
.upstudy-course.layout__6 .no-course-thumb {
|
|
height: 200px;
|
|
width: auto;
|
|
display: block;
|
|
background: #5f3fe5;
|
|
position: relative;
|
|
}
|
|
.upstudy-course.layout__6 .course__media+.course__content .course__content--info {
|
|
padding: 18px 28px 20px 28px;
|
|
}
|
|
.upstudy-course.layout__6 .course-meta-inline-wrap {
|
|
display: inline-flex;
|
|
margin-top: 5px;
|
|
}
|
|
.upstudy-course-style-6:nth-child(6n+2) .upstudy-course.layout__6 .no-course-thumb, .tutor-card:nth-child(6n+2) .upstudy-course.layout__6 .no-course-thumb {
|
|
background: #e5572e;
|
|
}
|
|
.upstudy-course-style-6:nth-child(6n+3) .upstudy-course.layout__6 .no-course-thumb, .tutor-card:nth-child(6n+3) .upstudy-course.layout__6 .no-course-thumb {
|
|
background: #32a800;
|
|
}
|
|
.upstudy-course-style-6:nth-child(6n+4) .upstudy-course.layout__6 .no-course-thumb, .tutor-card:nth-child(6n+4) .upstudy-course.layout__6 .no-course-thumb {
|
|
background: #256add;
|
|
}
|
|
.upstudy-course-style-6:nth-child(6n+5) .upstudy-course.layout__6 .no-course-thumb, .tutor-card:nth-child(6n+5) .upstudy-course.layout__6 .no-course-thumb {
|
|
background: #16544e;
|
|
}
|
|
.upstudy-course-style-6:nth-child(6n+6) .upstudy-course.layout__6 .no-course-thumb, .tutor-card:nth-child(6n+6) .upstudy-course.layout__6 .no-course-thumb {
|
|
background: #3da6e9;
|
|
}
|
|
.tutor-course-list.tutor-grid.tutor-grid-4 .upstudy-course.layout__6 .get__title a {
|
|
font-weight: 500;
|
|
font-size: 20px;
|
|
line-height: 30px;
|
|
}
|
|
.upstudy-course.layout__6 .course__container {
|
|
overflow: hidden;
|
|
box-shadow: 0 6px 12px rgb(0 0 0 / 6%);
|
|
background: #ffffff;
|
|
}
|
|
.upstudy-course.layout__6 .intro-video {
|
|
position: absolute;
|
|
right: 25px;
|
|
bottom: -39px;
|
|
background: #fff;
|
|
display: inline-block;
|
|
width: 80px;
|
|
line-height: 72px;
|
|
height: 80px;
|
|
border-radius: 50%;
|
|
font-size: 20px;
|
|
box-shadow: 0px 5px 15px -3px rgb(40 40 40 / 12%);
|
|
padding-left: 3px;
|
|
text-align: center;
|
|
border: 6px solid #e9e9e9;
|
|
z-index: 1;
|
|
}
|
|
.upstudy-course.layout__6 .price {
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
}
|
|
.upstudy-course.layout__6 .course-excerpt {
|
|
margin-top: 10px;
|
|
}
|
|
.upstudy-course.layout__6 .course-excerpt p {
|
|
margin-bottom: 0;
|
|
}
|
|
/* ==== Course layout__7 ===== */
|
|
|
|
.upstudy-course.layout__7 .price__4 {
|
|
font-size: 15px;
|
|
padding: 3px 23px;
|
|
border-radius: 0;
|
|
right: inherit;
|
|
top: inherit;
|
|
left: 0;
|
|
bottom: 0;
|
|
color: var(--upstudy-primary-color);
|
|
background: #fff;
|
|
}
|
|
.upstudy-course.layout__7 .course__media {
|
|
position: relative;
|
|
border-top-left-radius: 3px;
|
|
overflow: hidden;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
.upstudy-course.layout__7 .course__media+.course__content .course__content--info {
|
|
padding: 10px 0 0 0;
|
|
}
|
|
/* ==== Course layout__8 ===== */
|
|
|
|
.upstudy-course.layout__8 .course__content--meta span+span {
|
|
margin-left: 5px;
|
|
}
|
|
.upstudy-course.layout__8 .get__title--info {
|
|
position: absolute;
|
|
bottom: 30px;
|
|
left: 0;
|
|
padding: 0px 28px;
|
|
}
|
|
.upstudy-course.layout__8 .get__title {
|
|
margin-bottom: 25px;
|
|
}
|
|
.tutor-course-list.tutor-grid.tutor-grid-4 .upstudy-course.layout__8 .get__title a {
|
|
color: #fff;
|
|
font-size: 20px;
|
|
}
|
|
.upstudy-course.layout__8 .course-meta-inline-wrap {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding: 0px 28px;
|
|
padding-bottom: 15px;
|
|
}
|
|
.upstudy-course.layout__8 .course-meta-inline-wrap .course-meta-inline {
|
|
margin-right: 10px;
|
|
color: #fff;
|
|
}
|
|
/* ==== Course layout__9 ===== */
|
|
|
|
.upstudy-course.layout__9 .upstudy-ratings-avg {
|
|
background: gold;
|
|
display: inline-block;
|
|
line-height: 22px;
|
|
padding: 0 7px;
|
|
border-radius: 3px;
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
.upstudy-course.layout__9 .upstudy-course-rate {
|
|
padding-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.upstudy-course.layout__9 .price__1 span, .upstudy-course.layout__9 .price__1 {
|
|
font-size: 20px;
|
|
}
|
|
/*End Course layout*/
|
|
|
|
/** === upstudy_ld_related_course_content ==== **/
|
|
|
|
.single-course-layout-01 .related-post-wrap {
|
|
margin-top: 95px;
|
|
}
|
|
.related-post-wrap.related_course {
|
|
margin-top: 75px;
|
|
}
|
|
.single-course-layout-05 .related-post-wrap.related_course {
|
|
margin-top: 0 !important;
|
|
}
|
|
.related-post-wrap.related_course .related-title {
|
|
font-size: 28px;
|
|
margin-bottom: 45px;
|
|
}
|
|
.related-post-wrap.related_course .post-thumbnail {
|
|
margin-left: inherit;
|
|
margin-right: inherit;
|
|
max-height: 200px;
|
|
border-radius: 0;
|
|
}
|
|
.related-post-wrap.related_course .post-thumbnail img {
|
|
height: inherit;
|
|
object-fit: inherit;
|
|
}
|
|
.related-post-wrap.related_course .entry-title {
|
|
font-size: 20px;
|
|
line-height: 30px;
|
|
margin-top: 10px;
|
|
}
|
|
.related-post-wrap.related_course .price {
|
|
color: var(--upstudy-primary-color-alt);
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
display: block;
|
|
}
|
|
.related-post-wrap.related_course .price__2 .price {
|
|
color: #fff;
|
|
}
|
|
.related-post-wrap.related_course .course-item-wrap {
|
|
overflow: hidden;
|
|
border-radius: 5px;
|
|
box-shadow: 0 14px 12px rgb(0 0 0 / 6%);
|
|
background: #ffffff;
|
|
margin-bottom: 30px;
|
|
}
|
|
.related-post-wrap.related_course .entry-desc {
|
|
padding: 25px 30px 35px;
|
|
}
|
|
.widget ul.pxcv-rr-item-widget li {
|
|
border-bottom: 1px solid #e5e5e5;
|
|
padding-bottom: 25px;
|
|
display: flex;
|
|
padding-top: 25px;
|
|
}
|
|
.widget ul.pxcv-rr-item-widget li:first-child {
|
|
padding-top: 0;
|
|
}
|
|
.widget ul.pxcv-rr-item-widget li:last-child {
|
|
padding-bottom: 0;
|
|
}
|
|
/** ===== single-course-layout global ==== **/
|
|
|
|
.intro-video-sidebar.intro-video-content {
|
|
margin-bottom: 0;
|
|
}
|
|
article.upstudy-course-single-wrap>.intro-video-sidebar.intro-video-content {
|
|
margin-bottom: 30px;
|
|
}
|
|
.upstudy-course-top-info.light ul li {
|
|
color: var(--upstudy-color-body);
|
|
}
|
|
.upstudy-course-top-info.light ul li a {
|
|
color: var(--upstudy-color-body);
|
|
}
|
|
.upstudy-course-top-info.light ul li:after {
|
|
color: var(--upstudy-color-body) !important;
|
|
}
|
|
.upstudy-course-top-info .course-short-text {
|
|
margin-top: 25px;
|
|
margin-bottom: 25px;
|
|
padding-right: 150px;
|
|
}
|
|
@media (max-width:991.98px) {
|
|
.upstudy-course-top-info .course-short-text {
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
/** ===== single-course-layout-0default ==== **/
|
|
|
|
body.single-course-layout-02 .upstudy-page-title-area {
|
|
background-color: #f9f9f9;
|
|
background-image: linear-gradient(to right, #ecf4f657, #f6ecf43b, #eaf5fd);
|
|
}
|
|
body.single-course-layout-02 .upstudy-course-single-wrap {
|
|
padding-top: 60px;
|
|
}
|
|
@media (max-width: 991.98px) {
|
|
body.single-course-layout-02 .upstudy-course-single-wrap {
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
.single-course-layout-02 aside#secondary.widget-area, .single-course-layout-03 aside#secondary.widget-area, .single-course-layout-04 aside#secondary.widget-area {
|
|
margin-bottom: 0;
|
|
padding-left: 20px;
|
|
position: relative;
|
|
margin-top: -200px;
|
|
z-index: 1;
|
|
}
|
|
.has__excerpt.single-course-layout-02 aside#secondary.widget-area, .has__excerpt.single-course-layout-03 aside#secondary.widget-area, .has__excerpt.single-course-layout-04 aside#secondary.widget-area {
|
|
margin-top: -280px;
|
|
}
|
|
.has__meta.single-course-layout-02 aside#secondary.widget-area, .has__meta.single-course-layout-03 aside#secondary.widget-area, .has__meta.single-course-layout-04 aside#secondary.widget-area {
|
|
margin-top: -240px;
|
|
}
|
|
.has__excerpt.has__meta.single-course-layout-02 aside#secondary.widget-area, .has__excerpt.has__meta.single-course-layout-03 aside#secondary.widget-area, .has__excerpt.has__meta.single-course-layout-04 aside#secondary.widget-area {
|
|
margin-top: -340px;
|
|
}
|
|
|
|
@media (max-width:991.98px) {
|
|
body.single-lp_course .tpc-site-content {
|
|
padding: 20px 0;
|
|
}
|
|
.single-course-layout-02 aside#secondary.widget-area, .single-course-layout-03 aside#secondary.widget-area, .single-course-layout-04 aside#secondary.widget-area {
|
|
padding-left: 0;
|
|
margin-top: 0;
|
|
}
|
|
.has__excerpt.has__meta.single-course-layout-02 aside#secondary.widget-area, .has__excerpt.has__meta.single-course-layout-03 aside#secondary.widget-area, .has__excerpt.has__meta.single-course-layout-04 aside#secondary.widget-area {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
.single-course-layout-0default {
|
|
background: #edf0f2
|
|
}
|
|
.single-course-layout-0default #learn-press-course-tabs ul.learn-press-nav-tabs {
|
|
position: relative;
|
|
margin-bottom: 0;
|
|
font-size: 0;
|
|
border: 0;
|
|
padding-bottom: 2px;
|
|
background: none;
|
|
display: inherit;
|
|
background: #fff;
|
|
padding-left: 45px;
|
|
padding-right: 45px;
|
|
}
|
|
.single-course-layout-0default .course-tab-panels .course-tab-panel {
|
|
padding-top: 30px;
|
|
padding: 40px 45px;
|
|
}
|
|
.single-course-layout-0default #learn-press-course-tabs ul.learn-press-nav-tabs .course-nav label {
|
|
padding: 15px 20px;
|
|
font-size: 16px;
|
|
}
|
|
.tutor-course-thumbnail img {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
|
|
/** ===== single-course-layout-01 ==== **/
|
|
|
|
.single-course-layout-01 header {
|
|
box-shadow: 0 3px 6px rgba(128, 128, 128, 0.1) !important;
|
|
}
|
|
.single-course-layout-01 .upstudy-breadcrumb {
|
|
margin-bottom: 20px;
|
|
color: var(--upstudy-color-body);
|
|
}
|
|
.single-course-layout-01 .upstudy-breadcrumb a {
|
|
color: var(--upstudy-color-body);
|
|
}
|
|
.single-course-layout-01 .upstudy-breadcrumb a:hover {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.single-course-layout-01 .upstudy-page-title .page-title {
|
|
font-size: 42px;
|
|
line-height: 52px;
|
|
}
|
|
body.single-course-layout-01 .page-header {
|
|
text-align: center;
|
|
}
|
|
.single-course-layout-01 .tutor-sidebar-top-wrap {
|
|
border-radius: 15px;
|
|
border: 1px solid #e6e6e6;
|
|
}
|
|
.single-course-layout-01 .intro-video-sidebar.intro-video-content {
|
|
padding: 0;
|
|
}
|
|
/** ===== single-course-layout-02 ==== **/
|
|
|
|
.single-course-layout-02 .tutor-sidebar-top-wrap {
|
|
box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 7%);
|
|
border-radius: 15px;
|
|
border: 1px solid var(--upstudy-color-border-02);
|
|
}
|
|
.single-course-layout-02 .course-h-v2:before {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
content: "";
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 0;
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
/*.single-course-layout-02 .course-sidebar-preview {
|
|
margin-top: 100px;
|
|
}*/
|
|
@media (max-width:991.98px) {
|
|
.single-course-layout-02 .course-sidebar-preview {
|
|
margin-top: 45px;
|
|
}
|
|
}
|
|
.single-course-layout-02 .upstudy-single-course-lead-meta-01 {
|
|
margin-bottom: 20px;
|
|
}
|
|
.single-course-layout-02 .upstudy-page-title-area {
|
|
text-align: left;
|
|
}
|
|
.single-course-layout-02 .header-breadcrumb ul li, .single-course-layout-02 .header-breadcrumb ul li a {
|
|
color: #fff;
|
|
}
|
|
.single-course-layout-02 .upstudy-course-top-info .course-short-text, .single-course-layout-02 .upstudy-course-top-info .course-short-text p {
|
|
font-size: 18px;
|
|
}
|
|
.single-course-layout-02 .upstudy-course-top-info {
|
|
width: 65%;
|
|
text-align: left;
|
|
}
|
|
.single-course-layout-02 .upstudy-course-top-info .lead-meta-item .lead-meta-value {
|
|
color: #fff;
|
|
}
|
|
body.single-course-layout-02 .tpc-site-content {
|
|
padding-bottom: 100px;
|
|
padding-top: 0!important;
|
|
}
|
|
body.single-course-layout-02 .upstudy-page-title-area.upstudy-default-breadcrumb {
|
|
padding-top: 15px;
|
|
padding-bottom: 90px;
|
|
}
|
|
@media (max-width: 992px) {
|
|
.single-course-layout-02 .upstudy-course-top-info {
|
|
width: 100%;
|
|
}
|
|
body.single-course-layout-02 .upstudy-page-title-area.upstudy-default-breadcrumb {
|
|
padding-bottom: 45px;
|
|
}
|
|
body.single-course-layout-02 .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-page-title {
|
|
margin-top: 35px;
|
|
}
|
|
}
|
|
body.single-course-layout-02 .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-page-title .page-title {
|
|
text-align: left;
|
|
font-size: 42px;
|
|
line-height: 52px;
|
|
}
|
|
body.single-course-layout-02 .upstudy-page-title-area.upstudy-default-breadcrumb .upstudy-page-title {
|
|
margin-top: 60px;
|
|
}
|
|
body.single-course-layout-02 .upstudy-post-cat {
|
|
margin-bottom: 10px;
|
|
}
|
|
body.single-course-layout-02 .upstudy-course-top-info .upstudy-breadcrumb-wrapper {
|
|
text-align: left;
|
|
margin-bottom: 0;
|
|
}
|
|
body.single-course-layout-02 .upstudy-course-page-header .shape-5, .upstudy-default-breadcrumb .shape-5 {
|
|
display: none;
|
|
}
|
|
/** ===== single-course-layout-03 ==== **/
|
|
|
|
.upstudy-page-title-area.upstudy-default-breadcrumb.course-header-style--1 .upstudy-breadcrumb-wrapper ul li span.active {
|
|
color: inherit;
|
|
}
|
|
.single-course-layout-03 .upstudy-course-content-03 {
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
}
|
|
body.single-course-layout-03.single .content-area {
|
|
padding: 100px 0 30px;
|
|
}
|
|
body.single-course-layout-03 .upstudy-course-info-03 {
|
|
box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 7%);
|
|
border-radius: 15px;
|
|
border: 1px solid var(--upstudy-color-border-02);
|
|
overflow: hidden;
|
|
background: #fff;
|
|
}
|
|
.single-course-layout-03 .tutor-card-md .tutor-card-body {
|
|
padding: 35px;
|
|
}
|
|
.single-course-layout-03 .tutor-card-md .tutor-card-footer {
|
|
padding: 20px 35px;
|
|
}
|
|
.single-course-layout-03 .course-title {
|
|
font-size: 48px;
|
|
}
|
|
.single-course-layout-03 .upstudy-page-title-area {
|
|
text-align: left;
|
|
}
|
|
.single-course-layout-03 .tutor-nav {
|
|
justify-content: center;
|
|
}
|
|
.single-course-layout-03 .tutor-btn-ghost {
|
|
color: #ffffff;
|
|
bottom: 4px;
|
|
}
|
|
.single-course-layout-03 .upstudy-course-intro-video {
|
|
overflow: hidden;
|
|
border-radius: 25px;
|
|
box-shadow: 0 6px 12px rgb(0 0 0 / 6%);
|
|
background: #ffffff;
|
|
margin-bottom: 50px;
|
|
}
|
|
.single-course-layout-03 .tpc-site-content {
|
|
padding-bottom: 100px;
|
|
padding-top: 0 !important;
|
|
}
|
|
.single-course-layout-03 .tutor-card-md .tutor-card-footer ul li span:before {
|
|
color: var(--upstudy-primary-color);
|
|
}
|
|
.single-course-layout-03 .upstudy-course-info-03-top {
|
|
padding: 35px;
|
|
display: flow-root;
|
|
}
|
|
.upstudy-course-info-03-bottom {
|
|
padding: 15px 35px 0 35px;
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
.single-course-layout-03 .upstudy-course-info-03 ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
.single-course-layout-03 .upstudy-course-info-03 .meta-icon {
|
|
color: var(--upstudy-primary-color);
|
|
margin-right: 10px;
|
|
}
|
|
.single-course-layout-03 .upstudy-course-single-header-meta-01 {
|
|
margin-top: 27px;
|
|
}
|
|
/** ===== single-course-layout-04 ==== **/
|
|
|
|
.single-course-layout-04 .course-sidebar-preview {
|
|
margin-top: -260px;
|
|
}
|
|
@media (max-width:991.98px) {
|
|
.single-course-layout-04 .course-sidebar-preview {
|
|
margin-top: 45px;
|
|
}
|
|
}
|
|
.single-course-layout-04 .upstudy-course-top-info {
|
|
text-align: left;
|
|
background: #eff1f6;
|
|
position: relative;
|
|
}
|
|
.single-course-layout-04 .upstudy-course-top-info:before {
|
|
position: absolute;
|
|
background: rgba(27, 41, 69, 0.95);
|
|
content: '';
|
|
display: block;
|
|
z-index: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.single-course-layout-04 .upstudy-course-top-info .course-title {
|
|
font-size: 38px;
|
|
color: #fff;
|
|
}
|
|
.single-course-layout-04 .upstudy-single-course-lead-meta-01 {
|
|
margin-bottom: 20px;
|
|
}
|
|
body.single-course-layout-04 .tpc-site-content {
|
|
padding-bottom: 100px;
|
|
padding-top: 0 !important;
|
|
}
|
|
body.single-course-layout-04 .upstudy-breadcrumb-wrapper ul li span.active {
|
|
color: #b1b4b9;
|
|
}
|
|
/** ===== single-course-layout-05 ==== **/
|
|
|
|
body.single-course-layout-05 .tpc-site-content {
|
|
padding-top: 0 !important;
|
|
}
|
|
.single-course-layout-05 .upstudy-course-top-info.dark:before {
|
|
background: #13181C;
|
|
content: "";
|
|
display: block;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
position: absolute;
|
|
}
|
|
.single-course-layout-05 li.upstudy-price-meta {
|
|
border-color: var(--tutor-color-primary);
|
|
background-color: var(--tutor-color-primary);
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
}
|
|
.single-course-layout-05 .upstudy-course-info ul li.upstudy-price-meta span.label {
|
|
color: #fff;
|
|
}
|
|
.single-course-layout-05 div.upstudy-course-info li.upstudy-price-meta>.value.upstudy-price-value {
|
|
margin-right: 25px;
|
|
color: #fff;
|
|
}
|
|
/* ==== Course list style 01 ==== */
|
|
|
|
.upstudy-course.layout-list-01 .course__content--meta {
|
|
padding: 0;
|
|
}
|
|
.upstudy-course.layout-list-01 {
|
|
overflow: hidden;
|
|
border-radius: 15px;
|
|
box-shadow: 0px 0px 16px 1px rgb(0 0 0 / 6%);
|
|
}
|
|
.upstudy-course.layout-list-01 .course__container {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-align: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.upstudy-course.layout-list-01 .get__title {
|
|
padding-top: 10px;
|
|
}
|
|
.filtered-courses .upstudy-course.layout-list-01 .get__title a {
|
|
font-size: 22px;
|
|
line-height: 32px;
|
|
}
|
|
.upstudy-course.layout-list-01 .course__media {
|
|
width: 265px;
|
|
height: 265px;
|
|
border-radius: 50%;
|
|
-webkit-flex-shrink: 0;
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
margin: 0 30px 0 0;
|
|
}
|
|
.upstudy-course.layout-list-01 .course__media a, .upstudy-course.layout-list-01 .course__media a img {
|
|
border-radius: 5px 0 0 5px;
|
|
height: 100%;
|
|
width: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
}
|
|
.upstudy-course.layout-list-01 .course__media a:after {
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
@media (max-width: 575.98px) {
|
|
.upstudy-course .course__media img {
|
|
object-fit: cover;
|
|
height: auto;
|
|
}
|
|
.upstudy-course.layout-list-01 .course__media {
|
|
width: inherit;
|
|
height: inherit;
|
|
margin: 0;
|
|
}
|
|
.upstudy-course.layout-list-01 .course__content {
|
|
padding: 28px;
|
|
}
|
|
.upstudy-course.layout-list-01 .course__container {
|
|
display: inherit;
|
|
display: inherit;
|
|
display: inherit;
|
|
display: inherit;
|
|
-webkit-box-align: inherit;
|
|
-webkit-align-items: inherit;
|
|
-ms-flex-align: inherit;
|
|
align-items: inherit;
|
|
}
|
|
}
|
|
/* ==== Wishlist ==== */
|
|
|
|
.upstudy-wishlist-wrapper {
|
|
pointer-events: all;
|
|
font-size: 0px;
|
|
cursor: pointer;
|
|
width: 32px;
|
|
height: 32px;
|
|
line-height: 1;
|
|
text-align: center;
|
|
border-radius: 100%;
|
|
padding: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
position: absolute;
|
|
top: 25px;
|
|
right: 20px;
|
|
border-color: #fff;
|
|
background: #fff;
|
|
color: var(--upstudy-heading-color);
|
|
}
|
|
.upstudy-wishlist-wrapper:before {
|
|
content: "\f10c" !important;
|
|
font-family: 'icomoon' !important;
|
|
margin-right: 0px !important;
|
|
font-weight: 400 !important;
|
|
font-style: normal;
|
|
visibility: visible;
|
|
font-size: 16px;
|
|
}
|
|
.is-processing .upstudy-wishlist-wrapper:before, .upstudy-wishlist-wrapper.ajaxload_wishlist:before {
|
|
content: "\f12e" !important;
|
|
font-family: 'icomoon' !important;
|
|
-webkit-animation: 1s linear 0s normal none infinite running upstudy-spin;
|
|
animation: 1s linear 0s normal none infinite running upstudy-spin;
|
|
cursor: auto;
|
|
display: inline-block;
|
|
font-size: 20px;
|
|
}
|
|
.tpc-wishlisted .upstudy-wishlist-wrapper, .upstudy-wishlist-wrapper.on, .upstudy-wishlist-wrapper:hover {
|
|
border-color: var(--upstudy-color-secondary);
|
|
background: var(--upstudy-color-secondary);
|
|
color: var(--upstudy-color-white);
|
|
} |