/*== 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); }