@charset "UTF-8";
@charset "UTF-8";

@-webkit-keyframes rotating4{from{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating4{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animation4{from{left:-40%;width:40%}to{left:100%;width:10%}}@keyframes animation4{from{left:-40%;width:40%}to{left:100%;width:10%}}:root{--lp-cotainer-max-with:var(--lp-container-max-width)}.wp-block-group{--lp-container-max-width:var(--wp--style--global--wide-size)}@font-face{font-family:"lp-icon";src:url(//ennysconsultancy.org/wp-content/plugins/learnpress/assets/src/css/vendor/fonts/lp-icon/lp-icon.woff2?v=79) format("woff2");font-weight:normal;font-style:normal;font-display:swap}[class^=lp-icon-],[class*=" lp-icon-"]{font-family:"lp-icon";speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;font-display:swap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lp-icon-plus:before{content:"\f067"}.lp-icon-question:before{content:"\f128"}.lp-icon-minus:before{content:"\f068"}.lp-icon-search:before{content:"\f002"}.lp-icon-envelope-o:before{content:"\f003"}.lp-icon-heart:before{content:"\f004"}.lp-icon-star:before{content:"\f005"}.lp-icon-star-o:before{content:"\f006"}.lp-icon-user:before{content:"\f007"}.lp-icon-th-large:before{content:"\f009"}.lp-icon-th:before{content:"\f00a"}.lp-icon-th-list:before{content:"\f00b"}.lp-icon-check:before{content:"\f00c"}.lp-icon-close:before{content:"\f00d"}.lp-icon-remove:before{content:"\f00d"}.lp-icon-times:before{content:"\f00d"}.lp-icon-signal:before{content:"\f012"}.lp-icon-cog:before{content:"\f013"}.lp-icon-gear:before{content:"\f013"}.lp-icon-trash-o:before{content:"\f014"}.lp-icon-home:before{content:"\f015"}.lp-icon-file-o:before{content:"\f016"}.lp-icon-clock-o:before{content:"\f017"}.lp-icon-download:before{content:"\f019"}.lp-icon-play-circle-o:before{content:"\f01d"}.lp-icon-refresh:before{content:"\f021"}.lp-icon-lock:before{content:"\f023"}.lp-icon-flag:before{content:"\f024"}.lp-icon-book:before{content:"\f02d"}.lp-icon-bookmark:before{content:"\f02e"}.lp-icon-video-camera:before{content:"\f03d"}.lp-icon-edit:before{content:"\f044"}.lp-icon-pencil-square-o:before{content:"\f044"}.lp-icon-check-square-o:before{content:"\f046"}.lp-icon-arrows:before{content:"\f047"}.lp-icon-chevron-left:before{content:"\f053"}.lp-icon-chevron-right:before{content:"\f054"}.lp-icon-check-circle:before{content:"\f058"}.lp-icon-question-circle:before{content:"\f059"}.lp-icon-arrow-left:before{content:"\f060"}.lp-icon-arrow-right:before{content:"\f061"}.lp-icon-expand:before{content:"\f065"}.lp-icon-compress:before{content:"\f066"}.lp-icon-exclamation-circle:before{content:"\f06a"}.lp-icon-gift:before{content:"\f06b"}.lp-icon-eye:before{content:"\f06e"}.lp-icon-eye-slash:before{content:"\f070"}.lp-icon-exclamation-triangle:before{content:"\f071"}.lp-icon-warning:before{content:"\f071"}.lp-icon-calendar:before{content:"\f073"}.lp-icon-comment:before{content:"\f075"}.lp-icon-chevron-up:before{content:"\f077"}.lp-icon-chevron-down:before{content:"\f078"}.lp-icon-shopping-cart:before{content:"\f07a"}.lp-icon-bar-chart:before{content:"\f080"}.lp-icon-bar-chart-o:before{content:"\f080"}.lp-icon-key:before{content:"\f084"}.lp-icon-cogs:before{content:"\f085"}.lp-icon-gears:before{content:"\f085"}.lp-icon-thumbs-o-up:before{content:"\f087"}.lp-icon-thumbs-o-down:before{content:"\f088"}.lp-icon-heart-o:before{content:"\f08a"}.lp-icon-sign-out:before{content:"\f08b"}.lp-icon-linkedin-square:before{content:"\f08c"}.lp-icon-sign-in:before{content:"\f090"}.lp-icon-phone:before{content:"\f095"}.lp-icon-square-o:before{content:"\f096"}.lp-icon-bookmark-o:before{content:"\f097"}.lp-icon-twitter:before{content:"\f099"}.lp-icon-facebook:before{content:"\f09a"}.lp-icon-facebook-f:before{content:"\f09a"}.lp-icon-unlock:before{content:"\f09c"}.lp-icon-bullhorn:before{content:"\f0a1"}.lp-icon-bell-o:before{content:"\f0a2"}.lp-icon-certificate:before{content:"\f0a3"}.lp-icon-briefcase:before{content:"\f0b1"}.lp-icon-arrows-alt:before{content:"\f0b2"}.lp-icon-copy:before{content:"\f0c5"}.lp-icon-files-o:before{content:"\f0c5"}.lp-icon-pinterest-square:before{content:"\f0d3"}.lp-icon-google-plus-square:before{content:"\f0d4"}.lp-icon-google-plus:before{content:"\f0d5"}.lp-icon-money-bill-alt:before{content:"\f0d6"}.lp-icon-caret-down:before{content:"\f0d7"}.lp-icon-caret-up:before{content:"\f0d8"}.lp-icon-caret-left:before{content:"\f0d9"}.lp-icon-caret-right:before{content:"\f0da"}.lp-icon-linkedin:before{content:"\f0e1"}.lp-icon-comment-o:before{content:"\f0e5"}.lp-icon-file-text-o:before{content:"\f0f6"}.lp-icon-angle-double-left:before{content:"\f100"}.lp-icon-angle-double-right:before{content:"\f101"}.lp-icon-angle-double-up:before{content:"\f102"}.lp-icon-angle-double-down:before{content:"\f103"}.lp-icon-angle-left:before{content:"\f104"}.lp-icon-angle-right:before{content:"\f105"}.lp-icon-angle-up:before{content:"\f106"}.lp-icon-angle-down:before{content:"\f107"}.lp-icon-desktop:before{content:"\f108"}.lp-icon-mobile:before{content:"\f10b"}.lp-icon-mobile-phone:before{content:"\f10b"}.lp-icon-circle-o:before{content:"\f10c"}.lp-icon-spinner:before{content:"\f110"}.lp-icon-code:before{content:"\f121"}.lp-icon-puzzle-piece:before{content:"\f12e"}.lp-icon-calendar-o:before{content:"\f133"}.lp-icon-ellipsis-h:before{content:"\f141"}.lp-icon-ellipsis-v:before{content:"\f142"}.lp-icon-file:before{content:"\f15b"}.lp-icon-file-alt:before{content:"\f15c"}.lp-icon-youtube-play:before{content:"\f16a"}.lp-icon-instagram:before{content:"\f16d"}.lp-icon-dot-circle-o:before{content:"\f192"}.lp-icon-graduation-cap:before{content:"\f19d"}.lp-icon-mortar-board:before{content:"\f19d"}.lp-icon-google:before{content:"\f1a0"}.lp-icon-language:before{content:"\f1ab"}.lp-icon-database:before{content:"\f1c0"}.lp-icon-file-pdf:before{content:"\f1c1"}.lp-icon-file-word:before{content:"\f1c2"}.lp-icon-file-excel:before{content:"\f1c3"}.lp-icon-file-powerpoint:before{content:"\f1c4"}.lp-icon-file-image:before{content:"\f1c5"}.lp-icon-file-photo:before{content:"\f1c5"}.lp-icon-file-picture:before{content:"\f1c5"}.lp-icon-file-archive:before{content:"\f1c6"}.lp-icon-file-zip:before{content:"\f1c6"}.lp-icon-file-audio:before{content:"\f1c7"}.lp-icon-file-sound:before{content:"\f1c7"}.lp-icon-file-movie:before{content:"\f1c8"}.lp-icon-file-video:before{content:"\f1c8"}.lp-icon-file-code:before{content:"\f1c9"}.lp-icon-circle-thin:before{content:"\f1db"}.lp-icon-share-alt:before{content:"\f1e0"}.lp-icon-pie-chart:before{content:"\f200"}.lp-icon-line-chart:before{content:"\f201"}.lp-icon-user-secret:before{content:"\f21b"}.lp-icon-television:before{content:"\f26c"}.lp-icon-tv:before{content:"\f26c"}.lp-icon-question-circle-o:before{content:"\f29c"}.lp-icon-google-plus-circle:before{content:"\f2b3"}.lp-icon-google-plus-official:before{content:"\f2b3"}.lp-icon-user-circle:before{content:"\f2bd"}.lp-icon-user-graduate:before{content:"\f501"}.lp-icon-user-edit:before{content:"\f4ff"}.lp-icon-my-courses:before{content:"\e900"}.lp-icon-clock:before{content:"\e901"}.lp-icon-stopwatch:before{content:"\f2f2"}.lp-icon-file-download:before{content:"\f56d"}.lp-icon-list:before{content:"\f03a"}.lp-icon-students:before{content:"\e902"}.lp-icon-courses:before{content:"\e903"}.lp-icon-tiktok-alt:before{content:"\e908"}.lp-icon-alarm-clock:before{content:"\e909"}.lp-icon-art-and-design:before{content:"\e90a"}.lp-icon-best-customer-experience:before{content:"\e90b"}.lp-icon-certificate-o:before{content:"\e90c"}.lp-icon-community:before{content:"\e90d"}.lp-icon-online-education:before{content:"\e90e"}.lp-icon-concierge-bell:before{content:"\e90f"}.lp-icon-target:before{content:"\e910"}.lp-icon-content-marketing:before{content:"\e911"}.lp-icon-dollar-sign:before{content:"\e912"}.lp-icon-website:before{content:"\e913"}.lp-icon-worldwide-security:before{content:"\e914"}.lp-icon-educational-programs:before{content:"\e915"}.lp-icon-online-class:before{content:"\e916"}.lp-icon-monitor:before{content:"\e917"}.lp-icon-lucide:before{content:"\e918"}.lp-icon-ebook:before{content:"\e919"}.lp-icon-co-instructor:before{content:"\e904"}.lp-icon-close-circle:before{content:"\e907"}.lp-icon-layers:before{content:"\e91a"}.lp-icon-filter:before{content:"\e91c"}.lp-icon-in_progress_course:before{content:"\e91d"}.lp-icon-finished_courses:before{content:"\e91e"}.lp-icon-failed_courses:before{content:"\e91f"}.lp-icon-passed_courses:before{content:"\e920"}.lp-icon-student_in_progress:before{content:"\e924"}.lp-icon-student_completed:before{content:"\e925"}.lp-icon-published_course:before{content:"\e926"}.lp-icon-pending_course:before{content:"\e927"}.lp-icon-list-check:before{content:"\e929"}.lp-icon-icon-h5p:before{content:"\e92a"}.lp-icon-comment-written:before{content:"\e921"}.lp-icon-book-open:before{content:"\f518"}.lp-icon-pinterest-p:before{content:"\f231"}.lp-icon-dropbox:before{content:"\e905"}.lp-icon-edit-square:before{content:"\e923"}.lp-icon-drag:before{content:"\e922"}.lp-icon-map-pin:before{content:"\e91b"}.lp-icon-map-marker:before{content:"\e91b"}.lp-icon-box:before{content:"\e906"}.lp-ico-ai{display:inline-block;width:13px;height:13px;background-image:url(//ennysconsultancy.org/wp-content/plugins/learnpress/images/icons/ico-ai.svg);background-size:contain;background-repeat:no-repeat}.lp-icon-course-builder{display:inline-block;width:18px;height:18px;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6422 16.0228C21.7413 16.1947 21.7682 16.3988 21.717 16.5905C21.6659 16.7822 21.5409 16.9458 21.3694 17.0456L12.3694 22.2956C12.2547 22.3624 12.1243 22.3977 11.9916 22.3977C11.8588 22.3977 11.7284 22.3624 11.6138 22.2956L2.61376 17.0456C2.44472 16.944 2.3225 16.7799 2.27354 16.5889C2.22459 16.3978 2.25284 16.1952 2.3522 16.0249C2.45155 15.8545 2.614 15.7301 2.80438 15.6787C2.99476 15.6272 3.19774 15.6528 3.36938 15.7499L11.9983 20.5004L20.6194 15.7499C20.7913 15.6509 20.9954 15.624 21.1871 15.6751C21.3788 15.7262 21.5425 15.8512 21.6422 16.0228ZM20.6194 11.2499L11.9916 16.0228L3.36938 11.2499C3.19861 11.1649 3.00186 11.1482 2.81917 11.2031C2.63648 11.258 2.48159 11.3805 2.38602 11.5456C2.29044 11.7107 2.26138 11.906 2.30473 12.0918C2.34809 12.2776 2.46061 12.4398 2.61938 12.5456L11.6194 17.7956C11.7341 17.8624 11.8644 17.8977 11.9972 17.8977C12.13 17.8977 12.2603 17.8624 12.375 17.7956L21.375 12.5456C21.4615 12.4967 21.5373 12.4311 21.5982 12.3526C21.6591 12.2741 21.7038 12.1844 21.7297 12.0885C21.7556 11.9926 21.7622 11.8925 21.7492 11.7941C21.7361 11.6956 21.7036 11.6007 21.6536 11.515C21.6035 11.4292 21.5369 11.3542 21.4577 11.2943C21.3784 11.2344 21.2881 11.1909 21.1919 11.1663C21.0957 11.1416 20.9955 11.1363 20.8972 11.1507C20.799 11.165 20.7045 11.1988 20.6194 11.2499ZM2.24438 7.39775C2.24468 7.26639 2.27948 7.13741 2.34529 7.02372C2.4111 6.91003 2.50562 6.81562 2.61938 6.74994L11.6194 1.49994C11.7341 1.43306 11.8644 1.39783 11.9972 1.39783C12.13 1.39783 12.2603 1.43306 12.375 1.49994L21.375 6.74994C21.4882 6.81599 21.5822 6.91056 21.6474 7.02423C21.7127 7.13789 21.7471 7.26668 21.7471 7.39775C21.7471 7.52883 21.7127 7.65762 21.6474 7.77128C21.5822 7.88494 21.4882 7.97951 21.375 8.04557L12.375 13.2956C12.2603 13.3624 12.13 13.3977 11.9972 13.3977C11.8644 13.3977 11.7341 13.3624 11.6194 13.2956L2.61938 8.04557C2.50562 7.97988 2.4111 7.88547 2.34529 7.77178C2.27948 7.6581 2.24468 7.52912 2.24438 7.39775ZM4.99439 7.39783L11.9944 11.5456L18.9944 7.39783L11.9944 3.39783L4.99439 7.39783Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6422 16.0228C21.7413 16.1947 21.7682 16.3988 21.717 16.5905C21.6659 16.7822 21.5409 16.9458 21.3694 17.0456L12.3694 22.2956C12.2547 22.3624 12.1243 22.3977 11.9916 22.3977C11.8588 22.3977 11.7284 22.3624 11.6138 22.2956L2.61376 17.0456C2.44472 16.944 2.3225 16.7799 2.27354 16.5889C2.22459 16.3978 2.25284 16.1952 2.3522 16.0249C2.45155 15.8545 2.614 15.7301 2.80438 15.6787C2.99476 15.6272 3.19774 15.6528 3.36938 15.7499L11.9983 20.5004L20.6194 15.7499C20.7913 15.6509 20.9954 15.624 21.1871 15.6751C21.3788 15.7262 21.5425 15.8512 21.6422 16.0228ZM20.6194 11.2499L11.9916 16.0228L3.36938 11.2499C3.19861 11.1649 3.00186 11.1482 2.81917 11.2031C2.63648 11.258 2.48159 11.3805 2.38602 11.5456C2.29044 11.7107 2.26138 11.906 2.30473 12.0918C2.34809 12.2776 2.46061 12.4398 2.61938 12.5456L11.6194 17.7956C11.7341 17.8624 11.8644 17.8977 11.9972 17.8977C12.13 17.8977 12.2603 17.8624 12.375 17.7956L21.375 12.5456C21.4615 12.4967 21.5373 12.4311 21.5982 12.3526C21.6591 12.2741 21.7038 12.1844 21.7297 12.0885C21.7556 11.9926 21.7622 11.8925 21.7492 11.7941C21.7361 11.6956 21.7036 11.6007 21.6536 11.515C21.6035 11.4292 21.5369 11.3542 21.4577 11.2943C21.3784 11.2344 21.2881 11.1909 21.1919 11.1663C21.0957 11.1416 20.9955 11.1363 20.8972 11.1507C20.799 11.165 20.7045 11.1988 20.6194 11.2499ZM2.24438 7.39775C2.24468 7.26639 2.27948 7.13741 2.34529 7.02372C2.4111 6.91003 2.50562 6.81562 2.61938 6.74994L11.6194 1.49994C11.7341 1.43306 11.8644 1.39783 11.9972 1.39783C12.13 1.39783 12.2603 1.43306 12.375 1.49994L21.375 6.74994C21.4882 6.81599 21.5822 6.91056 21.6474 7.02423C21.7127 7.13789 21.7471 7.26668 21.7471 7.39775C21.7471 7.52883 21.7127 7.65762 21.6474 7.77128C21.5822 7.88494 21.4882 7.97951 21.375 8.04557L12.375 13.2956C12.2603 13.3624 12.13 13.3977 11.9972 13.3977C11.8644 13.3977 11.7341 13.3624 11.6194 13.2956L2.61938 8.04557C2.50562 7.97988 2.4111 7.88547 2.34529 7.77178C2.27948 7.6581 2.24468 7.52912 2.24438 7.39775ZM4.99439 7.39783L11.9944 11.5456L18.9944 7.39783L11.9944 3.39783L4.99439 7.39783Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.lp-skeleton-animation{margin:0;padding:0;list-style:none}.lp-skeleton-animation>li{width:100%;height:16px;margin-top:15px;border-radius:2px;background:linear-gradient(90deg,hsla(0,0%,74.5%,0.2) 25%,hsla(0,0%,50.6%,0.24) 37%,hsla(0,0%,74.5%,0.2) 63%);background-size:400% 100%;list-style:none;animation:lp-skeleton-loading 1.4s ease infinite}@keyframes lp-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.lp-loading-circle{width:15px;height:15px;border:2px solid #ccc;border-radius:50%;border-top-color:rgba(0,0,0,0.76);animation:spin 1s infinite linear;display:inline-block}.lp-loading-circle.hide{display:none}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.lp-form-course-filter__title{font-weight:500;margin-bottom:12px}.lp-form-course-filter__content{position:relative}.lp-form-course-filter__content .lp-course-filter__field *{cursor:pointer}.lp-form-course-filter__content .lp-course-filter__field{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer}.lp-form-course-filter__content .lp-course-filter__field input:focus{outline:0}.lp-form-course-filter__content .lp-course-filter__field input[disabled]{cursor:not-allowed}.lp-form-course-filter__content .lp-course-filter__field label{margin:0;text-transform:capitalize;line-height:inherit;flex:1}.lp-form-course-filter__content .lp-course-filter__field .count{color:#999}.lp-form-course-filter__content .lp-course-filter-search-field{position:relative;display:flex;align-items:center}.lp-form-course-filter__content .lp-course-filter-search-field input{width:100%;line-height:2rem;border:1px solid #eee;padding:8px}.lp-form-course-filter__content .lp-course-filter-search-field input:focus{outline:0}.lp-form-course-filter__content .lp-course-filter-search-field .lp-loading-circle{position:absolute;right:10px}.lp-form-course-filter__content .lp-course-filter-search-result{position:absolute;z-index:10;background:white;width:100%;border:1px solid #eee;max-height:300px;overflow-y:auto;padding:0}.lp-form-course-filter__content .lp-course-filter-search-result:empty{border:0}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list{padding:0 10px}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .item-course-suggest{display:flex;gap:8px;padding:10px 0;align-items:center;border-bottom:1px solid #f5f5f5}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .item-course-suggest:last-child{border-bottom:0}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .course-img{width:50px}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list .course-img img{width:50px;height:auto;display:block}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list a{font-size:.875em;line-height:1em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-list a span{font-size:.875em;line-height:1em}.lp-form-course-filter__content .lp-course-filter-search-result .lp-courses-suggest-info{border-top:1px solid #eee;padding:10px;background:#e8f0fe;font-weight:500;display:flex;justify-content:space-between}.lp-form-course-filter .course-filter-submit,.lp-form-course-filter .course-filter-reset{padding:12px 24px;text-transform:capitalize;width:calc(50% - 4px);border:1px solid #ccc;border-radius:4px;background-color:var(--lp-button-background-color);color:var(--lp-button-color)}.lp-form-course-filter .course-filter-submit:focus,.lp-form-course-filter .course-filter-reset:focus{outline:0}.lp-form-course-filter .course-filter-submit:hover,.lp-form-course-filter .course-filter-reset:hover{color:#fff;background:var(--lp-primary-color)}.lp-form-course-filter .course-filter-reset{margin-left:4px}.lp-form-course-filter .course-filter-submit{margin-right:4px}.lp-form-course-filter .lp-form-course-filter__item{margin-bottom:12px;border-bottom:1px solid #ccc;padding-bottom:12px}.lp-form-course-filter .lp-form-course-filter__item .lp-cate-parent .lp-cate-child{margin-left:1rem}#learn-press-become-teacher-form .become-teacher-fields{list-style:none;padding:0}.lp-form-course-filter__close,.elementor-widget-container .lp-form-course-filter__close{display:none}.elementor-widget-container .learnpress-widget-wrapper{position:unset}@media(max-width:768px){.widget_course_filter{position:fixed !important;right:0;top:0;bottom:0;z-index:999999;width:400px;height:100%;background-color:#fff;transition:.3s;display:block;overflow-y:auto;border:none !important;border-radius:0 !important;transform:translate3d(100%,0,0);margin:0;opacity:0;visibility:hidden;padding:20px}.widget_course_filter .lp-form-block-course-filter .course-filter-submit,.widget_course_filter .lp-form-course-filter .course-filter-submit{width:100%;margin:0}.widget_course_filter .lp-form-block-course-filter .course-filter-reset,.widget_course_filter .lp-form-course-filter .course-filter-reset{width:100%;margin:12px 0 0 0}.widget_course_filter .widget-title{display:flex;gap:16px;align-items:center;font-size:calc(var(--lp-font-size-base, 1em) * 1.25)}.show-lp-course-filter-mobile{overflow:hidden}.show-lp-course-filter-mobile .widget_course_filter{transform:none;opacity:1;visibility:visible}.show-lp-course-filter-mobile .lp-archive-courses-sidebar::after{position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.9);content:"";-webkit-transition:opacity .5s,width .1s .5s,height .1s .5s;transition:opacity .5s,width .1s .5s,height .1s .5s;z-index:99999}.show-lp-course-filter-mobile .learnpress-widget-wrapper{position:unset}.lp-form-course-filter__close,.elementor-widget-container .lp-form-course-filter__close{display:flex;position:absolute;right:0;top:20px;left:auto;align-items:center;justify-content:center;gap:4px;padding:0 20px}.lp-form-course-filter__close i,.elementor-widget-container .lp-form-course-filter__close i{font-size:1rem}}@media(max-width:500px){.widget_course_filter{width:100%;left:0;right:0;box-sizing:border-box}}@keyframes lp-rotating{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes lp-rotating{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.lp-loading-change{position:absolute;width:100%;height:100%;background:rgba(255,255,255,0.38);top:0}.lp-load-ajax-element{position:relative}@media(min-width:1024px){body.theme-divi{--lp-cotainer-padding:0}}.learnpress.widget{margin-bottom:30px}.learnpress.widget h3{margin-bottom:20px}.learnpress.widget a{text-decoration:none}.learnpress-widget-wrapper{margin-top:16px;position:relative}.learnpress-widget-wrapper .lp-widget-loading-change{display:none;position:absolute;width:100%;height:100%;background:rgba(255,255,255,0.38);top:0;z-index:10}.learnpress-widget-wrapper .lp-widget-course{margin:0 0 30px 0;border:1px solid #eee}.learnpress-widget-wrapper .lp-widget-course__image img{height:auto;width:100%;display:block}.learnpress-widget-wrapper .lp-widget-course__title{margin-bottom:20px;font-size:1em;font-weight:600}.learnpress-widget-wrapper .lp-widget-course__content{margin:0;padding:16px;border-top:1px solid #eee}.learnpress-widget-wrapper .lp-widget-course__title{margin:4px 0 16px 0}.learnpress-widget-wrapper .lp-widget-course__meta{display:grid;margin:16px 0 0 0;grid-template-columns:repeat(2,1fr);justify-content:space-between;align-items:center;gap:24px}.learnpress-widget-wrapper .lp-widget-course__meta .course-price{margin-bottom:0}.learnpress-widget-wrapper .lp-widget-course__meta .course-price .course-item-price{display:flex;flex-direction:column}.learnpress-widget-wrapper .lp-widget-course__description{color:#666;font-size:.875em}.learnpress-widget-wrapper .lp-widget-course__price{color:#444;font-size:.875em;font-weight:600}.learnpress-widget-wrapper .lp-widget-course__instructor{display:flex;align-items:center}.learnpress-widget-wrapper .lp-widget-course__instructor__avatar{margin-right:5px}.learnpress-widget-wrapper .lp-widget-course__instructor__avatar img{width:20px;border-radius:20px;height:20px;display:block}.learnpress-widget-wrapper .lp-widget-course__instructor>a{color:#777;font-size:.875em}.learnpress.widget_course_progress .lp_widget_course_progress,.elementor-widget-wp-widget-learnpress_widget_course_progress .lp_widget_course_progress{margin:0;padding:20px;border:1px solid #eee}.learnpress.widget_course_progress .course-results-progress,.elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress{margin-top:10px;font-size:.8em}.learnpress.widget_course_progress .course-results-progress .items-progress,.elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress .items-progress{display:flex;margin-bottom:7px;justify-content:space-between;align-items:center}.learnpress.widget_course_progress .course-results-progress .items-progress__heading,.elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress .items-progress__heading{font-weight:400}.learnpress.widget_course_progress .lp-course-progress,.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress{width:100%}.learnpress.widget_course_progress .lp-course-progress.learn-press-progress,.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress{position:relative}.learnpress.widget_course_progress .lp-course-progress.learn-press-progress .progress-bg,.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .progress-bg{overflow:hidden;position:relative;height:6px;background:#ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.learnpress.widget_course_progress .lp-course-progress.learn-press-progress .progress-bg .progress-active,.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .progress-bg .progress-active{position:absolute;left:50%;width:100%;height:100%;margin-left:-100%;background:var(--lp-primary-color);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.learnpress.widget_course_progress .lp-course-progress.learn-press-progress .lp-passing-conditional,.elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .lp-passing-conditional{position:absolute;top:0;width:3px;height:6px;margin-left:-1px;background:var(--lp-secondary-color)}.lp_widget_course_info{margin:0;padding:20px;border:1px solid var(--lp-border-color,#e2e0db)}.lp_widget_course_info h3{margin-bottom:15px}.lp_widget_course_info ul{margin:0;padding:0}.lp_widget_course_info ul li{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.lp_widget_course_info ul label{font-size:var(--lp-font-size-base,1em);margin:0}.lp-widget-course-extra{margin:0}.lp-widget-course-extra h3{margin-bottom:20px;font-size:var(--lp-font-size-base,1em)}.lp-widget-course-extra__content h4.course-extras__title{margin:0;margin-bottom:15px;font-size:var(--lp-font-size-base,1em);font-weight:600}.lp-widget-course-extra__content ul{margin:0;padding:0}.lp-widget-course-extra__content ul li{margin-bottom:10px}.lp-widget-course-extra__content .course-extras{display:block}.lp-widget-course-extra__content .course-extras .course-extras__content ul{list-style:none}.lp-widget-course-extra__content .course-extras .course-extras__content ol{list-style-position:inside}.lp-widget-course-extra__content .course-extras .course-extras__content ul li,.lp-widget-course-extra__content .course-extras .course-extras__content ol li{position:relative;border:0}.lp-widget-course-extra__content .course-extras.style-checks ul li,.lp-widget-course-extra__content .course-extras.style-checks ol li{padding-left:20px}.lp-widget-course-extra__content .course-extras.style-checks ul li::before,.lp-widget-course-extra__content .course-extras.style-checks ol li::before{display:inline-block;position:absolute;top:50%;left:0;width:12px;height:7px;border:2px solid #8794b9;border-top:0;border-right:0;content:"";transform:rotate(-54deg) translateY(-50%)}.lp-widget-course-extra__content .course-extras.style-radios ul li,.lp-widget-course-extra__content .course-extras.style-radios ol li{padding-left:20px}.lp-widget-course-extra__content .course-extras.style-radios ul li::before,.lp-widget-course-extra__content .course-extras.style-radios ol li::before{display:inline-block;position:absolute;top:50%;left:0;width:12px;height:7px;border:2px solid #8794b9;border-top:0;border-right:0;content:"";transform:rotate(-54deg) translateY(-50%)}.learnpress.widget_course_featured .lp-widget-featured-courses__footer,.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer{margin-top:20px;padding-top:10px;border-top:1px solid #eee}.learnpress.widget_course_featured .lp-widget-featured-courses__footer__link,.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link{font-size:1rem;line-height:1}.learnpress.widget_course_featured .lp-widget-featured-courses__footer__link::before,.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link::before{content:"←"}.learnpress.widget_course_popular .lp-widget-popular-courses__footer,.elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer{margin-top:20px;padding-top:10px;border-top:1px solid #eee}.learnpress.widget_course_popular .lp-widget-popular-courses__footer__link,.elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer__link{font-size:1rem;line-height:1}.learnpress.widget_course_popular .lp-widget-popular-courses__footer__link::before,.elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer__link::before{content:"←"}.learnpress.widget_course_recent .lp-widget-recent-courses__footer,.elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer{margin-top:20px;padding-top:10px;border-top:1px solid #eee}.learnpress.widget_course_recent .lp-widget-recent-courses__footer__link,.elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer__link{font-size:1rem;line-height:1}.learnpress.widget_course_recent .lp-widget-recent-courses__footer__link::before,.elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer__link::before{content:"←"}.learnpress-widget-wrapper__restapi .lp-skeleton-animation{min-width:250px}.learnpress-widget-wrapper__restapi ul{padding:0}.focus .ts-control,.ts-control{box-shadow:none}.ts-control,.ts-dropdown{width:100%;box-sizing:border-box}.ts-control{border:1px solid #d0d0d0;padding:8px;overflow:hidden;position:relative;z-index:1;border-radius:3px;display:flex;flex-wrap:wrap}.ts-wrapper.multi.has-items .ts-control{padding:calc(8px - 2px - 0) 8px calc(8px - 2px - 3px - 0)}.full .ts-control{background-color:#fff}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.ts-control>*{vertical-align:baseline;display:inline-block}.ts-wrapper.multi .ts-control>div{cursor:pointer;margin:0 3px 3px 0;padding:2px 6px;background:#f2f2f2;color:#303030;border:0 solid #d0d0d0}.ts-wrapper.multi .ts-control>div.active{background:#e8e8e8;color:#303030;border:0 solid #cacaca}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{color:#7d7d7d;background:#fff;border:0 solid #fff}.ts-control>input{flex:1 1 auto;min-width:7rem;display:inline-block!important;padding:0!important;min-height:0!important;max-height:none!important;max-width:100%!important;margin:0!important;text-indent:0!important;border:0!important;background:0 0!important;line-height:inherit!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important;box-shadow:none!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:0!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl.single .ts-control:after{left:15px;right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{opacity:.5;background-color:#fafafa}.input-hidden .ts-control>input{opacity:0;position:absolute;left:-10000px}.ts-dropdown{position:absolute;top:100%;left:0;z-index:10;border:1px solid #d0d0d0;background:#fff;margin:.25rem 0 0;border-top:0;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:0 0 3px 3px}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:rgba(125,168,208,.2);border-radius:1px}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:5px 8px}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{opacity:1;cursor:pointer}.ts-dropdown .optgroup:first-child .optgroup-header,.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0}.ts-dropdown .optgroup-header{color:#303030;background:#fff;cursor:default}.ts-dropdown .active{background-color:#f5fafd;color:#495c68}.ts-dropdown .active.create{color:#495c68}.ts-dropdown .create{color:rgba(48,48,48,.5)}.ts-dropdown .spinner{display:inline-block;width:30px;height:30px;margin:5px 8px}.ts-dropdown .spinner::after{content:" ";display:block;width:24px;height:24px;margin:3px;border-radius:50%;border:5px solid #d0d0d0;border-color:#d0d0d0 transparent;animation:1.2s linear infinite lds-dual-ring}@keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ts-dropdown-content{overflow:hidden auto;max-height:200px;scroll-behavior:smooth}.ts-wrapper.plugin-drag_drop .ts-dragging{color:transparent!important}.ts-wrapper.plugin-drag_drop .ts-dragging>*{visibility:hidden!important}.plugin-checkbox_options:not(.rtl) .option input{margin-right:.5rem}.plugin-checkbox_options.rtl .option input{margin-left:.5rem}.plugin-clear_button{--ts-pr-clear-button:1em}.plugin-clear_button .clear-button{opacity:0;position:absolute;top:50%;transform:translateY(-50%);right:calc(8px - 6px);margin-right:0!important;background:0 0!important;transition:opacity .5s;cursor:pointer}.plugin-clear_button.form-select .clear-button,.plugin-clear_button.single .clear-button{right:max(var(--ts-pr-caret),8px)}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:not(.disabled):hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{position:relative;padding:10px 8px;border-bottom:1px solid #d0d0d0;background:color-mix(#fff,#d0d0d0,85%);border-radius:3px 3px 0 0}.plugin-dropdown_input .dropdown-input,.plugin-dropdown_input.focus.dropdown-active .ts-control{border:1px solid #d0d0d0;box-shadow:none}.ts-wrapper .dropdown-header-close{position:absolute;right:8px;top:50%;color:#303030;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px!important}.ts-wrapper .dropdown-header-close:hover{color:#000}.plugin-dropdown_input .dropdown-input{border-width:0 0 1px;display:block;padding:8px;width:100%;background:0 0}.plugin-dropdown_input .items-placeholder{border:0!important;box-shadow:none!important;width:100%}.plugin-dropdown_input.dropdown-active .items-placeholder,.plugin-dropdown_input.has-items .items-placeholder{display:none!important}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:transparent}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0;flex-grow:1;flex-basis:0;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0}.ts-dropdown.plugin-optgroup_columns .optgroup::before{display:none}.ts-wrapper.plugin-remove_button .item{display:inline-flex;align-items:center}.ts-wrapper.plugin-remove_button .item .remove{color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:0 6px;border-radius:0 2px 2px 0;box-sizing:border-box}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:0 0}.ts-wrapper.plugin-remove_button .remove-single{position:absolute;right:0;top:0;font-size:23px}.ts-wrapper.plugin-remove_button:not(.rtl) .item{padding-right:0!important}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{border-left:1px solid #d0d0d0;margin-left:6px}.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove{border-left-color:#cacaca}.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button.rtl .item{padding-left:0!important}.ts-wrapper.plugin-remove_button.rtl .item .remove{border-right:1px solid #d0d0d0;margin-right:6px}.ts-wrapper.plugin-remove_button.rtl .item.active .remove{border-right-color:#cacaca}.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove{border-right-color:#fff}:root{--ts-pr-clear-button:0;--ts-pr-caret:0;--ts-pr-min:.75rem}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-control:not(.rtl){padding-right:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-control.rtl{text-align:right;padding-left:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{color:#303030;font-family:inherit;font-size:13px;line-height:18px}.ts-control,.ts-wrapper.single.input-active .ts-control{background:#fff;cursor:text}.ts-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}@-webkit-keyframes rotating4{from{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating4{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animation4{from{left:-40%;width:40%}to{left:100%;width:10%}}@keyframes animation4{from{left:-40%;width:40%}to{left:100%;width:10%}}:root{--lp-cotainer-max-with:var(--lp-container-max-width)}.wp-block-group{--lp-container-max-width:var(--wp--style--global--wide-size)}.learn-press-message{position:relative;margin:24px auto;padding:10px 20px;border-radius:var(--lp-border-radius,5px);background-color:#e5f7ff;color:#007aff;width:100%}.learn-press-message.error{background-color:#fee5e5;color:#ff3b30}.learn-press-message.warning{background-color:#fef7e6;color:#ff9500}.learn-press-message.success{background-color:#ebf8e5;color:#3ab500}.learn-press-message.info{background-color:rgba(0,122,255,0.1019607843);color:#007aff}.learn-press-message a{text-decoration:underline}.lp-toast.toastify{background:#ebf8e5;color:#3ab500;border-radius:var(--lp-border-radius,5px);box-shadow:0 0;display:flex;align-items:center}.lp-toast.toastify .toast-close{background:transparent !important;font-size:0;padding-left:12px}.lp-toast.toastify .toast-close:before{content:"\f00d";font-family:"lp-icon";font-size:16px;color:#000;line-height:17px}.lp-toast.toastify .toast-close:hover{opacity:1}.lp-toast.toastify.error{background-color:#fee5e5;color:#ff3b30;padding:12px 20px;border:0;margin:0 auto}.lp-toast.toastify.warning{background-color:#fef7e6;color:#fb9422;padding:12px 20px;border:0;margin:0 auto}.lp-toast.toastify.info{background-color:rgba(0,122,255,0.1019607843);color:#277afc;padding:12px 20px;border:0;margin:0 auto}@keyframes lp-rotating{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes lp-rotating{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.lp-loading-change{position:absolute;width:100%;height:100%;background:rgba(255,255,255,0.38);top:0}.lp-load-ajax-element{position:relative}*,:after,:before{box-sizing:border-box}.learnpress-block-pagination,.learn-press-pagination{margin:20px 0;text-align:center}.learnpress-block-pagination .page-numbers,.learn-press-pagination .page-numbers{display:inline-flex;gap:5px;flex-wrap:wrap;margin:0;padding:0;border:0;outline:0;background:transparent;list-style:none}.learnpress-block-pagination .page-numbers>li,.learn-press-pagination .page-numbers>li{display:inline-block;margin:0}.learnpress-block-pagination .page-numbers>li .page-numbers,.learn-press-pagination .page-numbers>li .page-numbers{float:unset;padding:0 12px;color:#666;text-decoration:none}.learnpress-block-pagination .page-numbers>li .page-numbers.current,.learn-press-pagination .page-numbers>li .page-numbers.current{color:var(--lp-primary-color);font-weight:400}.learnpress-block-pagination .page-numbers>li .page-numbers:hover,.learn-press-pagination .page-numbers>li .page-numbers:hover{color:var(--lp-primary-color)}.social-share-toggle{position:relative;display:flex;gap:20px}.social-share-toggle .share-toggle-icon{cursor:pointer;display:flex;align-items:center;gap:8px}.social-share-toggle .share-toggle-icon .share-label{margin:0;cursor:pointer}.social-share-toggle .share-toggle-icon:hover{color:var(--lp-primary-color,#ffb606)}.social-share-toggle .content-widget-social-share{padding:20px;background:#fff;box-shadow:0 1px 16px 0 rgba(0,0,0,0.12)}.social-share-toggle .lp-social-media{display:inline-flex;padding:0;gap:12px;margin:0}.social-share-toggle .lp-social-media>li{text-align:center;list-style:none}.social-share-toggle .lp-social-media>li span{display:none}.social-share-toggle .lp-social-media>li i{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lp-border-color,#e2e0db);border-radius:50%}.social-share-toggle .lp-social-media>li i:hover{background-color:var(--lp-primary-color,#ffb606);border-color:var(--lp-primary-color,#ffb606);color:var(--lp-color-white,#fff)}.social-share-toggle .clipboard-post{display:flex;justify-content:space-between;margin-bottom:20px;gap:12px}.social-share-toggle .btn-clipboard{position:relative;padding:12px 20px;white-space:nowrap}.social-share-toggle .btn-clipboard .tooltip{display:none;position:absolute;z-index:2;left:50%;right:auto;bottom:100%;transform:translateX(-50%);width:max-content;color:#fff;font-size:.825em;padding:5px 10px;background:rgba(0,0,0,0.72);border-radius:3px;margin-bottom:10px}.social-share-toggle .btn-clipboard .tooltip:before{content:"";position:absolute;z-index:2;left:50%;bottom:-5px;margin-left:-3px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,0.72)}.social-share-toggle .btn-clipboard:hover{background-color:#eee}.social-share-toggle .btn-clipboard:hover .tooltip{display:block}.social-share-toggle .clipboard-value{border:1px solid var(--lp-border-color,#e2e0db);padding:12px 20px;flex:1}@media(max-width:600px){.social-share-toggle .clipboard-value{width:100%}}.social-share-toggle .wrapper-content-widget{visibility:hidden;text-align:left;opacity:0;-webkit-transition:all .27s ease;-moz-transition:all .27s ease;-o-transition:all .27s ease;transition:all .27s ease;position:absolute;right:0;top:auto;z-index:9;margin-top:20px}.social-share-toggle.social-share-toggle__open .wrapper-content-widget{margin-top:0;visibility:visible;opacity:1}@media(max-width:768px){.social-share-toggle .wrapper-content-widget{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.7)}.social-share-toggle .wrapper-content-widget .content-widget-social-share{position:relative;z-index:1;max-width:fit-content;top:50%;min-width:320px;transform:translateY(-50%);margin:0 auto}}.lp-instructor-info{display:flex;gap:30px;margin-top:30px;margin-bottom:30px}@media(max-width:600px){.lp-instructor-info{flex-wrap:wrap}}.lp-instructor-info .lp-section-instructor{flex:1}.lp-instructor-info .instructor-display-name{font-size:1.4rem}.lp-instructor-info .instructor-avatar{max-width:200px}.lp-instructor-info .lp-instructor-meta{margin-top:16px;display:flex;column-gap:20px;row-gap:8px}.lp-instructor-info .instructor-description{margin-top:16px}.lp-instructor-info img{max-width:100%;border-radius:var(--lp-border-radius,5px)}.lp-instructor-info .instructor-social{display:inline-flex;padding:0;gap:12px;margin:16px 0 0 0}.lp-instructor-info .instructor-social>a{text-align:center;list-style:none}.lp-instructor-info .instructor-social>a span{display:none}.lp-instructor-info .instructor-social>a i{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lp-border-color,#e2e0db);border-radius:50%}.lp-instructor-info .instructor-social>a i:hover{background-color:var(--lp-primary-color,#ffb606);border-color:var(--lp-primary-color,#ffb606);color:var(--lp-color-white,#fff)}.instructor-display-name{font-weight:var(--lp-font-weight-link,600)}.instructor-item-meta{display:inline-flex;border-left:1px solid var(--lp-border-color,#e2e0db);padding-left:20px}.lp-instructor-meta .instructor-item-meta:first-child{border:0;padding-left:0}.wrapper-instructor-total-students,.wrapper-instructor-total-courses{display:flex;gap:4px;align-items:center}.course-extra-box{margin-bottom:16px;border:1px solid var(--lp-border-color,#e2e0db);border-radius:var(--lp-border-radius,5px);width:100%}.course-extra-box.active .course-extra-box__content{height:auto}.course-extra-box__title{--extra-height:50px;display:flex;align-items:center;position:relative;height:var(--extra-height);margin:0 !important;padding:0 45px 0 20px;background:rgba(181,187,211,0.15);font-size:1em;font-weight:700;cursor:pointer}@media(max-width:767px){.course-extra-box__title{padding-left:16px}}.course-extra-box__title::after{position:absolute;top:0;right:20px;font-family:"lp-icon";line-height:var(--extra-height);content:"\f107"}.course-extra-box__content{overflow:hidden;transition:height .3s ease}.course-extra-box__content-inner{-webkit-animation-name:course-extra-box__content-inner-transform;animation-name:course-extra-box__content-inner-transform;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}.course-extra-box__content-inner>ul{padding-left:0 !important;padding-bottom:0 !important}.course-extra-box__content ul,.course-extra-box__content li{list-style:none}.course-extra-box__content ul{margin:0;padding:0}.course-extra-box__content li{margin:0;padding:12px 20px;border-bottom:1px solid var(--lp-border-color,#e2e0db)}@media(max-width:767px){.course-extra-box__content li{padding-left:16px;padding-right:16px}}.course-extra-box__content li::before{margin-right:8px;color:var(--lp-primary-color);font-family:"lp-icon";content:"\f00c"}.course-extra-box__content li:last-child{border-bottom:0}.course-extra-box:last-child{margin-bottom:60px}.course-extra-box.active .course-extra-box__title::after{content:"\f106"}.course-extra-box+.comment-respond,.course-extra-box+.comments-area{margin-top:30px;margin-bottom:30px}.course-extra-box+.course-tabs{margin-top:30px}input[name=course-extra-box-ratio]{display:none}input[name=course-extra-box-ratio]:checked+.course-extra-box .course-extra-box__content{display:block}input[name=course-extra-box-ratio]:checked+.course-extra-box .course-extra-box__content .course-extra-box__content-inner{transform:scale(1)}@-webkit-keyframes course-extra-box__content-inner-transform{from{opacity:0;-webkit-transform:translateX(5%);-moz-transform:translateX(5%);-ms-transform:translateX(5%);-o-transform:translateX(5%);transform:translateX(5%)}to{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@keyframes course-extra-box__content-inner-transform{from{opacity:0;transform:translateX(5%)}to{opacity:1;transform:translateX(0)}}.course-tab-panel-faqs .course-faqs-box{margin-bottom:20px;border:1px solid rgba(204,204,204,0.6);border-radius:5px}.course-tab-panel-faqs .course-faqs-box__title{display:block;position:relative;margin:0;padding:12px 45px 12px 20px;font-size:1em;line-height:1.5;font-weight:var(--lp-font-weight-link,600);cursor:pointer}.course-tab-panel-faqs .course-faqs-box__title::after{position:absolute;top:12px;right:20px;font-family:"lp-icon";content:"\f067"}.course-tab-panel-faqs .course-faqs-box:last-child{margin-bottom:40px}.course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title{color:var(--lp-primary-color)}.course-tab-panel-faqs .course-faqs-box__content{display:none}.course-tab-panel-faqs .course-faqs-box__content-inner{padding:20px;-webkit-animation-name:course-faqs-box__content-inner-transform;animation-name:course-faqs-box__content-inner-transform;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal}input[name=course-faqs-box-ratio]{display:none}input[name=course-faqs-box-ratio]:checked+.course-faqs-box .course-faqs-box__content{display:block}input[name=course-faqs-box-ratio]:checked+.course-faqs-box .course-faqs-box__title{color:var(--lp-primary-color);background:rgba(241,242,248,0.4)}input[name=course-faqs-box-ratio]:checked+.course-faqs-box .course-faqs-box__title::after{content:"\f068"}@-webkit-keyframes course-faqs-box__content-inner-transform{from{opacity:0;-webkit-transform:translateY(-5%);-moz-transform:translateY(-5%);-ms-transform:translateY(-5%);-o-transform:translateY(-5%);transform:translateY(-5%)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes course-faqs-box__content-inner-transform{from{opacity:0;-webkit-transform:translateY(-5%);-moz-transform:translateY(-5%);-ms-transform:translateY(-5%);-o-transform:translateY(-5%);transform:translateY(-5%)}to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.extra-box__title,.course-faqs__title,.course-material__title{margin-top:0;margin-bottom:12px}.edit-content{margin-left:5px}.course-curriculum ul.curriculum-sections{position:relative;margin:0;padding:0;list-style:none}.course-curriculum ul.curriculum-sections .closed .section-item__loadmore{display:none}.course-curriculum ul.curriculum-sections .section{margin:0;padding:0;flex-wrap:wrap}.course-curriculum ul.curriculum-sections .section:last-child{padding:0}.course-curriculum ul.curriculum-sections .section.section-empty .section-header{margin-bottom:20px}.course-curriculum ul.curriculum-sections .section.section-empty .learn-press-message{margin-right:15px;margin-left:15px}.course-curriculum ul.curriculum-sections .section-title.c+.section-desc{display:block}.course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);top:0}.course-curriculum ul.curriculum-sections .item-meta.duration{background:#d9e0f1}.course-curriculum .section-item__loadmore{display:flex;justify-content:center;align-items:center}.course-curriculum .section-item__loadmore button{margin-top:10px;border:1px solid var(--lp-border-color,#e2e0db);border-radius:var(--lp-border-radius,5px);padding:8px 16px;box-shadow:none;outline:0}.course-curriculum .section-item__loadmore.loading button:before{display:inline-block;font-family:"lp-icon";content:"\f110";animation:lp-rotating 1s linear infinite;margin-right:5px;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;margin-top:-2px}.course-curriculum .section-header{display:table;width:100%;padding:20px 0;border-bottom:0;border-bottom:1px solid #d9e0f1;cursor:pointer;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.course-curriculum .section-header .section-title,.course-curriculum .section-header .section-desc{margin:0}.course-curriculum .section-header span.show-desc{display:inline-block;position:absolute;top:50%;right:30px;width:20px;height:20px;transform:translate(0,-50%)}.course-curriculum .section-header span.show-desc::before{font-family:"lp-icon";font-size:1.125em;content:"\f107"}.course-curriculum .section-header span.show-desc:hover::before{border-top-color:#ccc}.course-curriculum .section-header .section-desc{margin-top:10px;font-size:calc(var(--lp-font-size-base, 1em) * 0.925);color:var(--lp-color-accent);font-style:italic;line-height:1.3}.course-curriculum .section-header .section-meta{display:block;padding-top:17px;padding-bottom:15px;font-size:.8em;text-align:right;vertical-align:middle;white-space:nowrap}.course-curriculum .section-item{width:100%}.course-curriculum .section-content{margin:0;padding:0;list-style:none}.course-curriculum .section-content .course-item-meta{display:table-cell;text-align:right;vertical-align:middle;white-space:nowrap}.course-curriculum .section-content .course-item-meta .item-meta{display:inline-block;color:#fff}.course-curriculum .section-content .course-item-meta .item-meta.final-quiz{background:#14c4ff}.course-curriculum .section-content .course-item-meta .item-meta.trans{padding:0}.course-curriculum .section-content .course-item-meta .count-questions{background:#9672cf}.course-curriculum .section-content .course-item-meta .duration{background:silver}.course-curriculum .section-content .course-item-meta .course-item-status{padding:0;color:#999}.course-curriculum .section-content .course-item-meta .course-item-status::before{font-family:"lp-icon";content:"\f00c"}.course-curriculum .section-content .course-item-preview{font-style:normal;padding:0}.course-curriculum .section-content .course-item-preview::before{font-family:"lp-icon";content:"\f06e";color:#999}.course-curriculum .course-item{display:flex;position:relative;margin:0 0 2px 0;padding:0 16px;background:rgba(241,242,248,0.4);transition:padding-left linear .15s}.course-curriculum .course-item>span{display:flex;width:28px;color:#666;font-weight:300;align-items:center}.course-curriculum .course-item .section-item-link{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:12px 0;color:inherit;outline:0;gap:12px}.course-curriculum .course-item .section-item-link:hover .item-name{color:var(--lp-primary-color)}.course-curriculum .course-item .section-item-link::before{color:var(--lp-primary-color);font-family:"lp-icon"}.course-curriculum .course-item .section-item-link .course-item-info{width:100%}.course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre{display:flex;flex-flow:row-reverse;justify-content:flex-end;gap:16px;align-items:center;font-size:calc(var(--lp-font-size-base, 1em) * 0.925)}.course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre .item-meta.duration{background:transparent}.course-curriculum .course-item .item-name{font-weight:600}.course-curriculum .course-item.course-item-lp_quiz .section-item-link::before{content:"\f059"}.course-curriculum .course-item.course-item-lp_assignment .section-item-link::before{content:"\e929" !important}.course-curriculum .course-item.course-item.course-item-lp_h5p .section-item-link::before{content:"\e92a" !important}.course-curriculum .course-item.course-item-lp_lesson .section-item-link::before{content:"\f15b"}.course-curriculum .course-item.course-item-lp_lesson.course-item-type-video .section-item-link::before{content:"\f03d"}.course-curriculum .course-item.course-item-lp_lesson.course-item-type-audio .section-item-link::before{content:"\f028"}.course-curriculum .course-item.item-locked .course-item-status::before{color:var(--lp-secondary-color);content:"\f023"}.course-curriculum .course-item.has-status{padding-top:1px}.course-curriculum .course-item.has-status.status-completed .course-item-status::before,.course-curriculum .course-item.has-status.status-evaluated .course-item-status::before{color:#3bb54a}.course-curriculum .course-item.has-status.item-failed .course-item-status::before,.course-curriculum .course-item.has-status.failed .course-item-status::before{border-color:#f02425;color:#f02425;content:"\f00d"}.course-curriculum .course-item::before{position:absolute;top:50%;left:0;width:3px;height:0;background:#00adff;content:"";transition:height linear .15s,top linear .15s}.course-curriculum .course-item.current{background:#f9f9f9}.course-curriculum .course-item.current a::before{left:10px}.course-curriculum .course-item.current::before{top:0;height:100%}.course-curriculum .section-left{vertical-align:top}.course-curriculum .section-left .section-title{font-weight:700;font-size:calc(var(--lp-font-size-base, 1em) * 1.25);text-transform:capitalize;display:block}.course-curriculum .curriculum-more__button{border:1px solid var(--lp-border-color,#e2e0db);border-radius:var(--lp-border-radius,5px);padding:8px 16px;box-shadow:none;outline:0;width:100%;margin-top:20px;margin-bottom:20px}.course-curriculum .curriculum-more__button.loading:before{display:inline-block;font-family:"lp-icon";content:"\f110";animation:lp-rotating 1s linear infinite;margin-right:5px;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;margin-top:-2px}body .content-item-summary .form-button-finish-course,body .lp-quiz-buttons .form-button-finish-course{float:right}#wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before,#wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before,#wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before{top:2px;font-family:"lp-icon"}#wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before{content:"\f017"}#wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before{content:"\f15c"}#wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before{content:"\f29c"}.course-remaining-time .label-enrolled{font-size:inherit}.lp-course-progress{position:relative}.lp-course-progress .lp-passing-conditional{position:absolute;top:0;width:3px;height:6px;margin-left:-1px;background:var(--lp-secondary-color)}.viewing-course-item .section-header .section-desc{display:none}.lp-course-curriculum ul,.lp-course-curriculum li{list-style:none;margin:0;padding:0}.lp-course-curriculum .course-curriculum-info{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.lp-course-curriculum .course-curriculum-info__left{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.lp-course-curriculum .course-curriculum-info__left li{display:inline-flex;align-items:center;gap:8px}.lp-course-curriculum .course-curriculum-info__left li::after{content:"";width:4px;height:4px;background-color:var(--lp-border-color,#e2e0db);display:inline-block}.lp-course-curriculum .course-curriculum-info__left li:last-child::after{content:none}.lp-course-curriculum .course-curriculum-info__right{font-weight:var(--lp-font-weight-link,600);text-align:right;text-transform:capitalize}.lp-course-curriculum .course-toggle-all-sections{cursor:pointer}.lp-course-curriculum .course-section{margin-bottom:8px;border:1px solid var(--lp-border-color,#e2e0db);border-radius:var(--lp-border-radius,5px);cursor:pointer;overflow:hidden}.lp-course-curriculum .course-section.lp-collapse .course-section__items{display:none;animation:ease-in-out}.lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-up{display:none}.lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-down{display:block}.lp-course-curriculum .course-section .lp-icon-angle-down{display:none}.lp-course-curriculum .course-section:last-child{margin-bottom:0}.lp-course-curriculum .course-section .course-section-header{background-color:var(--lp-white-grey,#f7f7fb);padding:20px;column-gap:12px;display:flex;justify-content:space-between}.lp-course-curriculum .course-section__title{font-weight:600;font-size:1.1em;line-height:1.3em}.lp-course-curriculum .course-section__description{margin:4px 0 0 0}.lp-course-curriculum .course-section .section-toggle{line-height:1}.lp-course-curriculum .course-section .section-toggle i{font-size:24px}.lp-course-curriculum .course-section .course-section-info{margin-left:0;margin-right:auto}.lp-course-curriculum .course-section .section-count-items{min-width:24px;font-weight:600;text-align:center;line-height:1.3;white-space:nowrap}.lp-course-curriculum .course-section .course-item{background-color:transparent;border-top:1px solid var(--lp-border-color,#e2e0db);padding:12px 20px;margin:0}.lp-course-curriculum .course-section .course-item__link{display:flex;justify-content:space-between;width:100%;column-gap:12px;row-gap:8px;position:relative;align-items:flex-start;color:inherit}.lp-course-curriculum .course-section .course-item__info{display:flex;column-gap:12px;row-gap:8px}.lp-course-curriculum .course-section .course-item__info .course-item-ico{min-width:16px}.lp-course-curriculum .course-section .course-item__content{display:flex;justify-content:space-between;column-gap:12px;row-gap:8px;align-items:baseline;flex:1}@media(max-width:1024px){.lp-course-curriculum .course-section .course-item__content{flex-wrap:wrap}}.lp-course-curriculum .course-section .course-item__left:hover{color:var(--lp-primary-color,#ffb606)}.lp-course-curriculum .course-section .course-item__right{display:flex;column-gap:12px;row-gap:8px;align-items:center;flex:none;color:var(--lp-color-meta,#8a8a8a);flex-wrap:wrap;flex-direction:row-reverse;justify-content:flex-end}@media(max-width:1024px){.lp-course-curriculum .course-section .course-item__right{width:100%;order:3}}.lp-course-curriculum .course-section .course-item__status .course-item-ico{width:24px;display:flex;justify-content:center}.lp-course-curriculum .course-section .course-item-ico::before{content:"";display:inline-block;font-family:"lp-icon";font-weight:normal}.lp-course-curriculum .course-section .course-item-ico.lp_lesson::before{content:"\f15b"}.lp-course-curriculum .course-section .course-item-ico.lp_quiz::before{content:"\f12e"}.lp-course-curriculum .course-section .course-item-ico.lp_assignment::before{content:"\e929"}.lp-course-curriculum .course-section .course-item-ico.lp_h5p::before{content:"\e92a"}.lp-course-curriculum .course-section .course-item-ico.preview::before{content:"\f06e";color:#999}.lp-course-curriculum .course-section .course-item-ico.locked::before{content:"\f023";color:#999}.lp-course-curriculum .course-section .course-item-ico.passed.completed::before{content:"\f00c";color:#3bb54a}.lp-course-curriculum .course-section .course-item-ico.in-progress::before,.lp-course-curriculum .course-section .course-item-ico.completed::before{content:"\f00c";color:#999}.lp-course-curriculum .course-section .course-item-ico.failed.completed::before{content:"\f00d";color:#f02425}.lp-course-curriculum .course-section .course-item-ico.started::before{content:"\f00c";color:#999}.lp-course-curriculum .course-section .course-item-ico.doing::before{content:"\e921";color:#999}.info-learning .course-progress__line{width:100%;background:#ccc;height:5px;border-radius:5px;position:relative}.info-learning .course-progress__line__active{background:var(--lp-primary-color);height:100%;border-radius:5px;position:absolute;top:0;left:0}.info-learning .course-progress__line__active{background:var(--lp-primary-color);height:100%;border-radius:5px;position:absolute;top:0;left:0}.info-learning .course-progress__line__point{position:absolute;top:0;width:2px;height:100%;background:var(--lp-secondary-color)}.lp-single-course .comment-form .comment-form-url,.lp-single-course .comment-form .comment-form-email,.lp-single-course .comment-form .comment-form-author,.lp-single-course .comment-form .comment-form-comment,.wp-block-learnpress-course-comment .comment-form .comment-form-url,.wp-block-learnpress-course-comment .comment-form .comment-form-email,.wp-block-learnpress-course-comment .comment-form .comment-form-author,.wp-block-learnpress-course-comment .comment-form .comment-form-comment{display:flex;flex-direction:column;gap:1rem}.lp-single-course .comment-form input[type=url],.lp-single-course .comment-form input[type=text],.lp-single-course .comment-form input[type=email],.lp-single-course .comment-form textarea,.wp-block-learnpress-course-comment .comment-form input[type=url],.wp-block-learnpress-course-comment .comment-form input[type=text],.wp-block-learnpress-course-comment .comment-form input[type=email],.wp-block-learnpress-course-comment .comment-form textarea{padding:12px 20px;outline:0;border:1px solid var(--lp-border-color,#e2e0db);border-radius:var(--lp-border-radius,5px)}.lp-single-course .comment-form input[type=submit],.wp-block-learnpress-course-comment .comment-form input[type=submit]{border-radius:var(--lp-border-radius,5px)}.lp-ico svg{width:20px;height:20px}.lp-hidden{display:none !important}.course-price .origin-price{text-decoration:line-through;margin-right:4px;font-size:calc(var(--lp-font-size-base, 1em) * 0.925);opacity:.6}[class*=wp-block-learnpress] img,.block-editor-block-list__block img{max-width:100%;height:auto}[class*=wp-block-learnpress] .info-meta-item,.block-editor-block-list__block .info-meta-item{display:flex;gap:4px;flex-wrap:wrap}[class*=wp-block-learnpress] .info-meta-item i,.block-editor-block-list__block .info-meta-item i{color:var(--lp-primary-color,#ffb606)}[class*=wp-block-learnpress] .info-meta-left,.block-editor-block-list__block .info-meta-left{display:flex;gap:8px;align-items:center;letter-spacing:0}[class*=wp-block-learnpress] a,.block-editor-block-list__block a{text-decoration:none}.wp-block-learnpress-course-image{overflow:hidden}.wp-block-learnpress-course-instructor>div>*,.wp-block-learnpress-course-categories>div>*{display:inline;vertical-align:middle}.wp-block-learnpress-breadcrumb ul{margin:0 auto;list-style:none;padding:0}.wp-block-learnpress-breadcrumb li{display:inline-block;margin:0}.wp-block-learnpress-breadcrumb i{margin:0 8px}.wp-block-learnpress-breadcrumb a{color:inherit}.courses-btn-load-more{padding:8px 24px;border-radius:var(--lp-border-radius,5px);color:var(--lp-color-base,#333);border:1px solid var(--lp-color-base,#333);font-size:var(--lp-font-size-base,1em);transition:all .3s;display:block;background:transparent;text-decoration:none;text-align:center;cursor:pointer;margin:20px auto}.courses-btn-load-more:hover{background:var(--lp-primary-color,#ffb606);color:var(--lp-color-white,#fff);border-color:var(--lp-primary-color,#ffb606)}.lp-overlay{display:none;position:fixed;z-index:99999;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:rgba(209,213,219,0.8);transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms;transition-property:opacity}.lp-modal-dialog{display:flex;position:fixed;z-index:9999;top:0;right:0;left:0;width:100%;min-height:100vh;text-align:center;align-items:center;justify-content:center}.lp-modal-dialog .learn-press-message{width:auto;margin:0 !important}.lp-modal-dialog .lp-modal-content{display:inline-block;overflow:hidden;z-index:2;width:auto;max-width:600px;border-radius:8px;text-align:left;vertical-align:middle;background:white;color:black}.lp-modal-dialog .lp-modal-content h2,.lp-modal-dialog .lp-modal-content h3{margin:0}.lp-modal-dialog .lp-modal-content .lp-group-step h3{border-bottom:1px solid #eee}.lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em{padding:0 1em}.lp-modal-dialog .lp-modal-header{background:#7c60d9;border-bottom:1px solid #eee;padding:1em}.lp-modal-dialog .lp-modal-header h3{margin:0;color:white;font-weight:400}.lp-modal-dialog .lp-modal-body .main-content{max-height:500px;overflow:auto;overscroll-behavior:contain}.lp-modal-dialog .lp-modal-body .main-content h3,.lp-modal-dialog .lp-modal-body .main-content h2,.lp-modal-dialog .lp-modal-body .main-content .pd-2em{padding:1em}.lp-modal-dialog .lp-modal-footer{padding:20px;background-color:#f9fafb;text-align:right}.lp-modal-dialog .btn-yes{color:#fff;background-color:#7c60d9}.lp-modal-dialog .lp_allow_repurchase_select{padding:20px;background:#f7f7f7}.lp-modal-dialog .lp_allow_repurchase_select>ul{margin:0;padding:0;list-style:none}.lp-modal-dialog .lp_allow_repurchase_select>ul li label{display:flex;align-items:center;gap:10px}.lp-modal-dialog .lp-button{cursor:pointer;border:1px solid var(--lp-border-color,#e2e0db);border-radius:var(--lp-border-radius,5px);padding:8px 16px}.lp-modal-dialog .lp-button.loading{pointer-events:none;opacity:.8}.lp-modal-dialog .lp-button.loading:before{display:inline-block;font-family:"lp-icon";content:"\f110";animation:lp-rotating 1s linear infinite;margin-right:5px;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;margin-top:-2px}.lp-modal-dialog .lp-button:hover{border-color:var(--lp-primary-color,#ffb606);color:#fff;background:var(--lp-primary-color,#ffb606)}.lp-button.btn-finish-course{cursor:pointer;width:100%;padding:12px 24px;background-color:var(--lp-primary-color,#ffb606);border-width:0;border-radius:var(--lp-border-radius,5px);border-color:var(--lp-primary-color,#ffb606);color:var(--lp-color-white,#fff);font-size:var(--lp-font-size-base,1em);text-align:center;text-decoration:none;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s}.lp-button.btn-finish-course:hover{background-color:var(--lp-secondary-color,#442e66);border-color:var(--lp-secondary-color,#442e66)}.lp-button.btn-finish-course.loading{pointer-events:none;opacity:.8}.lp-button.btn-finish-course.loading:before{display:inline-block;font-family:"lp-icon";content:"\f110";animation:lp-rotating 1s linear infinite;margin-right:5px;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;margin-top:-2px}@-webkit-keyframes rotating4{from{-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating4{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animation4{from{left:-40%;width:40%}to{left:100%;width:10%}}@keyframes animation4{from{left:-40%;width:40%}to{left:100%;width:10%}}:root{--lp-cotainer-max-with:var(--lp-container-max-width)}.wp-block-group{--lp-container-max-width:var(--wp--style--global--wide-size)}.c-gap-4{column-gap:4px}.wp-block-learnpress-course-feature-review .featured-review__title{font-weight:var(--lp-font-weight-link,600);font-size:calc(var(--lp-font-size-base, 1em) * 1.25)}[class^=wp-block-learnpress] .extra-box ul{margin:0 0 0 20px;padding:0}.wp-block-learnpress-course-button-read-more,.wp-block-learnpress-course-button{cursor:pointer;padding:12px 24px;background-color:var(--lp-primary-color,#ffb606);border-width:0;border-radius:var(--lp-border-radius,5px);border-color:var(--lp-primary-color,#ffb606);color:var(--lp-color-white,#fff);font-size:var(--lp-font-size-base,1em);text-align:center;text-decoration:none;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s}.wp-block-learnpress-course-button-read-more:hover,.wp-block-learnpress-course-button:hover{background-color:var(--lp-secondary-color,#442e66);border-color:var(--lp-secondary-color,#442e66)}.wp-block-learnpress-course-button-read-more.loading,.wp-block-learnpress-course-button.loading{pointer-events:none;opacity:.8}.wp-block-learnpress-course-button-read-more.loading:before,.wp-block-learnpress-course-button.loading:before{display:inline-block;font-family:"lp-icon";content:"\f110";animation:lp-rotating 1s linear infinite;margin-right:5px;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;margin-top:-2px}@media(min-width:992px){.lp-block-course-sidebar{margin-top:-260px;margin-block-start:-260px !important}}.wp-block-learnpress-item-search .search-course{display:flex;position:relative;height:70px;background:var(--lp-white-grey,#f7f7fb)}.wp-block-learnpress-item-search .search-course input[name=s]{display:block;width:100%;margin-left:30px;border:0;color:var(--lp-color-base,#333);background:transparent;box-shadow:none;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder{color:#999}.wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder{color:#999}.wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder{color:#999}.wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder{color:#999}.wp-block-learnpress-item-search .search-course input[name=s]::placeholder{color:#999}.wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder{font-style:italic}.wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder{font-style:italic}.wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder{font-style:italic}.wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder{font-style:italic}.wp-block-learnpress-item-search .search-course input[name=s]::placeholder{font-style:italic}.wp-block-learnpress-item-search .search-course input[name=s]:focus{outline:0}.wp-block-learnpress-item-search .search-course button{position:absolute;top:0;right:10px;height:70px;padding:0 16px;border:0;background:transparent;line-height:1px;box-shadow:none}.wp-block-learnpress-item-search .search-course button:focus{outline:0}.wp-block-learnpress-item-search .search-course button i{color:var(--lp-color-accent,#666)}.wp-block-learnpress-item-search .search-course button.clear{display:none}.wp-block-learnpress-item-search .search-course button.clear::before{content:"\f00d"}.wp-block-learnpress-course-material .lp-button{padding:12px 24px;border:1px solid var(--lp-border-color,#e2e0db);color:var(--lp-color-base,#333);background:transparent;box-shadow:unset;font-family:inherit;font-weight:400;text-align:center;text-transform:capitalize;-webkit-border-radius:var(--lp-border-radius,5px);-moz-border-radius:var(--lp-border-radius,5px);border-radius:var(--lp-border-radius,5px);margin-top:20px;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s}.wp-block-learnpress-course-material .course-material-table{width:100%;display:table;border-spacing:0;border-collapse:collapse}.wp-block-learnpress-course-material .course-material-table tbody tr:nth-child(even) td,.wp-block-learnpress-course-material .course-material-table .learnpress table tfoot tr:nth-child(even) td{background:var(--tb-even-color,#fafafa)}.wp-block-learnpress-course-material .course-material-table thead{box-sizing:border-box;border:1px solid var(--lp-border-color,#e2e0db)}.wp-block-learnpress-course-material .course-material-table th,.wp-block-learnpress-course-material .course-material-table td{padding:.7em 1em;border:1px solid var(--lp-border-color,#e2e0db);background:#fff}.wp-block-learnpress-course-material .course-material-table th{border-bottom:0;background:var(--lp-white-grey,#f7f7fb);font-weight:600;text-align:center}.wp-block-learnpress-course-material .course-material-table th:first-child{text-align:left}.wp-block-learnpress-course-material .course-material-table tr td{border:1px solid var(--lp-border-color,#e2e0db);line-height:1.4}.wp-block-learnpress-course-material .course-material-table tr td:not(:first-child){text-align:center}.wp-block-learnpress-course-material .course-material-table tfoot td{text-align:left;font-weight:bold}.wp-block-learnpress-course-material .course-material-table.searching button:before{display:inline-block;content:"\f110";animation:lp-rotating 1s linear infinite}.wp-block-learnpress-item-hidden-sidebar .section-toggle{justify-content:flex-end;flex:0}.wp-block-learnpress-item-hidden-sidebar .section-toggle i{color:var(--lp-color-accent,#666)}.wp-block-learnpress-item-close .back-course{padding:24px;line-height:70px;background:rgba(255,255,255,0.1);color:#fff}.wp-block-learnpress-item-close .back-course:hover{background:rgba(255,255,255,0.15)}@media(max-width:768px){.wp-block-learnpress-item-close .back-course{background:transparent;opacity:.6;padding-left:15px;padding-right:15px}.wp-block-learnpress-item-close .back-course:hover{background:transparent;opacity:1}}.wp-block-learnpress-item-hidden-sidebar #sidebar-toggle{display:inline-block;width:32px;min-width:32px;line-height:70px;height:unset;margin:0;background:rgba(255,255,255,0.1);color:var(--lp-color-white,#fff);font-size:1.4em;cursor:pointer;transition:.25s;-webkit-appearance:none;border:0;text-align:center}.wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:after{display:none}.wp-block-learnpress-item-hidden-sidebar #sidebar-toggle::before{display:inline-block;position:static;margin:0;width:auto;height:auto;font-family:"lp-icon";content:"\f0d9"}.wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:focus{border:0;outline:0}.wp-block-learnpress-item-progress .items-progress{display:flex;justify-content:center;align-items:center;column-gap:10px;white-space:nowrap}.wp-block-learnpress-item-progress .number{padding-right:10px;font-size:calc(var(--lp-font-size-base, 1em) * 0.86)}.wp-block-learnpress-item-progress .learn-press-progress{overflow:hidden;position:relative;width:80px;height:6px;border-radius:3px}.wp-block-learnpress-item-progress .learn-press-progress .progress-bg{overflow:hidden;position:relative;height:6px;background:#ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.wp-block-learnpress-item-progress .learn-press-progress .progress-bg .progress-active{position:absolute;left:50%;width:100%;height:100%;margin-left:-100%;background:var(--lp-primary-color,#ffb606);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.wp-block-learnpress-item-progress .learn-press-progress .learn-press-progress__active{position:absolute;z-index:1;left:-100%;width:100%;height:100%;border-radius:3px;background:var(--lp-primary-color,#ffb606);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}.wp-block-learnpress-item-progress .learn-press-progress::before{display:block;position:absolute;z-index:0;top:0;width:100%;height:100%;background:#ccc;content:""}.wp-block-learnpress-item-navigation .course-item-nav{display:flex;justify-content:space-between}.wp-block-learnpress-item-navigation .course-item-nav .prev,.wp-block-learnpress-item-navigation .course-item-nav .next{display:flex;line-height:3.125em;flex:1;position:relative}.wp-block-learnpress-item-navigation .course-item-nav .prev span,.wp-block-learnpress-item-navigation .course-item-nav .next span{display:block;font-weight:bold}.wp-block-learnpress-item-navigation .course-item-nav .prev a,.wp-block-learnpress-item-navigation .course-item-nav .next a{display:block;color:var(--lp-color-accent,#666);color:#999}.wp-block-learnpress-item-navigation .course-item-nav .prev::before,.wp-block-learnpress-item-navigation .course-item-nav .next::before{color:#999;font-family:"lp-icon"}.wp-block-learnpress-item-navigation .course-item-nav .prev:hover a,.wp-block-learnpress-item-navigation .course-item-nav .prev:hover::before,.wp-block-learnpress-item-navigation .course-item-nav .next:hover a,.wp-block-learnpress-item-navigation .course-item-nav .next:hover::before{color:var(--lp-primary-color,#ffb606)}.wp-block-learnpress-item-navigation .course-item-nav .prev:hover .course-item-nav__name,.wp-block-learnpress-item-navigation .course-item-nav .next:hover .course-item-nav__name{display:block}.wp-block-learnpress-item-navigation .course-item-nav .next{text-align:right;flex-direction:row-reverse}.wp-block-learnpress-item-navigation .course-item-nav .next::before{margin-left:10px;content:"\f0da"}.wp-block-learnpress-item-navigation .course-item-nav .next[data-nav=next]{justify-content:flex-end}.wp-block-learnpress-item-navigation .prev::before{margin-right:10px;content:"\f0d9"}.wp-block-learnpress-item-navigation .prev .course-item-nav__name{right:auto;left:-30px}.wp-block-learnpress-item-navigation .prev .course-item-nav__name::before{right:auto;left:5px}@media(max-width:1024px){.wp-block-learnpress-item-navigation .prev .course-item-nav__name{left:15px}}.wp-block-learnpress-item-navigation .course-item-nav__name{display:none;position:absolute;top:-20px;right:-30px;width:auto;padding:10px 15px;color:var(--lp-color-accent,#666);background:#ccc;font-size:calc(var(--lp-font-size-base, 1em) * 0.925);line-height:1}@media(max-width:1024px){.wp-block-learnpress-item-navigation .course-item-nav__name{top:-25px;right:15px;left:auto}}.wp-block-learnpress-item-curriculum .lp-course-curriculum__title,.wp-block-learnpress-item-curriculum .course-curriculum-info,.wp-block-learnpress-item-curriculum .course-section__description{display:none}.wp-block-learnpress-item-content .content-item-wrap{padding:0}.wp-block-learnpress-item-curriculum .lp-course-curriculum .course-section .course-item__content{display:flex;justify-content:space-between;column-gap:12px;row-gap:8px;align-items:baseline;flex:1;flex-direction:row}.wp-block-learnpress-list-courses .learn-press-courses .course{width:unset;padding:0}.wp-block-learnpress-course-featured .course-featured{margin-bottom:0;background-color:inherit;color:inherit;padding:0}.courses-order-by,.block-courses-order-by{border:1px solid var(--lp-border-color,#e2e0db);border-radius:var(--lp-border-radius,5px);padding:8px 16px;height:inherit;font-size:inherit;line-height:1.1;box-shadow:none;padding-right:30px;background-image:url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);background-size:.8em;background-position:calc(100% - 0.5em) center;background-repeat:no-repeat;-moz-appearance:none;-webkit-appearance:none;appearance:none;line-height:1.1}.woocommerce-js .courses-order-by,.woocommerce-js .block-courses-order-by{background-position-x:calc(100% - 10px)}.courses-order-by:focus,.block-courses-order-by:focus{border-color:var(--lp-primary-color);outline:0}.course-img img{display:block}.block-search-courses{display:flex;flex:1;margin-bottom:0}.block-search-courses input{width:100%;max-width:240px;margin:0 4px 0 0;border:1px solid var(--lp-border-color,#e2e0db);border-radius:var(--lp-border-radius,5px);padding:8px 16px;height:inherit;font-size:inherit;line-height:1.1;box-shadow:none}.block-search-courses input::-webkit-input-placeholder{color:#999}.block-search-courses input::-moz-placeholder{color:#999}.block-search-courses input:-ms-input-placeholder{color:#999}.block-search-courses input:-moz-placeholder{color:#999}.block-search-courses input::placeholder{color:#999}.block-search-courses input:focus{border-color:var(--lp-primary-color);outline:0}.block-search-courses button{border:1px solid var(--lp-border-color,#e2e0db);border-radius:var(--lp-border-radius,5px);padding:8px 16px;height:inherit;font-size:inherit;line-height:1.1;box-shadow:none;box-shadow:0 0}.block-search-courses button i{font-size:1.2em;line-height:1.2}.block-search-courses button:focus{outline:0}.block-search-courses button.loading>i:before{display:inline-block;content:"\f110";-webkit-animation:lp-rotating 1s linear infinite;-moz-animation:lp-rotating 1s linear infinite;animation:lp-rotating 1s linear infinite}@media(max-width:767px){.wp-block-learnpress-course-search{width:100%}.wp-block-learnpress-course-search input{min-width:240px;max-width:unset}}.course-filter-btn-mobile{display:inline-flex;align-items:center}@media(min-width:769px){.course-filter-btn-mobile{display:none}}ul.wp-block-learn-press-courses{list-style:none;margin:0;max-width:100%;padding:0}ul.wp-block-learn-press-courses[data-layout=grid]{--columns:3;--gap:1.25em;--min-width:200px;grid-gap:var(--gap);display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--min-width),100% / var(--columns) - var(--gap) *(var(--columns) - 1) / var(--columns)),1fr));margin-bottom:2.25em}@media(max-width:768px){ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid]{--columns:min(var(--columns),2)}}@media(max-width:480px){ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid]{--columns:1}}.wp-block-learnpress-course-price .course-price .free,.wp-block-learnpress-course-price .course-price .price{font-size:calc(var(--lp-font-size-base, 1em) * 1.25);font-weight:var(--lp-font-weight-link,600)}.wp-block-learnpress-course-price .course-price .origin-price{margin-right:8px;opacity:.8;font-size:calc(var(--lp-font-size-base, 1em) * 0.925);text-decoration:line-through}.wp-block-learnpress-course-button-read-more button{padding:8px 24px;border-radius:var(--lp-border-radius,5px);color:var(--lp-color-base,#333);border:1px solid var(--lp-color-base,#333);transition:all .3s;display:block;background:transparent;text-decoration:none;text-align:center}.wp-block-learnpress-course-button-read-more button:hover{background:var(--lp-primary-color,#ffb606);color:var(--lp-color-white,#fff);border-color:var(--lp-primary-color,#ffb606)}.wp-block-learnpress-course-button .course-readmore a{padding:8px 24px;border-radius:var(--lp-border-radius,5px);color:var(--lp-color-base,#333);border:1px solid var(--lp-color-base,#333);transition:all .3s;display:block;background:transparent;text-decoration:none;text-align:center}.wp-block-learnpress-course-button .course-readmore a:hover{background:var(--lp-primary-color,#ffb606);color:var(--lp-color-white,#fff);border-color:var(--lp-primary-color,#ffb606)}.courses-order-by-wrapper .courses-order-by{border:1px solid var(--lp-border-color,#e2e0db);border-radius:var(--lp-border-radius,5px);padding:8px 16px;height:inherit;font-size:inherit;line-height:1.1;box-shadow:none;padding-right:30px;background-image:url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);background-size:.8em;background-position:calc(100% - 0.5em) center;background-repeat:no-repeat;-moz-appearance:none;-webkit-appearance:none;appearance:none;line-height:1.1}.woocommerce-js .courses-order-by-wrapper .courses-order-by{background-position-x:calc(100% - 10px)}.courses-order-by-wrapper .courses-order-by:focus{border-color:var(--lp-primary-color,#ffb606);outline:0}.wp-block-learnpress-instructor-social .instructor-social{display:flex;gap:12px;font-size:calc(var(--lp-font-size-base, 1em) * 0.925)}.wp-block-learnpress-instructor-social .instructor-social i{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lp-border-color,#e2e0db);border-radius:50%}.wp-block-learnpress-instructor-background img{opacity:0;visibility:hidden}.wp-block-learnpress-instructor-avatar{overflow:hidden;aspect-ratio:1}.wp-block-learnpress-instructor-background{position:relative}.wp-block-learnpress-instructor-background:hover .lp-btn-to-edit-cover-image{opacity:1;visibility:visible}.wp-block-learnpress-instructor-background .lp-btn-to-edit-cover-image{position:absolute;bottom:0;right:0;background:var(--lp-white-grey,#f7f7fb);padding:12px 20px;border-radius:var(--lp-border-radius,5px) 0 var(--lp-border-radius,5px) 0;text-transform:capitalize;cursor:pointer;color:var(--lp-primary-color,#ffb606);text-decoration:none;opacity:0;visibility:hidden}@media(max-width:767px){.wp-block-learnpress-instructor-background .lp-btn-to-edit-cover-image{font-size:0;padding:4px 12px;opacity:1;visibility:visible}.wp-block-learnpress-instructor-background .lp-btn-to-edit-cover-image:before{font-family:"lp-icon";content:"\f044";font-size:16px}}.lp-sidebar-toggle__close .js-block-sidebar{display:none}.lp-sidebar-toggle__open .js-block-sidebar{display:block}.lp-button.loading{pointer-events:none;opacity:.8}.lp-button.loading:before{display:inline-block;font-family:"lp-icon";content:"\f110";animation:lp-rotating 1s linear infinite;margin-right:5px;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;margin-top:-2px}

:root {
--masteriyo-color-primary: #4584ff;
--masteriyo-color-primary-light: #78a6ff;
--masteriyo-color-primary-lightest: #f8faff;
--masteriyo-color-primary-dark: #4c5cc1;
--masteriyo-button-primary: #4584ff;
--masteriyo-button-primary-hover: #4584ff;
--masteriyo-text-color: #383838;
--masteriyo-color-primary-a10: rgba(69, 132, 255, 0.1);
--masteriyo-color-primary-a20: rgba(69, 132, 255, 0.2);
--masteriyo-color-primary-a80: rgba(69, 132, 255, 0.8);
--masteriyo-color-accent: #fd739c;
--masteriyo-color-accent-light: #ff97b6;
--masteriyo-color-accent-dark: #fd739c;
--masteriyo-color-accent-darker: #fc6592;
--masteriyo-color-accent-a20: rgba(253, 115, 156, 0.2);
--masteriyo-color-white: #fff;
--masteriyo-color-white-a10: rgba(255, 255, 255, 0.1);
--masteriyo-color-grey-lighter: #fafbff;
--masteriyo-color-grey-light: #f9f9f9;
--masteriyo-color-grey-dark: #424360;
--masteriyo-color-green: #69db7c;
--masteriyo-color-green-a20: rgba(150, 230, 163, 0.2);
--masteriyo-color-background-grey: #f8f8f8;
--masteriyo-color-black: #000;
--masteriyo-color-golden: #e59819;
--masteriyo-color-heading: #07092f;
--masteriyo-color-text: #424360;
--masteriyo-color-text-light: #7c7d8f;
--masteriyo-color-text-light-a20: rgba(124, 125, 143, 0.1);
--masteriyo-color-blue-dark: #07092f;
--masteriyo-color-btn-grey: #424360;
--masteriyo-color-btn-blue-dark: #07092f;
--masteriyo-color-btn-blue-hover: #1262ff;
--masteriyo-color-btn-blue-active: #4c5cc1;
--masteriyo-color-placeholder: #acacbe;
--masteriyo-color-disabled: #f9f9f9;
--masteriyo-color-disabled-text: #424360;
--masteriyo-color-border: #ebecf2;
--masteriyo-color-badge-blue: #4dabf7;
--masteriyo-color-badge-red: #ff5252;
--masteriyo-color-badge-red-dark: #ff1f1f;
--masteriyo-color-badge-green: #69db7c;
--masteriyo-color-badge-pink: #fd739c;
--masteriyo-color-danger: #ff8787;
--masteriyo-color-danger-a10: rgba(255, 135, 135, 0.1);
--masteriyo-color-info: #4dabf7;
--masteriyo-color-info-a10: rgba(77, 171, 247, 0.1);
--masteriyo-color-success: #69db7c;
--masteriyo-color-success-a10: rgba(105, 219, 124, 0.1);
--masteriyo-color-warning: #ffa94d;
--masteriyo-color-warning-a10: rgba(255, 169, 77, 0.1);
--masteriyo-color-danger-border: #ffa8a8;
--masteriyo-color-info-border: #74c0fc;
--masteriyo-color-success-border: #8ce99a;
--masteriyo-color-waring-border: #ffc078;
--masteriyo-color-warning-border: #ffc078;
--masteriyo-color-facebook: #4267b2;
--masteriyo-color-gmail: #dd4b39;
--masteriyo-color-twitter: #55acee;
--masteriyo-color-linkedin: #2d7bb6;
--masteriyo-color-github: #242a2d;
--masteriyo-color-featured: #4584ff;
--masteriyo-color-badge: #f57f01;
}
.masteriyo-text-red {
color: #ff0000;
}
.masteriyo-bg-red {
background: #ff0000;
} .masteriyo .columns-4,
.masteriyo-courses-block .columns-4 {
display: flex;
flex-wrap: wrap;
}
.masteriyo .columns-4 .masteriyo-col,
.masteriyo-courses-block .columns-4 .masteriyo-col {
flex: 0 0 25%;
max-width: 25%;
padding: 15px;
width: 25%;
}
.masteriyo .columns-4 .masteriyo-col .masteriyo-course--content,
.masteriyo-courses-block .columns-4 .masteriyo-col .masteriyo-course--content {
padding: 18px;
}
.masteriyo .columns-4 .masteriyo-col .masteriyo-course-author,
.masteriyo-courses-block .columns-4 .masteriyo-col .masteriyo-course-author {
flex-basis: auto;
}
.masteriyo .columns-4 .masteriyo-col .masteriyo-rating,
.masteriyo-courses-block .columns-4 .masteriyo-col .masteriyo-rating {
justify-content: flex-end;
line-height: 14px;
margin-left: 40px;
}
@media (max-width: 1024px) {
.masteriyo .columns-4 .masteriyo-col,
.masteriyo-courses-block .columns-4 .masteriyo-col {
flex: 0 0 50%;
max-width: 50%;
width: 50%;
}
}
@media (max-width: 768px) {
.masteriyo .columns-4 .masteriyo-col,
.masteriyo-courses-block .columns-4 .masteriyo-col {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
}
.masteriyo .columns-3,
.masteriyo-courses-block .columns-3 {
display: flex;
flex-wrap: wrap;
}
.masteriyo .columns-3 .masteriyo-col,
.masteriyo-courses-block .columns-3 .masteriyo-col {
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding: 15px;
width: 33.3333%;
}
@media (max-width: 1024px) {
.masteriyo .columns-3 .masteriyo-col,
.masteriyo-courses-block .columns-3 .masteriyo-col {
flex: 0 0 50%;
max-width: 50%;
width: 50%;
}
}
@media (max-width: 768px) {
.masteriyo .columns-3 .masteriyo-col,
.masteriyo-courses-block .columns-3 .masteriyo-col {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
}
.masteriyo .columns-2,
.masteriyo-courses-block .columns-2 {
display: flex;
flex-wrap: wrap;
}
.masteriyo .columns-2 .masteriyo-col,
.masteriyo-courses-block .columns-2 .masteriyo-col {
flex: 0 0 50%;
max-width: 50%;
padding: 15px;
width: 50%;
}
@media (max-width: 768px) {
.masteriyo .columns-2 .masteriyo-col,
.masteriyo-courses-block .columns-2 .masteriyo-col {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
}
.masteriyo .columns-1,
.masteriyo-courses-block .columns-1 {
display: flex;
flex-wrap: wrap;
}
.masteriyo .columns-1 .masteriyo-col,
.masteriyo-courses-block .columns-1 .masteriyo-col {
flex: 0 0 100%;
max-width: 100%;
padding: 15px;
width: 100%;
}
.masteriyo .columns-4:not(.list-view),
.masteriyo .columns-3:not(.list-view),
.masteriyo .columns-2:not(.list-view),
.masteriyo .columns-1:not(.list-view),
.masteriyo-courses-block .columns-4:not(.list-view),
.masteriyo-courses-block .columns-3:not(.list-view),
.masteriyo-courses-block .columns-2:not(.list-view),
.masteriyo-courses-block .columns-1:not(.list-view) {
display: grid;
gap: 30px;
margin: 0;
}
.masteriyo .columns-4:not(.list-view) .masteriyo-col,
.masteriyo .columns-3:not(.list-view) .masteriyo-col,
.masteriyo .columns-2:not(.list-view) .masteriyo-col,
.masteriyo .columns-1:not(.list-view) .masteriyo-col,
.masteriyo-courses-block .columns-4:not(.list-view) .masteriyo-col,
.masteriyo-courses-block .columns-3:not(.list-view) .masteriyo-col,
.masteriyo-courses-block .columns-2:not(.list-view) .masteriyo-col,
.masteriyo-courses-block .columns-1:not(.list-view) .masteriyo-col {
padding: 0 !important;
flex: unset;
max-width: 100%;
width: 100%;
}
@media screen and (max-width: 992px) {
.masteriyo .columns-4:not(.list-view) .masteriyo-col,
.masteriyo .columns-3:not(.list-view) .masteriyo-col,
.masteriyo .columns-2:not(.list-view) .masteriyo-col,
.masteriyo .columns-1:not(.list-view) .masteriyo-col,
.masteriyo-courses-block .columns-4:not(.list-view) .masteriyo-col,
.masteriyo-courses-block .columns-3:not(.list-view) .masteriyo-col,
.masteriyo-courses-block .columns-2:not(.list-view) .masteriyo-col,
.masteriyo-courses-block .columns-1:not(.list-view) .masteriyo-col {
padding: 0;
flex: unset;
max-width: 100%;
width: 100%;
}
}
.masteriyo .columns-4,
.masteriyo-courses-block .columns-4 {
grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1200px) {
.masteriyo .columns-4,
.masteriyo-courses-block .columns-4 {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 992px) {
.masteriyo .columns-4,
.masteriyo-courses-block .columns-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 600px) {
.masteriyo .columns-4,
.masteriyo-courses-block .columns-4 {
grid-template-columns: repeat(1, 1fr);
}
}
.masteriyo .columns-3,
.masteriyo-courses-block .columns-3 {
grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 992px) {
.masteriyo .columns-3,
.masteriyo-courses-block .columns-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 600px) {
.masteriyo .columns-3,
.masteriyo-courses-block .columns-3 {
grid-template-columns: repeat(1, 1fr);
}
}
.masteriyo .columns-2,
.masteriyo-courses-block .columns-2 {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 600px) {
.masteriyo .columns-2,
.masteriyo-courses-block .columns-2 {
grid-template-columns: repeat(1, 1fr);
}
}
.masteriyo .columns-1,
.masteriyo-courses-block .columns-1 {
grid-template-columns: repeat(1, 1fr);
}
.masteriyo-hidden {
display: none;
}
.masteriyo-show {
display: block;
}
.masteriyo-flex {
display: flex;
flex-wrap: wrap;
}
.masteriyo-inline-flex {
display: inline-flex;
}
.masteriyo-flex-ycenter {
align-items: center;
}
.masteriyo-flex-xcenter {
justify-content: center;
}
.masteriyo-flex--space-between {
justify-content: space-between;
}
.masteriyo-icon-svg > svg {
width: 24px;
height: 24px;
display: inherit;
}
.masteriyo-pbar {
display: flex;
flex-direction: column;
gap: 4px;
}
.masteriyo-progressbar {
height: 16px;
position: relative;
background: var(--masteriyo-color-primary-a20);
overflow: hidden;
border-radius: 50px;
}
.masteriyo-progressbar span {
display: block;
height: 100%;
}
.masteriyo-progress {
background: var(--masteriyo-color-primary);
animation: progressbar 3s ease-in-out;
animation-fill-mode: both;
padding: 0 10px;
font-size: 9px;
color: var(--masteriyo-color-white);
}
@keyframes progressbar {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.masteriyo-no-flex-wrap {
flex-wrap: nowrap;
}
.cgap-62 {
-moz-column-gap: 62px;
column-gap: 62px;
}
.masteriyo-col-8 {
flex: 0 0 66.6666%;
max-width: 66.6666%;
padding: 15px;
width: 66.6666%;
}
.masteriyo-col-4 {
flex: 0 0 33.3333%;
max-width: 33.3333%;
padding: 15px;
width: 33.3333%;
}
.masteriyo-w-100 {
width: 100%;
}
.masteriyo-border {
border-bottom: 1px solid var(--masteriyo-color-border);
}
.tg-overlay-wrapper {
z-index: 0;
}
.masteriyo-container,
.masteriyo-container-fluid,
.masteriyo-container-sm,
.masteriyo-container-md,
.masteriyo-container-lg,
.masteriyo-container-xl {
width: 100%;
max-width: 1200px;
margin: 60px auto;
}
.elementor-element .masteriyo-course-carousel,
.elementor-element .masteriyo-course-bundle-carousel,
.elementor-element .masteriyo-category-carousel {
margin-bottom: 35px;
}
@media (min-width: 1024px) and (max-width: 1399px) {
.elementor-element .masteriyo-course-carousel,
.elementor-element .masteriyo-course-bundle-carousel,
.elementor-element .masteriyo-category-carousel {
padding: 0 50px;
}
}
.elementor-element .masteriyo-course-carousel .swiper-button-next,
.elementor-element .masteriyo-course-bundle-carousel .swiper-button-next,
.elementor-element .masteriyo-category-carousel .swiper-button-next {
right: -5%;
}
@media (min-width: 1024px) and (max-width: 1399px) {
.elementor-element .masteriyo-course-carousel .swiper-button-next,
.elementor-element .masteriyo-course-bundle-carousel .swiper-button-next,
.elementor-element .masteriyo-category-carousel .swiper-button-next {
right: 0;
}
}
.elementor-element .masteriyo-course-carousel .swiper-button-prev,
.elementor-element .masteriyo-course-bundle-carousel .swiper-button-prev,
.elementor-element .masteriyo-category-carousel .swiper-button-prev {
left: -5%;
}
@media (min-width: 1024px) and (max-width: 1399px) {
.elementor-element .masteriyo-course-carousel .swiper-button-prev,
.elementor-element .masteriyo-course-bundle-carousel .swiper-button-prev,
.elementor-element .masteriyo-category-carousel .swiper-button-prev {
left: 0;
}
}
.masteriyo-btn.masteriyo-btn {
max-width: 100%;
min-height: 40px;
line-height: 25px;
align-content: center;
font-size: 15px;
font-weight: 500;
font-family: inherit;
padding: 0px 20px;
text-align: center;
text-decoration: none;
outline: none;
box-shadow: none;
border: 0;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
justify-content: center;
border-radius: 4px;
transition: all 0.15s ease-in-out;
}
.masteriyo-btn.masteriyo-btn.masteriyo-enroll-btn svg {
width: 18px !important;
height: 18px !important;
fill: var(--masteriyo-color-white);
margin-right: 0 !important;
}
.masteriyo-btn.masteriyo-btn.masteriyo-password-protected {
display: flex;
align-items: center;
justify-content: center;
padding-left: 16px;
}
.masteriyo-btn.masteriyo-btn-default {
background: var(--masteriyo-color-white);
color: var(--masteriyo-color-btn-grey);
}
.masteriyo-btn.masteriyo-btn-default:focus, .masteriyo-btn.masteriyo-btn-default:active {
background: var(--masteriyo-color-btn-blue-active);
color: var(--masteriyo-color-white);
}
.masteriyo-btn.masteriyo-btn-default--lg {
padding: 12px 16px;
font-size: 14px;
}
.masteriyo-btn.masteriyo-btn-default--xl {
padding: 16px 20px;
font-size: 16px;
}
.masteriyo-btn.masteriyo-btn-primary {
background: var(--masteriyo-button-primary);
color: var(--masteriyo-color-white);
text-decoration: none;
border: 0;
}
.masteriyo-btn.masteriyo-btn-primary:hover {
opacity: 0.9;
background: var(--masteriyo-button-primary-hover);
color: var(--masteriyo-color-white);
}
.masteriyo-btn.masteriyo-btn-primary:focus, .masteriyo-btn.masteriyo-btn-primary:active {
outline: none;
box-shadow: none;
}
.masteriyo-btn.masteriyo-btn-primary--lg {
padding: 12px 16px;
font-size: 14px;
}
.masteriyo-btn.masteriyo-btn-primary--xl {
padding: 16px 20px;
font-size: 16px;
}
.masteriyo-btn.masteriyo-btn-secondary {
background: transparent;
border: 1px solid var(--masteriyo-button-primary);
color: var(--masteriyo-color-primary);
text-decoration: none;
width: 100%;
}
.masteriyo-btn.masteriyo-btn-secondary:hover {
color: var(--masteriyo-color-white);
background: var(--masteriyo-button-primary-hover);
border-color: var(--masteriyo-button-primary-hover);
}
.masteriyo-btn.masteriyo-btn-secondary:focus, .masteriyo-btn.masteriyo-btn-secondary:active {
outline: none;
box-shadow: none;
}
.masteriyo-btn.masteriyo-btn-accent {
background: var(--masteriyo-color-accent);
color: var(--masteriyo-color-white);
}
.masteriyo-btn.masteriyo-btn-accent:hover {
background: var(--masteriyo-color-accent-dark);
}
.masteriyo-btn.masteriyo-btn-accent:focus, .masteriyo-btn.masteriyo-btn-accent:active {
background: var(--masteriyo-color-accent-darker);
}
.masteriyo-btn.masteriyo-btn-accent--lg {
padding: 12px 16px;
font-size: 14px;
}
.masteriyo-btn.masteriyo-btn-accent--xl {
padding: 16px 20px;
font-size: 16px;
}
.masteriyo-btn.masteriyo-btn:disabled, .masteriyo-btn.masteriyo-btn-disabled {
opacity: 0.6;
background: #e7e7e7;
color: var(--masteriyo-color-disabled-text);
cursor: not-allowed;
border-radius: 4px;
}
.masteriyo-btn.masteriyo-btn:disabled svg, .masteriyo-btn.masteriyo-btn-disabled svg {
fill: var(--masteriyo-color-disabled-text) !important;
}
.masteriyo-btn.masteriyo-btn:disabled:focus, .masteriyo-btn.masteriyo-btn:disabled:active, .masteriyo-btn.masteriyo-btn-disabled:focus, .masteriyo-btn.masteriyo-btn-disabled:active {
background: #e7e7e7;
color: var(--masteriyo-color-disabled-text);
}
.masteriyo-btn.masteriyo-btn:disabled--lg, .masteriyo-btn.masteriyo-btn-disabled--lg {
padding: 12px 16px;
font-size: 14px;
}
.masteriyo-btn.masteriyo-btn:disabled--xl, .masteriyo-btn.masteriyo-btn-disabled--xl {
padding: 16px 20px;
font-size: 16px;
}
.masteriyo-btn.masteriyo-btn-outline {
color: var(--masteriyo-color-disabled-text);
border: 1px solid var(--masteriyo-color-border);
background: transparent;
}
.masteriyo-btn.masteriyo-btn-outline:hover {
color: var(--masteriyo-color-disabled-text);
border-color: var(--masteriyo-color-primary-lightest);
background: var(--masteriyo-color-primary-lightest);
}
.masteriyo-btn.masteriyo-btn-outline:focus, .masteriyo-btn.masteriyo-btn-outline:active {
background: var(--masteriyo-color-disabled);
color: var(--masteriyo-color-disabled-text);
border-color: var(--masteriyo-color-border);
}
.masteriyo-btn.masteriyo-btn-outline--lg {
padding: 12px 16px;
font-size: 14px;
}
.masteriyo-btn.masteriyo-btn-outline--xl {
padding: 16px 20px;
font-size: 16px;
}
.masteriyo-btn.masteriyo-btn-warning {
color: var(--masteriyo-color-white);
border: 1px solid var(--masteriyo-color-border);
background: var(--masteriyo-color-badge-red);
}
.masteriyo-btn.masteriyo-btn-warning:hover {
color: var(--masteriyo-color-white);
border-color: var(--masteriyo-color-primary-lightest);
background: var(--masteriyo-color-badge-red-dark);
}
.masteriyo-btn.masteriyo-btn-warning:focus, .masteriyo-btn.masteriyo-btn-warning:active {
background: var(--masteriyo-color-badge-red-dark);
color: var(--masteriyo-color-white);
border-color: var(--masteriyo-color-primary-lightest);
}
.masteriyo-btn.masteriyo-btn-warning--lg {
padding: 12px 16px;
font-size: 14px;
}
.masteriyo-btn.masteriyo-btn-warning--xl {
padding: 16px 20px;
font-size: 16px;
}
.masteriyo .masteriyo-link-primary {
color: var(--masteriyo-color-primary);
font-weight: 500;
text-decoration: underline;
}
.masteriyo .masteriyo-link-primary:hover {
color: var(--masteriyo-color-primary-a80);
}
.masteriyo-form-container {
width: 36em;
padding: 40px;
border: 1px solid var(--masteriyo-color-border);
}
.masteriyo-alert {
padding: 8px 16px;
margin: 8px 0;
border: 1px solid var(--masteriyo-color-border);
border-radius: 4px;
}
.masteriyo-error {
margin: 8px 0;
}
.masteriyo-info-msg {
background: var(--masteriyo-color-info-a10);
color: var(--masteriyo-color-info);
border-color: var(--masteriyo-color-info);
}
.masteriyo-warning-msg {
background: var(--masteriyo-color-warning-a10);
color: var(--masteriyo-color-warning);
border-color: var(--masteriyo-color-warning);
}
.masteriyo-danger-msg {
background: var(--masteriyo-color-danger-a10);
color: var(--masteriyo-color-danger);
border-color: var(--masteriyo-color-danger);
}
.masteriyo-success-msg {
background: var(--masteriyo-color-success-a10);
color: var(--masteriyo-color-success);
border-color: var(--masteriyo-color-success);
}
.masteriyo-delete-msg {
background: var(--masteriyo-color-grey-light);
color: var(--masteriyo-color-text-light);
border-color: var(--masteriyo-color-border);
}
.masteriyo-label {
font-size: 14px;
font-weight: 500;
color: var(--masteriyo-color-heading);
display: inherit;
margin-bottom: 8px;
}
.masteriyo-input {
padding: 8px 16px;
outline: none;
width: calc(100% - 32px);
border: 2px solid var(--masteriyo-color-border);
border-radius: 4px;
}
.masteriyo-input::-moz-placeholder {
color: var(--masteriyo-color-placeholder);
}
.masteriyo-input::placeholder {
color: var(--masteriyo-color-placeholder);
}
.masteriyo-input:hover {
border-color: var(--masteriyo-color-primary);
}
.masteriyo-input:focus, .masteriyo-input:active {
border-color: var(--masteriyo-color-primary);
background-color: var(--masteriyo-color-primary-lightest);
color: var(--masteriyo-color-heading);
}
.masteriyo-input.success {
border-color: var(--masteriyo-color-success);
}
.masteriyo-input.danger {
border-color: var(--masteriyo-color-danger);
}
.masteriyo-input.warning {
border-color: var(--masteriyo-color-warning);
}
.masteriyo-vertical-menu {
border-right: 1px solid var(--masteriyo-color-border);
flex: 1 1 20%;
min-width: 200px;
padding-top: 40px;
padding-left: 8px;
}
.masteriyo-vertical-menu svg {
width: 24px;
height: 24px;
fill: var(--masteriyo-color-text-light);
}
.masteriyo-sidebar-wrapper .masteriyo-profile {
display: flex;
flex-direction: row;
align-items: center;
}
.masteriyo-sidebar-wrapper .masteriyo-profile--img {
width: 40px;
height: 40px;
border-radius: 100%;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
.masteriyo-sidebar-wrapper .masteriyo-profile--name {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
word-break: break-all;
}
.masteriyo-sidebar-wrapper .masteriyo-profile--name svg {
width: 16px;
height: 16px;
}
.masteriyo-sidebar-wrapper .masteriyo-profile--name {
font-size: 16px;
font-weight: 600;
}
.masteriyo-sidebar-wrapper .masteriyo-profile--details {
margin-left: 16px;
margin-right: 16px;
}
.masteriyo-sidebar-wrapper .masteriyo-menu {
margin-top: 40px;
}
.masteriyo-sidebar-wrapper .masteriyo-menu ul {
margin: 0;
padding: 0;
}
.masteriyo-sidebar-wrapper .masteriyo-menu ul li {
display: flex;
align-items: center;
list-style-type: none;
padding: 16px;
border: 1px solid transparent;
}
.masteriyo-sidebar-wrapper .masteriyo-menu ul li.active, .masteriyo-sidebar-wrapper .masteriyo-menu ul li:hover {
margin-right: -1px;
border: 1px solid var(--masteriyo-color-border);
border-radius: 4px 0 0 4px;
border-right: 1px solid var(--masteriyo-color-white);
background-color: var(--masteriyo-color-white);
}
.masteriyo-sidebar-wrapper .masteriyo-menu ul li.active svg, .masteriyo-sidebar-wrapper .masteriyo-menu ul li:hover svg {
fill: var(--masteriyo-color-blue-dark);
}
.masteriyo-sidebar-wrapper .masteriyo-menu ul li a {
text-decoration: none;
display: inline-flex;
width: 100%;
gap: 10px;
align-items: center;
}
.masteriyo-dropdown {
width: 32px;
height: 32px;
position: relative;
}
.masteriyo-dropdown span {
background: #F7F7F7;
border-radius: 4px;
font-size: 1.2em;
font-variant: small-caps;
cursor: pointer;
display: block;
height: 32px;
width: 32px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: none;
border: 0;
}
.masteriyo-dropdown span svg {
fill: #4E4E4E;
}
.masteriyo-slide {
clear: both;
height: 0;
overflow: hidden;
transition: height 0.4s ease;
position: absolute;
background: var(--masteriyo-color-white);
right: 0;
top: 36px;
max-height: 72px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
border-radius: 4px;
}
.masteriyo-slide li {
padding: 6px 12px;
cursor: pointer;
border-bottom: 1px solid var(--masteriyo-color-border);
color: #383838;
transition: all 0.3s ease-in-out;
}
.masteriyo-slide li strong {
font-weight: 400;
}
.masteriyo-slide li:hover {
background-color: var(--masteriyo-color-primary-lightest);
color: var(--masteriyo-color-primary);
}
.masteriyo-slide li .text {
font-size: 12px;
line-height: 14px;
color: var(--masteriyo-color-text);
font-weight: normal;
text-decoration: none;
}
.masteriyo-slide li:last-child {
padding-top: 6px;
padding-bottom: 6px;
}
.masteriyo-slide li.masteriyo-delete-course-review:hover {
color: #f25656;
}
.masteriyo-dropdown .icon_box {
text-align: center;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
border: 1px solid var(--masteriyo-color-border);
}
.masteriyo-dropdown .icon_box:hover {
background-color: var(--masteriyo-color-primary-lightest);
border: 1px solid var(--masteriyo-color-primary-lightest);
}
#touch {
position: absolute;
opacity: 0;
height: 0;
}
#touch:checked + .slide {
height: 300px;
}
.masteriyo-container ul.page-numbers,
.masteriyo-course-list-display-section ul.page-numbers {
display: flex;
width: -moz-fit-content;
width: fit-content;
border-radius: 4px;
background: var(--masteriyo-color-white);
margin: 40px auto 12px;
padding: 8px;
gap: 8px;
}
.masteriyo-container ul.page-numbers .prev,
.masteriyo-container ul.page-numbers .next,
.masteriyo-course-list-display-section ul.page-numbers .prev,
.masteriyo-course-list-display-section ul.page-numbers .next {
display: flex;
align-items: center;
justify-content: center;
}
.masteriyo-container ul.page-numbers .prev svg,
.masteriyo-container ul.page-numbers .next svg,
.masteriyo-course-list-display-section ul.page-numbers .prev svg,
.masteriyo-course-list-display-section ul.page-numbers .next svg {
width: 24px;
height: 24px;
}
.masteriyo-container ul.page-numbers li,
.masteriyo-course-list-display-section ul.page-numbers li {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
font-size: 20px;
line-height: 30px;
cursor: pointer;
width: 40px;
height: 38px;
}
.masteriyo-container ul.page-numbers li a:hover,
.masteriyo-course-list-display-section ul.page-numbers li a:hover {
color: var(--masteriyo-color-primary);
}
.masteriyo-container ul.page-numbers li span,
.masteriyo-course-list-display-section ul.page-numbers li span {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.masteriyo-container ul.page-numbers li span.current,
.masteriyo-course-list-display-section ul.page-numbers li span.current {
color: var(--masteriyo-color-white);
background: var(--masteriyo-color-primary);
}
.masteriyo-container ul.page-numbers .prev,
.masteriyo-course-list-display-section ul.page-numbers .prev {
cursor: pointer;
fill: var(--masteriyo-color-btn-grey);
}
.masteriyo-container ul.page-numbers .prev:hover svg,
.masteriyo-course-list-display-section ul.page-numbers .prev:hover svg {
fill: var(--masteriyo-color-primary) !important;
}
.masteriyo-badge {
font-size: 12px;
font-weight: 500;
letter-spacing: 0.5px;
text-decoration: none;
padding: 8px 12px;
border-radius: 50px;
color: var(--masteriyo-color-white);
background-color: var(--masteriyo-color-primary-a10);
}
.masteriyo-badge.masteriyo-badge-red {
background-color: var(--masteriyo-color-badge-red);
}
.masteriyo-badge.masteriyo-badge-green {
background-color: var(--masteriyo-color-badge-green);
}
.masteriyo-badge.masteriyo-badge-blue {
background-color: var(--masteriyo-color-badge-blue);
}
.masteriyo-badge.masteriyo-badge-yellow {
background-color: var(--masteriyo-color-warning);
}
.masteriyo-badge.masteriyo-badge-pink {
background-color: var(--masteriyo-color-badge-pink);
}
.masteriyo--modal {
max-width: 500px;
width: 100%;
background-color: var(--masteriyo-color-white);
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
visibility: visible;
border-radius: 8px;
}
.masteriyo--modal .masteriyo--title {
padding: 24px 24px 0 24px;
margin: 0;
}
.masteriyo--modal .masteriyo--content {
padding: 14px 24px;
}
.masteriyo--modal .masteriyo--content p {
font-size: 15px;
line-height: 25px;
margin-top: 6px;
margin-bottom: 0;
}
.masteriyo--modal .masteriyo--content label {
display: block;
font-weight: bold;
margin-bottom: 8px;
font-size: 15px;
line-height: 25px;
color: #202020;
}
.masteriyo--modal .masteriyo--content input {
width: 100%;
padding: 8px;
border: 1px solid var(--masteriyo-color-border);
border-radius: 4px;
font-size: 15px;
margin-top: 8px;
}
.masteriyo--modal .masteriyo--content input:focus {
outline: none;
box-shadow: none;
border-color: var(--masteriyo-color-primary);
}
.masteriyo--modal .masteriyo--content .error-message {
color: var();
margin-top: 8px;
}
.masteriyo--modal .masteriyo--content form > p {
margin-bottom: 0;
}
.masteriyo--modal .masteriyo-actions {
padding: 12px 24px 24px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
}
.masteriyo-overlay {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999999999;
}
.masteriyo-overlay.masteriyo-v-center {
align-items: center;
}
.masteriyo-overlay .masteriyo--modal.masteriyo-modal-featured-video {
max-width: 720px;
border-radius: 12px;
display: flex;
margin: 16px;
}
.masteriyo-overlay .masteriyo--modal.masteriyo-modal-featured-video video {
border-radius: 12px;
height: auto !important;
}
.masteriyo-overlay .masteriyo-modal-confirm-retake-course .masteriyo-btn.masteriyo-confirm {
cursor: pointer;
}
body.masteriyo a {
text-decoration: none;
}
body.masteriyo input[type=text], body.masteriyo input[type=email], body.masteriyo input[type=phone], body.masteriyo input[type=number], body.masteriyo input[type=url], body.masteriyo input[type=password], body.masteriyo input[type=file] {
min-height: 38px;
border: 1px solid var(--masteriyo-color-border);
border-radius: 4px;
color: #383838;
box-shadow: none;
padding: 0 12px;
width: 100%;
font-size: 15px;
line-height: 25px;
font-weight: 400;
}
body.masteriyo input[type=text]::-moz-placeholder, body.masteriyo input[type=email]::-moz-placeholder, body.masteriyo input[type=phone]::-moz-placeholder, body.masteriyo input[type=number]::-moz-placeholder, body.masteriyo input[type=url]::-moz-placeholder, body.masteriyo input[type=password]::-moz-placeholder, body.masteriyo input[type=file]::-moz-placeholder {
color: #bababa;
}
body.masteriyo input[type=text]::placeholder, body.masteriyo input[type=email]::placeholder, body.masteriyo input[type=phone]::placeholder, body.masteriyo input[type=number]::placeholder, body.masteriyo input[type=url]::placeholder, body.masteriyo input[type=password]::placeholder, body.masteriyo input[type=file]::placeholder {
color: #bababa;
}
body.masteriyo input[type=text]:focus, body.masteriyo input[type=email]:focus, body.masteriyo input[type=phone]:focus, body.masteriyo input[type=number]:focus, body.masteriyo input[type=url]:focus, body.masteriyo input[type=password]:focus, body.masteriyo input[type=file]:focus {
outline: none;
box-shadow: none;
border-color: var(--masteriyo-color-primary);
}
body.masteriyo textarea {
width: 100%;
border: 1px solid var(--masteriyo-color-border);
border-radius: 4px;
color: #383838;
padding: 6px 12px;
font-size: 15px;
line-height: 25px;
font-weight: 400;
}
body.masteriyo textarea:focus {
outline: none;
box-shadow: none;
border-color: var(--masteriyo-color-primary);
}
body.theme-elearning .masteriyo-container {
margin: 0 auto;
}
.masteriyo-w-100.masteriyo-container {
font-size: 16px;
display: flex;
flex-direction: column;
}
.masteriyo-btn-primary:focus {
color: var(--masteriyo-color-white);
}
.masteriyo-btn-disabled {
background: #d9d9d9;
color: #383838;
opacity: 0.4;
cursor: not-allowed;
pointer-events: none;
}
.masteriyo-course-category {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.masteriyo-course-category .masteriyo-course-category--item {
color: var(--masteriyo-color-primary);
text-decoration: none;
border: 1px solid var(--masteriyo-color-border);
margin: 0;
padding: 2px 10px;
border-radius: 4px;
font-size: 9px;
font-weight: 500;
text-transform: uppercase;
line-height: 18px;
background: var(--masteriyo-color-white);
}
.masteriyo-course-title {
color: #16181a;
font-size: 32px;
font-weight: 700;
line-height: 46px;
display: flex;
align-items: baseline;
gap: 24px;
margin: 0;
padding: 0;
word-break: break-all;
}
@media screen and (max-width: 600px) {
.masteriyo-course-title {
font-size: 22px;
line-height: 34px;
}
}
.masteriyo-course-author-rating-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 20px;
margin-bottom: 16px;
}
.masteriyo-course-author-rating-wrapper:has(.masteriyo-course-author:not(:has(*))) {
display: none;
}
.masteriyo-course-author {
display: flex;
flex-wrap: wrap;
align-items: center;
row-gap: 16px;
position: relative;
}
.masteriyo-course-author a {
display: flex;
align-items: center;
gap: 8px;
}
.masteriyo-course-author a img {
width: 32px;
height: 32px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
border-radius: 30px;
border: 2px solid #fff;
box-shadow: 0 6px 24px 0 rgba(10, 10, 10, 0.08);
}
.masteriyo-course-author a:has(img) {
margin-left: -16px;
margin-right: 8px;
}
.masteriyo-course-author a:first-child {
margin-left: 0;
}
.masteriyo-course-author a:has(.masteriyo-course-author--name) {
margin-right: 6px;
}
.masteriyo-course-author a:has(.masteriyo-course-author--name):hover .masteriyo-course-author--name {
color: var(--masteriyo-color-primary);
}
.masteriyo-course-author a:has(.masteriyo-course-author--name):last-child {
margin-right: 0;
}
.masteriyo-course-author a .masteriyo-course-author--name {
color: #51585f;
font-size: 14px;
font-weight: 500;
line-height: 25px;
transition: all 0.3s ease-in-out;
}
.masteriyo-course-author .additional-masteriyo-instructors-more {
padding: 3px 6px;
border-radius: 4px;
background: #f7f7f7;
color: #51585f;
font-size: 14px;
font-weight: 500;
line-height: 24px;
border: 0;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.masteriyo-course-author .additional-masteriyo-instructors-more:hover {
color: var(--masteriyo-color-primary);
}
.masteriyo-course-author .additional-masteriyo-instructors-more:focus {
outline: none;
box-shadow: none;
}
.masteriyo-course-author .additional-masteriyo-instructors-dropdown {
position: absolute;
background: var(--masteriyo-color-white);
border: 1px solid var(--masteriyo-color-border);
border-radius: 4px;
width: 200px;
padding: 16px;
right: -170px;
top: 35px;
z-index: 2;
}
.masteriyo-course-author .additional-masteriyo-instructors-dropdown .masteriyo-course-author {
margin-bottom: 12px;
}
.masteriyo-course-author .additional-masteriyo-instructors-dropdown .masteriyo-course-author:last-child {
margin-bottom: 0;
}
.masteriyo-course-author .additional-masteriyo-instructors-dropdown .masteriyo-course-author a {
transition: all 0.3s ease-in-out;
}
.masteriyo-course-author .additional-masteriyo-instructors-dropdown .masteriyo-course-author a:hover {
color: var(--masteriyo-color-primary);
}
.masteriyo-rating {
display: flex;
flex-wrap: wrap;
gap: 4px;
align-items: center;
font-size: 15px;
line-height: 25px;
color: #51585f;
font-weight: 500;
}
.masteriyo-rating svg {
fill: var(--masteriyo-color-golden);
width: 18px;
height: 18px;
}
.masteriyo-course-curriculum-tabs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
border-top: 1px solid var(--masteriyo-color-border);
border-bottom: 1px solid var(--masteriyo-color-border);
}
.masteriyo-course-curriculum-tabs .masteriyo-tab {
padding: 14px 8px;
font-size: 15px;
line-height: 25px;
font-weight: 500;
color: #16181a;
margin-bottom: 0;
border-bottom: 2px solid transparent;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.masteriyo-course-curriculum-tabs .masteriyo-tab:hover {
color: var(--masteriyo-color-primary);
}
.masteriyo-course-curriculum-tabs .masteriyo-tab.active-tab {
border-bottom-color: var(--masteriyo-color-primary);
color: var(--masteriyo-color-primary);
}
.masteriyo-course-curriculum-tabs .masteriyo-tab:focus, .masteriyo-course-curriculum-tabs .masteriyo-tab:focus-visible {
outline: none;
box-shadow: none;
}
.masteriyo-course-pricing--wrapper {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: space-between;
align-items: center;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid var(--masteriyo-color-border);
}
.masteriyo-course-pricing--wrapper:not(:has(*)) {
display: none;
}
.masteriyo-course-pricing--wrapper .masteriyo-single-course--course-coming-soon-btn {
background: #f7f7f7;
color: var(--masteriyo-color-primary);
}
.masteriyo-course-pricing--wrapper .masteriyo-enroll-btn {
width: 100%;
}
.masteriyo-course-pricing--wrapper:has(.masteriyo-course-price) .masteriyo-enroll-btn {
width: -moz-max-content;
width: max-content;
}
.masteriyo-course-pricing--wrapper:has(.old-amount), .masteriyo-course-pricing--wrapper:has(.billing_interval) {
align-items: flex-start;
}
.masteriyo-course-pricing--wrapper .masteriyo-course-price {
display: flex;
flex-direction: column;
}
.masteriyo-course-pricing--wrapper .masteriyo-course-price .old-amount {
text-align: left;
text-decoration: none;
}
.masteriyo-course-pricing--wrapper .masteriyo-course-price .old-amount .amount {
color: #979797;
font-size: 16px;
font-weight: 400;
line-height: 24px;
padding: 0 6px;
position: relative;
}
.masteriyo-course-pricing--wrapper .masteriyo-course-price .old-amount .amount::after {
content: "";
position: absolute;
background: #e50044;
width: 100%;
height: 1px;
top: 40%;
left: 50%;
transform: rotate(-5deg) translate(-50%, -50%);
}
.masteriyo-course-pricing--wrapper .masteriyo-course-price .current-amount .amount {
color: #16181a;
font-size: 28px;
font-weight: 600;
line-height: 36px;
}
.masteriyo-course-pricing--wrapper .masteriyo-course-price .current-amount .billing_interval {
font-size: 13px;
line-height: 20px;
font-weight: 400;
font-style: italic;
color: #545454;
}
.masteriyo-related-post .masteriyo-item--wrap {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 30px;
}
.masteriyo-related-post .masteriyo-item--wrap .masteriyo-col {
flex: unset;
max-width: 100%;
width: 100%;
padding: 0;
}
.masteriyo-related-post .masteriyo-item--wrap .masteriyo-col .masteriyo-course--content__wrapper .masteriyo-course-progress-bar .completed-info {
display: none;
}
.masteriyo-retake-button-container {
width: 100%;
}
.masteriyo-retake-button-container .masteriyo-retake-btn {
gap: 8px;
}
.masteriyo-retake-button-container .masteriyo-retake-btn svg {
width: 18px;
height: 18px;
fill: var(--masteriyo-color-primary);
transition: all 0.3s ease-in-out;
}
.masteriyo-retake-button-container .masteriyo-retake-btn:hover {
background: var(--masteriyo-color-primary);
border-color: var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
}
.masteriyo-retake-button-container .masteriyo-retake-btn:hover svg {
fill: var(--masteriyo-color-white);
}
.masteriyo-aside-heading {
color: #16181a;
font-size: 18px;
font-weight: 500;
line-height: 26px;
margin-top: 0;
text-transform: capitalize;
margin-bottom: 16px;
}
.masteriyo-course-statistics {
display: flex;
flex-direction: column;
border-bottom: 1px solid var(--masteriyo-color-border);
margin-bottom: 30px;
padding-bottom: 30px;
gap: 16px;
}
.masteriyo-course-statistics .masteriyo-stats {
margin-bottom: 0;
}
.masteriyo-course-statistics .masteriyo-stats .masteriyo-icon-svg {
display: flex;
align-items: center;
gap: 8px;
}
.masteriyo-course-statistics .masteriyo-stats .masteriyo-icon-svg svg {
width: 20px;
height: 20px;
fill: #4e4e4e;
}
.masteriyo-course-statistics .masteriyo-stats span {
font-size: 15px;
line-height: 25px;
color: #51585f;
font-weight: 400;
}
.masteriyo-course-highlights ul {
margin: 0;
}
.masteriyo-course-highlights--item {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 2px 10px;
color: #51585f;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin-bottom: 4px;
}
.masteriyo-course-highlights--item:last-child {
margin-bottom: 0;
}
.masteriyo-course-highlights--item::before {
content: "";
background-image: url(//ennysconsultancy.org/wp-content/plugins/learning-management-system-pro/assets/img/svgs/icon-check.svg);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
display: block;
width: 18px;
height: 18px;
margin-top: 5px;
}
.masteriyo-course-highlights--item p {
margin: 0;
flex: 1;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.masteriyo-course-highlights--item p:empty {
display: none;
}
.masteriyo-course-highlights--description {
color: #51585f;
font-size: 15px;
font-weight: 400;
line-height: 25px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.masteriyo-course-progress-bar .course-progress-box .progress-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.masteriyo-course-progress-bar .course-progress-box .progress-component {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 8px;
}
.masteriyo-course-progress-bar .course-progress-box .progress-percent {
color: #16181a;
font-size: 24px;
font-weight: 600;
line-height: 30px;
}
.masteriyo-course-progress-bar .course-progress-box .progress-label {
color: #424360;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin: 0;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 4px;
position: relative;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .progress-icon {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .progress-icon svg {
width: 18px;
height: 18px;
transition: all 0.3s ease-in-out;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .progress-icon:hover {
background: #fbfbfb;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .progress-icon:hover svg {
fill: var(--masteriyo-color-primary);
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .completed-info {
color: #666;
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin: 0;
padding: 0;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover {
width: 235px;
position: absolute;
top: 24px;
right: 0;
background: var(--masteriyo-color-white);
border-radius: 4px;
border: 1px solid var(--masteriyo-color-border);
box-shadow: 0 6px 24px 0 rgba(10, 10, 10, 0.08);
padding: 16px;
z-index: 4;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row {
display: flex;
align-items: center;
gap: 20px;
border-bottom: 1px solid var(--masteriyo-color-border);
margin: 0 0 16px;
padding-bottom: 16px;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .masteriyo-course-progress-stats {
position: relative;
display: flex;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .masteriyo-course-progress-stats .masteriyo-course-progress-ring {
transform: rotate(-90deg);
width: 80px;
height: 80px;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .masteriyo-course-progress-stats .masteriyo-course-progress-ring__background {
fill: none;
stroke: #f0f0f0;
stroke-width: 14;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .masteriyo-course-progress-stats .masteriyo-course-progress-ring__progress {
stroke-dasharray: 565.48;
stroke-dashoffset: 565.48;
fill: none;
stroke: var(--masteriyo-color-primary);
stroke-width: 14;
stroke-linecap: round;
transition: stroke-dashoffset 0.5s ease;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .masteriyo-course-progress-stats .validity-countdown {
position: absolute;
top: 52%;
left: 52%;
transform: translate(-50%, -50%);
text-align: center;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .masteriyo-course-progress-stats .validity-countdown--number {
color: #383838;
font-size: 16px;
font-weight: 700;
line-height: 26px;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .course-progress-text .label,
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .course-progress-text .big,
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .course-progress-text .link {
font-size: 13px;
line-height: 23px;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .course-progress-text .label {
color: #16181a;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 2px;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .course-progress-text .big,
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .course-progress-text .link {
color: #51585f;
font-weight: 400;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .course-progress-text .link {
transition: all 0.3s ease-in-out;
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .course-progress-text .link:hover {
color: var(--masteriyo-color-primary);
}
.masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .course-progress-text .progress-completed, .masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover .row .course-progress-text .progress-left {
font-size: 14px;
line-height: 24px;
}
.masteriyo-course-progress-bar .course-progress-box.course-completed-banner {
display: flex;
align-items: center;
gap: 8px;
}
.masteriyo-course-progress-bar .course-progress-box.course-completed-banner .completed-icon {
display: flex;
}
.masteriyo-course-progress-bar .course-progress-box.course-completed-banner .completed-icon svg {
width: 24px;
height: 24px;
}
.masteriyo-course-progress-bar .course-progress-box.course-completed-banner .completed-text {
color: #16181a;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.masteriyo-course-progress-bar .course-progress-box.course-completed-banner .completed-text strong {
font-weight: inherit;
}
.masteriyo-course-progress-bar .course-progress-box.course-completed-banner .complete-eye-icon {
margin-left: auto;
cursor: pointer;
}
.masteriyo-course-progress-bar .course-progress-box.course-completed-banner .complete-eye-icon a {
display: flex;
}
.masteriyo-course-progress-bar .course-progress-box.course-completed-banner .complete-eye-icon a svg {
width: 20px;
height: 20px;
fill: var(--masteriyo-color-primary);
}
.mto-expiry .masteriyo-single-course-stats .course-progress-box.modern-progress {
padding-bottom: 0;
}
.mto-expiry .masteriyo-single-course-stats .course-progress-box.modern-progress .progress-header .progress-component {
gap: 6px;
}
.mto-expiry .masteriyo-single-course-stats .course-progress-box.modern-progress .progress-header .progress-component .completed-info {
margin: 0;
font-size: 15px;
line-height: 25px;
color: #16181a;
}
.mto-expiry .masteriyo-single-course-stats .course-progress-box.modern-progress .progress-header .progress-component .progress-percent {
font-size: 15px;
line-height: 25px;
font-weight: 400;
color: #16181a;
}
.mto-expiry .masteriyo-single-course-stats .course-progress-box.modern-progress .mto-expiry__desc {
margin-top: 10px;
margin-bottom: 0;
color: #51585f;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.cohort-cards-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
}
.cohort-cards-wrapper .cohort-section {
display: flex;
flex-direction: column;
gap: 16px;
}
.cohort-cards-wrapper .cohort-card {
display: flex;
align-items: center;
background: var(--masteriyo-color-white);
border: 1px solid var(--masteriyo-color-border);
border-radius: 4px;
padding: 14px 18px;
transition: 0.3s ease;
}
.cohort-cards-wrapper .cohort-card .cohort-card-text {
display: flex;
flex-direction: row;
align-items: center;
gap: 2px;
}
.cohort-cards-wrapper .cohort-card .cohort-card-text .cohort-label {
font-size: 14px;
line-height: 20px;
font-weight: 500;
color: #9e9e9e;
}
.cohort-cards-wrapper .cohort-card .cohort-card-text .cohort-label strong {
font-weight: inherit;
}
.cohort-cards-wrapper .cohort-card .cohort-card-text .cohort-date-time {
font-size: 14px;
line-height: 25px;
font-weight: 500;
color: #383838;
word-break: break-all;
}
.masteriyo-courses-wrapper picture {
width: 100%;
}
@media screen and (min-width: 601px) {
.masteriyo-courses-wrapper.grid-view.columns-2 .masteriyo-col .masteriyo-course--img-wrap img, .masteriyo-courses-wrapper.grid-view.col-2 .masteriyo-col .masteriyo-course--img-wrap img {
height: 360px;
}
.masteriyo-courses-wrapper.grid-view.columns-2 .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail), .masteriyo-courses-wrapper.grid-view.col-2 .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail) {
height: 360px;
}
}
@media screen and (min-width: 601px) {
.masteriyo-courses-wrapper.grid-view.columns-1 .masteriyo-col .masteriyo-course--img-wrap img, .masteriyo-courses-wrapper.grid-view.col-1 .masteriyo-col .masteriyo-course--img-wrap img {
height: 500px;
}
.masteriyo-courses-wrapper.grid-view.columns-1 .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail), .masteriyo-courses-wrapper.grid-view.col-1 .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail) {
height: 500px;
}
}
@media screen and (max-width: 900px) {
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--card {
flex-direction: column;
}
}
@media screen and (max-width: 768px) {
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--img-wrap {
width: 100%;
}
}
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--img-wrap img {
width: 300px;
height: 180px;
}
@media screen and (max-width: 900px) {
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--img-wrap img {
width: 100%;
height: 340px;
}
}
@media screen and (max-width: 768px) {
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--img-wrap img {
width: 100%;
height: 400px;
}
}
@media screen and (max-width: 600px) {
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--img-wrap img {
height: 300px;
}
}
@media screen and (max-width: 450px) {
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--img-wrap img {
height: 200px;
}
}
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-archive--aside {
max-width: 260px;
}
@media screen and (max-width: 1199px) {
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content {
flex-direction: column;
gap: 10px;
}
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-archive--aside {
max-width: 100%;
align-items: flex-end;
}
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-archive--aside .masteriyo-course-progress-bar {
width: 100%;
}
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-archive--aside .masteriyo-course-pricing--wrapper {
width: 100%;
flex-direction: row;
}
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-archive--aside .masteriyo-course-pricing--wrapper .masteriyo-enroll-btn {
width: -moz-max-content;
width: max-content;
margin-left: auto;
}
}
@media screen and (min-width: 601px) {
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.grid-view.columns-3 .masteriyo-col .masteriyo-course--img-wrap img, .masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.grid-view.col-3 .masteriyo-col .masteriyo-course--img-wrap img {
height: 180px;
}
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.grid-view.columns-3 .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail), .masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.grid-view.col-3 .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail) {
height: 180px;
}
}
@media screen and (min-width: 601px) {
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.grid-view.columns-2 .masteriyo-col .masteriyo-course--img-wrap img, .masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.grid-view.col-2 .masteriyo-col .masteriyo-course--img-wrap img {
height: 260px;
}
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.grid-view.columns-2 .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail), .masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.grid-view.col-2 .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail) {
height: 260px;
}
}
@media screen and (min-width: 601px) {
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.grid-view.columns-1 .masteriyo-col .masteriyo-course--img-wrap img, .masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.grid-view.col-1 .masteriyo-col .masteriyo-course--img-wrap img {
height: 400px;
}
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.grid-view.columns-1 .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail), .masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.grid-view.col-1 .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail) {
height: 400px;
}
}
@media screen and (min-width: 601px) {
.masteriyo-course-list-display-section:has(.masteriyo-courses-filters) .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--img-wrap img {
height: 180px;
}
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--card, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--card {
background: var(--masteriyo-color-white);
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--card .masteriyo-course--img-wrap .masteriyo-course--badges, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--card .masteriyo-course--img-wrap .masteriyo-course--badges {
top: 20px;
left: 20px;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--card .masteriyo-course-highlights, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--card .masteriyo-course-highlights {
margin: 10px 0 20px;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .course-progress-box.modern-progress:has(.course-completed-banner), .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .course-progress-box.modern-progress:has(.course-completed-banner) {
padding-bottom: 0;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-header, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-header {
margin-bottom: 10px;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-percent, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-percent {
font-size: 20px;
line-height: 28px;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-label, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-label {
font-size: 14px;
line-height: 22px;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .completed-icon svg, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .completed-icon svg {
width: 20px;
height: 20px;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .completed-text, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .completed-text {
font-size: 15px;
line-height: 25px;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .completed-info, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .completed-info {
display: none;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .complete-eye-icon, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .complete-eye-icon {
display: none;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-expiration, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content .masteriyo-course-expiration {
margin: 12px 0 20px;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-expiration svg, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content .masteriyo-course-expiration svg {
width: 18px;
height: 18px;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-pricing--wrapper, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content .masteriyo-course-pricing--wrapper {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 4px;
align-items: center;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-course-price .current-amount .amount, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-course-price .current-amount .amount {
font-size: 20px;
line-height: 28px;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-enroll-btn, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-enroll-btn {
min-height: 34px;
font-size: 14px;
line-height: 24px;
padding: 0 16px;
align-content: center;
justify-content: center;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content__title, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content__title {
gap: 16px;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content__title > a:focus, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content__title > a:focus {
outline: none;
box-shadow: none;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content__title .masteriyo-wishlist, .masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content__title .masteriyo-wishlist {
padding-top: 1px;
}
.masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--img-wrap img {
border-bottom: 1px solid var(--masteriyo-color-border);
}
.masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content__wrapper .masteriyo-course--content__stats {
justify-content: flex-start;
gap: 10px 20px;
flex-wrap: wrap;
}
.masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content__wrapper .masteriyo-course-expiration {
align-items: flex-start;
}
.masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content__wrapper .masteriyo-course-expiration svg {
margin-top: 4px;
}
.masteriyo-courses-wrapper.grid-view .masteriyo-col .masteriyo-course--content__wrapper .masteriyo-course-expiration--text {
flex: 1;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--card {
padding: 8px;
}
@media screen and (max-width: 768px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--card {
flex-direction: column;
}
}
@media screen and (max-width: 768px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--img-wrap {
width: 100%;
}
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--img-wrap img {
border: 1px solid var(--masteriyo-color-border);
width: 378px;
height: 230px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
@media screen and (max-width: 768px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--img-wrap img {
width: 100%;
height: 400px;
}
}
@media screen and (max-width: 600px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--img-wrap img {
height: 300px;
}
}
@media screen and (max-width: 450px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--img-wrap img {
height: 200px;
}
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content {
padding: 0;
width: 100%;
max-width: 100%;
flex: 1;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
gap: 24px;
}
@media screen and (min-width: 769px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content {
padding: 16px 0;
}
}
@media screen and (max-width: 992px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
}
@media screen and (max-width: 768px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content {
padding: 0 12px 12px;
}
}
@media screen and (max-width: 992px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content__wrapper {
padding-right: 8px;
border-right: 0;
}
}
@media screen and (max-width: 768px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content__wrapper {
padding-bottom: 0;
padding-right: 0;
border-bottom: 0;
}
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content__wrapper .masteriyo-course-highlights {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 20px;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content__wrapper .masteriyo-course-highlights--item {
margin-bottom: 0;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-archive--aside {
max-width: 320px;
width: 100%;
display: flex;
flex-direction: column;
padding-right: 8px;
}
@media screen and (max-width: 1199px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-archive--aside {
max-width: 260px;
}
}
@media screen and (max-width: 992px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-archive--aside {
max-width: 100%;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-archive--aside .masteriyo-course-pricing--wrapper {
flex-direction: row;
}
}
@media screen and (max-width: 768px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-archive--aside {
padding-right: 0;
}
}
@media screen and (max-width: 992px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-archive--aside .masteriyo-course-pricing--wrapper:has(.masteriyo-course-price) .masteriyo-enroll-btn {
width: -moz-max-content;
width: max-content;
margin-left: auto;
}
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-archive--aside .masteriyo-course-pricing--wrapper {
margin-bottom: 0;
}
@media screen and (min-width: 993px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-archive--aside .masteriyo-course-progress-bar .course-completed-banner {
justify-content: center;
}
}
@media screen and (max-width: 1095px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content__badge {
position: unset;
margin-bottom: 16px;
width: -moz-max-content;
width: max-content;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content__badge::before {
content: none;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content__badge .masteriyo-badge {
width: -moz-max-content;
width: max-content;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content__badge .masteriyo-badge::before, .masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content__badge .masteriyo-badge::after {
content: none;
}
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-pricing--wrapper {
flex-direction: column;
}
@media screen and (max-width: 992px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-pricing--wrapper {
flex-direction: row;
}
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-course-price .current-amount {
align-items: center;
}
@media screen and (max-width: 992px) {
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-course-price .current-amount {
align-items: flex-start;
}
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-enroll-btn {
width: 100%;
}
.masteriyo-courses-wrapper.list-view .masteriyo-col .masteriyo-course--content__title {
font-size: 20px;
line-height: 30px;
}
.masteriyo-shortcode .masteriyo-courses-wrapper.masteriyo-course-cards, .masteriyo-shortcode .masteriyo-courses-wrapper.masteriyo-archive-cards {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.masteriyo-shortcode .masteriyo-courses-wrapper.masteriyo-course-cards .masteriyo-col .masteriyo-course--img-wrap img {
height: 230px;
}
.masteriyo-course--badges {
position: absolute;
top: 28px;
left: 28px;
display: flex;
align-items: center;
gap: 12px;
}
.masteriyo-course--badges .difficulty-badge,
.masteriyo-course--badges .masteriyo-single-course--badge {
position: relative;
left: 0;
top: 0;
z-index: 2;
}
.masteriyo-course--badges .difficulty-badge .masteriyo-badge,
.masteriyo-course--badges .masteriyo-single-course--badge .masteriyo-badge {
display: block;
font-size: 12px;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.5px;
text-decoration: none;
padding: 6px 12px;
border-radius: 4px;
color: var(--masteriyo-color-white);
background: #f57f01;
}
.masteriyo-course--badges .difficulty-badge .masteriyo-badge-green,
.masteriyo-course--badges .masteriyo-single-course--badge .masteriyo-badge-green {
background: var(--masteriyo-color-badge-green);
}
.masteriyo-course--badges .difficulty-badge .masteriyo-badge-yellow,
.masteriyo-course--badges .masteriyo-single-course--badge .masteriyo-badge-yellow {
background: var(--masteriyo-color-warning);
}
.masteriyo-course--badges .difficulty-badge .masteriyo-badge-pink,
.masteriyo-course--badges .masteriyo-single-course--badge .masteriyo-badge-pink {
background: var(--masteriyo-color-badge-pink);
}
.masteriyo-course--badges .masteriyo-single-course--badge {
margin: 0;
padding: 0;
}
.masteriyo-related-post .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .completed-info {
display: none;
}
.masteriyo-related-post .masteriyo-col .masteriyo-course--content .masteriyo-course-progress-bar .complete-eye-icon {
display: none;
}
.masteriyo-related-post .masteriyo-col .masteriyo-course--content .masteriyo-course-expiration {
margin: 12px 0 20px;
}
.masteriyo-related-post .masteriyo-col .masteriyo-course--content .masteriyo-course-expiration svg {
width: 18px;
height: 18px;
}
.masteriyo-related-post .masteriyo-col .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-single-course--course-coming-soon-btn {
min-height: 34px;
font-size: 14px;
line-height: 24px;
padding: 0 16px;
}
@keyframes vibrateCard {
0% {
transform: translateX(8px);
}
25% {
transform: translate(-8px);
}
50% {
transform: translate(8px);
}
75% {
transform: translate(-8px);
}
100% {
transform: translate(0);
}
}
.elementor.masteriyo-single-course .masteriyo-course-pricing--wrapper {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.elementor.masteriyo-single-course .masteriyo-course-pricing--wrapper .masteriyo-group-course__seperator {
display: flex;
}
.elementor.masteriyo-single-course .masteriyo-group-course__seperator {
display: none;
}
.elementor.masteriyo-single-course .masteriyo-course-author-rating-wrapper {
margin: 0;
}
.elementor.masteriyo-single-course .masteriyo-course--content__title {
padding: 0;
}
.elementor.masteriyo-single-course .masteriyo-search-section {
margin: 0;
padding: 0;
border: 0;
}
.elementor.masteriyo-single-course .masteriyo-course-statistics {
border: 0;
margin: 0;
padding: 0;
}
.elementor.masteriyo-single-course .masteriyo-stab--citems .masteriyo-icon-svg {
background: transparent;
}
.elementor.masteriyo-single-course .masteriyo-stab--citems .masteriyo-icon-svg > svg {
width: 18px;
height: 18px;
}
.elementor.masteriyo-single-course .masteriyo-stab--citems.active .masteriyo-icon-svg > svg {
fill: #ffffff;
transform: rotate(180deg);
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-course-title {
padding: 0 30px;
margin-top: 0;
margin-bottom: 20px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area {
flex: 1;
padding: 0;
max-width: 100%;
width: 100%;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-single-course--badge {
display: flex;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-single-course--badge .masteriyo-badge {
border-radius: 4px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content {
padding-top: 30px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--img-wrap {
margin-top: -30px;
margin-bottom: 30px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--img-wrap .masteriyo-feature-img img {
border-bottom: 1px solid var(--masteriyo-color-border);
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--img-wrap .course-featured {
bottom: unset;
top: 24px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion {
border: 1px solid var(--masteriyo-color-border);
margin: 30px;
padding: 0;
border-radius: 4px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--shortinfo {
padding: 20px 24px;
display: flex;
gap: 16px;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
color: var(--masteriyo-color-text);
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--shortinfo .title-container {
display: flex;
flex-direction: column;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--shortinfo .title-container .masteriyo-shortinfo-wrap {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.005em;
padding: 0;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--shortinfo .title-container .masteriyo-shortinfo-wrap li {
margin: 0;
display: flex;
align-items: center;
gap: 12px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--shortinfo .title-container .masteriyo-shortinfo-wrap li::after {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #5f5f5f;
display: block;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--shortinfo .title-container .masteriyo-shortinfo-wrap li:last-child::after {
content: none;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--shortinfo .masteriyo-expand-collapse-all {
margin-top: 0;
font-size: 15px;
line-height: 18px;
font-weight: 400;
cursor: pointer;
text-decoration: none;
color: var(--masteriyo-color-primary);
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--shortinfo .masteriyo-expand-collapse-all::after {
content: "";
border-bottom: 1px solid var(--masteriyo-color-primary);
width: 100%;
height: 1px;
display: block;
bottom: 2px;
transition: all 0.3s ease-in-out;
opacity: 0;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--shortinfo .masteriyo-expand-collapse-all:hover::after {
opacity: 1;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--citems .masteriyo-cheader {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 24px;
border-radius: 0;
gap: 12px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--citems .masteriyo-cheader .masteriyo-ctitle {
font-family: inherit;
margin: 0;
font-size: 15px;
line-height: 25px;
font-weight: 500;
letter-spacing: 0.005em;
color: #16181a;
flex: 2;
text-transform: unset;
margin-bottom: 0;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--citems .masteriyo-cheader .masteriyo-icon-svg {
display: flex;
align-items: center;
justify-content: center;
background: transparent;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--citems .masteriyo-cheader .masteriyo-icon-svg.masteriyo-cminus {
display: none;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--citems .masteriyo-cheader .masteriyo-icon-svg svg {
width: 18px;
height: 18px;
fill: #4e4e4e;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--citems .masteriyo-cbody {
background: var(--masteriyo-color-white);
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--citems .masteriyo-cbody .masteriyo-list-accordion .masteriyo-list__item--accordion {
padding: 12px 20px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--citems .masteriyo-cbody .masteriyo-list-accordion .masteriyo-list__item--accordion a {
font-size: 15px;
line-height: 25px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--citems .masteriyo-cbody .masteriyo-list-accordion .masteriyo-list__item--accordion .masteriyo-list__item--content--accordion p {
font-size: 15px;
line-height: 25px;
margin: 0;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--citems.active .masteriyo-ctitle {
color: var(--masteriyo-color-white);
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course--accordion .masteriyo-stab--citems.active .masteriyo-icon-svg svg {
fill: var(--masteriyo-color-white);
transform: rotate(180deg);
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search__icon svg {
width: 20px;
height: 20px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-course-reviews-filters input[type=search],
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-course-reviews-filters select {
min-height: 38px;
padding: 0 12px;
border-radius: 4px;
font-size: 15px;
line-height: 25px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-course-reviews-filters input[type=search]:focus,
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-course-reviews-filters select:focus {
outline: none;
box-shadow: none;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-course-reviews-filters input[type=search] {
padding-left: 42px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-course-reviews-filters button[type=button] {
min-height: 38px;
padding-top: 0;
padding-bottom: 0;
border-radius: 4px;
font-size: 15px;
line-height: 25px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .course-reviews .masteriyo-single-body__main--user-review {
padding: 0;
border: 0;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .course-reviews .masteriyo-single-body__main--user-review__search svg {
fill: #4e4e4e;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .course-reviews .masteriyo-single-body__main--user-review__search input[type=text] {
padding-left: 36px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .course-reviews .masteriyo-single-body__main--review-wrapper .masteriyo-review {
border-top: 0;
margin-top: 0;
padding-top: 0;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course-author-rating-wrapper {
margin-bottom: 24px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area {
max-width: 395px;
width: 100%;
padding: 0;
flex: unset;
}
@media screen and (max-width: 992px) {
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area {
max-width: 100%;
}
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area .masteriyo-single-course--aside {
background: var(--masteriyo-color-white);
width: 100%;
height: -moz-fit-content;
height: fit-content;
border-radius: 8px;
display: flex;
flex-direction: column;
padding: 30px;
border: 1px solid var(--masteriyo-color-border);
position: sticky;
position: -webkit-sticky;
top: 30px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area .masteriyo-single-course--aside > div {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid var(--masteriyo-color-border);
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area .masteriyo-single-course--aside > div:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area .masteriyo-single-course--aside > div.masteriyo-certificate-share-container {
margin-bottom: 4px;
padding-bottom: 0;
border-bottom: 0;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area .masteriyo-single-course--aside > div.masteriyo-course-progress-bar {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area .masteriyo-single-course--aside > div.masteriyo-retake-button-container {
margin-top: 16px;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area .masteriyo-single-course--aside .masteriyo-course-progress-bar:has(.course-completed-banner) .modern-progress {
padding-bottom: 0;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area .masteriyo-single-course--aside .masteriyo-single-course--prerequisites.prerequisites-required {
position: relative;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area .masteriyo-single-course--aside .masteriyo-single-course--prerequisites.prerequisites-required::before {
content: "";
width: 362px;
height: 100%;
position: absolute;
border-radius: 4px;
border: 1.5px dashed var(--masteriyo-color-primary);
background: #fefefe;
top: -13px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area .masteriyo-single-course--aside .masteriyo-single-course--prerequisites--required {
animation: vibrateCard 0.4s 0.1s linear;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area .masteriyo-single-course--aside .masteriyo-single-course--cohort.cohort-required {
position: relative;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area .masteriyo-single-course--aside .masteriyo-single-course--cohort.cohort-required::before {
content: "";
width: 362px;
height: 100%;
position: absolute;
border-radius: 4px;
border: 1.5px dashed var(--masteriyo-color-primary);
background: #fefefe;
top: -13px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.masteriyo-single-course--wrapper[data-layout=default] .masteriyo-right-sidebar-area .masteriyo-single-course--aside .masteriyo-single-course--cohort--required {
animation: vibrateCard 0.4s 0.1s linear;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header {
display: flex;
align-items: center;
gap: 40px;
margin-bottom: 60px;
background: var(--masteriyo-color-white);
padding: 40px;
position: relative;
border-radius: 12px;
box-shadow: 0 1px 14px 0 rgba(10, 10, 10, 0.08);
}
@media screen and (max-width: 992px) {
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header {
gap: 40px;
margin-bottom: 40px;
}
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__content {
flex: 1;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__content .course-featured {
top: 68px;
right: 30px;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__content .masteriyo-course-category {
margin-bottom: 12px;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__content .masteriyo-course-title {
padding: 0;
margin-bottom: 16px;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__content .masteriyo-single-course--badge {
display: flex;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__content .masteriyo-single-course--badge .masteriyo-badge {
border-radius: 4px;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__content .masteriyo-course-expiration {
margin-bottom: 20px;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__content--author-rating {
margin-bottom: 24px;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__content--author-rating .masteriyo-course-author-rating-wrapper {
margin-bottom: 0;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__content--author-rating .masteriyo-course-author-rating-wrapper .masteriyo-rating {
display: none;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__content--rating {
font-size: 15px;
line-height: 25px;
color: #51585F;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__content-title-wrapper {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 20px;
margin-bottom: 0;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__content--info .masteriyo-course-statistics {
flex-wrap: wrap;
flex-direction: row;
-moz-column-gap: 30px;
column-gap: 30px;
row-gap: 16px;
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__img-wrap {
height: 350px;
position: relative;
}
@media screen and (max-width: 992px) {
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__img-wrap {
width: 100%;
height: auto;
}
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__img-wrap .course-featured {
font-size: 12px;
font-weight: 500;
background: var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
padding: 0 12px 0 2px;
line-height: 32px;
position: absolute;
top: 24px;
right: -9px;
z-index: 2;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__img-wrap .course-featured::before {
content: "";
position: absolute;
top: 0;
left: -25px;
border: 16px solid var(--masteriyo-color-primary);
border-left-color: transparent;
z-index: -1;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__img-wrap .course-featured::after {
content: "";
position: absolute;
top: 100%;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #3a3a3a transparent transparent transparent;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__image {
height: 350px;
}
@media screen and (max-width: 992px) {
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__image {
height: 100%;
max-height: 100%;
}
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__image img {
width: 520px;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
border: 1px solid var(--masteriyo-color-border);
}
@media screen and (max-width: 992px) {
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__image img {
width: 100%;
height: 100%;
}
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body {
display: flex;
gap: 40px;
margin-bottom: 60px;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__main {
flex: 1;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__main .masteriyo-course-curriculum-tabs {
border-top: 0;
padding: 0;
margin-bottom: 40px;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__main .masteriyo-single-body__main--content {
padding: 0;
border-radius: 0;
background: transparent;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__main .masteriyo-single-body__main--content .course-overview {
padding: 0;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__main .masteriyo-single-body__main--content .course-overview p {
color: #51585F;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__main .masteriyo-single-body__main--content .course-reviews {
padding: 0;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__main--content .tab-content {
padding: 0;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__main--content .tab-content .masteriyo-course--accordion {
margin: 0;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__main--content .tab-content.course-faqs .masteriyo-single-body__main--curriculum-content-top--shortinfo-item {
font-size: 18px;
font-weight: 500;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__main--content .tab-content.course-reviews .masteriyo-single-body__main--user-review__search-rating svg {
fill: #4e4e4e;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__main--content .tab-content.course-reviews .masteriyo-single-body__main--user-review__search-rating input[type=text] {
padding-left: 36px;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__main--content .tab-content.course-reviews .masteriyo-single-body__main--review-list-date-created {
font-size: 12px;
line-height: 20px;
display: block;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__aside {
max-width: 400px;
width: 100%;
display: flex;
flex-direction: column;
gap: 40px;
background: transparent;
padding: 0;
border-radius: 0;
box-shadow: none;
}
@media screen and (max-width: 992px) {
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__aside {
max-width: 100%;
}
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__aside .masteriyo-course-pricing--wrapper {
margin-bottom: 0;
border-bottom: 0;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__aside .masteriyo-course-pricing--wrapper .masteriyo-course-price .old-amount {
text-decoration: none;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__aside .masteriyo-course-pricing--wrapper .masteriyo-course-price .current-amount {
display: flex;
flex-direction: column;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__aside .masteriyo-course-pricing--wrapper .masteriyo-single-body__aside--enroll {
width: 100%;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__aside .masteriyo-single-course--prerequisites.prerequisites-required {
border: 1px solid var(--masteriyo-color-primary);
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__aside .masteriyo-single-course--prerequisites--required {
animation: vibrateCard 0.4s 0.1s linear;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__aside .masteriyo-single-course--cohort.cohort-required {
position: relative;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__aside .masteriyo-single-course--cohort.cohort-required::before {
content: "";
width: 362px;
height: 100%;
position: absolute;
border-radius: 4px;
border: 1.5px dashed var(--masteriyo-color-primary);
background: #fefefe;
top: -13px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__aside .masteriyo-single-course--cohort--required {
animation: vibrateCard 0.4s 0.1s linear;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-body__aside .masteriyo-retake-btn {
width: 100%;
height: 40px;
margin-top: 16px;
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-course--card {
border-radius: 12px;
background: var(--masteriyo-color-white);
box-shadow: 0 1px 14px 0 rgba(10, 10, 10, 0.08);
padding: 40px;
}
@media screen and (max-width: 600px) {
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-course--card {
padding: 30px;
}
}
.masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-course--card.masteriyo-course-progress-bar:has(.course-completed-banner) .modern-progress {
padding-bottom: 0;
}
.masteriyo-container:has([data-layout=minimal]) {
max-width: 1000px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] {
flex-direction: column;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-aside-heading {
font-size: 16px;
line-height: 26px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] > .masteriyo-course--img-wrap {
margin-bottom: 40px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] > .masteriyo-course--img-wrap .masteriyo-feature-img img {
width: 100%;
height: 570px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
@media screen and (max-width: 768px) {
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] > .masteriyo-course--img-wrap .masteriyo-feature-img img {
height: 400px;
}
}
@media screen and (max-width: 575px) {
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] > .masteriyo-course--img-wrap .masteriyo-feature-img img {
height: auto;
}
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] > .masteriyo-course--img-wrap .course-featured {
bottom: unset;
top: 24px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper {
display: flex;
align-items: center;
gap: 40px;
margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper {
flex-direction: column;
}
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area {
padding: 0;
flex: 1;
max-width: 100%;
width: 100%;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content {
background: transparent;
border-radius: 0;
border: 0;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course-category {
padding: 0;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course-title {
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course-title {
font-size: 28px;
line-height: 40px;
}
}
@media screen and (max-width: 768px) {
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course-title {
font-size: 24px;
line-height: 36px;
}
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course-expiration {
margin-left: 0;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course-author-rating-wrapper {
padding: 0;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course-author-rating-wrapper .masteriyo-rating {
font-size: 15px;
line-height: 25px;
color: #51585f;
font-weight: 500;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course-author-rating-wrapper .masteriyo-rating svg {
width: 20px;
height: 20px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course-highlights {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 16px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course-highlights .masteriyo-aside-heading {
margin-bottom: 0;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course-highlights--item {
margin-bottom: 0;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-single-course-social-share {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
margin-top: 24px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-single-course-social-share .masteriyo-aside-heading {
margin-bottom: 0;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-main-content-area .masteriyo-course--content .masteriyo-course-statistics {
flex-direction: row;
flex-wrap: wrap;
gap: 8px 30px;
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 24px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area {
max-width: 320px;
width: 100%;
flex: unset;
padding: 0;
}
@media screen and (max-width: 992px) {
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area {
max-width: 100%;
}
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content {
padding: 0;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content:has(.masteriyo-certificate-share-container) .masteriyo-course-progress-bar .course-progress-box.modern-progress {
padding-bottom: 4px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content > div {
border-bottom: 0;
margin-bottom: 40px;
padding-bottom: 0;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content > div:not(.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content > div:has(*)) {
display: none;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content > div:last-child {
margin-bottom: 0;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content > div.masteriyo-certificate-share-container {
margin-bottom: 12px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content > div.masteriyo-course-progress-bar {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
@media screen and (max-width: 575px) {
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content > div.masteriyo-course-progress-bar .progress-header .completed-info {
display: none;
}
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content .masteriyo-course-pricing--wrapper {
flex-direction: column;
align-items: center;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-course-price {
flex-direction: row;
align-items: center;
gap: 16px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-course-price .current-amount {
flex-direction: row;
align-items: center;
gap: 12px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-enroll-btn {
width: 100%;
justify-content: center;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-certificate-share-container {
width: 100%;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content .masteriyo-single-course--prerequisites--required {
animation: vibrateCard 0.4s 0.1s linear;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content .masteriyo-single-course--cohort.cohort-required {
position: relative;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content .masteriyo-single-course--cohort.cohort-required::before {
content: "";
width: 362px;
height: 100%;
position: absolute;
border-radius: 4px;
border: 1.5px dashed var(--masteriyo-color-primary);
background: #fefefe;
top: -13px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content .masteriyo-single-course--cohort--required {
animation: vibrateCard 0.4s 0.1s linear;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-main-content-wrapper .masteriyo-right-sidebar-area .masteriyo-course--content .masteriyo-retake-btn {
width: 100%;
height: 40px;
margin-top: 8px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-body {
flex-direction: column;
gap: 60px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-body__main {
width: 100%;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-body__main .tab-menu {
margin-top: 0;
padding: 0;
border-top: 0;
margin-bottom: 20px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-body__main--content {
padding: 0;
background: transparent;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-body__main--content .tab-content {
padding: 0;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-body__main--content .tab-content.course-reviews .masteriyo-single-body__main--user-review__search svg {
fill: #4e4e4e;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-body__main--content .tab-content.course-reviews .masteriyo-single-body__main--user-review__search input[type=text] {
padding-left: 36px;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-body__main--content .tab-content.course-reviews .masteriyo-single-body__main--user-review .masteriyo-single-body__main--review-wrapper .masteriyo-single-body__main--review-list-content .masteriyo-single-body__main--review-list-date-created {
font-size: 12px;
line-height: 18px;
display: block;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-body__main--content .tab-content.course-faqs .masteriyo-single-body__main--curriculum-content-top--shortinfo-item {
font-size: 18px;
font-weight: 500;
}
.masteriyo-container .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-body__main--curriculum-content-bottom {
gap: 20px;
}
.masteriyo-container:has([data-layout=layout_1]) ul.page-numbers {
margin-top: 20px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card {
display: flex;
padding: 16px 16px 20px;
flex-direction: column;
border-radius: 12px;
background: var(--masteriyo-color-white);
gap: 30px;
box-shadow: 0 1px 14px 0 rgba(10, 10, 10, 0.08);
height: -moz-max-content;
height: max-content;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card:hover .masteriyo-archive-card__image::before,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card:hover .masteriyo-archive-card__image::before {
opacity: 0.35;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card:hover .masteriyo-archive-card__image-preview-button,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card:hover .masteriyo-archive-card__image-preview-button {
opacity: 1;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image {
position: relative;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image::before,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image::before {
content: none;
background: #000000;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 6px;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail),
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail) {
height: 228px;
}
@media screen and (max-width: 600px) {
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail),
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail) {
height: auto;
display: flex;
}
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail)::before,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail)::before {
content: "";
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail) .masteriyo-archive-card__image-preview-button,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail) .masteriyo-archive-card__image-preview-button {
display: inline-flex;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail) .masteriyo-author-image,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail) .masteriyo-author-image {
width: 40px;
height: 40px;
border-radius: 50%;
border: 4px solid #ffffff;
position: absolute;
bottom: -5px;
right: 0px;
bottom: -20px;
right: 16px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon {
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #ffffff;
position: absolute;
top: 12px;
right: 12px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon svg,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon svg {
width: 18px;
height: 18px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon svg path,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon svg path {
stroke: #4e4e4e;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon.active svg, .masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon:hover svg,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon.active svg,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon:hover svg {
fill: #f25656;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon.active svg path, .masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon:hover svg path,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon.active svg path,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-favorite-icon:hover svg path {
stroke: #f25656;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image .masteriyo-course-thumbnail,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image .masteriyo-course-thumbnail {
border-radius: 6px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border: 1px solid var(--masteriyo-color-border);
}
@media screen and (max-width: 600px) {
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image .masteriyo-course-thumbnail,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image .masteriyo-course-thumbnail {
height: auto;
}
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image .masteriyo-author-image,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image .masteriyo-author-image {
width: 40px;
height: 40px;
border-radius: 50%;
border: 4px solid #ffffff;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-preview-button,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-preview-button {
border-radius: 4px;
background: var(--masteriyo-color-primary);
display: none;
justify-content: center;
align-items: center;
flex-direction: row-reverse;
gap: 8px;
color: var(--masteriyo-color-white);
font-size: 15px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: -moz-max-content;
width: max-content;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-preview-button--icon,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-preview-button--icon {
display: flex;
transition: all 0.3s ease-in-out;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-preview-button--icon svg,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-preview-button--icon svg {
width: 16px;
height: 16px;
fill: var(--masteriyo-color-white);
transition: all 0.3s ease-in-out;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-preview-button:hover svg,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-preview-button:hover svg {
transform: translateX(6px);
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image .masteriyo-single-course--badge,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image .masteriyo-single-course--badge {
margin: 0;
padding: 0;
position: absolute;
top: 12px;
left: 12px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image .masteriyo-single-course--badge .masteriyo-badge,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image .masteriyo-single-course--badge .masteriyo-badge {
display: block;
padding-top: 4px;
padding-bottom: 3px;
border-radius: 3px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content {
padding: 0 2px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content > div:last-child,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content > div:last-child {
margin-bottom: 0;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-expiration--text,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-expiration--text {
margin-bottom: 0;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--category,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--category {
display: flex;
align-items: center;
gap: 8px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--category .masteriyo-category,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--category .masteriyo-category {
border-radius: 20px;
border: 1px solid rgba(0, 0, 0, 0.1);
background: var(--masteriyo-color-white);
padding: 4px 8px;
color: var(--masteriyo-color-primary);
font-size: 12px;
font-weight: 500;
line-height: 14px;
text-decoration: none;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount:has(.masteriyo-archive-card__content--amount:not(:has(*))),
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount:has(.masteriyo-archive-card__content--amount:not(:has(*))) {
display: none;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--rating,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--rating {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
color: #646464;
font-size: 14px;
font-weight: 500;
line-height: 120%;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--rating:not(:has(*)),
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--rating:not(:has(*)) {
display: none;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--rating svg,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--rating svg {
fill: #e59819;
width: 16px;
height: 16px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--rating strong,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--rating strong {
color: #222222;
font-weight: 600;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--amount,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--amount {
display: flex;
align-items: center;
gap: 6px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--amount .masteriyo-offer-price,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--amount .masteriyo-offer-price {
color: #979797;
font-size: 14px;
font-weight: 400;
line-height: 150%;
padding: 0 6px;
position: relative;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--amount .masteriyo-offer-price::before,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--amount .masteriyo-offer-price::before {
content: "";
background: rgba(229, 0, 68, 0.75);
height: 1px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%) rotate(-5deg);
width: 100%;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--amount .masteriyo-sale-price,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--rating-amount .masteriyo-archive-card__content--amount .masteriyo-sale-price {
font-weight: 600;
font-size: 18px;
line-height: 26px;
color: #16181a;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info {
border-radius: 8px;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
gap: 10px 20px;
margin-bottom: 16px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info:not(:has(*)),
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info:not(:has(*)) {
display: none;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info .masteriyo-info-label,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info .masteriyo-info-label {
color: #646464;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info svg,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info svg {
width: 16px;
height: 16px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info-duration, .masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info-students, .masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info-lessons,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info-duration,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info-students,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--info-lessons {
display: flex;
align-items: center;
gap: 6px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-title-wrapper,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-title-wrapper {
display: flex;
align-items: flex-start;
margin: 16px 0 20px;
gap: 20px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-title-wrapper .masteriyo-archive-card__content--course-title,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-title-wrapper .masteriyo-archive-card__content--course-title {
margin: 0;
width: 100%;
max-width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-title-wrapper .masteriyo-archive-card__content--course-title .masteriyo-course-title,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-title-wrapper .masteriyo-archive-card__content--course-title .masteriyo-course-title {
margin: 0;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-title-wrapper .masteriyo-wishlist,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-title-wrapper .masteriyo-wishlist {
padding-top: 1px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-title-wrapper .masteriyo-wishlist-toggle,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-title-wrapper .masteriyo-wishlist-toggle {
position: unset;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--course-title,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--course-title {
display: block;
margin: 12px 0;
text-decoration: none;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--course-title:hover .masteriyo-course-title,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--course-title:hover .masteriyo-course-title {
color: var(--masteriyo-color-primary);
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--course-title .masteriyo-course-title,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content--course-title .masteriyo-course-title {
color: #424360;
font-size: 18px;
font-weight: 600;
line-height: 26px;
padding: 0;
transition: all 0.3s ease-in-out;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.modern-progress,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.modern-progress {
padding-bottom: 16px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-header .progress-label,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-header .progress-label {
font-size: 14px;
line-height: 24px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-header .progress-percent,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-header .progress-percent {
font-size: 18px;
line-height: 26px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-header .completed-info,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-header .completed-info {
display: none;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.course-completed-banner .completed-icon svg,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.course-completed-banner .completed-icon svg {
width: 20px;
height: 20px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.course-completed-banner .completed-text,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.course-completed-banner .completed-text {
font-size: 15px;
line-height: 25px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.course-completed-banner .complete-eye-icon,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-progress-bar .course-progress-box.course-completed-banner .complete-eye-icon {
display: none;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-pricing--wrapper,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-pricing--wrapper {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 2px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-pricing--wrapper .masteriyo-btn-primary,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-pricing--wrapper .masteriyo-btn-primary {
min-height: 36px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-modern-layout--stats-rating,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-modern-layout--stats-rating {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
gap: 20px;
margin-bottom: 16px;
align-items: baseline;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-modern-layout--stats-rating .masteriyo-archive-card__content--info,
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-modern-layout--stats-rating .masteriyo-archive-card__content--info {
margin-bottom: 0;
flex: 1;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-archive--aside:not(:has(*)),
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__content .masteriyo-course-archive--aside:not(:has(*)) {
display: none;
}
.masteriyo-container:has([data-layout=layout_2]) ul.page-numbers {
margin-top: 20px;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards {
grid-auto-rows: min-content;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards.col-1 .masteriyo-course-card,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards.col-1 .masteriyo-course-card {
max-height: 500px;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--course-title:hover,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--course-title:hover {
text-decoration: none;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--course-title:hover .masteriyo-course-title,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--course-title:hover .masteriyo-course-title {
color: var(--masteriyo-color-primary);
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--course-title .masteriyo-course-title,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--course-title .masteriyo-course-title {
transition: all 0.3s ease-in-out;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content .masteriyo-course-category,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content .masteriyo-course-category {
margin-bottom: 8px;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content .masteriyo-course-category--item,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content .masteriyo-course-category--item {
color: var(--masteriyo-color-white);
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content .masteriyo-course-title-wrapper .masteriyo-course-title,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content .masteriyo-course-title-wrapper .masteriyo-course-title {
padding: 0;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content .masteriyo-single-course--course-coming-soon-btn,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content .masteriyo-single-course--course-coming-soon-btn {
color: var(--masteriyo-color-primary);
background: #f7f7f7;
border: 0;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--info,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--info {
justify-content: flex-start;
gap: 10px 20px;
flex-wrap: wrap;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--info-duration .masteriyo-info-label,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--info-duration .masteriyo-info-label {
margin-left: 8px;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-course-expiration--text,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-course-expiration--text {
margin-bottom: 0;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-label,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-label {
font-size: 14px;
line-height: 24px;
color: var(--masteriyo-color-white);
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-percent,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-course-progress-bar .course-progress-box.modern-progress .progress-percent {
font-size: 18px;
line-height: 26px;
color: var(--masteriyo-color-white);
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-course-progress-bar .course-progress-box.modern-progress .course-completed-banner .completed-icon svg,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-course-progress-bar .course-progress-box.modern-progress .course-completed-banner .completed-icon svg {
width: 20px;
height: 20px;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-course-progress-bar .course-progress-box.modern-progress .course-completed-banner .completed-text,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-course-progress-bar .course-progress-box.modern-progress .course-completed-banner .completed-text {
font-size: 15px;
line-height: 25px;
color: var(--masteriyo-color-white);
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container:has(.masteriyo-course-card__content--info) .masteriyo-course-card__content--desc,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container:has(.masteriyo-course-card__content--info) .masteriyo-course-card__content--desc {
margin-bottom: 0;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-archive-card__image-preview-button,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-archive-card__image-preview-button {
display: flex;
align-items: center;
gap: 8px;
background: var(--masteriyo-color-primary);
justify-content: center;
flex-direction: row-reverse;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-archive-card__image-preview-button--icon,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-archive-card__image-preview-button--icon {
display: flex;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-archive-card__image-preview-button--icon svg,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-archive-card__image-preview-button--icon svg {
width: 16px;
height: 16px;
fill: var(--masteriyo-color-white);
transition: all 0.3s ease-in-out;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-archive-card__image-preview-button:hover svg,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-archive-card__image-preview-button:hover svg {
transform: translateX(6px);
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-btn-primary,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-btn-primary {
margin-top: 12px;
min-height: 34px;
text-decoration: none;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--rating-amount,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--rating-amount {
font-size: 14px;
line-height: 24px;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content .masteriyo-wishlist .masteriyo-icon-svg,
.masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content .masteriyo-wishlist .masteriyo-icon-svg {
padding: 6px;
border-radius: 4px;
}
.masteriyo-login {
width: 50%;
padding: 48px;
}
.masteriyo-login--wrapper .masteriyo-title {
font-size: 24px;
line-height: 34px;
font-weight: 500;
margin-top: 0;
margin-bottom: 24px;
color: var(--masteriyo-color-heading);
}
.masteriyo-login--form .masteriyo-label {
font-size: 15px;
line-height: 25px;
font-weight: 500;
margin-bottom: 8px;
color: #222222;
}
.masteriyo-login-btn {
width: 100%;
}
.masteriyo-login .masteriyo_session_limit_warning {
background-color: rgb(233, 191, 217);
border: 1px solid rgb(139, 81, 94);
padding: 2px 2px 2px 8px;
font-weight: 400;
}
.masteriyo-login .masteriyo-input {
margin-bottom: 24px;
}
.masteriyo-login .masteriyo-remember-forgot {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
font-size: 15px;
line-height: 25px;
margin-bottom: 24px;
gap: 8px 16px;
}
.masteriyo-login .masteriyo-remember-me {
display: flex;
align-items: center;
gap: 6px;
}
.masteriyo-login .masteriyo-remember-me > label {
margin: 0;
}
.masteriyo-login .masteriyo-remember-me input[type=checkbox] {
margin: 0;
}
.masteriyo-login #masteriyo-recaptcha {
margin-bottom: 24px;
}
.masteriyo-reset {
display: flex;
justify-content: center;
align-items: center;
color: var(--masteriyo-color-black);
}
.masteriyo-reset--wrapper {
background: var(--masteriyo-color-white);
}
.masteriyo-reset--title {
margin-bottom: 30px;
color: var(--masteriyo-color-heading);
}
.masteriyo-reset .masteriyo-input {
margin-bottom: 24px;
}
.masteriyo-reset .masteriyo-btn-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.masteriyo-signup {
display: flex;
justify-content: center;
align-items: center;
}
.masteriyo-signup--wrapper {
background: var(--masteriyo-color-white);
width: 100%;
padding: 48px;
border-radius: 8px;
}
.masteriyo-signup--title {
font-size: 24px;
line-height: 34px;
font-weight: 500;
margin-top: 0;
margin-bottom: 24px;
color: var(--masteriyo-color-heading);
}
.masteriyo-signup .masteriyo-title {
font-size: 24px;
line-height: 34px;
color: var(--masteriyo-color-heading);
font-weight: 500;
}
.masteriyo-signup > span {
font-size: 18px;
line-height: 28px;
color: #383838;
font-weight: 400;
}
.masteriyo-signup .masteriyo-signup-form .masteriyo-signup-brevo-consent-checkbox--wrapper {
display: flex;
align-items: center;
gap: 6px;
}
.masteriyo-signup .masteriyo-signup-form .masteriyo-signup-brevo-consent-checkbox--wrapper input[type=checkbox] {
margin-right: 0;
}
.masteriyo-signup .masteriyo-signup-form .masteriyo-signup-brevo-consent-checkbox--wrapper .masteriyo-label {
margin-bottom: 0;
font-weight: 400;
}
.masteriyo-signup .masteriyo-input {
margin-bottom: 24px;
}
.masteriyo-signup .masteriyo-password .masteriyo-input {
margin-bottom: 8px;
}
.masteriyo-signup .masteriyo-password .masteriyo-note {
margin-bottom: 24px;
}
.masteriyo-signup .masteriyo-gdpr {
margin-bottom: 24px;
}
.masteriyo-signup .masteriyo-btn-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.masteriyo-signup .masteriyo-remember-me {
display: flex;
align-items: center;
margin-bottom: 24px;
}
.masteriyo-signup .masteriyo-remember-me > label {
margin: 0;
}
.masteriyo-signup #masteriyo-recaptcha {
margin-bottom: 24px;
}
.masteriyo .masteriyo-main {
display: flex;
justify-content: space-between;
flex-direction: row;
max-width: 100%;
}
.masteriyo .masteriyo-dashboard {
display: flex;
flex-direction: column;
flex: 1 1 74%;
margin-left: 40px;
}
.masteriyo .masteriyo-dashboard ul {
margin: 0;
padding: 0;
}
.masteriyo .masteriyo-dashboard ul li {
list-style-type: none;
}
.masteriyo .masteriyo-dashboard .masteriyo-btn-primary {
color: var(--masteriyo-color-white);
}
.masteriyo .masteriyo-dashboard .masteriyo-button {
color: var(--masteriyo-color-primary);
padding: 0;
background-color: transparent;
}
.masteriyo .masteriyo-welcome-notify {
background: var(--masteriyo-color-primary);
border-radius: 4px;
padding: 32px;
color: var(--masteriyo-color-white);
position: relative;
}
.masteriyo .masteriyo-welcome-notify .masteriyo-title {
font-size: 24px;
font-weight: 500;
color: var(--masteriyo-color-white);
margin-bottom: 16px;
}
.masteriyo .masteriyo-welcome-notify .masteriyo-welcome-msg {
color: var(--masteriyo-color-white);
margin: 0;
}
.masteriyo .masteriyo-welcome-notify .masteriyo-close {
position: absolute;
right: 16px;
top: 16px;
width: 24px;
height: 24px;
border-radius: 100%;
}
.masteriyo .masteriyo-welcome-notify .masteriyo-close .masteriyo-icon-svg {
fill: var(--masteriyo-color-white);
}
.masteriyo .masteriyo-welcome-notify .masteriyo-close:hover {
background: var(--masteriyo-color-white-a10);
}
.masteriyo .masteriyo-welcome-notify .masteriyo-view-account {
display: inline-flex;
align-items: center;
border-radius: 100px;
padding-left: 24px;
margin-top: 24px;
}
.masteriyo .masteriyo-welcome-notify .masteriyo-view-account:hover .masteriyo-icon-svg {
fill: var(--masteriyo-color-white);
}
.masteriyo .masteriyo-db-card {
border: 1px solid var(--masteriyo-color-border);
border-radius: 4px;
transition: all 0.15s ease-in-out;
flex: 0 1 calc(33.3333333333% - 20px);
background-color: var(--masteriyo-color-white);
padding: 30px;
margin-left: 15px;
margin-right: 15px;
}
.masteriyo .masteriyo-db-card:hover {
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
.masteriyo .masteriyo-counter {
display: flex;
flex-wrap: wrap;
margin: 30px -15px 0 -15px;
}
.masteriyo .masteriyo-counter .masteriyo-icon-title {
display: flex;
align-items: center;
}
.masteriyo .masteriyo-counter .masteriyo-icon-title .masteriyo-icon {
display: inherit;
padding: 10px;
border-radius: 100%;
}
.masteriyo .masteriyo-counter .masteriyo-icon-title .masteriyo-title {
font-size: 18px;
font-weight: 500;
margin: inherit;
margin-left: 16px;
}
.masteriyo .masteriyo-counter--inprogress .masteriyo-icon {
background: var(--masteriyo-color-green-a20);
}
.masteriyo .masteriyo-counter--inprogress .masteriyo-icon.masteriyo-icon-svg {
fill: var(--masteriyo-color-green);
}
.masteriyo .masteriyo-counter--scores .masteriyo-icon {
background: var(--masteriyo-color-primary-a20);
}
.masteriyo .masteriyo-counter--scores .masteriyo-icon.masteriyo-icon-svg {
fill: var(--masteriyo-color-primary);
}
.masteriyo .masteriyo-counter--certificates .masteriyo-icon {
background: var(--masteriyo-color-accent-a20);
}
.masteriyo .masteriyo-counter--certificates .masteriyo-icon.masteriyo-icon-svg {
fill: var(--masteriyo-color-accent);
}
.masteriyo .masteriyo-counter .masteriyo-number {
font-size: 36px;
font-weight: 600;
}
.masteriyo .masteriyo-cstudy {
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin-top: 30px;
}
.masteriyo .masteriyo-cstudy a {
text-decoration: none;
}
.masteriyo .masteriyo-cstudy--header {
display: inline-flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.masteriyo .masteriyo-cstudy--title {
font-size: 24px;
margin: inherit;
margin-bottom: 0;
}
.masteriyo .masteriyo-cstudy--btn {
display: inline-flex;
align-items: center;
border-radius: 100px;
}
.masteriyo .masteriyo-cstudy--body {
margin-left: -15px;
margin-right: -15px;
}
.masteriyo .masteriyo-cstudy--body--wrap {
justify-content: space-between;
margin-top: 15px;
}
.masteriyo .masteriyo-cstudy--body--header {
width: 210px;
margin-left: 16px;
}
.masteriyo .masteriyo-cstudy--body--img-title {
display: flex;
flex-direction: row;
}
.masteriyo .masteriyo-cstudy--body--tag {
display: flex;
flex-wrap: wrap;
margin-bottom: 4px;
}
.masteriyo .masteriyo-cstudy--body--pbar {
flex: 1;
min-width: 150px;
margin: 15px;
}
.masteriyo .masteriyo-cstudy--body--img {
width: 80px;
height: 80px;
border-radius: 4px;
}
.masteriyo .masteriyo-cstudy--body--rating {
display: flex;
flex-wrap: nowrap;
}
.masteriyo .masteriyo-cstudy--body--rating.masteriyo-icon-svg > svg {
width: 16px;
height: 16px;
fill: var(--masteriyo-color-golden);
}
.masteriyo .masteriyo-cstudy--body--title {
font-size: 18px;
font-weight: 700;
margin-bottom: 8px;
padding: 0;
}
.masteriyo .masteriyo-cstudy--body--rt {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.masteriyo .masteriyo-cstudy--body--duration {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
font-size: 14px;
font-weight: 600;
margin-left: 16px;
}
.masteriyo .masteriyo-cstudy--body--duration .masteriyo-icon-svg > svg {
width: 16px;
height: 16px;
}
.masteriyo .masteriyo-cstudy--body--time {
margin-left: 4px;
}
.masteriyo .masteriyo-cstudy--body--pstatus {
font-size: 16px;
font-weight: 600;
}
.masteriyo .masteriyo-cstudy--body--caption {
font-size: 12px;
font-weight: 600;
}
.masteriyo .masteriyo-cstudy--body--btn {
border-radius: 100px;
margin-top: 15px;
margin-bottom: 15px;
}
#masteriyo-account-page ul {
list-style-type: none;
}
.masteriyo .masteriyo-mycourses a {
display: block;
text-decoration: none;
}
.masteriyo .masteriyo-mycourses--title {
font-size: 24px;
margin-bottom: 20px;
}
.masteriyo .masteriyo-mycourses--list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0 -15px;
margin-bottom: 10px;
}
.masteriyo .masteriyo-mycourses--card {
border: 1px solid var(--masteriyo-color-border);
background: var(--masteriyo-color-white);
margin: 15px 15px 30px 15px;
flex-basis: calc(33.3333333333% - 30px);
max-width: 256px;
}
.masteriyo .masteriyo-mycourses--card:focus, .masteriyo .masteriyo-mycourses--card:hover {
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
.masteriyo .masteriyo-mycourses--img {
width: 100%;
}
.masteriyo .masteriyo-mycourses--detail {
padding: 20px;
}
.masteriyo .masteriyo-mycourses--header .masteriyo-icon-svg > svg {
width: 14px;
height: 14px;
fill: var(--masteriyo-color-golden);
}
.masteriyo .masteriyo-mycourses--header--title {
font-size: 18px;
font-weight: 700;
margin-bottom: 4px;
}
.masteriyo .masteriyo-mycourses--rt, .masteriyo .masteriyo-mycourses--rating {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.masteriyo .masteriyo-mycourses--detail {
display: flex;
flex-direction: column;
gap: 16px;
}
.masteriyo .masteriyo-mycourses--body .masteriyo-time-wrap {
display: flex;
align-items: center;
gap: 4px;
}
.masteriyo .masteriyo-mycourses--body .masteriyo-time-wrap .masteriyo-icon-svg > svg {
width: 16px;
height: 16px;
}
.masteriyo .masteriyo-mycourses--body--duration {
font-size: 12px;
font-weight: 500;
}
.masteriyo .masteriyo-mycourses--body--time {
margin-top: 4px;
font-size: 12px;
font-weight: 500;
}
.masteriyo .masteriyo-mycourses--body--pbar {
margin-top: 4px;
}
.masteriyo .masteriyo-mycourses--footer {
margin-top: 8px;
align-items: center;
}
.masteriyo .masteriyo-mycourses--btn--wrap {
border-top: 1px solid var(--masteriyo-color-border);
padding-top: 20px;
}
.masteriyo .masteriyo-mycertificates--list {
margin-bottom: 40px;
}
.masteriyo .masteriyo-mycertificates--list-wrap > li {
padding: 16px 0;
border-bottom: 1px solid var(--masteriyo-color-border);
}
.masteriyo .masteriyo-mycertificates--list-wrap > li:last-of-type {
border-bottom: none;
}
.masteriyo .masteriyo-mycertificates .masteriyo-list-header {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.masteriyo .masteriyo-mycertificates .masteriyo-c-img {
width: 40px;
height: 40px;
border-radius: 4px;
}
.masteriyo .masteriyo-mycertificates .masteriyo-c-title {
margin-left: 16px;
margin-bottom: inherit;
font-size: 16px;
font-weight: 700;
}
.masteriyo .masteriyo-mycertificates .masteriyo-c-btn {
border-radius: 100px;
}
.masteriyo-account {
gap: 64px;
}
.masteriyo-account-page #masteriyo-account-page h1,
.masteriyo-account-page #masteriyo-account-page h2,
.masteriyo-account-page #masteriyo-account-page h3,
.masteriyo-account-page #masteriyo-account-page h4,
.masteriyo-account-page #masteriyo-account-page h5,
.masteriyo-account-page #masteriyo-account-page h6,
.masteriyo-account-page #masteriyo-account-page p,
.masteriyo-account-page #masteriyo-account-page li {
margin: 0;
}
.masteriyo-account-page #masteriyo-account-page ul,
.masteriyo-account-page #masteriyo-account-page ol {
list-style: none;
margin: 0;
}
.masteriyo-account-page #masteriyo-account-page a {
text-decoration: none !important;
}
.masteriyo-account--header {
flex: 1 1 15%;
min-width: 160px;
}
.masteriyo-account-img {
width: 160px;
height: 160px;
border-radius: 100px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
.masteriyo-account--name {
font-size: 36px;
margin-bottom: 10px;
}
.masteriyo-account--membership {
color: var(--masteriyo-color-text-light);
display: block;
margin-bottom: 20px;
}
.masteriyo-account--body {
flex: 1 1 65%;
gap: 64px;
}
.masteriyo-account--body li {
padding: 8px 0;
}
.masteriyo .masteriyo-login-form-wrapper.no-signup {
width: 50%;
}
.masteriyo .masteriyo-login-form-wrapper.no-signup .masteriyo-login {
width: 100%;
}
.masteriyo-login-form-wrapper {
max-width: 1200px;
margin: 0 auto;
width: 100%;
display: flex;
flex-wrap: wrap;
background: var(--masteriyo-color-white);
border: 1px solid var(--masteriyo-color-border);
border-radius: 8px;
overflow: hidden;
}
.masteriyo-login-form-wrapper .masteriyo-signup {
gap: 20px;
flex: 1;
flex-direction: column;
background-color: var(--masteriyo-color-primary-lightest);
border-left: 1px solid var(--masteriyo-color-border);
padding-top: 48px;
padding-bottom: 48px;
}
.masteriyo-login-form-wrapper .masteriyo-signup .masteriyo-title {
margin: 0;
color: var(--masteriyo-color-heading);
}
.masteriyo-login-form-wrapper .masteriyo-signup a {
width: 60%;
text-decoration: none;
}
.masteriyo-login-form-wrapper .masteriyo-signup a:hover {
color: var(--masteriyo-color-white);
}
.theme-twentytwentytwo .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
.theme-twentytwentyone .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
.theme-twentytwenty .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 1060px;
}
@media (max-width: 991px) {
#masteriyo-account-container .mto-account-sidebar li .css-en-rmxdag {
flex-direction: column;
gap: 0.8em;
}
#masteriyo-account-container .mto-account-sidebar li svg {
margin-right: 0;
}
#masteriyo-account-container .mto-account-sidebar li p.css-en-1sm8nn5 {
text-align: center;
}
}
.masteriyo-edt-account--tab-menu {
border-bottom: 1px solid var(--masteriyo-color-border);
padding: 20px 0;
margin-bottom: 40px;
font-weight: 700;
gap: 30px;
}
.masteriyo-edt-account--tab-menu > * {
cursor: pointer;
}
.masteriyo-edt-account--tab-menu .masteriyo-active-tab {
color: var(--masteriyo-color-primary);
}
.masteriyo-edt-account .masteriyo-edt-profile--wrap {
position: relative;
}
.masteriyo-edt-account .masteriyo-svg-icon svg {
background: var(--masteriyo-color-primary);
width: 32px;
height: 32px;
position: absolute;
top: 20px;
right: 0px;
padding: 5px;
fill: #fff;
border-radius: 50px;
cursor: pointer;
z-index: 9;
}
.masteriyo-edt-account .masteriyo-edt-account--img {
border-radius: 100px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
.masteriyo-edt-account--form {
margin-top: 30px;
display: flex;
flex-direction: column;
gap: 30px;
}
.masteriyo-edt-account .masteriyo-col-2 {
gap: 30px;
}
.masteriyo-edt-account .masteriyo-col-2 > * {
flex: 1;
}
.masteriyo-pwd-security--btn,
.masteriyo-edt-account--btn {
border-radius: 50px;
}
.masteriyo-pwd-security--form {
display: flex;
flex-direction: column;
gap: 30px;
flex: 50%;
margin-top: 30px;
}
.masteriyo-checkout {
margin: 0 auto;
}
.masteriyo-checkout a {
color: var(--masteriyo-color-primary);
}
.masteriyo-checkout input[type=text]:focus,
.masteriyo-checkout input[type=email]:focus,
.masteriyo-checkout input[type=password]:focus {
border: 1px solid var(--masteriyo-color-primary);
}
.masteriyo-checkout .masteriyo-col-2 {
margin-left: -15px;
margin-right: -15px;
}
.masteriyo-checkout .masteriyo-col-2 > * {
flex: 1 1 47%;
padding-left: 15px;
padding-right: 15px;
}
.masteriyo-checkout--title, .masteriyo-checkout-summary--title {
margin-bottom: 10px;
font-size: 24px;
color: var(--masteriyo-color-heading);
}
.masteriyo-checkout-wrapper {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.masteriyo-checkout---fname-lname-wrapper {
display: flex;
}
@media screen and (max-width: 500px) {
.masteriyo-checkout---fname-lname-wrapper {
flex-direction: column;
gap: 24px;
}
}
.masteriyo-checkout---create-user-wrapper {
margin-bottom: 8px !important;
}
.masteriyo-checkout----create-user {
display: flex;
align-items: center;
gap: 8px;
}
.masteriyo-checkout----create-user > label {
margin: 0;
}
.masteriyo-checkout----create-user input[type=checkbox] {
margin-right: 0;
}
.masteriyo-checkout .masteriyo-signup-brevo-consent-checkbox--wrapper {
display: flex;
align-items: center;
gap: 8px;
}
.masteriyo-checkout .masteriyo-signup-brevo-consent-checkbox--wrapper > label {
margin: 0;
}
.masteriyo-checkout .masteriyo-signup-brevo-consent-checkbox--wrapper input[type=checkbox] {
margin-right: 0;
}
.masteriyo-checkout----street > input {
margin-bottom: 12px;
}
.masteriyo-checkout-main {
display: flex;
flex-direction: column;
flex: 1;
padding: 30px;
background: var(--masteriyo-color-white);
border: 1px solid var(--masteriyo-color-border);
border-radius: 8px;
margin-bottom: 30px;
}
.masteriyo-checkout-main > :not(:last-child) {
margin-bottom: 24px;
}
.masteriyo-checkout-main select {
width: 100%;
min-height: 38px;
padding: 0 12px;
border: 1px solid #dee2e6;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23737373' viewBox='0 0 24 24'%3E%3Cpath d='M19.561 7.403a1.468 1.468 0 0 1 2.02 0 1.339 1.339 0 0 1 0 1.944l-8.57 8.25a1.468 1.468 0 0 1-2.021 0l-8.572-8.25a1.339 1.339 0 0 1 0-1.944 1.468 1.468 0 0 1 2.02 0L12 14.68l7.561-7.278Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 14px 14px;
cursor: pointer;
}
.masteriyo-checkout-summary {
max-width: 100%;
width: 100%;
}
@media screen and (min-width: 993px) {
.masteriyo-checkout-summary {
max-width: 400px;
}
}
.masteriyo-checkout-summary-your-order {
padding: 20px 30px;
margin-bottom: 30px;
background-color: var(--masteriyo-color-white);
border: 1px solid var(--masteriyo-color-border);
color: var(--masteriyo-color-text);
border-radius: 8px;
}
.masteriyo-checkout-summary-your-order ul {
margin: 0;
padding: 0;
}
.masteriyo-checkout-summary-your-order li {
list-style-type: none;
border-bottom: 1px solid var(--masteriyo-color-border);
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 15px 0;
}
.masteriyo-checkout-summary-your-order li.h-border {
border-bottom: 1px solid var(--masteriyo-color-black);
}
.masteriyo-checkout-summary-your-order li:last-of-type {
border-bottom: none;
}
.masteriyo-checkout-summary-payment-method {
padding: 20px 30px;
border-radius: 8px;
background-color: var(--masteriyo-color-white);
border: 1px solid var(--masteriyo-color-border);
}
.masteriyo-checkout-summary-payment-method .input-radio {
margin-top: 7px;
margin-right: 8px;
}
.masteriyo-checkout-summary-payment-method .payment-method {
list-style-type: none;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
padding: 0;
margin-bottom: 6px;
}
.masteriyo-checkout-summary-payment-method .payment-method__detail {
width: 100%;
max-width: 100%;
}
.masteriyo-checkout-summary-payment-method .payment-method-stripe #masteriyo-stripe-method {
height: auto !important;
}
.masteriyo-checkout-summary-payment-method ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.masteriyo-checkout-summary-payment-method ul label {
text-transform: capitalize;
padding: 0;
margin-bottom: 0;
display: flex;
flex-direction: column;
}
.masteriyo-checkout .payment-method__detail img {
width: 220px;
}
.masteriyo-checkout--btn {
width: 100%;
}
.masteriyo-checkout-login-link {
text-decoration: underline;
font-weight: 600;
}
.masteriyo-checkout-wire-transfer {
padding: 20px;
margin-top: 15px;
background-color: var(--masteriyo-color-white);
border: 1px solid var(--masteriyo-color-border);
border-radius: 8px;
}
.masteriyo-checkout-wire-transfer h3 {
margin-bottom: 10px;
font-size: 22px;
line-height: 32px;
color: var(--masteriyo-color-heading);
}
.masteriyo-checkout-wire-transfer p {
margin-bottom: 12px;
font-size: 16px;
color: var(--masteriyo-color-text);
}
.masteriyo-checkout-wire-transfer .wire-transfer-details .wire-transfer-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.masteriyo-checkout-wire-transfer .wire-transfer-details .wire-transfer-row:last-child {
margin-bottom: 0;
}
.masteriyo-checkout-wire-transfer .wire-transfer-details .wire-transfer-row .masteriyo-label {
margin-bottom: 0;
}
.masteriyo-checkout-wire-transfer .wire-transfer-details .wire-transfer-row .label {
font-weight: bold;
color: var(--masteriyo-color-text);
flex: 0 0 40%;
text-align: left;
}
.masteriyo-checkout-wire-transfer .wire-transfer-details .wire-transfer-row .value {
flex: 1;
text-align: right;
color: var(--masteriyo-color-primary);
}
body.masteriyo #masteriyo-checkout {
max-width: 1280px;
}
body.masteriyo #masteriyo-checkout .masteriyo-container {
width: 100%;
}
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-wrapper h2,
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-wrapper h3,
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-wrapper h4 {
margin-top: 8px;
}
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-main input,
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-main textarea {
border-radius: 4px;
box-shadow: none;
border-color: #dee2e6;
width: 100%;
border-width: 1px;
}
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-main input:hover, body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-main input:focus,
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-main textarea:hover,
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-main textarea:focus {
border-style: solid;
border-color: var(--masteriyo-color-primary);
}
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-summary {
display: flex;
flex-direction: column;
gap: 40px;
}
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-summary-your-order {
margin: 0;
}
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-summary-order-details .masteriyo-total-row {
padding-bottom: 0;
}
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-summary-order-details .masteriyo-total-row .tax_inclusive {
text-align: right;
}
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-summary-payment-method .masteriyo-payment-methods .payment-method-offline {
padding: 0;
}
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-summary-payment-method .masteriyo-payment-methods .payment-method__detail p {
margin: 0;
}
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-wire-transfer {
margin: 0;
}
body.masteriyo #masteriyo-checkout .masteriyo-container .masteriyo-checkout-main input[type=checkbox] {
width: auto;
}
.masteriyo .masteriyo-order {
background-color: var(--masteriyo-color-white);
color: var(--masteriyo-color-text);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
.masteriyo .masteriyo-order:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
display: inherit;
padding: 30px;
width: 600px;
border-radius: 8px;
}
.masteriyo .masteriyo-order:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) .masteriyo-notice {
margin-bottom: 30px;
padding: 8px 16px;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
color: var(--masteriyo-color-white);
}
.masteriyo .masteriyo-order:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) .masteriyo-notice--danger {
background-color: var(--masteriyo-color-danger);
}
.masteriyo .masteriyo-order:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) .masteriyo-notice--success {
background-color: var(--masteriyo-color-success);
}
.masteriyo .masteriyo-order:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) .masteriyo-notice--info {
background-color: var(--masteriyo-color-info);
}
.masteriyo .masteriyo-order:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) .masteriyo-notice--warning {
background-color: var(--masteriyo-color-warning);
}
.masteriyo .masteriyo-order .masteriyo-order-overview {
list-style-type: none;
padding-left: 0;
margin: 0;
margin-bottom: 30px;
}
.masteriyo .masteriyo-order .masteriyo-order-overview.subscription_details {
margin-bottom: 0;
}
.masteriyo .masteriyo-order a {
color: var(--masteriyo-color-primary);
}
.masteriyo-search-section {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-bottom: 40px;
margin: 0 0 40px;
border-bottom: 1px solid var(--masteriyo-color-border);
}
@media (max-width: 768px) {
.masteriyo-search-section {
flex-direction: column;
align-items: flex-start;
}
}
.masteriyo-search-section .masteriyo-search {
margin: 0;
flex: 1;
position: relative;
}
@media (max-width: 768px) {
.masteriyo-search-section .masteriyo-search {
width: 100%;
flex: unset;
}
}
.masteriyo-search-section .masteriyo-courses-sorting-section {
max-width: 240px;
width: 100%;
}
@media (max-width: 768px) {
.masteriyo-search-section .masteriyo-courses-sorting-section {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
width: 100%;
max-width: 100%;
}
.masteriyo-search-section .masteriyo-courses-sorting-section .masteriyo-toggle-course-filters-sidebar {
margin-top: 0;
}
.masteriyo-search-section .masteriyo-courses-sorting-section .masteriyo-courses-sorting {
width: 100%;
max-width: 240px;
}
.masteriyo-search-section .masteriyo-courses-sorting-section .masteriyo-courses-sorting .masteriyo-courses-order-by {
border-radius: 3px;
}
}
.masteriyo-search .masteriyo-course-search__icon {
display: flex;
z-index: 0;
}
.masteriyo-search .search-field {
background: var(--masteriyo-color-white);
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.03);
border-radius: 4px 0 0 4px;
min-height: 52px;
width: 100%;
font-weight: 400;
text-decoration: inherit;
border: 1px solid var(--masteriyo-color-border);
padding-left: 60px;
}
.masteriyo-search .search-field:hover, .masteriyo-search .search-field:focus, .masteriyo-search .search-field:active {
background: var(--masteriyo-color-white);
border-color: var(--masteriyo-color-btn-blue-hover);
transition: 0.5s ease;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
}
.masteriyo-courses-sorting .masteriyo-courses-order-by {
padding-top: 22px;
padding-bottom: 22px;
border-radius: 8px;
width: 100%;
min-height: 70px;
padding: 0 30px 0 16px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23383838' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M2.418 7.403a1.468 1.468 0 0 1 2.02 0L12 14.68l7.561-7.278a1.468 1.468 0 0 1 2.02 0 1.339 1.339 0 0 1 0 1.944l-8.57 8.25a1.468 1.468 0 0 1-2.021 0l-8.572-8.25a1.339 1.339 0 0 1 0-1.944Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat right 10px center;
background-size: 16px;
}
.masteriyo-course--img-wrap img,
.masteriyo-course--img-wrap video {
width: 100%;
height: 210px;
-o-object-fit: cover;
object-fit: cover;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: 0;
padding-bottom: 0;
height: 185px;
object-fit: cover;
}
.masteriyo-course--img-wrap video {
height: 185px;
-o-object-fit: cover;
object-fit: cover;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
@media (max-width: 768px) {
.masteriyo-course--img-wrap video {
height: auto !important;
}
}
.masteriyo-course--img-wrap .course-featured {
font-size: 12px;
font-weight: 500;
background: var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
padding: 0 12px 0 2px;
line-height: 32px;
position: absolute;
top: unset;
right: -9px;
bottom: 20px;
z-index: 2;
}
.masteriyo-course--img-wrap .course-featured::before {
content: "";
position: absolute;
top: 0;
left: -25px;
border: 16px solid var(--masteriyo-color-primary);
border-left-color: transparent;
z-index: -1;
}
.masteriyo-course--img-wrap .course-featured::after {
content: "";
position: absolute;
top: 100%;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #3a3a3a transparent transparent transparent;
}
.masteriyo-course--content .masteriyo-course--content__category a {
text-decoration: none;
}
.masteriyo-course--content .masteriyo-course--content__title {
font-size: 18px;
font-weight: 700;
line-height: 1.5;
margin-top: 0;
margin-bottom: 12px;
padding-bottom: 0;
display: flex;
align-items: flex-start;
gap: 16px;
}
.masteriyo-course--content .masteriyo-course--content__title::before {
content: "";
display: none;
}
.masteriyo-course--content .masteriyo-course--content__title a {
color: var(--masteriyo-color-grey-dark);
text-decoration: none;
flex: 1;
max-width: 100%;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.masteriyo-course--content .masteriyo-course--content__title a:hover, .masteriyo-course--content .masteriyo-course--content__title a:focus {
color: var(--masteriyo-color-primary);
}
.masteriyo-course--content__stats {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.masteriyo-course--content__stats > div {
display: flex;
align-items: center;
justify-content: center;
color: var(--masteriyo-color-text-light);
}
.masteriyo-course--content__stats > div span {
margin-left: 8px;
font-size: 14px;
font-weight: 500;
}
.masteriyo-course--content__stats > div svg {
width: 20px;
height: 20px;
fill: var(--masteriyo-color-text-light);
}
.masteriyo-course--content .masteriyo-course-price {
line-height: inherit;
}
.masteriyo-course--content .masteriyo-course-price .old-amount {
text-decoration: none;
font-size: 16px;
font-weight: 500;
color: var(--masteriyo-color-text-light);
}
.masteriyo-course--content .masteriyo-course-price .old-amount .masteriyo-price-amount {
position: relative;
}
.masteriyo-course--content .masteriyo-course-price .current-amount {
display: flex;
flex-direction: column;
font-size: 20px;
color: var(--masteriyo-color-text);
font-weight: 700;
}
.tax_inclusive {
display: block;
margin-top: -4px;
color: #6d6d6d;
font-size: 13px;
line-height: 20px;
font-weight: 400;
font-style: italic;
}
.masteriyo-courses-header {
width: 100%;
float: left;
}
.masteriyo-courses-header__title,
.masteriyo-courses-header .page-title {
font-size: 32px;
font-weight: 600;
margin: 32px 0;
}
.masteriyo-toggle-course-filters-sidebar,
.masteriyo-close-filters-sidebar {
display: none;
}
.masteriyo-toggle-course-filters-sidebar svg,
.masteriyo-close-filters-sidebar svg {
width: 24px;
height: 24px;
}
.masteriyo-course-list-display-section {
display: flex;
width: 100%;
}
.masteriyo-course-list-display-section .masteriyo-courses-wrapper {
flex: 1;
}
.masteriyo-course-list-display-section .masteriyo-courses-wrapper .masteriyo-course--content__wrapper .masteriyo-course-category {
margin-bottom: 10px;
}
.masteriyo-course-list-display-section .masteriyo-courses-wrapper .masteriyo-course--content__wrapper .masteriyo-course-highlights {
border-bottom: 0;
margin: 10px 0 20px;
padding-bottom: 0;
}
.masteriyo-course-list-display-section .masteriyo-courses-wrapper .masteriyo-course--content__wrapper .masteriyo-course-highlights ul {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
padding-left: 0;
}
.masteriyo-course-list-display-section .masteriyo-courses-wrapper .masteriyo-course--content__wrapper .masteriyo-course-highlights ul li {
display: flex;
align-items: center;
list-style: none;
font-size: 14px;
line-height: 24px;
gap: 10px;
}
.masteriyo-course-list-display-section .masteriyo-courses-wrapper .masteriyo-course--content__wrapper .masteriyo-course-highlights ul li::before {
content: "";
background-image: url(//ennysconsultancy.org/wp-content/plugins/learning-management-system-pro/assets/img/svgs/icon-check.svg);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
display: block;
width: 16px;
height: 16px;
}
.masteriyo-course-list-display-section .masteriyo-courses-wrapper .masteriyo-course--content .masteriyo-course-pricing--wrapper {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 4px;
}
.masteriyo-course-list-display-section .masteriyo-courses-wrapper .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-course-price .current-amount .amount {
font-size: 20px;
line-height: 28px;
}
.masteriyo-course-list-display-section .masteriyo-courses-wrapper .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-enroll-btn {
min-height: 34px;
font-size: 14px;
line-height: 24px;
padding: 0 16px;
align-content: center;
justify-content: center;
}
.masteriyo-course-list-display-section .masteriyo-courses-wrapper .masteriyo-course--content .masteriyo-course-progress-bar .course-progress-box.course-completed-banner .completed-icon svg {
width: 20px;
height: 20px;
}
.masteriyo-course-list-display-section .masteriyo-courses-wrapper .masteriyo-course--content .masteriyo-course-progress-bar .course-progress-box.course-completed-banner .completed-text {
font-size: 15px;
line-height: 25px;
}
.masteriyo-course-list-display-section .masteriyo-course-filter-sidebar-overlay {
display: none;
}
.masteriyo-course-list-display-section:has(.masteriyo-expanded) .masteriyo-course-filter-sidebar-overlay {
display: block;
background: #000;
position: fixed;
opacity: 0.6;
z-index: 10;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.masteriyo-courses-filters {
max-width: 240px;
width: 100%;
padding-right: 20px;
border-right: 1px solid #e7e7e7;
margin-right: 30px;
}
.masteriyo-courses-filters .masteriyo-filter-section {
margin-bottom: 32px;
transition: all 0.3s ease-in-out;
}
.masteriyo-courses-filters .masteriyo-filter-section select[name=price-type] {
width: 100%;
min-height: 38px;
padding: 0 6px;
}
.masteriyo-courses-filters .masteriyo-filter-section.masteriyo-rating-filter-section {
margin-bottom: 0;
}
.masteriyo-courses-filters .masteriyo-filter-section.masteriyo-rating-filter-section .masteriyo-filter-wrapper {
margin-bottom: 12px;
}
.masteriyo-courses-filters .masteriyo-filter-section.masteriyo-rating-filter-section .masteriyo-filter-wrapper:last-child {
margin-bottom: 0;
}
.masteriyo-courses-filters .masteriyo-filter-section.masteriyo-rating-filter-section .masteriyo-rating-filter-item {
display: flex;
align-items: center;
gap: 8px;
}
.masteriyo-courses-filters .masteriyo-filter-section.masteriyo-rating-filter-section .masteriyo-rating-filter-item input[type=checkbox] {
margin-right: 0;
}
.masteriyo-courses-filters .masteriyo-filter-section.masteriyo-rating-filter-section .masteriyo-rating-filter-item label {
margin-bottom: 0;
}
.masteriyo-courses-filters .masteriyo-filter-section--heading {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
cursor: pointer;
}
.masteriyo-courses-filters .masteriyo-filter-section--heading h5 {
font-size: 18px;
line-height: 26px;
margin-bottom: 0;
}
.masteriyo-courses-filters .masteriyo-filter-section--heading svg {
width: 16px;
height: 16px;
transform: rotate(180deg);
transition: all 0.3s ease-in-out;
}
.masteriyo-courses-filters .masteriyo-filter-section.collapse .masteriyo-filter-section--heading svg {
transform: rotate(0deg);
}
.masteriyo-courses-filters .masteriyo-filter-section--price-type {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin: 0;
padding-left: 0;
}
.masteriyo-courses-filters .masteriyo-filter-section--price-type__list {
list-style: none;
}
.masteriyo-courses-filters .masteriyo-filter-section--price-type__list label {
color: #475569;
font-size: 14px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.14px;
background: transparent;
padding: 8px 12px;
border: 1px solid #d1d5db;
border-radius: 4px;
margin-bottom: 0;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.masteriyo-courses-filters .masteriyo-filter-section--price-type__list input {
display: none;
}
.masteriyo-courses-filters .masteriyo-filter-section--price-type__list input:checked ~ label {
background: var(--masteriyo-color-primary);
border-color: var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 36px;
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons a {
transition: all 0.3s ease-in-out;
text-align: center;
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons .masteriyo-apply-filters,
.masteriyo-courses-filters .masteriyo-filter-section--buttons .masteriyo-clear-filters {
padding: 10px 24px;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
line-height: 18px;
letter-spacing: 0.28px;
margin-top: 0;
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons .masteriyo-apply-filters {
background: #4584ff;
color: #ffffff;
border: 1px solid #4584ff;
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons .masteriyo-apply-filters:hover {
background: transparent;
color: #4584ff;
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons .masteriyo-clear-filters {
border-color: #d1d5db;
background: transparent;
color: #475569;
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons .masteriyo-clear-filters:hover {
background: #e8e8e8;
border-color: #e8e8e8;
}
.masteriyo-courses-filters .masteriyo-filter-section--heading {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
}
.masteriyo-courses-filters .masteriyo-filter-section--heading h5 {
margin-bottom: 0;
}
.masteriyo-courses-filters .masteriyo-filter-section--heading svg {
width: 16px;
height: 16px;
transform: rotate(180deg);
transition: all 0.3s ease-in-out;
}
.masteriyo-courses-filters .masteriyo-filter-section.collapse .masteriyo-filter-section--heading svg {
transform: rotate(0deg);
}
.masteriyo-courses-filters .masteriyo-filter-section--price-type {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
}
.masteriyo-courses-filters .masteriyo-filter-section--price-type__list {
list-style: none;
}
.masteriyo-courses-filters .masteriyo-filter-section--price-type__list label {
color: #475569;
font-size: 14px;
font-weight: 400;
line-height: 18px;
letter-spacing: 0.14px;
background: transparent;
padding: 8px 12px;
border: 1px solid #d1d5db;
border-radius: 4px;
margin-bottom: 0;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.masteriyo-courses-filters .masteriyo-filter-section--price-type__list input {
display: none;
}
.masteriyo-courses-filters .masteriyo-filter-section--price-type__list input:checked ~ label {
background: var(--masteriyo-color-primary);
border-color: var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
}
.masteriyo-courses-filters .masteriyo-filter-section .masteriyo-price-filter {
flex-direction: column;
gap: 24px;
width: 100%;
}
.masteriyo-courses-filters .masteriyo-filter-section .masteriyo-price-filter--input {
width: 100%;
display: flex;
align-items: center;
gap: 8px;
}
.masteriyo-courses-filters .masteriyo-filter-section .masteriyo-price-filter--input input[type=number] {
border-radius: 4px;
border: 1px solid #d1d5db;
margin-right: 0;
width: 100%;
padding: 0 12px;
}
.masteriyo-courses-filters .masteriyo-filter-section .masteriyo-price-filter--input input[type=number]:focus {
outline: none;
box-shadow: none;
border-color: var(--masteriyo-color-primary);
}
.masteriyo-courses-filters .masteriyo-filter-section .masteriyo-price-filter--input .masteriyo-price-filter-separator {
display: block;
width: 5px;
margin-right: 0;
}
.masteriyo-courses-filters .masteriyo-filter-section .masteriyo-price-filter .masteriyo-price-range-slider-wrapper {
width: 100%;
}
.masteriyo-courses-filters .masteriyo-filter-section .masteriyo-price-filter .masteriyo-price-range-slider-wrapper .masteriyo-price-range-slider {
width: 100%;
height: 5px;
position: relative;
background: #ddd;
border-radius: 5px;
}
.masteriyo-courses-filters .masteriyo-filter-section .masteriyo-price-filter .masteriyo-price-range-slider-wrapper .masteriyo-price-range-slider .masteriyo-price-progress {
height: 100%;
left: 0%;
right: 0%;
position: absolute;
border-radius: 5px;
background: var(--masteriyo-color-primary);
}
.masteriyo-courses-filters .masteriyo-filter-section .masteriyo-price-filter .masteriyo-price-range-slider-wrapper .masteriyo-price-range-input {
position: relative;
width: 100%;
}
.masteriyo-courses-filters .masteriyo-filter-section .masteriyo-price-filter .masteriyo-price-range-slider-wrapper .masteriyo-price-range-input input {
all: unset;
position: absolute;
width: 100%;
height: 5px;
top: -5px;
background: none;
pointer-events: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.masteriyo-courses-filters .masteriyo-filter-section .masteriyo-price-filter .masteriyo-price-range-slider-wrapper .masteriyo-price-range-input input[type=range]::-webkit-slider-thumb {
height: 17px;
width: 17px;
border-radius: 50%;
background: var(--masteriyo-color-primary) !important;
border: 2px solid #fff;
pointer-events: auto;
-webkit-appearance: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}
.masteriyo-courses-filters .masteriyo-filter-section .masteriyo-price-filter .masteriyo-price-range-slider-wrapper .masteriyo-price-range-input input[type=range]::-moz-range-thumb {
height: 17px;
width: 17px;
border: none;
border-radius: 50%;
background: var(--masteriyo-color-primary) !important;
border: 2px solid #fff;
pointer-events: auto;
-moz-appearance: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 36px;
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons a {
transition: all 0.3s ease-in-out;
text-align: center;
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons .masteriyo-apply-filters,
.masteriyo-courses-filters .masteriyo-filter-section--buttons .masteriyo-clear-filters {
padding: 10px 24px;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
line-height: 18px;
letter-spacing: 0.28px;
margin-top: 0;
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons .masteriyo-apply-filters {
background: #4584ff;
color: #ffffff;
border: 1px solid #4584ff;
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons .masteriyo-apply-filters:hover {
background: transparent;
color: #4584ff;
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons .masteriyo-clear-filters {
border-color: #d1d5db;
background: transparent;
color: #475569;
}
.masteriyo-courses-filters .masteriyo-filter-section--buttons .masteriyo-clear-filters:hover {
background: #e8e8e8;
border-color: #e8e8e8;
}
.masteriyo-courses-filters h5 {
margin-top: 32px;
margin-bottom: 12px;
}
.masteriyo-courses-filters h5:first-child {
margin-top: 0;
}
.masteriyo-courses-filters .masteriyo-category-filter,
.masteriyo-courses-filters .masteriyo-difficulty-filter,
.masteriyo-courses-filters .masteriyo-rating-filter-item {
display: flex;
align-items: baseline;
gap: 8px;
}
.masteriyo-courses-filters .masteriyo-category-filter input[type=checkbox],
.masteriyo-courses-filters .masteriyo-category-filter input[type=radio],
.masteriyo-courses-filters .masteriyo-difficulty-filter input[type=checkbox],
.masteriyo-courses-filters .masteriyo-difficulty-filter input[type=radio],
.masteriyo-courses-filters .masteriyo-rating-filter-item input[type=checkbox],
.masteriyo-courses-filters .masteriyo-rating-filter-item input[type=radio] {
margin: 0;
}
.masteriyo-courses-filters .masteriyo-category-filter label,
.masteriyo-courses-filters .masteriyo-difficulty-filter label,
.masteriyo-courses-filters .masteriyo-rating-filter-item label {
font-size: 15px;
line-height: 25px;
}
.masteriyo-courses-filters .masteriyo-overflowed-category.masteriyo-hidden {
display: none !important;
}
.masteriyo-courses-filters .masteriyo-rating-filter-link {
color: #000;
}
.masteriyo-courses-filters .masteriyo-rating-filter-link.active {
color: #4584ff;
}
.masteriyo-price-filter {
display: flex;
align-items: center;
}
.masteriyo-price-filter .masteriyo-price-from-filter,
.masteriyo-price-filter .masteriyo-price-to-filter {
width: 90px;
margin-right: 4px;
min-height: 38px;
padding: 0 6px;
}
.masteriyo-price-filter .masteriyo-price-filter-separator {
margin-right: 4px;
}
.masteriyo-price-filter .masteriyo-apply-price-filter {
padding: 8px 12px;
line-height: 18px;
}
.masteriyo-see-more-categories, .masteriyo-see-less-categories {
text-decoration: underline;
color: #2c2c2c;
font-style: italic;
font-weight: 500;
}
.masteriyo-see-more-categories:hover, .masteriyo-see-less-categories:hover {
color: var(--masteriyo-color-btn-blue-hover);
}
.masteriyo-stab-rs {
margin: 0 auto !important;
flex-wrap: wrap;
}
.masteriyo-rating-filter-section .masteriyo-stab-rs {
gap: 4px;
}
.masteriyo-rating-filter-section .masteriyo-stab-rs .masteriyo-icon-svg {
gap: 2px;
}
.masteriyo-rating-filter-section .masteriyo-stab-rs .masteriyo-icon-svg > svg {
width: 18px;
height: 18px;
}
.masteriyo-clear-filters {
padding: 8px 12px;
border-radius: 3px;
color: #585858;
font-weight: 500;
letter-spacing: 0.3px;
border: 1px solid #585858;
display: inline-block;
margin-top: 12px;
}
.masteriyo-clear-filters:hover {
background: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
color: var(--masteriyo-color-white);
}
@media screen and (max-width: 768px) {
.masteriyo-clear-filters {
padding: 10px !important;
}
}
.single-mto-course .masteriyo-course--img-wrap img {
height: auto;
}
@media only screen and (max-width: 768px) {
body.admin-bar .masteriyo-courses-filters {
padding-top: 100px;
}
body.admin-bar .masteriyo-courses-filters.masteriyo-expanded .masteriyo-close-filters-sidebar {
top: 56px;
}
.masteriyo-toggle-course-filters-sidebar,
.masteriyo-close-filters-sidebar {
display: flex;
align-items: center;
gap: 8px;
background: transparent;
border-radius: 3px;
margin-top: 32px;
border: 1px solid #494949;
padding: 0.7rem 1rem;
}
.masteriyo-toggle-course-filters-sidebar:hover,
.masteriyo-close-filters-sidebar:hover {
background: var(--masteriyo-color-primary);
border-color: var(--masteriyo-color-primary);
}
.masteriyo-toggle-course-filters-sidebar:hover svg,
.masteriyo-close-filters-sidebar:hover svg {
fill: var(--masteriyo-color-white);
}
.masteriyo-toggle-course-filters-sidebar:hover .text,
.masteriyo-close-filters-sidebar:hover .text {
color: var(--masteriyo-color-white);
}
.masteriyo-toggle-course-filters-sidebar {
padding-left: 16px;
padding-right: 16px;
}
.masteriyo-toggle-course-filters-sidebar svg {
width: 18px;
height: 18px;
fill: #494949;
}
.masteriyo-toggle-course-filters-sidebar .text {
font-size: 16px;
font-weight: 500;
letter-spacing: 0.3px;
color: #494949;
}
.masteriyo-close-filters-sidebar {
position: absolute;
margin-top: 0;
right: 14px;
top: 12px;
padding: 0;
}
.masteriyo-close-filters-sidebar svg {
fill: #494949;
}
.masteriyo-courses-filters {
position: fixed;
top: 0;
bottom: 0;
background: var(--masteriyo-color-white);
max-width: 300px;
width: 100%;
margin-right: 0;
left: -100%;
z-index: 99;
overflow: auto;
padding: 60px 24px 40px;
transition: all 0.5s ease-in-out;
pointer-events: none;
}
.masteriyo-courses-filters.masteriyo-expanded {
left: 0;
pointer-events: all;
}
.masteriyo-courses-filters h5 {
font-size: 16px;
}
}
@media (max-width: 600px) {
.masteriyo-price-filter {
flex-wrap: wrap;
gap: 12px;
}
.masteriyo-price-filter > input {
width: 100% !important;
margin-right: 0 !important;
}
.masteriyo-price-filter .masteriyo-price-filter-separator {
display: none;
}
}
@media (max-width: 450px) {
.masteriyo-courses-filters.masteriyo-expanded {
width: 70%;
}
}
.masteriyo-search {
width: 100%;
}
.masteriyo-search .search-field {
background: var(--masteriyo-color-white);
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.03);
border-radius: 4px 0 0 4px;
border-right: 0;
min-height: 52px;
width: 100%;
font-weight: 400;
text-decoration: inherit;
border: 1px solid var(--masteriyo-color-border);
padding-left: 60px;
}
.masteriyo-search .search-field:hover, .masteriyo-search .search-field:focus, .masteriyo-search .search-field:active {
background: var(--masteriyo-color-white);
border-color: var(--masteriyo-color-btn-blue-hover);
transition: 0.5s ease;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.06);
}
.masteriyo-course {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
margin-left: -15px;
margin-right: -15px;
margin-top: -15px;
}
.masteriyo-course--card {
width: 100%;
flex-basis: auto;
align-self: baseline;
border-radius: 8px;
border: 1px solid var(--masteriyo-color-border);
}
.masteriyo-course--card:hover, .masteriyo-course--card:focus {
transition: 0.5s ease;
}
.masteriyo-course--card .masteriyo-rt {
justify-content: space-between;
}
.masteriyo-course--img-wrap {
position: relative;
}
.masteriyo-course--img-wrap a {
display: block;
}
.masteriyo-course--img-wrap img {
width: 100%;
height: auto;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: 0;
padding-bottom: 0;
}
.masteriyo-course--price-tag {
position: absolute;
top: 0;
right: 0;
background: var(--masteriyo-color-primary);
border-radius: 0 0 0 8px;
padding: 8px 16px;
color: var(--masteriyo-color-white);
font-weight: 700;
fill: var(--masteriyo-color-white);
}
.masteriyo-course--content__title {
margin-bottom: 10px;
}
.masteriyo-course.list-view {
flex-direction: column;
margin-left: 0;
margin-right: 0;
margin-top: 0;
gap: 40px;
}
.masteriyo-course.list-view .masteriyo-col {
width: 100%;
max-width: 100%;
padding: 0;
flex: 1;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--card {
display: flex;
align-items: flex-start;
padding: 0;
border: 0;
border-radius: 0;
gap: 28px;
}
@media (max-width: 850px) {
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--card {
align-items: flex-start;
}
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--img-wrap video {
height: 100%;
border-radius: 8px;
}
@media (max-width: 903px) {
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content {
flex-direction: column;
}
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__wrapper {
flex: 1;
width: 100%;
max-width: 100%;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__wrapper .masteriyo-course-progress-bar .course-progress-box.course-completed-banner .complete-eye-icon {
margin-left: 0;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__wrapper .masteriyo-course-progress-bar:has(.masteriyo-certificate-share-container) {
display: flex;
align-items: center;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__wrapper .masteriyo-course-progress-bar:has(.masteriyo-certificate-share-container) .course-progress-box.modern-progress {
padding-bottom: 0;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__wrapper .masteriyo-course-progress-bar:has(.masteriyo-certificate-share-container) .masteriyo-certificate-share-container {
margin-top: 0;
margin-left: auto;
margin-right: 16px;
width: -moz-max-content;
width: max-content;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__wrapper .masteriyo-course-progress-bar:has(.masteriyo-certificate-share-container) .masteriyo-retake-button-container {
width: -moz-max-content;
width: max-content;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__title {
margin-bottom: 10px;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__description {
margin-bottom: 20px;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__stats {
padding: 0;
border: 0;
flex-wrap: wrap;
justify-content: flex-start;
gap: 10px 20px;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__badge {
top: 0;
right: -26px;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content:has(.course-completed-banner) .masteriyo-course-card-footer.masteriyo-course-pricing--wrapper {
display: none;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content:has(.course-completed-banner) .masteriyo-course--content__wrapper {
padding-right: 12px;
border-right: 0;
}
.masteriyo-course.grid-view .masteriyo-col .masteriyo-course--img-wrap a {
display: flex;
}
.masteriyo-course.grid-view .masteriyo-col .masteriyo-course--img-wrap a img {
height: 230px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 600px) {
.masteriyo-course.grid-view .masteriyo-col .masteriyo-course--img-wrap a img {
height: auto;
}
}
.masteriyo-course--content {
position: relative;
padding: 20px;
}
.masteriyo-course--content__wrapper .masteriyo-single-course-stats .progress-header {
margin-bottom: 12px;
}
.masteriyo-course--content__wrapper .masteriyo-single-course-stats .progress-header .progress-label {
font-size: 14px;
line-height: 24px;
}
.masteriyo-course--content__wrapper .masteriyo-single-course-stats .progress-header .progress-percent {
font-size: 18px;
line-height: 26px;
}
.masteriyo-course--content__wrapper .masteriyo-single-course-stats .progress-header .completed-component .completed-info {
font-size: 12px;
line-height: 20px;
}
.masteriyo-course--content__wrapper .masteriyo-single-course-stats .progress-header .completed-component .course-progress-popover .row .course-progress-text .progress-completed, .masteriyo-course--content__wrapper .masteriyo-single-course-stats .progress-header .completed-component .course-progress-popover .row .course-progress-text .progress-left {
font-size: 13px;
line-height: 23px;
}
.masteriyo-course--content .masteriyo-course--content__category a {
text-decoration: none;
}
.masteriyo-course--content .masteriyo-course--content__title a {
color: var(--masteriyo-color-grey-dark);
text-decoration: none;
}
.masteriyo-course--content .masteriyo-course--content__title a:hover, .masteriyo-course--content .masteriyo-course--content__title a:focus {
color: var(--masteriyo-color-primary);
}
.masteriyo-course--content__badge {
position: absolute;
top: -14px;
right: -10px;
}
.masteriyo-course--content__badge::before {
content: "";
position: absolute;
top: 100%;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #ac4136 transparent transparent transparent;
}
.masteriyo-course--content__badge .course-featured {
color: var(--masteriyo-color-white);
font-size: 12px;
font-weight: 500;
line-height: 14px;
display: block;
}
.masteriyo-course--content__badge .masteriyo-badge {
text-transform: none;
display: block;
line-height: 14px;
color: #ffffff;
background: #f57f01;
border-radius: 0;
padding-top: 6px;
padding-bottom: 6px;
position: relative;
}
.masteriyo-course--content__badge .masteriyo-badge::before {
content: "";
position: absolute;
right: 100%;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 11px 0;
border-color: transparent #f57f01 transparent transparent;
}
.masteriyo-course--content__badge .masteriyo-badge::after {
content: "";
position: absolute;
right: 100%;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 11px 7px;
border-color: transparent transparent #f57f01 transparent;
}
.masteriyo-course--content__stats > div {
display: flex;
align-items: center;
justify-content: center;
color: var(--masteriyo-color-text-light);
}
.masteriyo-course--content__stats > div span {
margin-left: 8px;
font-size: 14px;
font-weight: 500;
}
.masteriyo-course--content__stats > div svg {
width: 20px;
height: 20px;
fill: var(--masteriyo-color-text-light);
}
.masteriyo-course--content .masteriyo-time-btn:has(.masteriyo-course-price) {
justify-content: space-between;
}
.masteriyo-course--content .masteriyo-course-expiry-countdown {
display: flex;
align-items: center;
gap: 14px;
}
@media (min-width: 769px) and (max-width: 992px) {
.masteriyo-course--content .masteriyo-course-expiry-countdown {
flex-direction: column;
}
}
@media (max-width: 400px) {
.masteriyo-course--content .masteriyo-course-expiry-countdown {
flex-direction: column;
}
}
.masteriyo-course--content .masteriyo-course-expiry-countdown__progress {
position: relative;
}
.masteriyo-course--content .masteriyo-course-expiry-countdown__progress .validity-countdown {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.masteriyo-course--content .masteriyo-course-expiry-countdown__progress .validity-countdown--number {
color: #383838;
font-size: 13px;
font-weight: 700;
line-height: 140%;
}
.masteriyo-course--content .masteriyo-course-expiry-countdown__progress .validity-countdown--days {
color: #383838;
font-size: 12px;
font-weight: 600;
line-height: 140%;
margin-top: -6px;
display: block;
}
.masteriyo-course--content .masteriyo-course-expiry-countdown__heading {
color: #383838;
font-size: 14px;
font-weight: 600;
line-height: 150%;
margin-bottom: 6px;
}
.masteriyo-course--content .masteriyo-course-expiry-countdown__desc {
color: #555;
font-size: 13px;
font-weight: 400;
line-height: 150%;
}
.masteriyo-course--content .masteriyo-course-price {
line-height: inherit;
}
.masteriyo-courses-header__title,
.masteriyo-courses-header .page-title {
font-size: 32px;
font-weight: 600;
margin: 0 0 32px;
}
@media (max-width: 1095px) {
.masteriyo-container .masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__wrapper {
border-right: 0;
padding-right: 0;
}
}
.masteriyo-btn-complete,
.masteriyo-btn-continue {
width: 100%;
}
.masteriyo-archive-cards {
max-width: 100%;
display: grid;
gap: 30px;
margin-bottom: 40px;
height: -moz-fit-content;
height: fit-content;
}
@media screen and (max-width: 575px) {
.masteriyo-archive-cards {
width: 100%;
}
}
.masteriyo-archive-cards.col-4 {
grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1199px) {
.masteriyo-archive-cards.col-4 {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 991px) {
.masteriyo-archive-cards.col-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 575px) {
.masteriyo-archive-cards.col-4 {
grid-template-columns: repeat(1, 1fr);
}
}
.masteriyo-archive-cards.col-4 .masteriyo-archive-card__image .masteriyo-course-thumbnail {
height: 180px;
}
.masteriyo-archive-cards.col-3 {
grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 991px) {
.masteriyo-archive-cards.col-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 575px) {
.masteriyo-archive-cards.col-3 {
grid-template-columns: repeat(1, 1fr);
}
}
.masteriyo-archive-cards.col-3 .masteriyo-archive-card__image .masteriyo-course-thumbnail {
height: 228px;
}
.masteriyo-archive-cards.col-2 {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 575px) {
.masteriyo-archive-cards.col-2 {
grid-template-columns: repeat(1, 1fr);
}
}
.masteriyo-archive-cards.col-2 .masteriyo-archive-card__image .masteriyo-course-thumbnail {
height: 340px;
}
@media screen and (max-width: 991px) {
.masteriyo-archive-cards.col-2 .masteriyo-archive-card__image .masteriyo-course-thumbnail {
height: 240px;
}
}
.masteriyo-archive-cards.col-1 {
grid-template-columns: repeat(1, 1fr);
}
.masteriyo-archive-cards.col-1 .masteriyo-archive-card__image .masteriyo-course-thumbnail {
height: 500px;
}
@media screen and (max-width: 991px) {
.masteriyo-archive-cards.col-1 .masteriyo-archive-card__image .masteriyo-course-thumbnail {
height: 360px;
}
}
@media screen and (max-width: 575px) {
.masteriyo-archive-cards.col-1 .masteriyo-archive-card__image .masteriyo-course-thumbnail {
height: 280px;
}
}
.masteriyo-course-cards {
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 30px;
}
.masteriyo-course-cards.col-4 {
grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1199px) {
.masteriyo-course-cards.col-4 {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 768px) {
.masteriyo-course-cards.col-4 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 600px) {
.masteriyo-course-cards.col-4 {
grid-template-columns: repeat(1, 1fr);
}
}
.masteriyo-course-cards.col-3 {
grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
.masteriyo-course-cards.col-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 600px) {
.masteriyo-course-cards.col-3 {
grid-template-columns: repeat(1, 1fr);
}
}
.masteriyo-course-cards.col-2 {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 600px) {
.masteriyo-course-cards.col-2 {
grid-template-columns: repeat(1, 1fr);
}
}
.masteriyo-course-cards.col-1 {
grid-template-columns: repeat(1, 1fr);
}
.masteriyo-course-cards .masteriyo-course-card {
position: relative;
overflow: hidden;
min-height: 260px;
}
.masteriyo-course-cards .masteriyo-course-card::before {
content: "";
background: linear-gradient(179deg, rgba(0, 0, 0, 0) 0.6%, rgba(14, 14, 14, 0.5) 76.96%) #050505;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.3;
border-radius: 8px;
}
.masteriyo-course-cards .masteriyo-course-card__thumbnail-image {
width: 100%;
height: 100%;
border-radius: 8px;
-o-object-fit: cover;
object-fit: cover;
}
.masteriyo-course-cards .masteriyo-course-card__favorite-icon {
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #ffffff;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.masteriyo-course-cards .masteriyo-course-card__favorite-icon svg {
width: 16px;
height: 16px;
}
.masteriyo-course-cards .masteriyo-course-card__favorite-icon svg path {
stroke: #4e4e4e;
}
.masteriyo-course-cards .masteriyo-course-card__favorite-icon.active svg, .masteriyo-course-cards .masteriyo-course-card__favorite-icon:hover svg {
fill: #f25656;
}
.masteriyo-course-cards .masteriyo-course-card__favorite-icon.active svg path, .masteriyo-course-cards .masteriyo-course-card__favorite-icon:hover svg path {
stroke: #f25656;
}
.masteriyo-course-cards .masteriyo-course-card__content {
padding: 20px;
position: absolute;
bottom: 0;
left: 0;
transition: all 0.3s ease-in-out;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
transition: all 0.3s ease-in-out;
}
.masteriyo-course-cards .masteriyo-course-card__content--category {
display: flex;
align-items: center;
gap: 4px;
}
.masteriyo-course-cards .masteriyo-course-card__content--category .masteriyo-course-category {
color: #ebebeb;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.masteriyo-course-cards .masteriyo-course-card__content--category .masteriyo-course-category::after {
content: ",";
}
.masteriyo-course-cards .masteriyo-course-card__content--category .masteriyo-course-category:last-child::after {
content: none;
}
.masteriyo-course-cards .masteriyo-course-card__content--course-title {
text-decoration: none;
margin-top: 2px;
margin-bottom: 6px;
display: block;
}
.masteriyo-course-cards .masteriyo-course-card__content--course-title .masteriyo-course-title {
overflow: hidden;
color: var(--masteriyo-color-white);
text-overflow: ellipsis;
font-size: 18px;
font-weight: 600;
line-height: 150%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
transition: all 0.3s ease-in-out;
margin-bottom: 0;
}
.masteriyo-course-cards .masteriyo-course-card__content--rating-amount {
display: flex;
align-items: center;
justify-content: space-between;
}
.masteriyo-course-cards .masteriyo-course-card__content--rating {
color: #ffffff;
font-size: 12px;
font-weight: 500;
line-height: 15px;
display: flex;
align-items: center;
gap: 4px;
}
.masteriyo-course-cards .masteriyo-course-card__content--rating svg {
width: 18px;
height: 18px;
fill: #e59819;
}
.masteriyo-course-cards .masteriyo-course-card__content--amount {
display: flex;
align-items: center;
gap: 6px;
}
.masteriyo-course-cards .masteriyo-course-card__content--amount-offer-price {
color: #f4f4f4;
font-size: 12px;
font-weight: 400;
line-height: 14px;
text-decoration: line-through;
}
.masteriyo-course-cards .masteriyo-course-card__content--amount-sale-price {
color: #ffffff;
font-size: 16px;
font-weight: 600;
line-height: 26px;
}
.masteriyo-course-cards .masteriyo-course-card__content--container {
display: flex;
flex-direction: column;
width: 100%;
max-height: 0;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.masteriyo-course-cards .masteriyo-course-card__content--desc {
overflow: hidden;
color: #eeeeee;
text-overflow: ellipsis;
font-size: 15px;
font-weight: 500;
line-height: 25px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
margin-bottom: 16px;
margin-top: 8px;
}
.masteriyo-course-cards .masteriyo-course-card__content .masteriyo-course-expiration {
margin-bottom: 8px;
margin-top: 16px;
}
.masteriyo-course-cards .masteriyo-course-card__content--info {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
margin: 12px 0;
}
.masteriyo-course-cards .masteriyo-course-card__content--info .masteriyo-info-label {
color: #f4f4f4;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
.masteriyo-course-cards .masteriyo-course-card__content--info svg {
width: 16px;
height: 16px;
}
.masteriyo-course-cards .masteriyo-course-card__content--info svg path {
fill: #f4f4f4;
}
.masteriyo-course-cards .masteriyo-course-card__content--info-duration, .masteriyo-course-cards .masteriyo-course-card__content--info-students, .masteriyo-course-cards .masteriyo-course-card__content--info-lessons {
display: flex;
align-items: center;
gap: 6px;
}
.masteriyo-course-cards .masteriyo-course-card:hover::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(48, 48, 48, 0.4);
-webkit-backdrop-filter: blur(3.5px);
backdrop-filter: blur(3.5px);
opacity: 1;
}
.masteriyo-course-cards .masteriyo-course-card:hover .masteriyo-course-card__content--container {
max-height: 500px;
}
body.masteriyo-courses-page {
background: #ffffff;
}
.masteriyo-course-expiration {
display: flex;
align-items: center;
padding: 4px 12px 6px 10px;
gap: 6px;
border-radius: 6px;
background: #fff4f4;
width: 100%;
max-width: -moz-max-content;
max-width: max-content;
margin-bottom: 16px;
}
.masteriyo-course-expiration svg {
width: 20px;
height: 20px;
fill: #f25656;
}
.masteriyo-course-expiration--text {
all: unset;
color: #f25656;
font-size: 14px;
font-weight: 500;
line-height: 24px;
padding-top: 2px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-card__image .masteriyo-course--content__badge {
position: absolute;
top: unset;
right: unset;
top: 16px;
left: 16px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-card__image .masteriyo-course--content__badge::before {
content: none;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-card__image .masteriyo-course--content__badge .masteriyo-badge {
padding-top: 8px;
padding-bottom: 8px;
border-radius: 3px;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-card__image .masteriyo-course--content__badge .masteriyo-badge::before {
content: none;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-card__image .masteriyo-course--content__badge .masteriyo-badge::after {
content: none;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-card__image .course-featured {
font-size: 12px;
font-weight: 500;
background: var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
padding: 0 12px 0 2px;
line-height: 32px;
position: absolute;
right: -10px;
top: 12px;
z-index: 2;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-card__image .course-featured::before {
content: "";
position: absolute;
top: 0;
left: -25px;
border: 16px solid var(--masteriyo-color-primary);
border-left-color: transparent;
z-index: -1;
}
.masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-card__image .course-featured::after {
content: "";
position: absolute;
top: 100%;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #3a3a3a transparent transparent transparent;
}
.masteriyo-course-list-display-section.layout_2 {
margin-bottom: 40px;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card {
overflow: unset;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card__content .masteriyo-course-title-wrapper {
display: flex;
align-items: flex-start;
margin-top: 2px;
margin-bottom: 8px;
gap: 16px;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card__content .masteriyo-course-title-wrapper .masteriyo-course-card__content--course-title {
margin-top: 0;
margin-bottom: 0;
width: 100%;
text-decoration: none;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card__content .masteriyo-course-title-wrapper .masteriyo-wishlist {
position: unset;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card__content--container .masteriyo-single-course-stats {
margin-top: 4px;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card__content--container .masteriyo-single-course-stats .course-progress-box .progress-label, .masteriyo-course-list-display-section.layout_2 .masteriyo-course-card__content--container .masteriyo-single-course-stats .course-progress-box .progress-percent {
color: var(--masteriyo-color-white);
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card__content--container .masteriyo-single-course-stats .course-progress-box .completed-info {
color: #eeeeee;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card .course-featured {
font-size: 12px;
font-weight: 500;
background: var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
padding: 0 12px 0 2px;
line-height: 32px;
position: absolute;
right: -10px;
top: 20px;
z-index: 2;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card .course-featured::before {
content: "";
position: absolute;
top: 0;
left: -25px;
border: 16px solid var(--masteriyo-color-primary);
border-left-color: transparent;
z-index: -1;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card .course-featured::after {
content: "";
position: absolute;
top: 100%;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #3a3a3a transparent transparent transparent;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card .masteriyo-course--content__badge {
position: absolute;
top: 20px;
left: 20px;
right: unset;
z-index: 1;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card .masteriyo-course--content__badge::before {
content: none;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card .masteriyo-course--content__badge .masteriyo-badge {
padding-top: 8px;
padding-bottom: 8px;
border-radius: 3px;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card .masteriyo-course--content__badge .masteriyo-badge::before {
content: none;
}
.masteriyo-course-list-display-section.layout_2 .masteriyo-course-card .masteriyo-course--content__badge .masteriyo-badge::after {
content: none;
}
.masteriyo-course-search {
display: flex;
align-items: center;
position: relative;
border-radius: 4px 0px 0px 4px;
overflow: hidden;
}
.masteriyo-course-search__icon {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.masteriyo-course-search__icon svg {
width: 20px;
height: 20px;
fill: var(--masteriyo-color-placeholder);
}
.masteriyo-course-search .search-field {
flex: 1;
padding: 0 16px 0 45px;
font-size: 16px;
color: #374151;
background: transparent;
}
.masteriyo-course-search .search-field::-moz-placeholder {
color: #9ca3af;
}
.masteriyo-course-search .search-field::placeholder {
color: #9ca3af;
}
.masteriyo-course-search .masteriyo-btn {
min-height: 52px;
max-height: 52px;
padding: 8px 20px;
border: none;
border-radius: 0px 4px 4px 0px;
font-size: 16px;
font-weight: 500;
letter-spacing: unset;
white-space: nowrap;
cursor: pointer;
transition: background-color 0.2s ease;
text-transform: none;
}
.masteriyo-courses-sorting .masteriyo-courses-order-by {
border: 1px solid var(--masteriyo-color-border);
border-radius: 4px;
width: 100%;
min-height: 52px;
padding: 0 16px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23383838' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M2.418 7.403a1.468 1.468 0 0 1 2.02 0L12 14.68l7.561-7.278a1.468 1.468 0 0 1 2.02 0 1.339 1.339 0 0 1 0 1.944l-8.57 8.25a1.468 1.468 0 0 1-2.021 0l-8.572-8.25a1.339 1.339 0 0 1 0-1.944Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat right 10px center;
background-size: 16px;
cursor: pointer;
}
.masteriyo-courses-sorting .masteriyo-courses-order-by:focus {
outline: none;
box-shadow: none;
border-color: var(--masteriyo-color-primary);
}
.masteriyo-courses-view-mode-section {
border-bottom: 0;
padding-bottom: 0;
display: flex;
align-items: center;
gap: 12px;
margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
.masteriyo-courses-view-mode-section {
margin: 0;
}
}
.masteriyo-courses-view-mode-section span {
font-size: 16px;
line-height: 150%;
color: #1e293b;
font-weight: 400;
}
.masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists {
list-style-type: none;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 4px;
margin: 0;
}
.masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists .masteriyo-courses-view-mode-item {
transition: all 0.3s ease-in-out;
}
.masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists .masteriyo-courses-view-mode-item button {
color: #bababa;
background: transparent;
border-radius: 3px;
transition: all 0.3s ease-in-out;
width: 36px;
height: 36px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists .masteriyo-courses-view-mode-item button:focus {
outline: none;
box-shadow: none;
border: 0;
}
.masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists .masteriyo-courses-view-mode-item button svg {
width: 24px;
height: 24px;
}
.masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists .masteriyo-courses-view-mode-item button svg path {
transition: all 0.3s ease-in-out;
fill: #bababa;
}
.masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists .masteriyo-courses-view-mode-item:hover button, .masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists .masteriyo-courses-view-mode-item.active button {
color: #ffffff;
background: var(--masteriyo-color-primary);
}
.masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists .masteriyo-courses-view-mode-item:hover button svg path, .masteriyo-courses-view-mode-section .masteriyo-courses-view-mode-item-lists .masteriyo-courses-view-mode-item.active button svg path {
fill: #ffffff;
}
.masteriyo-filter-section .toggle-arrow {
transition: transform 0.3s ease;
cursor: pointer;
width: 20px;
height: 20px;
}
.masteriyo-filter-section .toggle-arrow.rotated {
transform: rotate(360deg) !important;
}
.single-mto-course .masteriyo-single-course .masteriyo-course--content .masteriyo-course-expiration {
margin: -10px 32px 20px;
}
.single-mto-course .masteriyo-single-course .masteriyo-course--content:has(.masteriyo-certificate-share-container) .masteriyo-course-progress-bar .modern-progress {
padding-bottom: 12px;
}
.masteriyo-single-course:not(.elementor) {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
flex-direction: row;
}
.masteriyo-single-course--main {
background-color: var(--masteriyo-color-white);
border-radius: 8px;
border: 1px solid var(--masteriyo-color-border);
flex: 0 0 70%;
height: 100%;
padding: 0;
}
.masteriyo-single-course--main__content .masteriyo-stab {
padding: 0 30px;
}
@media screen and (max-width: 600px) {
.masteriyo-single-course--main__content .masteriyo-stab {
gap: 0;
}
}
.masteriyo-single-course--main__content .masteriyo-stab--tcurriculum {
border: 1px solid var(--masteriyo-color-border);
margin: 32px;
padding: 0;
border-radius: 4px;
}
@media screen and (max-width: 600px) {
.masteriyo-single-course--main__content .masteriyo-stab--tcurriculum {
margin: 0;
bottom: 0;
}
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--shortinfo {
padding: 20px 24px;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--shortinfo .title-container .masteriyo-shortinfo-wrap {
margin: 0;
gap: 12px;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--shortinfo .title-container .masteriyo-shortinfo-wrap li {
margin: 0;
display: flex;
align-items: center;
gap: 12px;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--shortinfo .title-container .masteriyo-shortinfo-wrap li::before {
content: none;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--shortinfo .title-container .masteriyo-shortinfo-wrap li::after {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #5f5f5f;
display: block;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--shortinfo .title-container .masteriyo-shortinfo-wrap li:last-child::after {
content: none;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--shortinfo .masteriyo-link-primary {
margin-top: 0;
font-size: 15px;
line-height: 18px;
font-weight: 400;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems {
padding: 0;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cheader .masteriyo-ltc {
flex: unset;
gap: 12px;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cheader .masteriyo-ltc span {
margin-left: 0;
color: #909090;
display: flex;
align-items: center;
gap: 12px;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cheader .masteriyo-ltc span::after {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #909090;
display: block;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cheader .masteriyo-ltc span:last-child::after {
content: none;
}
@media screen and (max-width: 600px) {
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cheader .masteriyo-ltc span {
display: none;
}
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems.active .masteriyo-cheader .masteriyo-ltc span {
color: var(--masteriyo-color-white);
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems.active .masteriyo-cheader .masteriyo-ltc span::after {
background: var(--masteriyo-color-white);
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody {
background: var(--masteriyo-color-white);
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 20px;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item svg {
width: 20px;
height: 20px;
fill: #424360;
margin-top: 2px;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item a {
flex: 1;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item .masteriyo-lesson-completed, .masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item .masteriyo-lesson-in-progress {
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item .masteriyo-lesson-completed svg {
width: 24px;
height: 24px;
fill: #48bb78;
margin-top: 1px;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item .masteriyo-lesson-in-progress {
position: relative;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item .masteriyo-lesson-in-progress .masteriyo-progress-ring {
transform: rotate(-90deg);
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item .masteriyo-lesson-in-progress .masteriyo-progress-ring__circle {
stroke: #eeeeee;
stroke-width: 2.5;
fill: transparent;
r: 8.75;
cx: 10;
cy: 10;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item .masteriyo-lesson-in-progress .masteriyo-progress-ring__progress {
stroke: #bbbbbb;
stroke-width: 2.5;
stroke-linecap: round;
fill: transparent;
r: 8.75;
cx: 10;
cy: 10;
stroke-dasharray: 54.98;
stroke-dashoffset: 28.24;
transition: stroke-dashoffset 2s cubic-bezier(0.4, 0, 0.2, 1);
animation: progress-animation 2s ease-in-out;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item:has(.masteriyo-lesson-not-started) {
cursor: not-allowed;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item:has(.masteriyo-lesson-not-started) > a {
pointer-events: none;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item:has(.masteriyo-lesson-not-started) svg,
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item:has(.masteriyo-lesson-not-started) a {
opacity: 0.6;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item:has(.masteriyo-lesson-not-started) svg:last-child,
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item:has(.masteriyo-lesson-not-started) a:last-child {
opacity: 1;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item .masteriyo-course-preview-wrapper .masteriyo-lesson-preview-link {
pointer-events: unset;
opacity: 1;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item .masteriyo-course-preview-wrapper .masteriyo-course-preview-link svg {
cursor: pointer;
}
.masteriyo-single-course--main__content .tab-content.course-curriculum .masteriyo-stab--citems .masteriyo-cbody .masteriyo-lesson-list .masteriyo-lesson-item .masteriyo-course-preview-wrapper .masteriyo-course-preview-link svg:hover {
fill: var(--masteriyo-color-primary);
}
.masteriyo-single-course--main__content .course-overview {
padding: 0 30px 30px;
color: var(--masteriyo-color-text);
font-size: 15px;
line-height: 25px;
}
.masteriyo-single-course--main__content .course-overview ul li p,
.masteriyo-single-course--main__content .course-overview ol li p {
margin-bottom: 4px;
}
.masteriyo-single-course--main .masteriyo-course-category {
margin-bottom: 12px;
padding: 0 30px;
}
.masteriyo-single-course--main .masteriyo-course-author-rating-wrapper {
padding: 0 30px;
}
.masteriyo-single-course--title .masteriyo-wishlist {
margin-left: auto;
}
.masteriyo-single-course--badge {
margin-top: 12px;
margin-bottom: 24px;
padding: 0 32px;
}
.masteriyo-single-course--badge .masteriyo-badge {
text-transform: none;
background: #f57f01;
color: #ffffff;
border-radius: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.masteriyo-single-course--title-tag {
font-size: 14px;
border-radius: 50px;
position: absolute;
top: 0;
}
.masteriyo-single-course--aside .masteriyo-course-progress-bar {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.masteriyo-single-course--aside .masteriyo-time-btn:has(.masteriyo-retake-btn) {
justify-content: flex-start;
}
@media screen and (min-width: 600px) and (max-width: 768px) {
.masteriyo-single-course--aside .masteriyo-time-btn {
flex-direction: row;
}
.masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-enroll-btn {
width: -moz-max-content;
width: max-content;
}
}
.masteriyo-single-course--aside:has(.masteriyo-retake-btn) {
justify-content: flex-start;
}
.masteriyo-single-course--aside .masteriyo-sticky {
z-index: 9;
}
.masteriyo-single-course .masteriyo-course--content .masteriyo-course--img-wrap img {
height: 440px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 600px) {
.masteriyo-single-course .masteriyo-course--content .masteriyo-course--img-wrap img {
height: auto;
}
}
.masteriyo-single-course .masteriyo-course--content__title {
margin-bottom: 14px;
padding: 0 15px;
}
.masteriyo-single-course .masteriyo-course--content__stats {
display: flex;
align-items: center;
justify-content: space-between;
}
.masteriyo-single-course .masteriyo-course--content__stats > div {
display: flex;
align-items: center;
justify-content: center;
color: var(--masteriyo-color-text-light);
}
.masteriyo-single-course .masteriyo-course--content__stats > div span {
margin-left: 4px;
}
.masteriyo-single-course .masteriyo-course--content__stats > div svg {
width: 20px;
height: 20px;
fill: var(--masteriyo-color-text-light);
}
.masteriyo-single-course .masteriyo-course--content__title {
line-height: 18px;
margin: 0 0 14px 0;
}
.masteriyo-single-course .masteriyo-course--content__title::before {
content: "";
display: none;
}
.masteriyo-single-course .masteriyo-course--content__title a {
font-weight: bold;
font-size: 18px;
color: var(--masteriyo-color-grey-dark);
text-decoration: none;
}
.masteriyo-single-course .masteriyo-expand-collapse-all {
cursor: pointer;
text-decoration: none;
}
.masteriyo-related-post {
width: 100%;
}
.masteriyo-related-post__title {
padding: 0;
margin-top: 0;
margin-bottom: 24px;
}
.masteriyo-related-post .masteriyo-course-cards .masteriyo-course-card__content .masteriyo-course-title-wrapper .masteriyo-course-card__content--course-title {
text-decoration: none;
margin: 0;
}
.masteriyo-related-post .masteriyo-course--card {
background-color: var(--masteriyo-color-white);
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--img-wrap img {
border-bottom: 1px solid var(--masteriyo-color-border);
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content {
padding: 20px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content > div:last-child {
margin-bottom: 0;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content .masteriyo-course-category {
padding: 0;
margin-bottom: 10px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content .masteriyo-course-category a {
display: flex;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content .masteriyo-course-highlights {
border-bottom: 0;
margin: 10px 0 20px;
padding-bottom: 0;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content .masteriyo-course-highlights ul {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
padding-left: 0;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content .masteriyo-course-highlights ul li {
display: flex;
align-items: center;
list-style: none;
font-size: 14px;
line-height: 24px;
gap: 10px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content .masteriyo-course-highlights ul li::before {
content: "";
background-image: url(//ennysconsultancy.org/wp-content/plugins/learning-management-system-pro/assets/img/svgs/icon-check.svg);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
display: block;
width: 16px;
height: 16px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content .masteriyo-course-pricing--wrapper {
padding-bottom: 0;
margin-bottom: 4px;
border-bottom: 0;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-course-price .current-amount .amount {
font-size: 20px;
line-height: 28px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content .masteriyo-course-pricing--wrapper .masteriyo-btn-primary {
min-height: 34px;
font-size: 14px;
line-height: 24px;
padding: 0 16px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content__badge {
top: -14px;
right: -10px;
z-index: 10;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content__wrapper .masteriyo-course--content__stats {
justify-content: flex-start;
flex-wrap: wrap;
border-top: 0;
gap: 10px 20px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content__wrapper .masteriyo-course-progress-bar .course-progress-box.course-completed-banner .completed-icon svg {
width: 20px;
height: 20px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content__wrapper .masteriyo-course-progress-bar .course-progress-box.course-completed-banner .completed-text {
font-size: 15px;
line-height: 25px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content__wrapper .masteriyo-course-expiration {
align-items: flex-start;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content__wrapper .masteriyo-course-expiration svg {
width: 18px;
height: 18px;
margin-top: 4px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content__wrapper .masteriyo-course-expiration--text {
flex: 1;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content .masteriyo-single-course-stats .progress-header .progress-label {
font-size: 14px;
line-height: 24px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--content .masteriyo-single-course-stats .progress-header .progress-percent {
font-size: 18px;
line-height: 26px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--img-wrap {
max-height: 220px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--img-wrap .masteriyo-course--badges {
top: 20px;
left: 20px;
}
.masteriyo-related-post .masteriyo-course--card .masteriyo-course--img-wrap img {
height: 220px;
-o-object-fit: cover;
object-fit: cover;
}
.masteriyo-related-post .masteriyo-archive-card__image .masteriyo-course--content__badge {
position: absolute;
top: unset;
right: unset;
bottom: 12px;
left: 12px;
}
.masteriyo-related-post .masteriyo-archive-card__image .masteriyo-course--content__badge::before {
content: none;
}
.masteriyo-related-post .masteriyo-archive-card__image .masteriyo-course--content__badge .masteriyo-badge {
padding-top: 8px;
padding-bottom: 8px;
border-radius: 3px;
}
.masteriyo-related-post .masteriyo-archive-card__image .masteriyo-course--content__badge .masteriyo-badge::before, .masteriyo-related-post .masteriyo-archive-card__image .masteriyo-course--content__badge .masteriyo-badge::after {
content: none;
}
.masteriyo-related-post .masteriyo-archive-card__image .course-featured {
font-size: 12px;
font-weight: 500;
background-color: var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
padding: 0 12px 0 2px;
line-height: 32px;
position: absolute;
right: -10px;
top: 12px;
z-index: 2;
}
.masteriyo-related-post .masteriyo-archive-card__image .course-featured::before {
content: "";
position: absolute;
top: 0;
left: -25px;
border: 16px solid var(--masteriyo-color-primary);
border-left-color: transparent;
z-index: -1;
}
.masteriyo-related-post .masteriyo-archive-card__image .course-featured::after {
content: "";
position: absolute;
top: 100%;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #2d5095 transparent transparent transparent;
}
.masteriyo-related-post .masteriyo-course-card {
overflow: unset;
}
.masteriyo-related-post .masteriyo-course-card__content--container .masteriyo-course-expiration {
display: flex;
align-items: center;
padding: 4px 8px 6px 6px;
gap: 6px;
border-radius: 6px;
background: #fff4f4;
width: -moz-max-content;
width: max-content;
max-width: 100%;
margin-bottom: 16px;
}
.masteriyo-related-post .masteriyo-course-card__content--container .masteriyo-course-expiration svg {
width: 20px;
height: 20px;
fill: #f25656;
}
.masteriyo-related-post .masteriyo-course-card__content--container .masteriyo-course-expiration--text {
all: unset;
color: #f25656;
font-size: 14px;
font-weight: 500;
line-height: 24px;
padding-top: 2px;
}
.masteriyo-related-post .masteriyo-course-card__content--container .masteriyo-retake-btn {
border: 1px solid #f4f4f4;
border-radius: 4px;
margin-top: 12px;
}
.masteriyo-related-post .masteriyo-course-card__content--container .masteriyo-retake-btn span {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.masteriyo-related-post .masteriyo-course-card__content--container .masteriyo-retake-btn span::after {
content: "Retake Course";
font-size: 14px;
line-height: 20px;
color: #f4f4f4;
}
.masteriyo-related-post .masteriyo-course-card__content--container .masteriyo-retake-btn span svg {
width: 18px;
height: 18px;
fill: #f4f4f4;
}
.masteriyo-related-post .masteriyo-course-card .masteriyo-course--content__badge {
position: absolute;
top: 20px;
left: 20px;
right: unset;
z-index: 1;
}
.masteriyo-related-post .masteriyo-course-card .masteriyo-course--content__badge::before {
content: none;
}
.masteriyo-related-post .masteriyo-course-card .masteriyo-course--content__badge .masteriyo-badge {
text-transform: none;
display: block;
line-height: 14px;
color: var(--masteriyo-color-white);
background: var(--masteriyo-color-badge);
position: relative;
padding-top: 8px;
padding-bottom: 8px;
border-radius: 3px;
}
.masteriyo-related-post .masteriyo-course-card .masteriyo-course--content__badge .masteriyo-badge::before, .masteriyo-related-post .masteriyo-course-card .masteriyo-course--content__badge .masteriyo-badge::after {
content: none;
}
.masteriyo-related-post .masteriyo-course-card .course-featured {
font-size: 12px;
font-weight: 500;
background-color: var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
padding: 0 12px 0 2px;
line-height: 32px;
position: absolute;
right: -10px;
top: 20px;
z-index: 2;
}
.masteriyo-related-post .masteriyo-course-card .course-featured::before {
content: "";
position: absolute;
top: 0;
left: -25px;
border: 16px solid var(--masteriyo-color-primary);
border-left-color: transparent;
z-index: -1;
}
.masteriyo-related-post .masteriyo-course-card .course-featured::after {
content: "";
position: absolute;
top: 100%;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #2d5095 transparent transparent transparent;
}
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-card__content--rating-amount .masteriyo-course-card__content--rating {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
color: #646464;
font-size: 15px;
font-weight: 500;
line-height: 25px;
}
.masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-card__content--rating-amount .masteriyo-course-card__content--rating svg {
fill: var(--masteriyo-color-golden);
width: 18px;
height: 18px;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-card__content .masteriyo-course-title-wrapper {
display: flex;
align-items: center;
margin-top: 2px;
margin-bottom: 10px;
gap: 16px;
}
.masteriyo-related-post[data-layout=layout_2] .masteriyo-course-card__content--course-title {
width: 100%;
}
.masteriyo-stab-rs.border-none {
border: none;
padding: 0;
}
.masteriyo-feature-img {
position: relative;
width: 100%;
display: flex;
}
.masteriyo-feature-img:hover .masteriyo-play-featured-video-btn,
.masteriyo-feature-img .masteriyo-play-featured-video-btn-related {
display: flex;
}
.masteriyo-feature-img .masteriyo-play-featured-video-btn,
.masteriyo-feature-img .masteriyo-play-featured-video-btn-related {
position: absolute;
z-index: 9;
background: black;
left: calc(50% - 36px);
top: calc(50% - 36px);
display: flex;
padding: 16px 16px;
border-radius: 5px;
cursor: pointer;
border-radius: 100%;
background: #333;
transition: 0.2s;
box-shadow: 0px 0px 1em #000;
opacity: 70%;
}
.masteriyo-feature-img .masteriyo-play-featured-video-btn:hover,
.masteriyo-feature-img .masteriyo-play-featured-video-btn-related:hover {
background: var(--masteriyo-color-primary);
box-shadow: 0px 0px 3em #000;
opacity: 100%;
}
.masteriyo-feature-img .masteriyo-play-featured-video-btn svg,
.masteriyo-feature-img .masteriyo-play-featured-video-btn-related svg {
fill: white;
width: 40px;
height: 40px;
}
.masteriyo-feature-img .masteriyo-play-featured-video-btn.masteriyo-sm,
.masteriyo-feature-img .masteriyo-play-featured-video-btn-related.masteriyo-sm {
padding: 12px;
left: calc(50% - 18px);
top: calc(50% - 18px);
}
.masteriyo-feature-img .masteriyo-play-featured-video-btn.masteriyo-sm svg,
.masteriyo-feature-img .masteriyo-play-featured-video-btn-related.masteriyo-sm svg {
fill: white;
width: 20px;
height: 20px;
}
.masteriyo-feature-img .masteriyo-feature-course-image {
width: 100%;
max-height: 480px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.masteriyo-feature-img .masteriyo-price-tag,
.masteriyo-feature-img .masteriyo-heart {
position: absolute;
}
.masteriyo-feature-img .masteriyo-price-tag {
top: 0;
left: 0;
}
.masteriyo-feature-img .masteriyo-price-tag {
background: var(--masteriyo-color-primary);
border-radius: 0 0 16px 0;
padding: 8px 16px;
color: var(--masteriyo-color-white);
}
.masteriyo-feature-img .masteriyo-heart {
top: 20px;
right: 20px;
background: var(--masteriyo-color-white);
border-radius: 100px;
padding: 8px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
.masteriyo-feature-img .masteriyo-heart:hover {
transform: scale(1.1);
}
.masteriyo-stab {
margin-top: 12px;
margin-bottom: 24px;
word-break: break-all;
}
.masteriyo-stab .tab-content .masteriyo-stab--shortinfo {
padding-bottom: 24px;
padding-left: 32px;
padding-right: 32px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.masteriyo-stab .tab-content .masteriyo-stab--shortinfo .title-container {
display: flex;
flex-direction: column;
}
.masteriyo-stab .tab-content .masteriyo-stab--shortinfo .title-container .title {
margin: 0;
font-weight: 500;
font-size: 24px;
line-height: 28px;
margin-bottom: 12px;
color: var(--masteriyo-color-heading);
}
.masteriyo-stab .tab-content ul.masteriyo-shortinfo-wrap {
list-style: none;
display: flex;
flex-direction: row;
margin: inherit;
font-size: 14px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.005em;
padding: 0;
margin-left: -8px;
margin-right: -8px;
}
.masteriyo-stab .tab-content ul.masteriyo-shortinfo-wrap li {
margin-left: 8px;
margin-right: 8px;
}
.masteriyo-stab .tab-content ul.masteriyo-shortinfo-wrap li:first-child::before {
display: none;
}
.masteriyo-stab .tab-content ul.masteriyo-shortinfo-wrap li::before {
content: "";
background: var(--masteriyo-color-grey-dark);
display: inline-block;
width: 0.3em;
height: 0.3em;
margin: 0 4px 2px 0;
border-radius: 50px;
}
.masteriyo-stab .tab-content .masteriyo-expand-collapse-all {
cursor: pointer;
text-decoration: none;
}
.masteriyo-stab--tcurriculum .masteriyo-stab--shortinfo {
padding-bottom: 24px;
padding-left: 32px;
padding-right: 32px;
display: flex;
gap: 16px;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
color: var(--masteriyo-color-text);
}
.masteriyo-stab--tcurriculum .masteriyo-expand-collapse-all {
margin-top: 20px;
}
.masteriyo-stab--tcurriculum .title-container {
display: flex;
flex-direction: column;
}
.masteriyo-stab--tcurriculum .title-container .title {
margin: 0;
font-weight: 500;
font-size: 24px;
line-height: 28px;
margin-bottom: 12px;
color: var(--masteriyo-color-heading);
}
.masteriyo-stab--tcurriculum ul.masteriyo-shortinfo-wrap {
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
margin: inherit;
font-size: 14px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.005em;
padding: 0;
margin-left: -8px;
margin-right: -8px;
}
.masteriyo-stab--tcurriculum ul.masteriyo-shortinfo-wrap li {
margin-left: 8px;
margin-right: 8px;
}
.masteriyo-stab--tcurriculum ul.masteriyo-shortinfo-wrap li:first-child::before {
display: none;
}
.masteriyo-stab--tcurriculum ul.masteriyo-shortinfo-wrap li::before {
content: "";
background: var(--masteriyo-color-grey-dark);
display: inline-block;
width: 0.3em;
height: 0.3em;
margin: 0 4px 2px 0;
border-radius: 50px;
}
.masteriyo-stab--tcurriculum > div:not(:first-child) {
border-top: 1px solid var(--masteriyo-color-border);
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems {
cursor: pointer;
color: var(--masteriyo-color-text);
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems:first-of-type {
border-top-width: 2px;
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems .masteriyo-cminus {
display: none;
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems .masteriyo-cplus svg {
fill: var(--masteriyo-color-text-light);
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active {
border-bottom: 0;
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cminus {
display: flex;
align-items: center;
justify-content: center;
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cminus svg {
fill: var(--masteriyo-color-text-light);
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cheader {
background: var(--masteriyo-color-primary);
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cheader .masteriyo-ctitle,
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cheader .masteriyo-ltc {
color: var(--masteriyo-color-white);
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cheader .masteriyo-ctitle {
margin-bottom: 0;
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cbody {
max-height: 999px;
overflow-y: auto;
background: var(--masteriyo-color-primary-lightest);
cursor: default;
scrollbar-width: thin;
scrollbar-color: #888 #f1f1f1;
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cbody::-webkit-scrollbar {
width: 8px;
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cbody::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 8px;
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cbody::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 4px;
border: 2px solid #f1f1f1;
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cbody::-webkit-scrollbar-thumb:hover {
background-color: #555;
}
@media screen and (max-width: 480px) {
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cbody {
max-height: 500px;
}
}
@media screen and (max-width: 768px) {
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cbody {
max-height: 600px;
}
}
.masteriyo-stab--tcurriculum .masteriyo-stab--citems.active .masteriyo-cplus {
display: none;
}
.masteriyo-stab--tcurriculum .masteriyo-cheader {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 24px;
border-radius: 0;
gap: 12px;
}
.masteriyo-stab--tcurriculum .masteriyo-ctitle {
font-family: inherit;
margin: inherit;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.005em;
color: var(--masteriyo-text-color);
flex: 2;
margin-bottom: 0;
}
.masteriyo-stab--tcurriculum .masteriyo-ltc {
display: flex;
flex-direction: row;
font-size: 14px;
flex-wrap: wrap;
flex: 1;
}
.masteriyo-stab--tcurriculum .masteriyo-ltc > * {
margin-left: 16px;
}
.masteriyo-stab--tcurriculum .masteriyo-cbody {
max-height: 0;
overflow: hidden;
transition: max-height 200ms;
border-top: 0;
}
.masteriyo-stab--tcurriculum .masteriyo-cbody .masteriyo-lesson-icon {
display: flex;
margin-right: 8px;
}
.masteriyo-stab--tcurriculum .masteriyo-lesson-list {
margin: 0;
padding: 0;
list-style: none;
}
.masteriyo-stab--tcurriculum .masteriyo-lesson-list li {
padding: 16px 0;
border-bottom: 1px solid var(--masteriyo-color-border);
}
.masteriyo-stab--tcurriculum .masteriyo-lesson-list li:last-of-type {
border-bottom: none;
}
.masteriyo-stab--tcurriculum .masteriyo-lesson-list__content {
padding: 0 32px;
}
.masteriyo-stab--tcurriculum .masteriyo-lesson-list__content-item {
display: flex;
align-items: center;
width: 100%;
}
.masteriyo-stab--tcurriculum .masteriyo-lesson-list__content-item .masteriyo-course-preview-link {
display: flex;
margin-left: auto !important;
}
.masteriyo-stab--tcurriculum .masteriyo-lesson-list__content-item .masteriyo-course-preview-link svg {
width: 22px;
height: 22px;
}
.masteriyo-stab--tcurriculum .masteriyo-lesson-list__content-item .masteriyo-course-preview-link svg path {
fill: #434343;
transition: all 0.3s ease-in-out;
}
.masteriyo-stab--tcurriculum .masteriyo-lesson-list__content-item .masteriyo-course-preview-link svg:hover path {
fill: var(--masteriyo-color-primary);
}
.masteriyo-stab--tcurriculum .masteriyo-lesson-list__content .masteriyo-right {
width: 100%;
}
.masteriyo-stab--tcurriculum .masteriyo-time-btn .masteriyo-btn {
padding: 6px 12px;
font-size: 10px;
}
.masteriyo-stab--tcurriculum .masteriyo-lesson-list--btn {
border-radius: 100px;
text-transform: uppercase;
}
.masteriyo-stab--faq {
color: var(--masteriyo-color-text);
}
.masteriyo-stab--faq .title-container {
padding-bottom: 24px;
padding-left: 32px;
padding-right: 32px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.masteriyo-stab--faq .title {
margin-bottom: 0;
color: var(--masteriyo-color-heading);
font-family: "Roboto";
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #07092f;
padding: 18px 32px;
cursor: pointer;
border-bottom: 1px solid #ebecf2;
}
.masteriyo-stab--faq .masteriyo-stab--items {
border-top: 1px solid var(--masteriyo-color-border);
}
.masteriyo-stab--faq .masteriyo-stab--items .masteriyo-minus {
display: none;
}
.masteriyo-stab--faq .masteriyo-stab--items .masteriyo-plus svg {
fill: var(--masteriyo-color-text-light);
}
.masteriyo-stab--faq .masteriyo-stab--items.active {
border-bottom: 0;
}
.masteriyo-stab--faq .masteriyo-stab--items.active .masteriyo-minus {
display: flex;
align-items: center;
justify-content: center;
}
.masteriyo-stab--faq .masteriyo-stab--items.active .masteriyo-minus svg {
fill: var(--masteriyo-color-text-light);
}
.masteriyo-stab--faq .masteriyo-stab--items.active .masteriyo-header {
background: var(--masteriyo-color-primary);
}
.masteriyo-stab--faq .masteriyo-stab--items.active .masteriyo-header .masteriyo-title {
color: var(--masteriyo-color-white);
}
.masteriyo-stab--faq .masteriyo-stab--items.active .masteriyo-body {
max-height: 999px;
background-color: var(--masteriyo-color-primary-lightest);
cursor: default;
padding: 16px 32px;
}
.masteriyo-stab--faq .masteriyo-stab--items.active .masteriyo-plus {
display: none;
}
.masteriyo-stab--faq .masteriyo-stab--items.active .masteriyo-minus {
display: block;
background: var(--masteriyo-color-white);
border-radius: 50px;
width: 24px;
height: 24px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
.masteriyo-stab--faq .masteriyo-header {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 24px 32px;
cursor: pointer;
color: var(--masteriyo-color-text);
}
.masteriyo-stab--faq .masteriyo-title {
margin: inherit;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.005em;
color: var(--masteriyo-color-heading);
}
.masteriyo-stab--faq .masteriyo-toggle-icon {
display: flex;
}
.masteriyo-stab--faq .masteriyo-body {
max-height: 0;
overflow: hidden;
transition: max-height 200ms;
border-top: 0;
padding: 0 32px;
}
.masteriyo-stab--treviews {
display: flex;
justify-content: center;
align-items: center;
padding: 0 32px;
}
.masteriyo-stab-rs {
border: 1px solid var(--masteriyo-color-border);
margin: 20px auto;
padding: 20px;
border-radius: 50px;
font-weight: 600;
display: flex;
align-items: center;
}
.masteriyo-stab-rs .masteriyo-icon-svg {
gap: 8px;
}
.masteriyo-stab-rs .masteriyo-icon-svg > svg {
width: 24px;
height: 24px;
cursor: pointer;
transition: all 0.2s;
}
.masteriyo-stab-rs .masteriyo-icon-svg > svg.full, .masteriyo-stab-rs .masteriyo-icon-svg > svg.half {
fill: var(--masteriyo-color-golden);
}
.masteriyo-stab-rs .masteriyo-icon-svg > svg.empty {
fill: #d2d2d2;
}
.masteriyo-stab-rs .masteriyo-icon-svg > svg.hovered {
fill: var(--masteriyo-color-golden);
}
.masteriyo-stab-rs .masteriyo-rnumber {
margin-left: 8px;
color: var(--masteriyo-color-text);
}
.masteriyo-stab--turating {
color: var(--masteriyo-color-text);
text-align: center;
margin-bottom: 30px;
}
.gradebook {
margin: 30px;
border-radius: 4px;
}
.gradebook .course-grade-result.final-grade-result {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-bottom: 20px;
}
.gradebook .course-grade-result.final-grade-result .grade-name {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 16px;
font-weight: 500;
margin: 0;
}
.grade-earned-grade-point {
font-weight: 500;
}
.masteriyo-item--wrap {
display: flex;
flex-wrap: wrap;
}
.masteriyo-item--wrap .masteriyo-single-course-item {
display: flex;
}
.masteriyo-enroll-msg {
border-top: 2px solid var(--masteriyo-color-border);
text-align: center;
align-items: center;
justify-content: center;
padding-top: 24px;
margin-top: 40px;
color: var(--masteriyo-color-text);
}
.masteriyo-info-msg {
margin: 0;
font-size: 14px;
line-height: 20px;
background: var(--masteriyo-color-white);
}
.course-reviews {
padding: 0 30px 30px;
}
.course-reviews .masteriyo-course-reviews-filters {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
@media screen and (min-width: 600px) {
.course-reviews .masteriyo-course-reviews-filters {
flex-wrap: nowrap;
gap: 24px;
}
}
.course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search {
display: flex;
align-items: center;
position: relative;
gap: 12px;
width: 100%;
flex-wrap: wrap;
}
@media screen and (min-width: 450px) {
.course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search {
flex-wrap: nowrap;
}
}
.course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search__icon {
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
border-radius: 2px;
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
}
.course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search__icon svg {
fill: #595959;
}
.course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search .masteriyo-input {
padding-left: 48px;
width: 100%;
}
.course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search button[type=button] {
padding-top: 18px;
padding-bottom: 18px;
background: var(--masteriyo-color-primary);
}
.course-reviews .masteriyo-no-review-alert {
margin-top: 20px;
}
.course-reviews .masteriyo-course-reviews-list .masteriyo-course-review__content {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
border: none;
width: 100%;
}
.course-reviews .masteriyo-course-reviews-list .masteriyo-course-review__content .masteriyo-right {
flex-basis: 90%;
margin-left: 18px;
}
.course-reviews .masteriyo-course-reviews-list .masteriyo-course-review__content .masteriyo-right__rating {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.course-reviews .masteriyo-course-reviews-list .masteriyo-course-review__content .masteriyo-right__rating .rating {
margin-bottom: 14px;
}
.course-reviews .masteriyo-course-reviews-list .masteriyo-course-review__content .masteriyo-right__rating .rating .masteriyo-rstar {
display: flex;
flex-wrap: wrap;
}
.course-reviews .masteriyo-course-reviews-list .masteriyo-course-review__content .masteriyo-right__rating .rating .masteriyo-rstar svg {
width: 14px;
height: 14px;
}
.course-reviews .masteriyo-course-reviews-list .masteriyo-course-review__content .masteriyo-right__rating .rating .masteriyo-rstar svg.full, .course-reviews .masteriyo-course-reviews-list .masteriyo-course-review__content .masteriyo-right__rating .rating .masteriyo-rstar svg.half {
fill: var(--masteriyo-color-golden);
}
.course-reviews .masteriyo-course-reviews-list .masteriyo-course-review__content .masteriyo-right__rating .rating .masteriyo-rstar svg.empty {
fill: #d2d2d2;
}
.course-reviews .masteriyo-course-reviews-list .masteriyo-course-review__content .masteriyo-right .author-name {
margin-right: 16px;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
line-height: 25px;
}
.course-reviews .masteriyo-course-reviews-list .masteriyo-course-review__content .masteriyo-right .date-created {
font-size: 12px;
line-height: 14px;
}
.course-reviews .masteriyo-course-reviews-list .masteriyo-course-review__content .masteriyo-right .title {
font-size: 16px;
font-weight: 700;
line-height: 19px;
margin-top: 16px;
margin-bottom: 8px;
}
.course-reviews .masteriyo-course-reviews-list .masteriyo-course-review__content .masteriyo-right .content {
font-size: 16px;
line-height: 27px;
}
.course-reviews .masteriyo-review {
border-top: 1px solid var(--masteriyo-color-border);
margin-top: 24px;
padding-top: 24px;
}
.course-reviews .masteriyo-review .masteriyo-avatar img {
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, 0.1);
}
.course-reviews .masteriyo-login-msg.masteriyo-submit-container {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
height: 48px;
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 4px;
margin-bottom: 24px;
}
.course-reviews .masteriyo-login-msg.masteriyo-submit-container p {
display: flex;
gap: 8px;
color: #4e4e4e;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin-bottom: 0;
}
.course-reviews .masteriyo-login-msg.masteriyo-submit-container p .masteriyo-link-primary {
text-decoration: underline;
text-decoration-style: solid;
text-underline-offset: 5px;
text-decoration-color: var(--masteriyo-color-primary);
text-decoration-thickness: 1px;
}
.course-reviews .masteriyo-login-msg.masteriyo-submit-container p .masteriyo-link-primary:hover {
color: var(--masteriyo-color-primary);
}
.course-reviews .masteriyo-link-login {
margin: 0 4px;
}
.course-reviews .masteriyo-load-more {
width: 100%;
margin-top: 24px;
padding: 4px;
font-size: 14px;
background-color: transparent;
border: 1px solid var(--masteriyo-color-primary);
color: var(--masteriyo-color-primary);
border-radius: 4px;
}
.course-reviews .masteriyo-load-more:hover {
border: 1px solid var(--masteriyo-color-btn-blue-hover);
color: var(--masteriyo-color-btn-blue-hover);
}
.course-faqs .masteriyo-course--accordion .masteriyo-stab--shortinfo .title-container .masteriyo-shortinfo-wrap .masteriyo-shortinfo-item {
gap: 6px;
font-size: 18px;
font-weight: 500;
}
.masteriyo-submit-container .masteriyo--title {
margin-top: 0;
margin-bottom: 24px;
font-size: 24px;
font-weight: 500;
display: inline-block;
color: var(--masteriyo-color-heading);
}
.masteriyo-submit-container .masteriyo-input {
border-radius: 4px;
}
.masteriyo-submit-container .masteriyo-rating {
margin: 24px 0;
}
.masteriyo-submit-container .masteriyo-btn-primary {
margin-top: 16px;
}
.masteriyo-submit-container .masteriyo-stab-rs {
margin-top: 0;
}
.masteriyo-submit-container .masteriyo-label {
font-size: 15px;
line-height: 20px;
color: #383838;
}
.masteriyo-reply-course-review {
font-size: 14px;
font-weight: 600;
line-height: 16px;
color: var(--masteriyo-color-primary);
margin-top: 16px;
display: inline-block;
text-decoration: underline;
cursor: pointer;
}
.masteriyo-replies {
display: flex;
flex-flow: unset;
flex-direction: row;
}
.masteriyo-replies .masteriyo-reply-replies--title .masteriyo-flex {
align-items: center;
}
.masteriyo-replies .masteriyo-reply-replies--title .author-name {
margin-right: 16px;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
line-height: 25px;
}
.masteriyo-reply-replies {
width: 100%;
}
.masteriyo-reply-replies .masteriyo-right {
margin-left: 24px;
width: 100%;
}
.masteriyo-reply-replies .masteriyo-right .content {
font-size: 16px;
}
.masteriyo-reply-replies .masteriyo-right .masteriyo-reply-replies--title {
display: flex;
justify-content: space-between;
align-items: center;
}
.masteriyo-reply-replies .masteriyo-right .date-created {
font-size: 12px;
line-height: 14px;
}
.masteriyo-course-review-replies {
width: 90%;
float: right;
margin-bottom: 24px;
}
.masteriyo-delete-review-notice {
width: 100%;
display: inline-block;
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid var(--masteriyo-color-border);
font-style: italic;
font-size: 14px;
}
.masteriyo-country-dropdown {
display: flex;
width: 100%;
height: 42.16px;
}
.masteriyo-country-dropdown select {
border: 1px solid #dee2e6;
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 600px) {
.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters {
flex-direction: column;
align-items: flex-start;
}
}
.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search {
flex: 1;
}
.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search button[type=button] {
padding-top: 12px;
padding-bottom: 12px;
}
.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search .masteriyo-input {
flex: 1;
}
.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings {
width: 160px;
}
body.single-mto-course {
background: var(--masteriyo-color-white);
}
@media screen and (max-width: 600px) {
body.single-mto-course .masteriyo-container {
padding-left: 0;
padding-right: 0;
}
}
body.single-mto-course .masteriyo-container .masteriyo-single-course {
margin: 0 0 60px;
}
body.single-mto-course .masteriyo-container .masteriyo-single-course--wrapper {
gap: 40px;
}
@media screen and (max-width: 992px) {
body.single-mto-course .masteriyo-container .masteriyo-single-course--wrapper {
flex-direction: column;
}
}
body.single-mto-course .masteriyo-container .masteriyo-single-course--wrapper .masteriyo-right-sidebar-area {
max-width: 395px;
width: 100%;
padding: 0;
flex: unset;
}
@media screen and (max-width: 1100px) {
body.single-mto-course .masteriyo-container .masteriyo-single-course--wrapper .masteriyo-right-sidebar-area {
max-width: 100%;
}
}
body.single-mto-course .masteriyo-container .masteriyo-single-course--wrapper .masteriyo-right-sidebar-area .masteriyo-single-course--aside {
padding: 30px;
}
.masteriyo-single {
margin: 0 0 60px;
}
@media screen and (max-width: 1199px) {
.masteriyo-single {
padding-left: 20px;
padding-right: 20px;
}
}
.masteriyo-single--author {
display: flex;
align-items: center;
gap: 10px;
}
.masteriyo-single--author > a {
display: flex;
align-items: center;
gap: 8px;
text-decoration: none;
}
.masteriyo-single--author-img {
width: 30px;
height: 30px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.masteriyo-single--author-name {
color: #424360;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.masteriyo-single-header {
display: flex;
align-items: center;
gap: 36px;
margin-bottom: 80px;
background: #ffffff;
padding: 36px 42px;
border-radius: 10px;
box-shadow: 0px 6px 30px 0px rgba(10, 10, 10, 0.08);
position: relative;
}
.masteriyo-single-header:has(.masteriyo-single-header__img-wrap) {
padding: 20px 20px 20px 42px;
}
@media screen and (max-width: 992px) {
.masteriyo-single-header {
flex-direction: column;
padding: 36px !important;
}
}
@media screen and (max-width: 600px) {
.masteriyo-single-header {
padding: 32px 24px 24px !important;
}
}
.masteriyo-single-header__img-wrap, .masteriyo-single-header__image {
height: 350px;
position: relative;
}
.masteriyo-single-header__img-wrap img,
.masteriyo-single-header__img-wrap video, .masteriyo-single-header__image img,
.masteriyo-single-header__image video {
width: 520px;
height: 100% !important;
border-radius: 8px;
-o-object-fit: cover;
object-fit: cover;
}
.masteriyo-single-header__img-wrap .masteriyo-play-featured-video-btn,
.masteriyo-single-header__img-wrap .masteriyo-play-featured-video-btn-related, .masteriyo-single-header__image .masteriyo-play-featured-video-btn,
.masteriyo-single-header__image .masteriyo-play-featured-video-btn-related {
position: absolute;
z-index: 9;
background: #222;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
padding: 12px 10px 12px 15px;
cursor: pointer;
border-radius: 100%;
background: #333;
transition: 0.2s;
box-shadow: 0px 0px 1em #000;
opacity: 70%;
}
.masteriyo-single-header__img-wrap .masteriyo-play-featured-video-btn svg,
.masteriyo-single-header__img-wrap .masteriyo-play-featured-video-btn-related svg, .masteriyo-single-header__image .masteriyo-play-featured-video-btn svg,
.masteriyo-single-header__image .masteriyo-play-featured-video-btn-related svg {
width: 40px;
height: 40px;
fill: #ffffff;
}
.masteriyo-single-header__img-wrap .masteriyo-play-featured-video-btn:hover,
.masteriyo-single-header__img-wrap .masteriyo-play-featured-video-btn-related:hover, .masteriyo-single-header__image .masteriyo-play-featured-video-btn:hover,
.masteriyo-single-header__image .masteriyo-play-featured-video-btn-related:hover {
background: var(--masteriyo-color-primary);
box-shadow: 0px 0px 3em #7e83d4;
opacity: 100%;
}
.masteriyo-single-header__content {
flex: 1;
}
@media screen and (max-width: 992px) {
.masteriyo-single-header__content {
width: 100%;
}
}
.masteriyo-single-header__content .masteriyo-single-course--badge {
margin-top: 0;
margin-bottom: 20px;
padding: 0;
}
.masteriyo-single-header__content--category {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 12px;
}
.masteriyo-single-header__content--category-list {
padding: 2px 10px;
border-radius: 50px;
border: 1px solid #e2e2e2;
color: var(--masteriyo-color-primary);
font-size: 12px;
font-weight: 500;
line-height: 23px;
text-decoration: none;
}
.masteriyo-single-header__content--category-list:hover {
color: var(--masteriyo-color-primary);
}
.masteriyo-single-header__content-title-wrapper {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.masteriyo-single-header__content-title-wrapper .masteriyo-wishlist-toggle {
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: #ffffff;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.masteriyo-single-header__content-title-wrapper .masteriyo-wishlist-toggle svg {
width: 20px;
height: 20px;
stroke: #4e4e4e;
fill: none;
}
.masteriyo-single-header__content-title-wrapper .masteriyo-wishlist-toggle.active svg, .masteriyo-single-header__content-title-wrapper .masteriyo-wishlist-toggle:hover svg {
fill: #f25656;
stroke: #f25656;
}
@media screen and (max-width: 575px) {
.masteriyo-single-header__content--title {
font-size: 22px;
line-height: 32px;
}
}
.masteriyo-single-header__content--author-rating {
display: flex;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}
.masteriyo-single-header__content--rating {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
color: #646464;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.masteriyo-single-header__content--rating svg {
fill: var(--masteriyo-color-golden);
width: 18px;
height: 18px;
}
.masteriyo-single-header__content--rating strong {
color: #222222;
font-weight: 600;
}
.masteriyo-single-header__content--info {
gap: 20px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.masteriyo-single-header__content--info svg {
width: 20px;
height: 20px;
}
.masteriyo-single-header__content--info-items {
display: flex;
gap: 8px;
}
.masteriyo-single-header__content--info-items svg {
width: 20px;
height: 20px;
}
.masteriyo-single-header__content--info-items svg path {
fill: #4e4e4e;
}
.masteriyo-single-header__content--info-items-label .masteriyo-single-heading {
color: #4e4e4e;
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin-bottom: 2px;
margin-top: 0;
}
.masteriyo-single-header__content--info-items-label .masteriyo-single-desc {
color: #4e4e4e;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.masteriyo-single-header__content .course-featured {
font-size: 12px;
font-weight: 500;
background-color: var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
padding: 0 12px 0 2px;
line-height: 32px;
position: absolute;
right: -10px;
top: 4px;
z-index: 2;
}
.masteriyo-single-header__content .course-featured::before {
content: "";
position: absolute;
top: 0;
left: -25px;
border: 16px solid var(--masteriyo-color-primary);
border-left-color: transparent;
z-index: -1;
}
.masteriyo-single-header__content .course-featured::after {
content: "";
position: absolute;
top: 100%;
right: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #2d5095 transparent transparent transparent;
}
@media screen and (max-width: 992px) {
.masteriyo-single-header__image {
width: 100%;
}
}
.masteriyo-single-header__image img {
width: 520px;
height: 350px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
}
@media screen and (max-width: 992px) {
.masteriyo-single-header__image img {
width: 100%;
height: 400px;
}
}
@media screen and (max-width: 575px) {
.masteriyo-single-header__image img {
height: 100%;
}
}
.masteriyo-single-body {
display: flex;
gap: 40px;
}
@media screen and (max-width: 992px) {
.masteriyo-single-body {
flex-direction: column;
}
}
.masteriyo-single-body__main {
width: 70%;
}
@media screen and (max-width: 992px) {
.masteriyo-single-body__main {
width: 100%;
}
}
.masteriyo-single-body__main--tabbar {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0;
padding-left: 0;
}
@media screen and (max-width: 575px) {
.masteriyo-single-body__main--tabbar {
flex-direction: column;
margin-bottom: 24px;
}
}
.masteriyo-single-body__main--tabbar-item {
list-style: none;
padding: 16px 28px;
border-radius: 8px 8px 0px 0px;
background: transparent;
color: #4e4e4e;
font-size: 16px;
font-weight: 500;
line-height: 26px;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 575px) {
.masteriyo-single-body__main--tabbar-item {
width: 100%;
border-radius: 8px;
}
}
.masteriyo-single-body__main--tabbar-item.active-item {
background: rgba(69, 132, 255, 0.03);
color: var(--masteriyo-color-primary);
}
.masteriyo-single-body__main--tabbar-item:hover {
background: rgba(69, 132, 255, 0.03);
}
.masteriyo-single-body__main--content {
padding: 28px;
border-radius: 0px 6px 6px 6px;
background: rgba(69, 132, 255, 0.03);
}
@media screen and (max-width: 575px) {
.masteriyo-single-body__main--content {
padding: 28px;
}
}
.masteriyo-single-body__main--overview-content p {
color: #383838;
font-size: 16px;
font-weight: 400;
line-height: 26px;
margin: 0 0 20px;
}
.masteriyo-single-body__main--overview-content p:last-child {
margin-bottom: 0;
}
.masteriyo-single-body__main--overview-content ul,
.masteriyo-single-body__main--overview-content ol {
padding-left: 20px;
margin: 0;
}
.masteriyo-single-body__main--curriculum-content-top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
flex-wrap: wrap;
gap: 16px;
}
@media screen and (max-width: 600px) {
.masteriyo-single-body__main--curriculum-content-top {
margin-bottom: 12px;
}
}
.masteriyo-single-body__main--curriculum-content-top--shortinfo {
list-style: none;
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
margin: 0;
padding-left: 0;
}
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item {
color: #4e4e4e;
font-size: 15px;
font-weight: 400;
line-height: 25px;
position: relative;
display: flex;
align-items: center;
gap: 16px;
}
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item::after {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: #5f5f5f;
display: block;
}
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item:last-child::after {
content: none;
}
.masteriyo-single-body__main--curriculum-content-top--expand-btn {
color: var(--masteriyo-color-primary);
font-size: 15px;
font-weight: 400;
line-height: 25px;
cursor: pointer;
position: relative;
}
.masteriyo-single-body__main--curriculum-content-top--expand-btn::before {
content: "";
position: absolute;
background: var(--masteriyo-color-primary);
bottom: 0;
width: 100%;
height: 1px;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.masteriyo-single-body__main--curriculum-content-top--expand-btn:hover::before {
opacity: 1;
}
.masteriyo-single-body__main--curriculum-content-bottom {
display: flex;
flex-direction: column;
gap: 12px;
list-style-type: none;
counter-reset: accordion-item;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion {
padding: 8px;
border-radius: 4px;
border: 1px solid var(--masteriyo-color-border);
background: var(--masteriyo-color-white);
cursor: pointer;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
padding: 8px 12px;
border-radius: 3px;
background: var(--masteriyo-color-white);
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
position: relative;
transition: all 0.3s ease-in-out;
counter-increment: accordion-item;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header::before {
content: counter(accordion-item, decimal-leading-zero) " ";
color: #16181a;
font-size: 15px;
font-weight: 600;
line-height: 25px;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-title {
font-family: inherit;
color: #16181a;
font-size: 15px;
font-weight: 500;
line-height: 25px;
margin-bottom: 0;
margin-top: 0;
flex: 2;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-misc {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 20px;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-misc .masteriyo-single-body-accordion-info {
color: #909090;
font-size: 14px;
font-weight: 400;
line-height: 24px;
position: relative;
}
@media screen and (max-width: 575px) {
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-misc .masteriyo-single-body-accordion-info {
display: none;
}
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-misc .masteriyo-single-body-accordion-info::after {
content: "";
background: #909090;
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
top: 50%;
right: -14px;
transform: translateY(-50%);
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-misc .masteriyo-single-body-accordion-info:last-child::after {
content: none;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header .masteriyo-single-body-accordion-icon {
display: flex;
align-items: center;
justify-content: center;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header .masteriyo-single-body-accordion-icon svg {
width: 16px;
height: 16px;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion:hover .masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
background: #f7f7f7;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion.active .masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
background: var(--masteriyo-color-primary);
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion.active .masteriyo-single-body__main--curriculum-content-bottom__accordion--header::before {
color: #ffffff;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion.active .masteriyo-single-body__main--curriculum-content-bottom__accordion--header-title {
color: #ffffff;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion.active .masteriyo-single-body__main--curriculum-content-bottom__accordion--header-misc .masteriyo-single-body-accordion-info {
color: #f4f4f4;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion.active .masteriyo-single-body__main--curriculum-content-bottom__accordion--header-misc .masteriyo-single-body-accordion-info::after {
background: #f4f4f4;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion.active .masteriyo-single-body__main--curriculum-content-bottom__accordion--header .masteriyo-single-body-accordion-icon svg {
fill: #ffffff;
transform: rotate(180deg);
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion.active .masteriyo-single-body__main--curriculum-content-bottom__accordion--body {
display: block;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body {
padding-top: 2px;
padding-bottom: 0px;
display: none;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-items {
display: flex;
flex-direction: column;
list-style: none;
margin: 0;
padding: 0;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item {
padding: 12px;
border-bottom: 1px solid #f4f4f4;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item:last-child {
border-bottom: 0;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
color: #4e4e4e;
font-size: 15px;
font-weight: 400;
line-height: 26px;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon svg {
width: 20px;
height: 20px;
fill: #424360;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon a {
font-size: 15px;
line-height: 24px;
color: var(--masteriyo-text-color);
flex: 1;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon a:hover {
color: var(--masteriyo-color-primary);
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon .masteriyo-lesson-status-completed, .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon .masteriyo-lesson-status-in-progress {
display: flex;
align-items: center;
justify-content: center;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon .masteriyo-lesson-status-completed svg {
width: 24px;
height: 24px;
fill: #48bb78;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon .masteriyo-lesson-status-in-progress {
position: relative;
padding: 2px;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon .masteriyo-lesson-status-in-progress .masteriyo-progress-ring {
transform: rotate(-90deg);
width: 20px;
height: 20px;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon .masteriyo-lesson-status-in-progress .masteriyo-progress-ring__circle {
stroke: #eeeeee;
stroke-width: 2.5;
fill: transparent;
r: 8.75;
cx: 10;
cy: 10;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon .masteriyo-lesson-status-in-progress .masteriyo-progress-ring__progress {
stroke: #bbbbbb;
stroke-width: 2.5;
stroke-linecap: round;
fill: transparent;
r: 8.75;
cx: 10;
cy: 10;
stroke-dasharray: 54.98;
stroke-dashoffset: 13.75;
transition: stroke-dashoffset 2s cubic-bezier(0.4, 0, 0.2, 1);
animation: progress-animation 2s ease-in-out;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon:has(.masteriyo-lesson-status-not-started) {
cursor: not-allowed;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon:has(.masteriyo-lesson-status-not-started) > a {
pointer-events: none;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon:has(.masteriyo-lesson-status-not-started) svg,
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon:has(.masteriyo-lesson-status-not-started) a {
opacity: 0.6;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon:has(.masteriyo-lesson-status-not-started) svg:last-child,
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon:has(.masteriyo-lesson-status-not-started) a:last-child {
opacity: 1;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon .masteriyo-course-preview-wrapper .masteriyo-lesson-preview-link {
pointer-events: unset;
opacity: 1;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon .masteriyo-course-preview-wrapper .masteriyo-course-preview-link svg {
cursor: pointer;
}
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon .masteriyo-course-preview-wrapper .masteriyo-course-preview-link svg:hover {
fill: var(--masteriyo-color-primary);
}
.masteriyo-single-body__main--review-wrapper {
width: 100%;
}
.masteriyo-single-body__main--review-count {
display: flex;
align-items: center;
gap: 32px;
margin-bottom: 30px;
}
@media screen and (max-width: 575px) {
.masteriyo-single-body__main--review-count {
flex-direction: column;
}
}
.masteriyo-single-body__main--review-count__rating {
border-radius: 4px;
border: 1px solid var(--masteriyo-color-border);
background: var(--masteriyo-color-white);
width: 240px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px 0;
}
@media screen and (max-width: 575px) {
.masteriyo-single-body__main--review-count__rating {
width: 100%;
}
}
.masteriyo-single-body__main--review-count__rating .masteriyo-single-body-rating {
color: #383838;
font-size: 80px;
font-weight: 600;
line-height: normal;
margin: 0 0 8px;
}
.masteriyo-single-body__main--review-count__rating-star {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 12px;
}
.masteriyo-single-body__main--review-count__rating-star svg {
width: 20px;
height: 20px;
}
.masteriyo-single-body__main--review-count__rating-star svg.full, .masteriyo-single-body__main--review-count__rating-star svg.half {
fill: var(--masteriyo-color-golden);
}
.masteriyo-single-body__main--review-count__rating-star svg.empty {
fill: #d2d2d2;
}
.masteriyo-single-body__main--review-count__rating .masteriyo-single-body-rating-count {
color: #4e4e4e;
font-size: 18px;
font-weight: 600;
line-height: 28px;
}
.masteriyo-single-body__main--review-form-wrapper {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 24px;
}
.masteriyo-single-body__main--review-form-wrapper .review-button {
display: flex;
align-items: center;
gap: 8px;
justify-content: center;
width: 100%;
color: #4e4e4e;
font-size: 15px;
font-weight: 500;
line-height: 25px;
border-radius: 4px;
border: 1px solid #e5e7eb;
background: #f9fafb;
height: 48px;
padding: 0 16px;
transition: all 0.3s;
}
.masteriyo-single-body__main--review-form-wrapper .review-button svg {
width: 20px;
height: 20px;
fill: var(--masteriyo-color-primary);
transition: all 0.3s;
}
.masteriyo-single-body__main--review-form-wrapper .review-button:hover {
background: var(--masteriyo-color-primary);
border-color: var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
}
.masteriyo-single-body__main--review-form-wrapper .review-button:hover svg {
fill: var(--masteriyo-color-white);
}
.masteriyo-single-body__main--review-showcase {
flex: 1;
display: flex;
flex-direction: column;
gap: 10px;
}
@media screen and (max-width: 575px) {
.masteriyo-single-body__main--review-showcase {
width: 100%;
}
}
.masteriyo-single-body__main--review-showcase__text {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 2px;
width: 100%;
}
.masteriyo-single-body__main--review-showcase__star-count {
color: #383838;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.masteriyo-single-body__main--review-showcase__five .masteriyo-single-body__main--review-progress-value {
--value: 90%;
}
.masteriyo-single-body__main--review-showcase__four .masteriyo-single-body__main--review-progress-value {
--value: 60%;
}
.masteriyo-single-body__main--review-showcase__three .masteriyo-single-body__main--review-progress-value {
--value: 20%;
}
.masteriyo-single-body__main--review-showcase__two .masteriyo-single-body__main--review-progress-value {
--value: 40%;
}
.masteriyo-single-body__main--review-showcase__one .masteriyo-single-body__main--review-progress-value {
--value: 10%;
}
.masteriyo-single-body__main--review-percent {
color: #383838;
font-size: 14px;
font-weight: 600;
line-height: 24px;
}
.masteriyo-single-body__main--review-progress {
justify-content: flex-start;
border-radius: 100px;
align-items: center;
position: relative;
display: flex;
height: 6px;
max-width: 100%;
background: #ececec;
}
.masteriyo-single-body__main--review-progress-value {
animation: progressBarAnimation 3s normal forwards;
border-radius: 100px;
background: var(--masteriyo-color-primary);
height: 6px;
width: 0;
}
.masteriyo-single-body__main--user-review {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 28px;
border-radius: 4px;
background: var(--masteriyo-color-white);
padding: 28px 30px;
border: 1px solid var(--masteriyo-color-border);
margin-bottom: 20px;
}
.masteriyo-single-body__main--user-review-heading {
border-bottom: 1px solid var(--masteriyo-color-border);
padding-bottom: 16px;
width: 100%;
color: #383838;
font-size: 22px;
font-weight: 600;
line-height: 32px;
margin: 0;
}
.masteriyo-single-body__main--user-review__search-rating {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 24px;
}
@media screen and (max-width: 575px) {
.masteriyo-single-body__main--user-review__search-rating {
flex-direction: column;
align-items: unset;
}
}
.masteriyo-single-body__main--user-review__search {
display: flex;
align-items: center;
gap: 12px;
flex: 1;
position: relative;
}
@media screen and (max-width: 450px) {
.masteriyo-single-body__main--user-review__search {
flex-direction: column;
align-items: unset;
}
}
.masteriyo-single-body__main--user-review__search svg {
width: 18px;
height: 18px;
position: absolute;
top: 12px;
left: 12px;
}
.masteriyo-single-body__main--user-review__search input[type=text] {
border-radius: 4px;
border: 1px solid #e5e5e5;
background: #ffffff;
width: 100%;
height: 38px;
padding: 0 12px 0 40px;
color: #383838;
}
.masteriyo-single-body__main--user-review__search input[type=text]::-moz-placeholder {
color: #909090;
}
.masteriyo-single-body__main--user-review__search input[type=text]::placeholder {
color: #909090;
}
.masteriyo-single-body__main--user-review__search input[type=text]:focus {
border-color: var(--masteriyo-color-primary);
}
.masteriyo-single-body__main--user-review__search input[type=text]:focus-visible {
outline: none;
}
.masteriyo-single-body__main--user-review__rating select {
border-radius: 4px;
border: 1px solid #e5e5e5;
background: var(--masteriyo-color-white);
height: 38px;
padding: 0 12px;
color: #4e4e4e;
font-size: 14px;
font-weight: 400;
line-height: 24px;
width: 160px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23737373' viewBox='0 0 24 24'%3E%3Cpath d='M19.561 7.403a1.468 1.468 0 0 1 2.02 0 1.339 1.339 0 0 1 0 1.944l-8.57 8.25a1.468 1.468 0 0 1-2.021 0l-8.572-8.25a1.339 1.339 0 0 1 0-1.944 1.468 1.468 0 0 1 2.02 0L12 14.68l7.561-7.278Z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 14px 14px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.masteriyo-single-body__main--user-review__rating select:focus {
border-color: var(--masteriyo-color-primary);
}
.masteriyo-single-body__main--user-review__rating select:focus-visible {
outline: none;
}
.masteriyo-single-body__main--user-review .masteriyo-load-more {
width: 100%;
margin-top: 24px;
padding: 4px;
font-size: 14px;
background-color: transparent;
border: 1px solid var(--masteriyo-color-primary);
color: var(--masteriyo-color-primary);
border-radius: 4px;
}
.masteriyo-single-body__main--user-review .masteriyo-load-more:hover {
border: 1px solid var(--masteriyo-color-btn-blue-hover);
color: var(--masteriyo-color-btn-blue-hover);
}
.masteriyo-single-body__main--review-lists, .masteriyo-single-body__main--reply-lists {
list-style: none;
margin: 0;
}
.masteriyo-single-body__main--review-list, .masteriyo-single-body__main--reply-list {
display: flex;
align-items: flex-start;
gap: 16px;
}
@media screen and (max-width: 450px) {
.masteriyo-single-body__main--review-list, .masteriyo-single-body__main--reply-list {
flex-direction: column;
}
}
.masteriyo-single-body__main--review-list img, .masteriyo-single-body__main--reply-list img {
width: 52px;
height: 52px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.masteriyo-single-body__main--review-list-name, .masteriyo-single-body__main--reply-list-name {
color: #4e4e4e;
font-size: 14px;
font-weight: 500;
line-height: 24px;
margin-bottom: 2px;
display: block;
}
.masteriyo-single-body__main--review-list-content-wrapper, .masteriyo-single-body__main--reply-list-content-wrapper {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 4px;
margin-top: 16px;
}
@media screen and (max-width: 575px) {
.masteriyo-single-body__main--review-list-content-wrapper, .masteriyo-single-body__main--reply-list-content-wrapper {
flex-direction: column;
align-items: unset;
gap: 8px;
}
}
.masteriyo-single-body__main--review-list-content-wrapper .masteriyo-dropdown, .masteriyo-single-body__main--reply-list-content-wrapper .masteriyo-dropdown {
position: absolute;
top: 8px;
right: 0;
}
.masteriyo-single-body__main--review-list-content-wrapper .masteriyo-dropdown .masteriyo-slide, .masteriyo-single-body__main--reply-list-content-wrapper .masteriyo-dropdown .masteriyo-slide {
padding-left: 0;
list-style: none;
font-size: 15px;
line-height: 25px;
width: 80px;
z-index: 2;
}
.masteriyo-single-body__main--review-list-content-wrapper .masteriyo-review-title, .masteriyo-single-body__main--reply-list-content-wrapper .masteriyo-review-title {
color: #383838;
font-size: 16px;
font-weight: 600;
line-height: 26px;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-transform: unset;
word-break: break-all;
}
.masteriyo-single-body__main--review-list-content-wrapper .masteriyo-dropdown .slide.menu, .masteriyo-single-body__main--reply-list-content-wrapper .masteriyo-dropdown .slide.menu {
list-style: none;
padding-left: 0;
}
.masteriyo-single-body__main--review-list-content-wrapper .masteriyo-dropdown .slide.menu li, .masteriyo-single-body__main--reply-list-content-wrapper .masteriyo-dropdown .slide.menu li {
font-size: 14px;
line-height: 20px;
color: #4e4e4e;
}
.masteriyo-single-body__main--review-list-content__rating-star, .masteriyo-single-body__main--reply-list-content__rating-star {
display: flex;
align-items: center;
gap: 2px;
}
.masteriyo-single-body__main--review-list-content__rating-star svg, .masteriyo-single-body__main--reply-list-content__rating-star svg {
width: 18px;
height: 18px;
}
.masteriyo-single-body__main--review-list-content__rating-star svg.full, .masteriyo-single-body__main--review-list-content__rating-star svg.half, .masteriyo-single-body__main--reply-list-content__rating-star svg.full, .masteriyo-single-body__main--reply-list-content__rating-star svg.half {
fill: var(--masteriyo-color-golden);
}
.masteriyo-single-body__main--review-list-content__rating-star svg.empty, .masteriyo-single-body__main--reply-list-content__rating-star svg.empty {
fill: #d2d2d2;
}
.masteriyo-single-body__main--review-list-content-desc, .masteriyo-single-body__main--reply-list-content-desc {
color: #4e4e4e;
font-size: 15px;
font-weight: 400;
line-height: 25px;
flex: 1;
margin-top: 0;
}
.masteriyo-single-body__main--review-list-content-reply-btn, .masteriyo-single-body__main--reply-list-content-reply-btn {
display: flex;
align-items: center;
gap: 6px;
background: transparent;
border: 0;
color: #7a7a7a;
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-decoration-line: underline;
cursor: pointer;
margin-top: 12px;
width: -moz-max-content;
width: max-content;
}
.masteriyo-single-body__main--review-list-content-reply-btn:hover, .masteriyo-single-body__main--reply-list-content-reply-btn:hover {
color: var(--masteriyo-color-primary);
}
.masteriyo-single-body__main--review-list-content-reply-btn svg, .masteriyo-single-body__main--reply-list-content-reply-btn svg {
width: 18px;
height: 18px;
}
.masteriyo-single-body__main--review-lists {
padding-left: 0;
}
.masteriyo-single-body__main--review-list {
padding-bottom: 24px;
border-bottom: 1px solid #ebebeb;
margin-bottom: 28px;
}
.masteriyo-single-body__main--review-list:last-child {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 0;
}
.masteriyo-single-body__main--review-list-content {
flex: 1;
position: relative;
width: 100%;
}
.masteriyo-single-body__main--review-list-content .author-name {
font-size: 15px;
line-height: 25px;
color: #16181a;
}
.masteriyo-single-body__main--review-list-content .date-created {
display: block;
font-size: 12px;
line-height: 14px;
}
.masteriyo-single-body__main--review-list-content .masteriyo-single-body__main--reply-lists {
display: flex;
flex-direction: column;
gap: 30px;
margin-top: 24px;
padding-top: 24px;
padding-left: 0;
border-top: 1px solid var(--masteriyo-color-border);
}
@media screen and (max-width: 450px) {
.masteriyo-single-body__main--review-list-content .masteriyo-single-body__main--reply-lists {
margin-left: 40px;
}
}
.masteriyo-single-body__main--review-list-content .masteriyo-reply-form {
border: 1px solid var(--masteriyo-color-primary);
border-radius: 4px;
margin-top: 24px;
padding: 16px 20px 20px;
}
.masteriyo-single-body__main--review-list-content .masteriyo-reply-form .masteriyo-form-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
.masteriyo-single-body__main--review-list-content .masteriyo-reply-form .masteriyo-form-header svg {
width: 20px;
height: 20px;
fill: #51585f;
}
.masteriyo-single-body__main--review-list-content .masteriyo-reply-form .masteriyo-form-header strong {
color: #383838;
font-size: 15px;
font-weight: 600;
line-height: 25px;
margin: 0;
}
.masteriyo-single-body__main--review-list-content .masteriyo-reply-form .masteriyo-info-msg {
margin-top: 20px;
}
.masteriyo-single-body__main--review-form-heading {
color: #16181a;
font-size: 20px;
font-weight: 600;
line-height: 30px;
margin: 0 0 20px;
padding: 0;
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 20px;
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group label {
display: block;
margin: 0;
color: #16181a;
font-size: 15px;
font-weight: 500;
line-height: 25px;
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group .masteriyo-single--review-star-rating {
display: flex;
align-items: center;
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group .masteriyo-single--review-star-rating svg {
width: 20px;
height: 20px;
fill: var(--masteriyo-color-golden);
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group.masteriyo-rating {
flex-direction: column;
align-items: flex-start;
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group.masteriyo-rating .masteriyo-stab-rs {
margin: 0 !important;
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group .masteriyo-text-input {
min-height: 38px;
padding: 0 12px;
border-radius: 4px;
border: 1px solid var(--masteriyo-color-border);
color: #383838;
font-size: 15px;
line-height: 25px;
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group .masteriyo-text-input::-moz-placeholder {
color: #909090;
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group .masteriyo-text-input::placeholder {
color: #909090;
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group .masteriyo-text-input:focus {
outline: none;
box-shadow: none;
border-color: var(--masteriyo-color-primary);
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group textarea {
height: 120px;
padding: 8px 12px;
border-radius: 4px;
border: 1px solid var(--masteriyo-color-border);
color: #383838;
font-size: 15px;
line-height: 25px;
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group textarea::-moz-placeholder {
color: #909090;
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group textarea::placeholder {
color: #909090;
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-group textarea:focus {
outline: none;
box-shadow: none;
border-color: var(--masteriyo-color-primary);
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 16px;
}
.masteriyo-single-body__main--review-form form .masteriyo-single-form-actions .masteriyo-btn-secondary {
border-color: #f3f4f6;
background: #f3f4f6;
color: #383838;
width: -moz-max-content;
width: max-content;
}
.masteriyo-single-body__aside {
width: 30%;
padding: 12px 12px 24px 12px;
border-radius: 6px;
background: var(--masteriyo-color-white);
box-shadow: 0px 6px 30px 0px rgba(10, 10, 10, 0.08);
height: -moz-max-content;
height: max-content;
position: sticky;
position: -webkit-sticky;
top: 36px;
}
@media screen and (max-width: 992px) {
.masteriyo-single-body__aside {
width: 100%;
}
}
.masteriyo-single-body__aside .masteriyo-course-expiration {
display: flex;
align-items: center;
gap: 6px;
border-radius: 6px;
background: #fff4f4;
padding: 8px 12px 8px 8px;
width: -moz-max-content;
width: max-content;
}
.masteriyo-single-body__aside .masteriyo-course-expiration svg {
width: 20px;
height: 20px;
fill: #f25656;
}
.masteriyo-single-body__aside .masteriyo-course-expiration p {
margin-bottom: 0;
line-height: 26px;
color: #f25656;
font-weight: 500;
}
@media screen and (min-width: 600px) and (max-width: 992px) {
.masteriyo-single-body__aside--price {
flex-direction: row;
justify-content: flex-end;
}
}
.masteriyo-single-body__aside--price-wrapper {
display: flex;
align-items: center;
gap: 8px;
flex-direction: row-reverse;
justify-content: flex-end;
}
.masteriyo-single-body__aside--price-offer {
color: #383838;
font-size: 26px;
font-weight: 600;
line-height: 36px;
margin: 0;
}
.masteriyo-single-body__aside--price-sale {
color: #979797;
font-size: 16px;
font-weight: 500;
line-height: 26px;
padding: 0 6px;
margin: 0;
position: relative;
}
.masteriyo-single-body__aside--price-sale::before {
content: "";
background: rgba(229, 0, 68, 0.75);
height: 2px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%) rotate(-5deg);
width: 100%;
}
.masteriyo-single-body__aside--price .masteriyo-course-expiration {
margin-bottom: 0;
}
.masteriyo-single-body__aside--course-instructor {
display: flex;
flex-direction: column;
gap: 20px;
}
.masteriyo-single-body__aside--course-instructor-items {
display: flex;
flex-direction: column;
gap: 16px;
}
.masteriyo-single-body__aside--course-instructor-items .masteriyo-single--author img {
width: 32px;
height: 32px;
}
.masteriyo-single-body__aside--course-instructor-items .masteriyo-single--author-name {
font-size: 15px;
line-height: 25px;
font-weight: 400;
}
.masteriyo-single-body__aside--enroll {
display: flex;
align-items: center;
gap: 12px;
}
.masteriyo-single-body__aside--enroll .masteriyo-enroll-btn {
flex: 1;
}
.masteriyo-single .masteriyo-progress-info {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.masteriyo-single .course-progress-bar {
flex: 100%;
padding-bottom: 24px;
}
.masteriyo-single .course-progress-bar .masteriyo-progress-bar-container {
width: 100%;
background-color: var(--masteriyo-color-white);
border-radius: 5px;
height: 5px;
margin-top: 10px;
}
.masteriyo-single .course-progress-bar .masteriyo-progress-bar {
height: 100%;
background-color: var(--masteriyo-color-primary);
border-radius: 5px;
transition: width 0.3s ease;
}
.masteriyo-single .course-progress {
color: #4e4e4e;
font-size: 14px;
font-weight: 400;
line-height: 20px;
width: 100%;
padding: 8px 12px;
margin-bottom: 24px;
}
.masteriyo-single .course-progress-bar {
padding-bottom: 0;
margin-bottom: 24px;
}
.masteriyo-single .course-progress-bar .masteriyo-progress-info {
margin-bottom: 20px;
}
.masteriyo-single .course-progress-bar .masteriyo-progress-info .progress-text {
color: #4e4e4e;
font-family: inherit;
font-size: 16px;
line-height: 26px;
font-weight: 500;
margin: 0;
}
.masteriyo-single .course-progress-bar .masteriyo-progress-info .progress-percent {
font-size: 20px;
line-height: 28px;
font-weight: 500;
color: var(--masteriyo-color-primary);
}
.masteriyo-single .course-progress-bar .masteriyo-progress-bar-container .masteriyo-progress-bar {
height: 6px;
background: #e5e7eb;
border-radius: 3px;
overflow: hidden;
margin-bottom: 8px;
}
.masteriyo-single .course-progress-bar .masteriyo-progress-bar-container .masteriyo-progress-fill {
height: 100%;
background: var(--masteriyo-color-primary);
border-radius: 3px;
width: 0%;
animation: fillProgress 2s ease-out 0.5s both;
}
.masteriyo-single .course-progress-bar .masteriyo-progress-bar-container .completed-text {
display: block;
margin-top: 12px;
}
@keyframes progressBarAnimation {
0% {
width: 0;
}
100% {
width: var(--value);
}
}
.masteriyo-single-body__aside .masteriyo-course-expiry-countdown {
display: flex;
align-items: center;
gap: 12px;
flex-direction: column;
}
.masteriyo-single-body__aside .masteriyo-course-expiry-countdown__progress {
width: 100px;
height: 100px;
position: relative;
}
.masteriyo-single-body__aside .masteriyo-course-expiry-countdown__progress div[role=progressbar] {
--size: 100px;
--fg: var(--masteriyo-color-primary);
--bg: #def;
--pgPercentage: var(--value);
animation: circleProgressBar 3s 1 forwards;
width: var(--size);
height: var(--size);
border-radius: 50%;
display: grid;
place-items: center;
background: radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
font-family: Helvetica, Arial, sans-serif;
font-size: calc(var(--size) / 5);
color: var(--fg);
}
.masteriyo-single-body__aside .masteriyo-course-expiry-countdown__progress .validity-countdown {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
gap: 0;
flex-direction: column;
}
.masteriyo-single-body__aside .masteriyo-course-expiry-countdown__progress .validity-countdown span {
font-size: 16px;
line-height: 22px;
font-weight: 500;
}
.masteriyo-single-body__aside .masteriyo-course-expiry-countdown__content {
flex: 1;
}
.masteriyo-single-body__aside .masteriyo-course-expiry-countdown__heading {
color: #383838;
font-size: 15px;
font-weight: 600;
line-height: 22px;
margin-bottom: 8px;
}
.masteriyo-single-body__aside .masteriyo-course-expiry-countdown__desc {
color: #555;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
@keyframes circleProgressBar {
0%, 33% {
--pgPercentage: 0;
}
100% {
--pgPercentage: var(--value);
}
}
.masteriyo-btn-disabled {
background: #d9d9d9;
color: #383838;
opacity: 0.4;
pointer-events: none;
}
#masteriyo-custom-fields {
border: 1px solid #e2e8f0;
border-radius: 0.5rem;
overflow: hidden;
max-width: 800px;
margin: 0 auto;
}
#masteriyo-custom-fields .masteriyo-field {
--field-bg: #fff;
--accent-color: #63b3ed;
--label-color: #4a5568;
--text-color: #2d3748;
--badge-bg: #ebf8ff;
--badge-color: #2b6cb0;
background: var(--field-bg);
padding: 1rem 1.5rem;
border-bottom: 1px solid #e2e8f0;
}
#masteriyo-custom-fields .masteriyo-field:last-child {
border-bottom: none;
}
#masteriyo-custom-fields .field-header {
display: flex;
gap: 30px;
justify-content: space-between;
align-items: center;
width: 100%;
}
#masteriyo-custom-fields .field-label {
font-weight: 300;
color: var(--label-color);
flex-shrink: 0;
}
#masteriyo-custom-fields .field-value {
display: flex;
align-items: center;
gap: 0.5rem;
flex-wrap: wrap;
justify-content: flex-end;
color: var(--text-color);
}
#masteriyo-custom-fields .field-value .option-badge {
background: var(--badge-bg);
color: var(--badge-color);
padding: 0.25rem 0.75rem;
border-radius: 0.375rem;
font-weight: 500;
font-size: 0.875rem;
}
#masteriyo-custom-fields .field-value .boolean-indicator {
display: inline-flex;
align-items: center;
gap: 0.25rem;
font-size: 0.875rem;
}
#masteriyo-custom-fields .field-value .boolean-indicator.yes {
color: #38a169;
}
#masteriyo-custom-fields .field-value .boolean-indicator.no {
color: #e53e3e;
}
#masteriyo-custom-fields .field-value .text-value {
color: var(--text-color);
font-size: 0.875rem;
font-weight: 400;
line-height: 1.5;
width: 100%;
text-align: right;
}
#masteriyo-custom-fields .field-value .text-value .truncated-text,
#masteriyo-custom-fields .field-value .text-value .full-text {
display: inline;
}
#masteriyo-custom-fields .field-value .password-display {
font-size: 0.875rem;
color: var(--text-color);
}
#masteriyo-custom-fields .field-value .toggle-password {
color: #4a5568;
background: none;
border: none;
cursor: pointer;
padding: 0;
margin-left: 0.5rem;
font-size: 0.875rem;
}
#masteriyo-custom-fields .field-value .toggle-password:hover {
color: #2d3748;
}
#masteriyo-custom-fields .field-value .see-more-less {
color: var(--badge-color);
cursor: pointer;
margin-top: 0.5rem;
display: block;
font-size: 0.875rem;
text-align: right;
background: none;
border: none;
padding: 0;
}
#masteriyo-custom-fields .field-value .see-more-less:hover {
text-decoration: underline;
}
.masteriyo-single-course-stats .course-progress-box.modern-progress {
padding-bottom: 12px;
margin-bottom: 0;
}
.masteriyo-single-course-stats .masteriyo-progress-info {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.masteriyo-single-course-stats .course-progress-bar {
flex: 100%;
border-bottom: 1px solid var(--masteriyo-color-border);
padding-bottom: 24px;
}
.masteriyo-single-course-stats .course-progress-bar .masteriyo-progress-bar-container {
width: 100%;
background-color: var(--masteriyo-color-white);
border-radius: 5px;
height: 5px;
margin-top: 10px;
}
.masteriyo-single-course-stats .course-progress-bar .masteriyo-progress-bar {
height: 100%;
background-color: var(--masteriyo-color-primary);
border-radius: 5px;
transition: width 0.3s ease;
}
.masteriyo-single-course-stats .masteriyo-progress-bar-container {
width: 100%;
background-color: var(--masteriyo-color-white);
border-radius: 5px;
height: 5px;
margin-top: 10px;
}
.masteriyo-single-course-stats .masteriyo-progress-bar-container .masteriyo-progress-bar {
height: 6px;
background: #e5e7eb;
border-radius: 3px;
overflow: hidden;
margin-bottom: 8px;
}
.masteriyo-single-course-stats .masteriyo-progress-bar-container .masteriyo-progress-bar .masteriyo-progress-fill {
height: 100%;
background: var(--masteriyo-color-primary);
border-radius: 3px;
width: 0%;
animation: fillProgress 2s ease-out 0.5s both;
}
.masteriyo-single-course-stats .completed-info {
margin-top: 12px;
font-size: 14px;
color: #666;
margin-bottom: 8px;
}
.course-progress-box.modern-progress {
padding: 0;
border-bottom: 0;
margin-bottom: 10px;
}
.masteriyo-progress-bar-container.modern-style {
background-color: #e6e6e6;
border-radius: 4px;
height: 6px;
overflow: hidden;
margin-bottom: 6px;
}
.masteriyo-continue-title {
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: #707070;
}
@keyframes progress-animation {
0% {
stroke-dashoffset: 54.98;
}
100% {
stroke-dashoffset: 28.24;
}
}
@keyframes fillProgress {
0% {
width: 0%;
}
100% {
width: var(--value);
}
}
.masteriyo-related-post .masteriyo-single-course-stats .masteriyo-enroll-btn {
display: none;
}
.masteriyo-course-categories {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
margin-left: -15px;
margin-right: -15px;
margin-top: -15px;
}
.masteriyo-course-categories .masteriyo-col.swiper-slide .masteriyo-category-card__image {
height: 165px;
}
.masteriyo-course-categories .masteriyo-col.swiper-slide .masteriyo-category-card__image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.masteriyo-category-card {
background-color: var(--masteriyo-color-white);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.masteriyo-category-card__image img {
width: 100%;
height: auto;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
margin-bottom: 0;
padding-bottom: 0;
}
.masteriyo-category-card__detail {
padding: 16px 20px;
}
.masteriyo-category-card h2, .masteriyo-category-card__title {
font-size: 18px;
font-weight: 700;
line-height: 1.5;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.masteriyo-category-card h2 a, .masteriyo-category-card__title a {
color: var(--masteriyo-color-grey-dark);
text-decoration: none;
}
.masteriyo-category-card h2 a:hover, .masteriyo-category-card__title a:hover {
text-decoration: none;
color: var(--masteriyo-color-primary);
}
.masteriyo-category-card__courses {
font-size: 13px;
margin-top: 4px;
}
.masteriyo-category-card__courses span {
margin-right: 8px;
}
.masteriyo-category-card__description {
font-size: 14px;
margin-top: 12px;
}
.masteriyo-instructors-list {
display: grid !important;
gap: 30px;
}
@media (max-width: 1199px) {
.masteriyo-instructors-list {
padding: 0 20px;
}
}
.masteriyo-instructors-list.columns-4 {
grid-template-columns: repeat(4, 1fr) !important;
}
@media (max-width: 1199px) {
.masteriyo-instructors-list.columns-4 {
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media (max-width: 992px) {
.masteriyo-instructors-list.columns-4 {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
.masteriyo-instructors-list.columns-4 {
grid-template-columns: repeat(1, 1fr) !important;
}
}
.masteriyo-instructors-list.columns-3 {
grid-template-columns: repeat(3, 1fr) !important;
}
@media (max-width: 992px) {
.masteriyo-instructors-list.columns-3 {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 768px) {
.masteriyo-instructors-list.columns-3 {
grid-template-columns: repeat(1, 1fr) !important;
}
}
.masteriyo-instructors-list.columns-2 {
grid-template-columns: repeat(2, 1fr) !important;
}
@media (max-width: 768px) {
.masteriyo-instructors-list.columns-2 {
grid-template-columns: repeat(1, 1fr) !important;
}
}
.masteriyo-instructors-list.columns-1 {
grid-template-columns: repeat(1, 1fr) !important;
}
.masteriyo-instructors-list .masteriyo-col {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
.masteriyo-instructors-list .masteriyo-col .masteriyo-instructor-card {
padding: 40px 24px;
border: 1px solid #e9e9e9;
border-radius: 6px;
}
.masteriyo-instructors-list .masteriyo-col .masteriyo-instructor-card__image {
display: flex;
justify-content: center;
}
.masteriyo-instructors-list .masteriyo-col .masteriyo-instructor-card__image img {
border-radius: 100%;
width: 120px;
height: 120px;
-o-object-fit: cover;
object-fit: cover;
}
.masteriyo-instructors-list .masteriyo-col .masteriyo-instructor-card__title {
font-size: 22px;
line-height: 32px;
margin: 14px 0 10px;
text-align: center;
}
.masteriyo-instructors-list .masteriyo-col .masteriyo-instructor-card .numbers {
display: flex;
gap: 12px;
align-items: flex-start;
}
.masteriyo-instructors-list .masteriyo-col .masteriyo-instructor-card .numbers svg {
width: 18px;
height: 18px;
fill: #666666;
margin-top: 3px;
}
.masteriyo-instructors-list .masteriyo-col .masteriyo-instructor-card .numbers p {
flex: 1;
font-size: 16px;
line-height: 24px;
color: #666666;
word-break: break-word;
margin: 0;
}
.masteriyo-instructors-list .masteriyo-col .masteriyo-instructor-card .info {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 28px;
}
.masteriyo-instructors-list .masteriyo-col .masteriyo-instructor-card__detail .about {
display: flex;
gap: 20px;
justify-content: center;
}
.course-attachments {
padding: 0 30px 30px;
}
.attachment-content-main {
border-bottom: 1px solid var(--masteriyo-color-border);
padding-bottom: 16px;
margin-bottom: 16px;
}
.attachment-content-main:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.attachment-content-image {
display: flex;
align-items: center;
}
.attachment-content-image svg {
margin-right: 16px;
width: 1.5rem;
min-width: 1.5rem;
}
.attachment-content-image-text {
font-size: 14px;
font-weight: 600;
flex-grow: 1;
flex-basis: 50%;
}
.attachment-content-image-text:hover {
color: var(--masteriyo-color-primary);
}
.attachment-content-description {
margin-left: 16px;
font-size: 13px;
font-weight: 400;
color: var(--masteriyo-color-text);
}
.masteriyo-qr-certificate {
min-height: calc(100vh - 32px);
display: flex;
align-items: center;
justify-content: center;
background: #e3e3e3;
}
@media screen and (max-width: 600px) {
.masteriyo-qr-certificate {
padding-left: 20px;
padding-right: 20px;
}
}
.masteriyo-qr-certificate--wrapper {
width: 550px;
max-width: 100%;
padding: 100px 40px 40px;
border-radius: 8px;
background: #fff;
position: relative;
}
.masteriyo-qr-certificate__avatar {
position: absolute;
top: -72px;
left: 40px;
background: #e3e3e3;
padding: 12px;
border-radius: 50%;
}
.masteriyo-qr-certificate__avatar img {
width: 120px;
height: 120px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
.masteriyo-qr-certificate__desc {
display: flex;
flex-direction: column;
gap: 30px;
}
.masteriyo-qr-certificate__desc--content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
align-items: center;
}
.masteriyo-qr-certificate__desc--content label {
color: #222222;
font-size: 16px;
font-weight: 500;
line-height: 150%;
}
.masteriyo-qr-certificate__desc--content p {
color: #383838;
font-size: 16px;
font-weight: 400;
line-height: 150%;
margin-top: 0px;
}
.masteriyo-certificate-share-container {
margin-top: 16px;
width: 100%;
}
.masteriyo-certificate-share__share-button {
border-radius: 4px;
background: var(--masteriyo-color-primary);
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 16px;
min-height: 40px;
color: var(--masteriyo-color-white);
font-size: 15px;
font-weight: 500;
line-height: 25px;
width: 100%;
border: 0;
outline: none;
box-shadow: none;
transition: all 0.3s ease-in-out;
}
.masteriyo-certificate-share__share-button svg {
width: 18px;
height: 18px;
}
.masteriyo-certificate-share-modal .masteriyo-overlay {
align-items: center;
}
.masteriyo-certificate-share-popup {
border-radius: 8px;
background: #fff;
box-shadow: 0px 0px 25px 0px rgba(10, 10, 10, 0.1);
display: flex;
width: 60%;
height: auto;
padding: 28px 28px 30px 28px;
flex-direction: column;
gap: 32px;
}
.masteriyo-certificate-share__wrapper {
position: relative;
}
.masteriyo-certificate-share__heading {
color: #222222;
font-size: 24px;
font-weight: 700;
line-height: 32px;
padding-bottom: 16px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 18px;
margin-top: 0;
}
.masteriyo-certificate-share__exit-popup {
position: absolute;
top: 0;
right: 0;
border-radius: 60px;
background: #eef1f7;
display: flex;
align-items: center;
justify-content: center;
padding: 7px;
cursor: pointer;
}
.masteriyo-certificate-share__exit-popup svg {
width: 14px;
height: 14px;
}
.masteriyo-certificate-share__title {
color: #111;
font-size: 16px;
font-weight: 300;
line-height: 26px;
margin-top: 0;
margin-bottom: 16px;
}
.masteriyo-certificate-share__share-link {
text-decoration: none;
}
.masteriyo-certificate-share__share-link a {
text-decoration: none;
}
.masteriyo-share-container {
display: flex;
align-items: center;
justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
#primary {
padding-right: 0;
}
.masteriyo-container {
padding-left: 15px;
padding-right: 15px;
}
.masteriyo-container-fluid, .masteriyo-container-sm, .masteriyo-container-md, .masteriyo-container-lg, .masteriyo-container-xl {
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (max-width: 1024px) {
.masteriyo-single-course {
margin: 0;
}
}
@media (max-width: 992px) {
.masteriyo-form-container {
width: 70%;
}
.masteriyo-cstudy--body--pstatus {
display: none;
}
.masteriyo-single-course--aside {
width: 100%;
}
.masteriyo .columns-4 .masteriyo-col,
.masteriyo .columns-3 .masteriyo-col,
.masteriyo .columns-2 .masteriyo-col {
flex: unset;
max-width: 100%;
width: 100%;
padding: 0;
}
.masteriyo .columns-4 .masteriyo-course--card,
.masteriyo .columns-3 .masteriyo-course--card,
.masteriyo .columns-2 .masteriyo-course--card {
flex-basis: 335px;
}
.masteriyo .columns-4.list-view .masteriyo-col,
.masteriyo .columns-3.list-view .masteriyo-col,
.masteriyo .columns-2.list-view .masteriyo-col {
width: 100%;
max-width: 100%;
flex: 1;
}
.masteriyo .columns-1 .masteriyo-course--card {
flex-basis: 100%;
}
.masteriyo .masteriyo-mycourses--card {
flex-basis: calc(50% - 30px);
}
.masteriyo .masteriyo-mycourses--thumbnail .masteriyo-placeholder {
width: 100%;
}
.masteriyo .masteriyo-instructors-list.columns-3 .masteriyo-col, .masteriyo .masteriyo-instructors-list.columns-4 .masteriyo-col {
flex: 0 0 30%;
max-width: 30%;
padding: 0;
}
.masteriyo-related-post .masteriyo-single-course-item {
flex-direction: column;
}
.masteriyo-single-course--main {
width: 100%;
}
.masteriyo-item--wrap .masteriyo-single-course-item > div {
padding-top: 8px;
padding-bottom: 8px;
}
.masteriyo-checkout-wrapper {
gap: 32px;
}
.masteriyo-checkout-main {
flex-basis: 100%;
margin-right: 0;
margin-bottom: 0;
}
}
@media (max-width: 768px) {
#primary {
padding-right: 0;
}
.masteriyo-form-container {
width: 80%;
}
.masteriyo-item--wrap {
margin: 0;
}
.masteriyo-item--wrap .masteriyo-col-4 {
padding-top: 8px;
padding-bottom: 8px;
}
.masteriyo-col-8,
.masteriyo-single-course .masteriyo-col-4 {
width: 100%;
flex: 1 1 100%;
max-width: 100%;
}
.masteriyo-related-post .masteriyo-col-4 {
width: 50%;
flex: 1 1 50%;
max-width: 50%;
}
.masteriyo-vertical-menu {
flex-basis: 100%;
padding-left: 0;
}
.masteriyo .masteriyo-main,
.masteriyo .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
width: 100%;
display: block;
}
.masteriyo .masteriyo-main .masteriyo-vertical-menu,
.masteriyo .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) .masteriyo-vertical-menu {
border-right: none;
}
.masteriyo .masteriyo-mycourses--card {
flex-basis: calc(50% - 30px);
max-width: 100%;
}
.masteriyo .masteriyo-dashboard {
margin-top: 40px;
margin-left: 0;
}
.masteriyo .masteriyo-cstudy--body--wrap {
padding: 16px;
}
.masteriyo-login {
width: auto;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--img-wrap video {
width: 150px;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--img-wrap:has(video) .difficulty-badge {
display: none;
}
.masteriyo .masteriyo-instructors-list.columns-2 .masteriyo-col, .masteriyo .masteriyo-instructors-list.columns-3 .masteriyo-col, .masteriyo .masteriyo-instructors-list.columns-4 .masteriyo-col {
flex: 0 0 46%;
max-width: 46%;
padding: 0;
}
.masteriyo .masteriyo-instructors-list.columns-2 .masteriyo-col, .masteriyo .masteriyo-instructors-list.columns-3 .masteriyo-col, .masteriyo .masteriyo-instructors-list.columns-4 .masteriyo-col {
flex: 0 0 46%;
max-width: 46%;
padding: 0;
}
.masteriyo .masteriyo-instructors-list.columns-2 .masteriyo-col, .masteriyo .masteriyo-instructors-list.columns-3 .masteriyo-col, .masteriyo .masteriyo-instructors-list.columns-4 .masteriyo-col {
flex: 0 0 46%;
max-width: 46%;
padding: 0;
}
.masteriyo .masteriyo-instructors-list.columns-2 .masteriyo-col, .masteriyo .masteriyo-instructors-list.columns-3 .masteriyo-col, .masteriyo .masteriyo-instructors-list.columns-4 .masteriyo-col {
flex: 0 0 46%;
max-width: 46%;
padding: 0;
}
}
@media (max-width: 600px) {
.masteriyo-login .masteriyo-btn-wrapper,
.masteriyo-reset .masteriyo-btn-wrapper {
flex-direction: column;
}
.masteriyo-login .masteriyo-btn,
.masteriyo-reset .masteriyo-btn {
margin-bottom: 24px;
}
.masteriyo-cstudy--btn {
width: inherit;
}
.masteriyo-courses--card {
flex-basis: 100%;
width: 100%;
}
.masteriyo-col {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--img-wrap {
width: 100%;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--img-wrap video {
width: 100%;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--img-wrap:has(video) .difficulty-badge {
display: block;
}
.masteriyo .columns-4 .masteriyo-course,
.masteriyo .columns-3 .masteriyo-course,
.masteriyo .columns-2 .masteriyo-course,
.masteriyo .columns-1 .masteriyo-course {
flex-direction: row;
}
.masteriyo .columns-4 .masteriyo-col,
.masteriyo .columns-3 .masteriyo-col,
.masteriyo .columns-2 .masteriyo-col,
.masteriyo .columns-1 .masteriyo-col {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.masteriyo .columns-4 .masteriyo-course--card,
.masteriyo .columns-3 .masteriyo-course--card,
.masteriyo .columns-2 .masteriyo-course--card,
.masteriyo .columns-1 .masteriyo-course--card {
flex-basis: 100%;
}
.masteriyo .masteriyo-instructors-list.columns-2 .masteriyo-col, .masteriyo .masteriyo-instructors-list.columns-3 .masteriyo-col, .masteriyo .masteriyo-instructors-list.columns-4 .masteriyo-col {
flex: 0 0 100%;
max-width: 100%;
padding: 0;
}
.masteriyo-replies .masteriyo-reply-replies--title .masteriyo-flex {
flex-direction: column;
align-items: self-start;
}
.masteriyo-replies .masteriyo-reply-replies--title .author-name {
margin-bottom: 12px;
}
.masteriyo-related-post .masteriyo-col-4,
.masteriyo-col-4 {
width: 100%;
flex: 1 1 100%;
max-width: 100%;
}
.masteriyo-counter .masteriyo-db-card {
flex-basis: 100%;
}
.masteriyo-stab > div {
flex-basis: 100%;
}
.masteriyo .masteriyo-cstudy--body--pbar {
flex-basis: 100%;
margin-left: 0;
margin-right: 0;
}
.masteriyo .masteriyo-mycourses--card {
flex-basis: 100%;
max-width: 100%;
}
.masteriyo .masteriyo-placeholder {
width: 100%;
}
}
@media (max-width: 544px) {
body.ast-separate-container #content .ast-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 450px) {
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--card {
flex-direction: column;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content .masteriyo-time-btn {
flex-direction: row;
align-items: center;
width: 100%;
}
.masteriyo-course.list-view .masteriyo-col .masteriyo-course--content .masteriyo-time-btn .masteriyo-course-price {
margin-bottom: 0;
}
}
.masteriyo-prerequisites-enroll-button {
display: flex;
align-items: center;
gap: 4px;
}
.masteriyo-prerequisites-enroll-button.masteriyo-btn-disabled {
background: #d9d9d9;
color: #383838;
opacity: 0.4;
pointer-events: none;
}
.masteriyo-prerequisites-enroll-button .dashicons {
width: 20px;
height: 20px;
margin: 0 !important;
}
.masteriyo-single-course--prerequisites-list {
display: flex;
flex-direction: column;
gap: 16px;
margin: 0;
list-style: none;
padding-left: 0;
}
.masteriyo-single-course--prerequisites-list li {
list-style: none;
}
.masteriyo-single-course--prerequisites-list__item {
display: flex;
align-items: center;
gap: 20px;
justify-content: space-between;
padding: 10px 14px 10px 16px;
background: #fbfbfb;
border: 1px solid var(--masteriyo-color-border);
border-radius: 4px;
transition: all 0.3s ease-in-out;
}
.masteriyo-single-course--prerequisites-list__item:hover {
border-color: var(--masteriyo-color-primary);
}
.masteriyo-single-course--prerequisites-list__item:hover .masteriyo-prerequisites-heading {
color: var(--masteriyo-color-primary);
}
.masteriyo-single-course--prerequisites-list__item .masteriyo-prerequisites-heading {
color: #16181A;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin: 0;
text-transform: unset;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
transition: all 0.3s ease-in-out;
}
.masteriyo-single-course--prerequisites-list__item .masteriyo-prerequisites-completed {
display: flex;
}
.masteriyo-single-course--prerequisites-list__item .masteriyo-prerequisites-completed svg {
width: 20px;
height: 20px;
}
.masteriyo-single-course--prerequisites-list__item .masteriyo-prerequisites-incompleted {
display: flex;
}
.masteriyo-single-course--prerequisites-list__item .masteriyo-prerequisites-incompleted svg {
width: 16px;
height: 16px;
}
.masteriyo-wishlist-toggle {
display: block;
cursor: pointer;
border-radius: 100px;
fill: none;
stroke: #4e4e4e;
stroke-width: 2px;
padding-top: 4px;
}
.masteriyo-wishlist-toggle:hover, .masteriyo-wishlist-toggle.active {
fill: var(--masteriyo-color-badge-red);
stroke: var(--masteriyo-color-badge-red);
stroke-width: 2px;
}
.masteriyo-wishlist-toggle svg {
width: 20px;
height: 20px;
}
body.rtl .masteriyo-courses-view-mode-section {
margin: 0 20px 0 0;
}
body.rtl .masteriyo-course-search__icon {
left: unset;
right: 16px;
}
body.rtl .masteriyo-course-search .search-field {
padding: 0 45px 0 16px;
border-radius: 0 4px 4px 0;
}
body.rtl .masteriyo-course-search .masteriyo-btn {
border-radius: 4px 0 0 4px;
}
body.rtl .masteriyo-courses-sorting .masteriyo-courses-order-by {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23383838' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M2.418 7.403a1.468 1.468 0 0 1 2.02 0L12 14.68l7.561-7.278a1.468 1.468 0 0 1 2.02 0 1.339 1.339 0 0 1 0 1.944l-8.57 8.25a1.468 1.468 0 0 1-2.021 0l-8.572-8.25a1.339 1.339 0 0 1 0-1.944Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat left 10px center;
background-size: 16px;
}
body.rtl .masteriyo-course--card .masteriyo-course--img-wrap .masteriyo-course--badges {
left: unset;
right: 20px;
}
body.rtl .masteriyo-course-author a:has(img) {
margin-right: -16px;
margin-left: 8px;
}
body.rtl .masteriyo-course-author a:first-child {
margin-right: 0;
}
body.rtl .masteriyo-course-author a:has(.masteriyo-course-author--name) {
margin-right: unset;
margin-left: 6px;
}
body.rtl .masteriyo-course-highlights--item p {
text-align: inherit;
}
body.rtl .masteriyo-course-author .additional-masteriyo-instructors-dropdown {
right: unset;
left: -170px;
}
body.rtl .masteriyo-course-progress-bar .course-progress-box .completed-component .course-progress-popover {
right: unset;
left: 0;
}
body.rtl .masteriyo-course--img-wrap .course-featured {
right: unset;
left: -9px;
padding: 0 2px 0 12px;
}
body.rtl .masteriyo-course--img-wrap .course-featured::before {
left: unset;
right: -25px;
border-left-color: var(--masteriyo-color-primary);
border-right-color: transparent;
}
body.rtl .masteriyo-course--img-wrap .course-featured::after {
right: unset;
left: 0;
transform: rotate(90deg);
}
body.rtl .masteriyo-course--content__stats > div span {
margin-left: unset;
margin-right: 8px;
}
body.rtl .masteriyo-wishlist-toggle {
padding-top: 2px;
}
body.rtl .masteriyo-single-course--title .masteriyo-wishlist {
margin-left: unset;
margin-right: auto;
}
body.rtl .masteriyo-course-preview-wrapper .masteriyo-course-preview-link {
padding-left: 0;
padding-right: 16px;
border-left: unset;
border-right: 1px solid var(--masteriyo-color-border);
}
body.rtl .masteriyo-single-body__main--user-review__search svg {
top: 12px;
left: unset;
right: 12px;
}
body.rtl .masteriyo-single-body__main--user-review__search input[type=text] {
padding-right: 36px;
padding-left: 0;
}
body.rtl .masteriyo-single-body__main--review-list-content-wrapper .masteriyo-dropdown, body.rtl .masteriyo-single-body__main--reply-list-content-wrapper .masteriyo-dropdown {
right: unset;
left: 0;
}
body.rtl .masteriyo-single-body__main--review-list-content-wrapper .masteriyo-dropdown .masteriyo-slide, body.rtl .masteriyo-single-body__main--reply-list-content-wrapper .masteriyo-dropdown .masteriyo-slide {
right: unset;
left: 0;
margin: 0;
}
body.rtl .masteriyo-group-course__group-button .masteriyo-group-course__buy-now-button {
flex-direction: row-reverse;
}
body.rtl .masteriyo-course--badges {
left: unset;
right: 30px;
}
body.rtl .masteriyo-courses-filters {
left: unset;
right: -100%;
}
@media screen and (min-width: 769px) {
body.rtl .masteriyo-courses-filters {
padding-left: 20px;
padding-right: 0;
border-right: unset;
border-left: 1px solid var(--masteriyo-color-border);
margin-right: unset;
margin-left: 30px;
right: unset;
}
}
body.rtl .masteriyo-courses-filters.masteriyo-expanded {
left: unset;
right: 0;
}
@media screen and (max-width: 768px) {
body.rtl .masteriyo-courses-filters .masteriyo-close-filters-sidebar {
right: unset;
left: 14px;
}
}
body.rtl .masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-preview-button--icon,
body.rtl .masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image-preview-button--icon {
transform: rotate(180deg);
}
body.rtl .masteriyo-course-list-display-section[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail) .masteriyo-author-image,
body.rtl .masteriyo-related-post[data-layout=layout_1] .masteriyo-archive-cards .masteriyo-archive-card__image:has(.masteriyo-course-thumbnail) .masteriyo-author-image {
right: unset;
left: 16px;
}
body.rtl .masteriyo-course-list-display-section[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-archive-card__image-preview-button--icon,
body.rtl .masteriyo-related-post[data-layout=layout_2] .masteriyo-course-cards .masteriyo-course-card__content--container .masteriyo-archive-card__image-preview-button--icon {
transform: rotate(180deg);
}
body.rtl .masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__img-wrap .course-featured {
right: unset;
left: -9px;
padding: 0 2px 0 12px;
}
body.rtl .masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__img-wrap .course-featured::before {
left: unset;
right: -25px;
border-left-color: var(--masteriyo-color-primary);
border-right-color: transparent;
}
body.rtl .masteriyo-single-course--wrapper[data-layout=modern] .masteriyo-single-header__img-wrap .course-featured::after {
right: unset;
left: 0;
transform: rotate(90deg);
}
body.rtl .masteriyo-single-course--wrapper[data-layout=minimal] .masteriyo-single-body__main .masteriyo-single-body__main--curriculum-content-bottom__accordion--header-misc .masteriyo-single-body-accordion-info::after {
right: unset;
left: -14px;
}
body.rtl .masteriyo-single-course--wrapper .masteriyo-checkout-main select {
background-position: left 12px center;
}
body.rtl .masteriyo-certificate-share__exit-popup {
right: unset;
left: 0;
}
.theme-astra .ast-container {
display: block;
}
.theme-astra.masteriyo-account-page .mto-account-sidebar {
border: 1px solid var(--chakra-colors-icy-blue-gray);
padding: 20px;
}
.theme-astra.masteriyo-account-page .mto-account-sidebar ul {
margin: 0;
padding: 0 !important;
}
.theme-astra.masteriyo-account-page .account_page_table td,
.theme-astra.masteriyo-account-page .account_page_table th {
border: 0px;
}
.theme-astra.masteriyo-account-page .course-completion-popover-content ul,
.theme-astra.masteriyo-account-page .course-completion-popover-content ol {
padding: 0 !important;
margin: 0;
}
.theme-astra.masteriyo-account-page input[type=text],
.theme-astra.masteriyo-account-page input[type=number],
.theme-astra.masteriyo-account-page input[type=email],
.theme-astra.masteriyo-account-page input[type=url],
.theme-astra.masteriyo-account-page input[type=password],
.theme-astra.masteriyo-account-page input[type=search],
.theme-astra.masteriyo-account-page input[type=reset],
.theme-astra.masteriyo-account-page input[type=tel],
.theme-astra.masteriyo-account-page input[type=date] {
height: 24px;
}
.theme-astra.masteriyo-account-page hr {
margin-bottom: 0;
}
.theme-astra .masteriyo-bundles-header {
margin-top: 40px;
}
.theme-astra .entry-content ul {
padding: 2px !important;
}
@media (min-width: 360px) {
.theme-astra .entry-content ul {
padding: 2px !important;
}
}
@media (min-width: 391px) {
.theme-astra .entry-content ul {
padding: 8px !important;
}
}
.theme-astra .entry-content ol {
padding: 0 !important;
margin: 0 !important;
}
.theme-astra .mto-account-sidebar h5 {
margin-bottom: 0;
}
.theme-astra .mto-dashboard-courses-stats h2 {
font-size: 1rem;
margin-bottom: 0;
line-height: 1.2;
color: var(--masteriyo-color-heading);
}
.theme-astra .mto-enrolled-courses-wrapper h4,
.theme-astra .mto-profile-wrapper h4,
.theme-astra .mto-orders-wrapper h4 {
margin-bottom: 0;
}
.theme-astra .mto-dashboard-courses-progress button:hover,
.theme-astra .mto-profile-wrapper button:hover,
.theme-astra .mto-enrolled-courses-wrapper button:hover {
background: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
}
.theme-astra .mto-enrolled-courses-wrapper button:hover > svg {
fill: #000;
}
.theme-astra .mto-enrolled-courses-wrapper .pagination-container button.pagination-previous:hover, .theme-astra .mto-enrolled-courses-wrapper .pagination-container button.pagination-next:hover {
background: var(--chakra-colors-gray-100);
}
.theme-astra .mto-profile-wrapper .mto-profile-details h3 {
margin-bottom: 0;
font-size: 2.25rem;
}
.theme-astra .mto-profile-wrapper .mto-profile-details h2 {
font-size: 1.125rem;
line-height: 1.2;
}
.theme-astra .masteriyo-single-course .masteriyo-single-course--aside .masteriyo-time-btn {
padding-left: 0;
padding-right: 0;
}
.theme-astra .masteriyo-single-course .masteriyo-single-course--aside .masteriyo-single-course-stats {
padding-left: 0;
padding-right: 0;
}
.theme-astra .masteriyo-single-course .masteriyo-single-course--aside .masteriyo-course--content__description {
padding-left: 0;
padding-right: 0;
}
.theme-astra .masteriyo-checkout .masteriyo-checkout-main .masteriyo-input {
width: 100%;
}
.theme-astra .masteriyo-checkout .masteriyo-checkout-summary .masteriyo-checkout--btn {
padding: 16px 12px;
}
@media (max-width: 992px) {
.theme-astra .masteriyo-checkout .masteriyo-checkout-wrapper {
gap: 2.5em;
}
.theme-astra .masteriyo-checkout .masteriyo-checkout-wrapper .masteriyo-checkout-main {
padding-right: 20px;
margin-right: 0;
}
.theme-astra .masteriyo-checkout .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-col-2 {
margin-left: 0;
margin-right: 0;
}
.theme-astra .masteriyo-checkout .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-col-2 .masteriyo-checkout----fname {
padding-left: 0;
}
.theme-astra .masteriyo-checkout .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-col-2 .masteriyo-checkout----lname {
padding-right: 0;
}
}
.zak-site-layout--stretched .masteriyo-course-list-display-section {
justify-content: center;
}
.theme-zakra.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search button[type=button] {
padding: 8px 16px;
}
body.theme-Divi .masteriyo-bundles-header {
margin-top: 40px;
margin-bottom: 30px;
}
body.theme-Divi #left-area {
padding-right: 15px;
}
body.theme-Divi #left-area ul {
list-style-type: none !important;
}
body.theme-Divi #left-area ul {
padding: 2px !important;
}
@media (min-width: 360px) {
body.theme-Divi #left-area ul {
padding: 2px !important;
}
}
@media (min-width: 391px) {
body.theme-Divi #left-area ul {
padding: 8px !important;
}
}
body.theme-Divi .masteriyo-search .masteriyo-course-search button {
border: 0;
color: var(--masteriyo-color-white);
cursor: pointer;
}
body.theme-Divi .mto-dashboard-courses-progress button:hover,
body.theme-Divi .mto-profile-wrapper button:hover,
body.theme-Divi .mto-enrolled-courses-wrapper button:hover {
color: var(--masteriyo-color-white);
background: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
}
body.theme-Divi .mto-enrolled-courses-wrapper button:hover > svg {
fill: #000;
}
body.theme-Divi .mto-enrolled-courses-wrapper .pagination-container button.pagination-previous:hover, body.theme-Divi .mto-enrolled-courses-wrapper .pagination-container button.pagination-next:hover {
background: var(--chakra-colors-gray-100);
}
body.theme-Divi .mto-enrolled-courses-wrapper .mto-enrolled-course {
border: 1px solid var(--chakra-colors-chakra-border-color);
}
body.theme-Divi .masteriyo-container {
padding: 0 15px;
}
body.theme-Divi .masteriyo-container .page-numbers.current {
padding: 9px;
}
@media (max-width: 992px) {
body.theme-Divi .masteriyo-checkout .masteriyo-checkout-wrapper {
gap: 2em;
}
}
body.theme-Divi .masteriyo-checkout .masteriyo-checkout-main .masteriyo-input {
padding: 8px 16px;
width: 100%;
}
@media (max-width: 1017px) {
body.theme-Divi .masteriyo-checkout .masteriyo-checkout-main {
margin-right: 15px;
}
}
@media (max-width: 992px) {
body.theme-Divi .masteriyo-checkout .masteriyo-checkout-main {
margin-right: 0;
padding-right: 20px;
}
}
body.theme-Divi .masteriyo-checkout .masteriyo-checkout-summary .masteriyo-checkout-summary-payment-method ul li {
list-style: none;
}
body.theme-Divi .masteriyo-checkout .masteriyo-checkout-summary .masteriyo-btn-primary {
border: 0;
cursor: pointer;
}
body.theme-Divi .masteriyo-checkout .masteriyo-checkout-summary-your-order ul,
body.theme-Divi .masteriyo-checkout .masteriyo-checkout-summary-payment-method ul {
padding: 0 !important;
}
body.theme-Divi .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form input[type=text],
body.theme-Divi .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form input[type=email] {
height: 38px;
border-color: #e1e1e1;
padding-left: 12px;
padding-right: 12px;
width: 100%;
}
body.theme-Divi .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form input[type=text]:hover, body.theme-Divi .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form input[type=text]:focus,
body.theme-Divi .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form input[type=email]:hover,
body.theme-Divi .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form input[type=email]:focus {
border-color: var(--masteriyo-color-primary);
}
body.theme-Divi .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form textarea {
width: 100%;
padding-left: 12px;
padding-right: 12px;
border-width: 1px;
}
body.theme-Divi .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form .masteriyo-btn-primary {
border: 0;
cursor: pointer;
}
body.theme-Divi .masteriyo-single-course .masteriyo-single-course--aside .masteriyo-time-btn {
padding-left: 0;
padding-right: 0;
}
body.theme-Divi .masteriyo-single-course .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn {
line-height: 150%;
}
body.theme-Divi .masteriyo-single-course .masteriyo-single-course--aside .masteriyo-single-course-stats {
padding-left: 0;
padding-right: 0;
}
body.theme-Divi .masteriyo-single-course .masteriyo-single-course--aside .masteriyo-course--content__description {
padding-left: 0;
padding-right: 0;
}
body.theme-Divi .masteriyo-single-course--main__content .tab-content h1,
body.theme-Divi .masteriyo-single-course--main__content .tab-content h2,
body.theme-Divi .masteriyo-single-course--main__content .tab-content h3,
body.theme-Divi .masteriyo-single-course--main__content .tab-content h4,
body.theme-Divi .masteriyo-single-course--main__content .tab-content h5,
body.theme-Divi .masteriyo-single-course--main__content .tab-content h6 {
margin-bottom: 16px;
}
body.theme-Divi .masteriyo-single-course--main__content .tab-content hr {
margin: 24px 0;
}
@media (max-width: 575px) {
body.theme-Divi .container {
width: 100%;
max-width: 100%;
padding: 0 15px;
}
}
body.theme-Divi #masteriyo-account-container .mto-account-wrapper {
margin-left: 0;
box-sizing: border-box;
}
@media (max-width: 767px) {
body.theme-Divi #masteriyo-account-container .mto-account-wrapper {
margin-left: 1rem;
}
}
body.theme-Divi #masteriyo-account-page h1,
body.theme-Divi #masteriyo-account-page h2,
body.theme-Divi #masteriyo-account-page h3,
body.theme-Divi #masteriyo-account-page h4,
body.theme-Divi #masteriyo-account-page h5,
body.theme-Divi #masteriyo-account-page h6,
body.theme-Divi #masteriyo-account-page p,
body.theme-Divi #masteriyo-account-page li {
padding: 0;
}
body.theme-Divi .mto-account-sidebar {
border: 1px solid var(--chakra-colors-icy-blue-gray);
padding: 20px;
}
body.theme-Divi .mto-account-sidebar h5 {
padding-bottom: 0;
}
body.theme-Divi .course-completion-popover-content ul,
body.theme-Divi .course-completion-popover-content ol {
padding: 0 !important;
margin: 0;
}
body.theme-Divi .mto-dashboard-courses-stats > div {
padding-left: 10px !important;
padding-right: 10px !important;
}
body.theme-Divi .mto-dashboard-courses-stats .mto-dashboard-courses-card {
padding: 15px;
}
body.theme-Divi .mto-dashboard-courses-stats .mto-dashboard-courses-content {
flex-wrap: wrap;
gap: 1em;
}
body.theme-Divi .mto-dashboard-courses-stats .mto-dashboard-courses-content-right {
margin-left: 0;
}
body.theme-Divi .mto-dashboard-courses-stats h2 {
padding: 0;
}
body.theme-Divi .mto-dashboard-courses-stats .mto-dashboard-courses-card-wrapper {
border-style: solid;
}
body.theme-Divi .mto-dashboard-courses-progress .mto-continue-course-content {
flex-wrap: wrap;
}
body.theme-Divi .mto-dashboard-courses-progress .mto-continue-course-content_right {
margin-left: 0;
}
body.theme-Divi .mto-enrolled-courses-wrapper nav ol {
padding-bottom: 0 !important;
}
body.theme-Divi .mto-profile-wrapper .mto-profile-user-detail_left, body.theme-Divi .mto-profile-wrapper .mto-profile-user-detail_right {
padding-bottom: 0;
}
body.theme-Divi ul {
list-style: square;
}
body.theme-Divi ol {
list-style: decimal;
}
.theme-hello-elementor .masteriyo-container .masteriyo-single-header .masteriyo-single-header__content h6.masteriyo-single-heading {
margin-top: 0;
}
.theme-hello-elementor .masteriyo-search button {
color: var(--masteriyo-color-white);
border-color: var(--masteriyo-color-primary);
}
.theme-hello-elementor .masteriyo-search button:focus, .theme-hello-elementor .masteriyo-search button:focus-visible {
outline: none;
}
.theme-hello-elementor .masteriyo-single-course--main__content .tab-content hr {
margin: 24px 0;
}
.theme-hello-elementor .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-submit-review-form input[type=text],
.theme-hello-elementor .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-submit-review-form input[type=email],
.theme-hello-elementor .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-submit-review-form textarea {
width: 100%;
border-color: #e1e1e1;
border-width: 1px;
}
.theme-hello-elementor .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-submit-review-form input[type=text]:hover, .theme-hello-elementor .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-submit-review-form input[type=text]:focus,
.theme-hello-elementor .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-submit-review-form input[type=email]:hover,
.theme-hello-elementor .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-submit-review-form input[type=email]:focus,
.theme-hello-elementor .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-submit-review-form textarea:hover,
.theme-hello-elementor .masteriyo-single-course--main__content .tab-content.course-reviews .masteriyo-submit-review-form textarea:focus {
border-color: var(--masteriyo-color-btn-blue-active);
}
.theme-hello-elementor .masteriyo-single-course--aside .masteriyo-time-btn,
.theme-hello-elementor .masteriyo-single-course--aside .masteriyo-single-course-stats,
.theme-hello-elementor .masteriyo-single-course--aside .masteriyo-course--content__description {
padding-left: 0;
padding-right: 0;
}
.theme-hello-elementor .masteriyo-course .masteriyo-course-author a {
display: flex;
align-items: center;
}
.theme-hello-elementor .page-header .entry-title {
font-size: 2.5rem;
line-height: 1.2;
font-weight: 500;
margin-top: 0.5rem;
margin-bottom: 1rem;
}
.theme-hello-elementor .mto-enrolled-courses-wrapper .mto-enrolled-courses-list_main button {
border: 1px solid var(--chakra-colors-primary-500);
}
.theme-hello-elementor .mto-enrolled-courses-wrapper nav .pagination-previous:hover,
.theme-hello-elementor .mto-enrolled-courses-wrapper nav .pagination-next:hover {
color: #444444 !important;
}
.theme-hello-elementor .mto-enrolled-courses-wrapper nav ol button.pagination-page {
border: 1px solid #927ce6;
}
.theme-hello-elementor #masteriyo-account-container button:hover {
color: var(--masteriyo-color-white);
background: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
}
.theme-hello-elementor #masteriyo-account-container .mto-dashboard-courses-progress .mto-continue-course button {
border-color: var(--chakra-colors-primary-500);
}
.theme-hello-elementor #masteriyo-account-container .mto-dashboard-courses-progress .mto-continue-course button:hover {
border-color: var(--masteriyo-color-btn-blue-hover);
}
.theme-hello-elementor #masteriyo-account-container .mto-enrolled-courses-wrapper .pagination-container button.pagination-previous, .theme-hello-elementor #masteriyo-account-container .mto-enrolled-courses-wrapper .pagination-container button.pagination-next {
border-color: #a9a7a7;
background: transparent;
}
.theme-hello-elementor #masteriyo-account-container .mto-enrolled-courses-wrapper .pagination-container button.pagination-previous svg, .theme-hello-elementor #masteriyo-account-container .mto-enrolled-courses-wrapper .pagination-container button.pagination-next svg {
fill: #383838;
}
.theme-hello-elementor #masteriyo-account-container .mto-account-wrapper {
margin-left: 0;
}
.theme-hello-elementor #masteriyo-account-container .mto-dashboard-courses-stats .mto-dashboard-courses-card-wrapper .mto-dashboard-courses-card {
padding: 20px;
}
@media (max-width: 1199px) {
.theme-hello-elementor #masteriyo-account-container .mto-dashboard-courses-stats .mto-dashboard-courses-card-wrapper .mto-dashboard-courses-card {
padding: 15px;
}
}
@media (max-width: 1199px) {
.theme-hello-elementor #masteriyo-account-container .mto-dashboard-courses-stats .mto-dashboard-courses-card-wrapper .mto-dashboard-courses-card .mto-dashboard-courses-content {
flex-wrap: wrap;
gap: 1em;
}
}
@media (max-width: 1199px) {
.theme-hello-elementor #masteriyo-account-container .mto-dashboard-courses-stats .mto-dashboard-courses-card-wrapper .mto-dashboard-courses-card .mto-dashboard-courses-content-right {
margin-left: 0;
}
}
.theme-hello-elementor #masteriyo-account-container .mto-dashboard-courses-progress a {
text-decoration: none;
}
@media (max-width: 1199px) {
.theme-hello-elementor #masteriyo-account-container .mto-dashboard-courses-progress .mto-continue-course .mto-continue-course-content {
flex-wrap: wrap;
}
.theme-hello-elementor #masteriyo-account-container .mto-dashboard-courses-progress .mto-continue-course .mto-continue-course-content_right {
margin-left: 0;
}
}
@media (max-width: 992px) {
.theme-hello-elementor .masteriyo-checkout-wrapper {
gap: 2em;
}
.theme-hello-elementor .masteriyo-checkout-wrapper .masteriyo-checkout-main {
margin-right: 0;
padding-right: 20px;
}
}
.theme-hello-elementor.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search button[type=button] {
padding-top: 8px;
padding-bottom: 8px;
}
.masteriyo-checkout-summary-order-details .masteriyo-coupon-row {
cursor: pointer;
}
.masteriyo-checkout-summary-order-details .masteriyo-coupon-row .coupon-discount-label {
display: flex;
align-items: center;
}
.masteriyo-checkout-summary-order-details .masteriyo-coupon-row .coupon-discount-label span {
margin-left: 6px;
}
.masteriyo-checkout-summary-order-details .masteriyo-coupon-row .coupon-discount-label span .masteriyo-remove-coupon {
display: flex;
align-items: center;
width: 20px;
height: 20px;
background: #ffecec;
justify-content: center;
border-radius: 3px;
padding: 3px;
}
.masteriyo-checkout-summary-order-details .masteriyo-coupon-row .coupon-discount-label span .masteriyo-remove-coupon svg {
width: 18px;
}
.masteriyo-checkout-summary-order-details .masteriyo-coupon-row .coupon-code {
margin: 0;
border: 1.5px dashed #4bb543;
padding: 0 8px;
background: #f4fbf4;
display: inline;
color: #4bb543;
font-weight: 500;
cursor: text;
text-align: center;
border-radius: 3px;
}
.masteriyo-checkout-summary-order-details .coupon-discount-amount {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.masteriyo-checkout-summary-order-details .coupon-discount-amount > span:first-child {
transition: all 0.3s ease-in-out;
font-weight: 500;
color: #ff4c4c;
}
.masteriyo-checkout-summary-apply-coupon {
padding: 15px 0 20px;
margin-bottom: 0;
background-color: var(--masteriyo-color-white);
border: 0;
border-bottom: 1px solid var(--masteriyo-color-border);
color: var(--masteriyo-color-text);
border-radius: 0;
display: grid;
grid-template-areas: "coupon-label coupon-label" "coupon-input coupon-btn";
}
@media screen and (max-width: 500px) {
.masteriyo-checkout-summary-apply-coupon {
display: block;
}
}
.masteriyo-checkout-summary-apply-coupon .masteriyo-label {
grid-area: coupon-label;
font-size: 15px;
line-height: 28px;
font-weight: bold;
color: var(--masteriyo-color-grey-dark);
}
.masteriyo-checkout-summary-apply-coupon .masteriyo-input {
grid-area: coupon-input;
margin-bottom: 0;
width: calc(100% - 20px);
background: transparent;
}
.masteriyo-checkout-summary-apply-coupon input.masteriyo-input {
flex: 1;
}
.masteriyo-checkout-summary-apply-coupon .masteriyo-apply-coupon-btn {
grid-area: coupon-btn;
width: -moz-max-content;
width: max-content;
border: 1px solid #4584ff;
background: transparent;
color: #4584ff;
margin-left: 14px;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 500px) {
.masteriyo-checkout-summary-apply-coupon .masteriyo-apply-coupon-btn {
margin: 0;
margin-top: 16px;
}
}
.masteriyo-checkout-summary-apply-coupon .masteriyo-apply-coupon-btn:hover {
background: #4584ff;
color: var(--masteriyo-color-white);
}
.masteriyo-checkout-summary-apply-coupon .masteriyo-apply-coupon-btn.masteriyo-disabled {
position: relative;
border-color: #e4e4e4;
color: #9e9e9e;
cursor: not-allowed;
}
.masteriyo-checkout-summary-apply-coupon .masteriyo-apply-coupon-btn.masteriyo-disabled::before {
content: "";
background: #dfdfdf;
border: 1px solid #dfdfdf;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0.4;
}
.masteriyo-checkout-summary-apply-coupon .masteriyo-apply-coupon-btn.masteriyo-disabled:hover {
background: unset;
color: #9e9e9e;
}
.masteriyo-checkout-summary-apply-coupon ul {
margin: 0;
padding: 0;
}
.masteriyo-checkout-summary-apply-coupon li {
list-style-type: none;
border-bottom: 1px solid var(--masteriyo-color-border);
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 15px 0;
}
.masteriyo-checkout-summary-apply-coupon li.h-border {
border-bottom: 1px solid var(--masteriyo-color-black);
}
.masteriyo-checkout-summary-apply-coupon li:last-of-type {
border-bottom: none;
}
.masteriyo-checkout-summary-apply-coupon input {
margin-bottom: 8px;
}
.masteriyo-checkout-summary-apply-coupon button {
background: black;
}
.theme-twentytwentyone .masteriyo-courses-sorting-section .masteriyo-toggle-course-filters-sidebar svg {
fill: var(--masteriyo-color-white);
}
.theme-twentytwentyone .masteriyo-courses-sorting-section .masteriyo-toggle-course-filters-sidebar .text {
color: var(--masteriyo-color-white);
}
.theme-twentytwentyone .masteriyo-courses-filters.masteriyo-expanded button svg {
fill: var(--masteriyo-color-white);
}
.theme-twentytwentyone .masteriyo-container .masteriyo-col .masteriyo-course--content__description ul li {
font-size: 14px;
line-height: 1.618;
}
@media (max-width: 1095px) {
.theme-twentytwentyone .masteriyo-container.list-view .masteriyo-col .masteriyo-course--content__wrapper {
border-right: 0;
padding-right: 0;
}
}
@media (max-width: 1095px) {
.theme-twentytwentyone .masteriyo-container.list-view .masteriyo-col .masteriyo-course--content .masteriyo-time-btn {
flex-direction: row;
align-items: center;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.theme-twentytwentyone .masteriyo-container.list-view .masteriyo-col .masteriyo-course--content .masteriyo-time-btn .masteriyo-course-price {
margin-bottom: 0;
}
}
.theme-twentytwentyone .masteriyo-search button {
border-color: var(--global--color-primary);
}
.theme-twentytwentyone .masteriyo-search button:hover {
color: var(--masteriyo-color-white);
border-color: var(--masteriyo-color-btn-blue-hover);
}
.theme-twentytwentyone .masteriyo-checkout-wrapper .masteriyo-checkout-main input,
.theme-twentytwentyone .masteriyo-checkout-wrapper .masteriyo-checkout-main textarea {
width: 100%;
}
.theme-twentytwentyone .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-checkout---fname-lname-wrapper {
margin-left: 0;
margin-right: 0;
gap: 24px;
}
.theme-twentytwentyone .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-checkout---fname-lname-wrapper > * {
padding-left: 0;
padding-right: 0;
width: 50%;
flex: auto;
}
.theme-twentytwentyone .masteriyo-checkout-wrapper .masteriyo-checkout-summary .masteriyo-checkout--btn {
border-color: var(--global--color-primary);
}
.theme-twentytwentyone .masteriyo-checkout-wrapper .masteriyo-checkout-summary .masteriyo-checkout--btn:hover {
border-color: var(--masteriyo-color-btn-blue-hover);
}
.theme-twentytwentyone .masteriyo-single-course--main__content .course-overview h3 {
margin-bottom: 12px;
}
.theme-twentytwentyone .masteriyo-single-course--main__content .course-overview hr {
margin: 24px 0;
}
.theme-twentytwentyone .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form input,
.theme-twentytwentyone .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form textarea,
.theme-twentytwentyone .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form select {
width: 100%;
}
.theme-twentytwentyone .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:focus {
background: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
color: var(--masteriyo-color-white);
}
.theme-twentytwentyone .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:focus-visible {
outline: none;
}
.theme-twentytwentyone .masteriyo-single-course--aside > div {
padding-left: 0;
padding-right: 0;
}
.theme-twentytwentyone .masteriyo-courses-filters .masteriyo-filter-section select[name=price-type],
.theme-twentytwentyone .masteriyo-courses-filters .masteriyo-filter-section input[type=number] {
height: 46px;
}
.theme-twentytwentyone #masteriyo-account-page {
max-width: var(--responsive--alignwide-width);
}
.theme-twentytwentyone #masteriyo-account-page .mto-account-wrapper button {
border-width: 1px;
}
.theme-twentytwentyone #masteriyo-account-page .mto-account-wrapper button:hover {
background: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
color: var(--masteriyo-color-white);
}
.theme-twentytwentyone #masteriyo-account-page .mto-account-wrapper .pagination-container button[disabled] {
background: #878787;
border-color: #878787;
}
.theme-twentytwentyone #masteriyo-account-page .mto-account-wrapper .pagination-container button[disabled]:hover {
background: #878787;
border-color: #878787;
}
.theme-twentytwentyone .chakra-modal__content-container .chakra-modal__footer button:last-child:hover {
border-color: var(--chakra-colors-red-600);
color: var(--masteriyo-color-white);
}
@media only screen and (max-width: 1199px) {
.theme-twentytwentyone #primary {
padding-right: 0;
}
.theme-twentytwentyone .masteriyo-container {
max-width: var(--responsive--alignwide-width);
}
}
@media (min-width: 920px) and (max-width: 1080px) {
.theme-twentytwentyone #masteriyo-account-page .mto-account-sidebar {
flex: 0 0 180px;
margin-right: 0;
}
.theme-twentytwentyone #masteriyo-account-page .mto-account-wrapper {
margin-left: 24px;
}
}
@media (max-width: 500px) {
.theme-twentytwentyone #masteriyo-account-page {
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.theme-twentytwentyone #masteriyo-account-page .mto-account-wrapper .mto-dashboard-courses-stats {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.theme-twentytwentyone .masteriyo-bundles-header {
margin-bottom: 60px;
}
@media screen and (max-width: 1150px) {
.theme-twentytwentyone.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters {
flex-direction: column;
align-items: flex-start;
}
}
.theme-twentytwentyone.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings select {
width: 100%;
}
.theme-twentytwentyone .masteriyo-single-body__aside--course-includes ul {
padding-left: 0;
}
.theme-twentytwentyone .masteriyo-instructors-list {
max-width: 1280px;
}
.theme-twentytwentyone .masteriyo-courses-view-mode-section button {
border: 0;
cursor: pointer;
}
.masteriyo *,
.masteriyo *::before,
.masteriyo *::after,
.masteriyo-courses-block *,
.masteriyo-courses-block *::before,
.masteriyo-courses-block *::after,
.masteriyo-course-list-display-section *,
.masteriyo-course-list-display-section *::before,
.masteriyo-course-list-display-section *::after,
.masteriyo-container *,
.masteriyo-container *::before,
.masteriyo-container *::after,
.masteriyo-courses-filters *,
.masteriyo-courses-filters *::before,
.masteriyo-courses-filters *::after,
#masteriyo-account-page *,
#masteriyo-account-page *::before,
#masteriyo-account-page *::after {
box-sizing: border-box;
}
body.theme-twentytwentytwo .masteriyo-col-left .masteriyo-col-left--about .masteriyo-user--details p {
margin-top: 0;
}
body.theme-twentytwentytwo .masteriyo-col-right .masteriyo-col-right--tabbar p.masteriyo-tabbar-title {
margin-top: 0;
}
body.theme-twentytwentytwo .masteriyo-bundles .masteriyo-col {
width: 100% !important;
}
body.theme-twentytwentytwo .wp-block-template-part .wp-block-navigation .wp-block-navigation__container li .wp-block-pages-list__item__link,
body.theme-twentytwentytwo .wp-block-template-part .wp-block-navigation .wp-block-navigation__container li .wp-block-navigation-item__content {
pointer-events: unset;
cursor: pointer;
}
body.theme-twentytwentytwo .masteriyo-container .masteriyo-col .masteriyo-course--content__description ul li {
font-size: 14px;
line-height: 1.618;
}
body.theme-twentytwentytwo .masteriyo-container .masteriyo-course.list-view .masteriyo-col {
width: 100%;
}
@media (max-width: 1095px) {
body.theme-twentytwentytwo .masteriyo-container .masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__wrapper {
border-right: 0;
padding-right: 0;
}
}
@media (max-width: 1095px) {
body.theme-twentytwentytwo .masteriyo-container .masteriyo-course.list-view .masteriyo-col .masteriyo-course--content .masteriyo-time-btn {
flex-direction: row;
align-items: center;
width: 100%;
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentytwo .masteriyo-container .masteriyo-course.list-view .masteriyo-col .masteriyo-course--content .masteriyo-time-btn .masteriyo-course-price {
margin-bottom: 0;
}
}
body.theme-twentytwentytwo .masteriyo-container .masteriyo-single-header .masteriyo-single-header__content h6.masteriyo-single-heading {
margin-top: 0;
}
body.theme-twentytwentytwo .masteriyo-container .masteriyo-single-body .masteriyo-single-body__main--curriculum-content-bottom h4.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-title {
margin-top: 0;
}
body.theme-twentytwentytwo .masteriyo-search button {
color: var(--masteriyo-color-white);
background: var(--masteriyo-color-primary);
border: 0;
cursor: pointer;
}
body.theme-twentytwentytwo .masteriyo-search button:hover {
background: var(--masteriyo-color-btn-blue-hover);
}
body.theme-twentytwentytwo .masteriyo-course.list-view .masteriyo-col {
width: 100%;
}
body.theme-twentytwentytwo .masteriyo-course--content .masteriyo-course-author a {
display: flex;
align-items: center;
}
body.theme-twentytwentytwo .masteriyo-checkout-wrapper {
flex-wrap: nowrap;
}
@media (max-width: 991px) {
body.theme-twentytwentytwo .masteriyo-checkout-wrapper {
flex-wrap: wrap;
}
}
body.theme-twentytwentytwo .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-checkout---fname-lname-wrapper {
margin-left: 0;
margin-right: 0;
gap: 24px;
}
body.theme-twentytwentytwo .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-checkout---fname-lname-wrapper > * {
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentytwo .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-input {
width: 100%;
}
body.theme-twentytwentytwo .masteriyo-checkout-wrapper .masteriyo-checkout-summary .masteriyo-checkout--btn {
border: 0;
cursor: pointer;
}
@media (max-width: 991px) {
body.theme-twentytwentytwo .masteriyo-single-course {
flex-direction: column;
}
}
@media (max-width: 575px) {
body.theme-twentytwentytwo .masteriyo-single-course {
gap: 24px;
}
}
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-8 {
flex: auto;
max-width: 100%;
width: calc(60% - 30px);
}
@media (max-width: 991px) {
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-8 {
width: 100%;
}
}
@media (max-width: 575px) {
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-8 {
padding: 0;
}
}
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .course-overview hr {
margin-top: 24px;
margin-bottom: 24px;
}
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .course-overview h3 {
margin: 0;
}
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form .masteriyo-btn-primary {
border: 0;
cursor: pointer;
}
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-4 {
flex: auto;
width: 100%;
}
@media (max-width: 991px) {
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-4 {
max-width: 100%;
}
}
@media (max-width: 575px) {
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-4 {
padding: 0;
}
}
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside {
width: auto;
}
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn {
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:active, body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:focus {
background-color: var(--masteriyo-color-btn-blue-hover);
}
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:focus-visible {
outline: none;
}
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-single-course-stats {
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-course--content__description {
margin-top: 20px;
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentytwo .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-course--content__description .title {
margin-top: 0;
}
body.theme-twentytwentytwo #masteriyo-account-page .mto-account-wrapper button:hover {
background-color: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
color: var(--masteriyo-color-white);
}
body.theme-twentytwentytwo #masteriyo-account-page .mto-account-wrapper button[disabled] {
background: #878787;
border-color: #878787;
}
body.theme-twentytwentytwo #masteriyo-account-page .mto-account-wrapper button[disabled]:hover {
background: #878787;
border-color: #878787;
}
body.theme-twentytwentytwo #masteriyo-account-page .mto-account-wrapper button[disabled] svg {
fill: #151515;
}
@media (max-width: 479px) {
body.theme-twentytwentytwo #masteriyo-account-page .mto-dashboard-courses-stats {
margin-right: 0 !important;
}
body.theme-twentytwentytwo #masteriyo-account-page .mto-dashboard-courses-progress {
padding-right: 20px;
}
}
@media (max-width: 380px) {
body.theme-twentytwentytwo #masteriyo-account-page .mto-dashboard-courses-stats {
margin-right: 26px !important;
}
}
@media (max-width: 1199px) {
body.theme-twentytwentytwo .masteriyo-container {
width: 960px;
}
}
@media (max-width: 991px) {
body.theme-twentytwentytwo .masteriyo-container {
width: 730px;
}
}
@media (max-width: 767px) {
body.theme-twentytwentytwo .masteriyo-container {
width: 560px;
}
}
@media (max-width: 600px) {
body.theme-twentytwentytwo .masteriyo-course .masteriyo-col {
width: 100%;
}
}
@media (max-width: 575px) {
body.theme-twentytwentytwo .masteriyo-container {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
}
body.theme-twentytwentytwo.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search input[type=search] {
height: 42px;
}
body.theme-twentytwentytwo.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search button[type=button] {
padding: 10px 16px;
}
@media screen and (max-width: 600px) {
body.theme-twentytwentytwo.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings {
margin-top: 2px;
}
}
body.theme-twentytwentytwo.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings select {
height: 42px;
width: 100%;
padding: 10px;
}
body.theme-twentytwentytwo .masteriyo-single-body__aside--course-includes ul {
padding-left: 0;
}
body.theme-twentytwentytwo .masteriyo-instructors-list {
max-width: 1280px;
}
body.theme-twentytwentytwo .masteriyo-courses-view-mode-section button {
border: 0;
cursor: pointer;
}
body.theme-twentytwentythree .masteriyo-col-left .masteriyo-col-left--about .masteriyo-user--details p {
margin-top: 0;
}
body.theme-twentytwentythree .masteriyo-col-right .masteriyo-col-right--tabbar p.masteriyo-tabbar-title {
margin-top: 0;
}
body.theme-twentytwentythree .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--wide-size);
}
body.theme-twentytwentythree .masteriyo-bundles .masteriyo-col {
width: 100% !important;
}
body.theme-twentytwentythree .masteriyo-bundle-carousel-widget .masteriyo-col {
width: auto !important;
}
body.theme-twentytwentythree .wp-block-template-part .wp-block-navigation .wp-block-navigation__container li .wp-block-pages-list__item__link,
body.theme-twentytwentythree .wp-block-template-part .wp-block-navigation .wp-block-navigation__container li .wp-block-navigation-item__content {
pointer-events: unset;
cursor: pointer;
}
body.theme-twentytwentythree .masteriyo-container .masteriyo-col .masteriyo-course--content__description ul li {
font-size: 14px;
line-height: 1.618;
}
body.theme-twentytwentythree .masteriyo-container .masteriyo-course.list-view .masteriyo-col {
width: 100%;
}
@media (max-width: 1095px) {
body.theme-twentytwentythree .masteriyo-container .masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__wrapper {
border-right: 0;
padding-right: 0;
}
}
@media (max-width: 1095px) {
body.theme-twentytwentythree .masteriyo-container .masteriyo-course.list-view .masteriyo-col .masteriyo-course--content .masteriyo-time-btn {
flex-direction: row;
align-items: center;
width: 100%;
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentythree .masteriyo-container .masteriyo-course.list-view .masteriyo-col .masteriyo-course--content .masteriyo-time-btn .masteriyo-course-price {
margin-bottom: 0;
}
}
body.theme-twentytwentythree .masteriyo-container .masteriyo-single-header .masteriyo-single-header__content h6.masteriyo-single-heading {
margin-top: 0;
}
body.theme-twentytwentythree .masteriyo-single-body .masteriyo-single-body__main--curriculum-content-bottom h4.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-title {
margin-top: 0;
}
body.theme-twentytwentythree .masteriyo-course.list-view .masteriyo-col {
width: 100%;
}
body.theme-twentytwentythree .masteriyo-course--content .masteriyo-course-author a {
display: flex;
align-items: center;
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper {
flex-wrap: nowrap;
}
@media (max-width: 991px) {
body.theme-twentytwentythree .masteriyo-checkout-wrapper {
flex-wrap: wrap;
}
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-checkout---fname-lname-wrapper {
margin-left: 0;
margin-right: 0;
gap: 24px;
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-checkout---fname-lname-wrapper > * {
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-input {
width: 100%;
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper .masteriyo-checkout-summary .masteriyo-checkout--btn {
border: 0;
cursor: pointer;
}
@media (max-width: 991px) {
body.theme-twentytwentythree .masteriyo-single-course {
flex-direction: column;
}
}
@media (max-width: 575px) {
body.theme-twentytwentythree .masteriyo-single-course {
gap: 24px;
}
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 {
flex: auto;
max-width: 100%;
width: calc(60% - 30px);
}
@media (max-width: 991px) {
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 {
width: 100%;
}
}
@media (max-width: 575px) {
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 {
padding: 0;
}
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .course-overview hr {
margin-top: 24px;
margin-bottom: 24px;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .course-overview h3 {
margin: 0;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form .masteriyo-btn-primary {
border: 0;
cursor: pointer;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .gradebook table {
margin: 0 0 1.5em;
width: 100%;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .gradebook td,
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .gradebook th {
text-align: left;
border: 1px solid #e9ecef;
padding: 1em;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside {
width: auto;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn {
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:active, body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:focus {
background: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:focus-visible {
outline: none;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-single-course-stats {
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentythree #masteriyo-account-page .mto-account-wrapper button:not(.chakra-button):hover {
background: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
color: var(--masteriyo-color-white);
}
body.theme-twentytwentythree #masteriyo-account-page .mto-account-wrapper button:not(.chakra-button)[disabled] {
background: #878787;
border-color: #878787;
}
body.theme-twentytwentythree #masteriyo-account-page .mto-account-wrapper button:not(.chakra-button)[disabled] svg {
fill: #151515;
}
@media (max-width: 479px) {
body.theme-twentytwentythree #masteriyo-account-page .mto-dashboard-courses-stats {
margin-right: 0 !important;
}
body.theme-twentytwentythree #masteriyo-account-page .mto-dashboard-courses-progress {
padding-right: 20px;
}
}
@media (max-width: 380px) {
body.theme-twentytwentythree #masteriyo-account-page .mto-dashboard-courses-stats {
margin-right: 26px !important;
}
}
@media (max-width: 1199px) {
body.theme-twentytwentythree .masteriyo-container {
width: 960px;
}
}
@media (max-width: 991px) {
body.theme-twentytwentythree .masteriyo-container {
width: 730px;
}
}
@media (max-width: 767px) {
body.theme-twentytwentythree .masteriyo-container {
width: 560px;
}
}
@media (max-width: 600px) {
body.theme-twentytwentythree .masteriyo-course .masteriyo-col {
width: 100%;
}
}
@media (max-width: 575px) {
body.theme-twentytwentythree .masteriyo-container {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
}
body.theme-twentytwentythree.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search input[type=search] {
height: 42px;
}
body.theme-twentytwentythree.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search button[type=button] {
padding: 10px 16px;
}
@media screen and (max-width: 600px) {
body.theme-twentytwentythree.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings {
margin-top: 2px;
}
}
body.theme-twentytwentythree.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings select {
height: 42px;
width: 100%;
padding: 10px;
}
body.theme-twentytwentythree .masteriyo-instructors-list {
max-width: 1280px;
}
body.theme-twentytwentythree .masteriyo-courses-view-mode-section button {
border: 0;
cursor: pointer;
}
.masteriyo-single-course-social-share .masteriyo-single-course-social-media-icons {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}
.masteriyo-single-course-social-share .masteriyo-single-course-social-media-icons .social-icon-wrapper {
width: var(--size);
height: var(--size);
padding: 6px;
display: flex;
align-items: center;
justify-content: center;
}
.masteriyo-single-course-social-share .masteriyo-single-course-social-media-icons .social-icon-wrapper.facebook {
background: #1877f2;
}
.masteriyo-single-course-social-share .masteriyo-single-course-social-media-icons .social-icon-wrapper.twitter {
background: #00070a;
}
.masteriyo-single-course-social-share .masteriyo-single-course-social-media-icons .social-icon-wrapper.linkedin {
background: #0072b1;
}
.masteriyo-single-course-social-share .masteriyo-single-course-social-media-icons .social-icon-wrapper svg {
width: calc(var(--size) / 1.6);
}
.masteriyo-single-course-social-share .masteriyo-single-course-social-media-icons.round .social-icon-wrapper {
border-radius: 50%;
}
.masteriyo-single-course-social-share .masteriyo-single-course-social-media-icons.rectangle .social-icon-wrapper {
width: calc(1.4 * var(--size));
height: var(--size);
}
.masteriyo-single-course-social-share .masteriyo-single-course-social-media-icons.light .social-icon-wrapper {
background: #fff !important;
border: 1px solid #e1e1e1;
}
.masteriyo-single-course-social-share .masteriyo-single-course-social-media-icons.light .social-icon-wrapper svg path {
fill: #4d4d4d;
}
.masteriyo-single-course-social-share .masteriyo-single-course-social-media-icons.dark .social-icon-wrapper {
background: #222 !important;
border: 1px solid #222;
}
.masteriyo-single-course-social-share .masteriyo-single-course-social-media-icons.dark .social-icon-wrapper svg path {
fill: #f2f2f2;
}
.masteriyo-single-body__aside--items-wrapper .masteriyo-single-course-social-share {
margin-top: 0;
}
.masteriyo-single-body__aside--items-wrapper .masteriyo-single-course-social-share .masteriyo-single-course-social-media-icons {
justify-content: flex-start;
}
#masteriyo-course-preview-video-playlist-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 9999;
overflow: auto;
}
#masteriyo-course-preview-video-playlist-modal.show {
display: block;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content {
background-color: var(--masteriyo-color-white);
max-width: 700px;
border-radius: 8px;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
margin: 60px auto;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview__header {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview__header-title-sub-title {
font-size: 15px;
line-height: 25px;
color: #383838;
font-weight: 700;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview__header-title-main-title {
font-size: 24px;
line-height: 34px;
color: #222222;
font-weight: 700;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .close {
color: #aaa;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .close:hover, #masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-video-player-container {
position: relative;
width: 100%;
padding-bottom: 56.25%;
margin-bottom: 10px;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-video-player-container .masteriyo-course-preview-video-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-title {
color: #222222;
font-size: 20px;
font-weight: 700;
margin-bottom: 16px;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist {
width: 100%;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist__wrapper {
overflow-x: hidden;
overflow-y: auto;
min-height: 1vh;
max-height: 30vh;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist__wrapper::-webkit-scrollbar {
width: 6px;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist__wrapper::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #949494;
border-radius: 10px;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist__wrapper::-webkit-scrollbar-thumb {
background: #909090;
border-radius: 10px;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist__wrapper::-webkit-scrollbar-thumb:hover {
background: #515151;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist .masteriyo-course-preview-playlist-item {
display: flex;
align-items: center;
gap: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
margin-bottom: 8px;
padding-right: 20px;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist .masteriyo-course-preview-playlist-item.active {
background-color: #d1d1d1;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist .masteriyo-course-preview-playlist-item:hover {
background-color: #e2e2e2;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist .masteriyo-course-preview-playlist-item .masteriyo-course-preview-preview-thumbnail {
position: relative;
width: 80px;
height: 60px;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist .masteriyo-course-preview-playlist-item .masteriyo-course-preview-preview-thumbnail img.masteriyo-course-preview-preview-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist .masteriyo-course-preview-playlist-item .masteriyo-course-preview-preview-thumbnail .masteriyo-course-preview-play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--masteriyo-color-white);
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist .masteriyo-course-preview-playlist-item .masteriyo-course-preview-preview-thumbnail .masteriyo-course-preview-play-icon svg {
width: 24px;
height: 24px;
fill: var(--masteriyo-color-white);
margin-left: 5px;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist .masteriyo-course-preview-playlist-item .masteriyo-course-preview-preview-details {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist .masteriyo-course-preview-playlist-item .masteriyo-course-preview-preview-details .masteriyo-course-preview-preview-title {
font-weight: 700;
}
#masteriyo-course-preview-video-playlist-modal .masteriyo-course-preview-modal-content .masteriyo-course-preview-playlist .masteriyo-course-preview-playlist-item .masteriyo-course-preview-preview-details .masteriyo-course-preview-preview-duration {
color: #555;
font-size: 14px;
}
.masteriyo-course-preview-wrapper {
display: flex;
align-items: center;
gap: 16px;
}
.masteriyo-course-preview-wrapper .masteriyo-lesson-preview-link {
margin-left: 0;
font-size: 14px;
font-weight: 500;
color: var(--masteriyo-color-primary);
cursor: pointer;
position: relative;
}
.masteriyo-course-preview-wrapper .masteriyo-lesson-preview-link::after {
content: "";
border-bottom: 1px solid var(--masteriyo-color-primary);
bottom: 2px;
display: block;
left: 0;
margin: 0 auto;
position: absolute;
transition: all 0.5s;
opacity: 0;
width: 100%;
}
.masteriyo-course-preview-wrapper .masteriyo-lesson-preview-link:hover::after {
opacity: 1;
}
.masteriyo-course-preview-wrapper .masteriyo-course-preview-link {
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #c7c7c7;
padding-left: 16px;
padding-top: 2px;
margin-left: 0;
}
body {
font-style: normal;
}
a {
color: #3a3a3a;
transition: all 0.3s ease-in-out;
}
a:hover {
color: #4584ff;
}
a,
a:focus,
a:focus-visible,
a:hover {
text-decoration: none;
outline: none;
}
p {
margin-bottom: 0;
}
figure {
margin: 0;
}
#masteriyo {
padding: 60px 0;
}
#masteriyo .container {
max-width: 1120px;
margin: 0 auto;
}
#masteriyo .masteriyo-row {
display: flex;
flex-wrap: wrap;
margin-left: 20px;
margin-right: 20px;
position: relative;
}
@media (min-width: 1200px) {
#masteriyo .masteriyo-row {
margin-left: 0;
margin-right: 0;
}
}
#masteriyo .masteriyo-row .masteriyo-col-left {
width: 25%;
padding-right: 20px;
}
@media (max-width: 767px) {
#masteriyo .masteriyo-row .masteriyo-col-left {
position: absolute;
background: rgb(145, 145, 145);
width: 300px;
padding-right: 0;
margin-left: -20px;
z-index: 999999;
display: none;
}
}
@media (max-width: 767px) {
#masteriyo .masteriyo-row .masteriyo-col-left-wrapper {
padding: 20px;
}
}
#masteriyo .masteriyo-row .masteriyo-col-left-wrapper .masteriyo-user--title {
display: inline-block;
font-weight: 600;
font-size: 16px;
line-height: 26px;
color: #383838;
padding: 10px 0px 4px;
border-bottom: 1.5px solid #222222;
text-transform: uppercase;
margin-bottom: 16px;
}
#masteriyo .masteriyo-row .masteriyo-col-left--info {
padding: 28px 20px 32px;
text-align: center;
margin-bottom: 24px;
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
background: rgba(255, 253, 253, 0.75);
border-radius: 4px;
border: 0.4px solid rgba(255, 255, 255, 0.125);
}
#masteriyo .masteriyo-row .masteriyo-col-left--info .masteriyo-user--profile-pic {
margin: 0 0 16px;
}
#masteriyo .masteriyo-row .masteriyo-col-left--info .masteriyo-user--profile-pic img {
width: 160px;
height: 160px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
@media (max-width: 991px) {
#masteriyo .masteriyo-row .masteriyo-col-left--info .masteriyo-user--profile-pic img {
width: 120px;
height: 120px;
}
}
#masteriyo .masteriyo-row .masteriyo-col-left--info .masteriyo-user--name {
font-weight: 500;
font-size: 20px;
line-height: 150%;
color: #222222;
margin-bottom: 4px;
}
#masteriyo .masteriyo-row .masteriyo-col-left--info .masteriyo-user--username {
font-weight: 400;
font-size: 13px;
line-height: 120%;
color: #646464;
}
#masteriyo .masteriyo-row .masteriyo-col-left--info .masteriyo-user--role {
margin-top: 12px;
}
#masteriyo .masteriyo-row .masteriyo-col-left--info .masteriyo-user--role span {
padding: 6px 16px;
background: rgba(242, 86, 86, 0.1);
border-radius: 20px;
font-style: italic;
font-weight: 400;
font-size: 12px;
line-height: 120%;
color: #f25656;
}
#masteriyo .masteriyo-row .masteriyo-col-left--about {
margin-bottom: 24px;
}
#masteriyo .masteriyo-row .masteriyo-col-left--about .masteriyo-user--desc {
font-weight: 400;
font-size: 15px;
line-height: 25px;
color: #4e4e4e;
margin-bottom: 16px;
}
#masteriyo .masteriyo-row .masteriyo-col-left--about .masteriyo-user--personal-info {
display: flex;
flex-direction: column;
gap: 16px;
}
#masteriyo .masteriyo-row .masteriyo-col-left--about .masteriyo-user--personal-info-lists {
display: flex;
align-items: flex-start;
gap: 10px;
}
#masteriyo .masteriyo-row .masteriyo-col-left--about .masteriyo-user--personal-info-lists .masteriyo-icon {
display: inline-flex;
padding-top: 3px;
}
#masteriyo .masteriyo-row .masteriyo-col-left--about .masteriyo-user--personal-info-lists .masteriyo-icon svg {
width: 18px;
height: 18px;
}
#masteriyo .masteriyo-row .masteriyo-col-left--about .masteriyo-user--personal-info-lists .masteriyo-user--details p {
font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #646464;
}
#masteriyo .masteriyo-row .masteriyo-col-left--links {
margin-bottom: 24px;
}
#masteriyo .masteriyo-row .masteriyo-col-left--links .masteriyo-user--links {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
}
#masteriyo .masteriyo-row .masteriyo-col-left--links .masteriyo-user--links-list {
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
width: 40px;
height: 40px;
background: #ffffff;
border: 1px solid #d3d3d3;
border-radius: 50%;
transition: all 0.3s ease-in-out;
}
#masteriyo .masteriyo-row .masteriyo-col-left--links .masteriyo-user--links-list svg {
width: 20px;
height: 20px;
}
#masteriyo .masteriyo-row .masteriyo-col-left--links .masteriyo-user--links-list svg path {
fill: #646464;
transition: all 0.3s ease-in-out;
}
#masteriyo .masteriyo-row .masteriyo-col-left--links .masteriyo-user--links-list:hover {
background: #4b4b4b;
}
#masteriyo .masteriyo-row .masteriyo-col-left--links .masteriyo-user--links-list:hover svg path {
fill: #ffffff;
}
#masteriyo .masteriyo-row .masteriyo-col-left--user-joined h3 {
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
line-height: 23px;
color: #646464;
}
#masteriyo .masteriyo-row .masteriyo-col-right {
width: 75%;
padding-left: 10px;
}
@media (max-width: 767px) {
#masteriyo .masteriyo-row .masteriyo-col-right {
width: 100%;
max-width: 100%;
padding-left: 0;
}
}
#masteriyo .masteriyo-row .masteriyo-col-right--tabbar {
display: flex;
align-items: center;
border-bottom: 1px solid #e4e4e4;
margin-bottom: 32px;
}
#masteriyo .masteriyo-row .masteriyo-col-right--tabbar-list {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 0px 16px 16px;
border-bottom: 3px solid transparent;
transition: all 0.3s ease-in-out;
}
#masteriyo .masteriyo-row .masteriyo-col-right--tabbar-list:focus, #masteriyo .masteriyo-row .masteriyo-col-right--tabbar-list:focus-visible {
outline: none;
}
#masteriyo .masteriyo-row .masteriyo-col-right--tabbar-list .masteriyo-icon {
display: inline-flex;
}
#masteriyo .masteriyo-row .masteriyo-col-right--tabbar-list .masteriyo-icon svg {
width: 24px;
height: 24px;
}
#masteriyo .masteriyo-row .masteriyo-col-right--tabbar-list .masteriyo-tabbar-title {
font-size: 15px;
line-height: 25px;
letter-spacing: 2%;
color: #7a7a7a;
}
#masteriyo .masteriyo-row .masteriyo-col-right--tabbar-list.active, #masteriyo .masteriyo-row .masteriyo-col-right--tabbar-list:hover {
border-bottom: 3px solid #4584ff;
}
#masteriyo .masteriyo-row .masteriyo-col-right--tabbar-list.active .masteriyo-icon svg path, #masteriyo .masteriyo-row .masteriyo-col-right--tabbar-list:hover .masteriyo-icon svg path {
fill: #4584ff;
}
#masteriyo .masteriyo-row .masteriyo-col-right--tabbar-list.active .masteriyo-tabbar-title, #masteriyo .masteriyo-row .masteriyo-col-right--tabbar-list:hover .masteriyo-tabbar-title {
color: #4584ff;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--heading {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 26px;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--heading .title {
font-weight: 600;
font-size: 22px;
line-height: 150%;
color: #222222;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--heading .masteriyo-secondary-btn {
padding: 4px 16px 4px 22px;
border: 1px solid #a0aec0;
border-radius: 50px;
font-weight: 500;
font-size: 12px;
line-height: 180%;
color: #718096;
display: flex;
align-items: center;
gap: 8px;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--heading .masteriyo-secondary-btn svg {
width: 10px;
height: 10px;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--heading .masteriyo-secondary-btn svg path {
stroke: #718096;
transition: all 0.3s ease-in-out;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--heading .masteriyo-secondary-btn:hover {
background: #7d8ca2;
border-color: #7d8ca2;
color: #fff;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--heading .masteriyo-secondary-btn:hover svg path {
stroke: #fff;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 16px;
margin-bottom: 40px;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single {
display: flex;
align-items: center;
gap: 16px;
padding: 20px;
padding-right: 8px;
background: #ffffff;
border: 0.4px solid #e2e8f0;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single .masteriyo-icon {
display: grid;
place-items: center;
width: 60px;
height: 60px;
background: #fff;
border-radius: 11px;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single .masteriyo-icon svg {
width: 20px;
height: 20px;
fill: #7a7a7a;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single .masteriyo-card-content .title {
font-weight: 600;
font-size: 15px;
line-height: 150%;
color: #222222;
margin: auto;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single .masteriyo-card-content .count {
font-weight: 500;
font-size: 14px;
line-height: 150%;
color: #7a7a7a;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-enrolled-courses .masteriyo-icon {
background: #c4f1f9;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-enrolled-courses .masteriyo-icon svg path {
fill: #00b5d8;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-enrolled-courses .masteriyo-card-content .count {
color: #0987a0;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-in-progress-courses .masteriyo-icon {
background: #ccd4ff;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-in-progress-courses .masteriyo-icon svg path {
fill: #6f80da;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-in-progress-courses .masteriyo-card-content .count {
color: #6f80da;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-completed-courses .masteriyo-icon {
background: #c6f6d5;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-completed-courses .masteriyo-icon svg path {
fill: #38a169;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-completed-courses .masteriyo-card-content .count {
color: #276749;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-offered-courses .masteriyo-icon {
background: #fcf3e5;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-offered-courses .masteriyo-icon svg path {
fill: #e38c00;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-offered-courses .masteriyo-card-content .count {
color: #e38c00;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-enrolled-students .masteriyo-icon {
background: #ffeaf0;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-enrolled-students .masteriyo-icon svg path {
fill: #fd739c;
}
#masteriyo .masteriyo-row .masteriyo-col-right--cards-single.masteriyo-enrolled-students .masteriyo-card-content .count {
color: #fd739c;
}
#masteriyo .masteriyo-row .masteriyo-col-right--courses {
margin-bottom: 40px;
}
#masteriyo .masteriyo-row .masteriyo-col-right--courses .title {
font-weight: 600;
font-size: 22px;
line-height: 150%;
color: #222222;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard {
padding: 16px 24px 16px 16px;
background: #ffffff;
border: 0.4px solid #e2e8f0;
border-radius: 4px;
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 20px;
overflow: hidden;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard:last-child, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard:last-child {
margin-bottom: 0;
}
@media (max-width: 500px) {
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard {
flex-direction: column;
padding-right: 16px;
}
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-course-thumbnail, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-course-thumbnail {
min-width: 150px;
height: 150px;
}
@media (max-width: 500px) {
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-course-thumbnail, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-course-thumbnail {
width: 100%;
}
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-course-thumbnail img, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-course-thumbnail img {
width: 150px;
height: 150px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 500px) {
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-course-thumbnail img, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-course-thumbnail img {
width: 100%;
height: 200px;
}
}
@media (max-width: 400px) {
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-course-thumbnail img, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-course-thumbnail img {
height: 170px;
}
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-enrolled-course-desc, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc {
width: 100%;
max-width: 100%;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-enrolled-course-desc .masteriyo-course-category, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-category {
padding: 4px 8px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 20px;
font-weight: 500;
font-size: 10px;
line-height: 120%;
color: #7963e0;
display: inline-block;
margin-bottom: 8px;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-enrolled-course-desc .masteriyo-course-title, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-title {
font-weight: 600;
font-size: 18px;
line-height: 150%;
color: #222222;
margin-bottom: 12px;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-enrolled-course-desc .masteriyo-course-duration-percent-wrapper, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-duration-percent-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-enrolled-course-desc .masteriyo-course-duration-percent-wrapper .masteriyo-course-duration, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-duration-percent-wrapper .masteriyo-course-duration {
display: flex;
align-items: center;
gap: 6px;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-enrolled-course-desc .masteriyo-course-duration-percent-wrapper .masteriyo-course-duration svg, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-duration-percent-wrapper .masteriyo-course-duration svg {
width: 20px;
height: 20px;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-enrolled-course-desc .masteriyo-course-duration-percent-wrapper .masteriyo-course-duration svg path, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-duration-percent-wrapper .masteriyo-course-duration svg path {
fill: #7c7d8f;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-enrolled-course-desc .masteriyo-course-duration-percent-wrapper .masteriyo-course-duration span, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-duration-percent-wrapper .masteriyo-course-duration span {
font-weight: 500;
font-size: 13px;
line-height: 23px;
color: #7c7d8f;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-enrolled-course-desc .masteriyo-course-duration-percent-wrapper .masteriyo-course-percent, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-duration-percent-wrapper .masteriyo-course-percent {
font-weight: 500;
font-size: 13px;
line-height: 23px;
text-align: right;
color: #424360;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-enrolled-course-desc .masteriyo-course-progress, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-progress {
justify-content: flex-start;
border-radius: 100px;
align-items: center;
position: relative;
display: flex;
height: 6px;
max-width: 100%;
background: #c8dbff;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-enrolled-course-desc .masteriyo-course-progress .masteriyo-course-progress-value, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-progress .masteriyo-course-progress-value {
animation: load 3s normal forwards;
border-radius: 100px;
background: #4584ff;
height: 6px;
width: 0;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-enrolled-course-desc .masteriyo-course-started-date, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-started-date {
margin-top: 10px;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-listcard .masteriyo-enrolled-course-desc .masteriyo-course-started-date span, #masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-started-date span {
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #7c7d8f;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-enrolled-courses--content-gridcard {
flex-direction: column;
margin-bottom: 0;
padding: 0;
border-color: #ebecf2;
height: -moz-max-content;
height: max-content;
}
#masteriyo .masteriyo-row .masteriyo-col-right .masteriyo-col-right--tab-content.hidden {
display: none;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list {
display: flex;
list-style-type: none;
align-items: center;
gap: 8px;
justify-content: flex-end;
margin-top: 60px;
margin-left: 0;
margin-bottom: 0;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item {
color: #222;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item a,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item a {
padding: 8px 14px;
background: #edf2f7;
border-radius: 2px;
color: #4e4e4e;
transition: all 0.3s ease-in-out;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item a:hover,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item a:hover {
background: #4584ff;
color: #fff;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-previous, #masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-next,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-previous,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-next {
display: flex;
align-items: center;
justify-content: center;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-previous a, #masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-next a,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-previous a,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-next a {
font-size: 0;
position: relative;
padding: 0;
background: transparent;
display: contents;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-previous a::before, #masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-next a::before,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-previous a::before,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-next a::before {
content: "";
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 18px;
height: 18px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-previous a::before,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-previous a::before {
background-image: url(//ennysconsultancy.org/wp-content/plugins/learning-management-system-pro/assets/img/svgs/pagination-left-arrow.svg);
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-next a::before,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item.pagination-next a::before {
background-image: url(//ennysconsultancy.org/wp-content/plugins/learning-management-system-pro/assets/img/svgs/pagination-right-arrow.svg);
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item--disabled,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item--disabled {
opacity: 0.5;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-courses-offered-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item--active a,
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-courses--pagination-list .masteriyo-courses--pagination-item--active a {
background: #4584ff;
color: #fff;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-course-thumbnail {
width: 100%;
height: 170px;
position: relative;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-course-thumbnail img {
width: 100%;
height: 170px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-course-thumbnail .masteriyo-course-level {
padding: 8px 12px;
position: absolute;
left: 16px;
top: 16px;
border-radius: 20px;
font-weight: 500;
font-size: 12px;
line-height: 120%;
color: #ffffff;
letter-spacing: 0.2px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-course-thumbnail .masteriyo-course-level.masteriyo-beginner {
background: #69db7c;
border: 1px solid #69db7c;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-course-thumbnail .masteriyo-course-level.masteriyo-intermediate {
background: #ffa94d;
border: 1px solid #ffa94d;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-course-thumbnail .masteriyo-course-level.masteriyo-expert {
background: #fd739c;
border: 1px solid #fd739c;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc {
padding: 0 16px 16px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-author-rating-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-author-rating-wrapper .masteriyo-course-author {
display: flex;
align-items: center;
gap: 8px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-author-rating-wrapper .masteriyo-course-author figure {
width: 24px;
height: 24px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-author-rating-wrapper .masteriyo-course-author figure img {
width: 24px;
height: 24px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-author-rating-wrapper .masteriyo-course-author-name {
font-weight: 500;
font-size: 13px;
line-height: 24px;
color: #494949;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-author-rating-wrapper .masteriyo-course-rating {
display: flex;
align-items: center;
gap: 6px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-author-rating-wrapper .masteriyo-course-rating svg {
width: 16px;
height: 16px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-author-rating-wrapper .masteriyo-course-rating svg path {
fill: #fcb33b;
stroke: #fcb33b;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-author-rating-wrapper .masteriyo-course-rating-count {
font-weight: 500;
font-size: 13px;
line-height: 24px;
color: #424360;
transition: all 0.3s ease-in-out;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--content-gridcard .masteriyo-enrolled-course-desc .masteriyo-course-author-rating-wrapper .masteriyo-course-rating-count:hover {
color: #4584ff;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list {
display: flex;
list-style-type: none;
align-items: center;
gap: 8px;
justify-content: flex-end;
margin-top: 60px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list .masteriyo-enrolled-courses--pagination-item {
color: #222;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list .masteriyo-enrolled-courses--pagination-item a {
padding: 8px 14px;
background: #edf2f7;
border-radius: 2px;
color: #4e4e4e;
transition: all 0.3s ease-in-out;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list .masteriyo-enrolled-courses--pagination-item a:hover {
background: #4584ff;
color: #fff;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list .masteriyo-enrolled-courses--pagination-item.pagination-previous, #masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list .masteriyo-enrolled-courses--pagination-item.pagination-next {
display: flex;
align-items: center;
justify-content: center;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list .masteriyo-enrolled-courses--pagination-item.pagination-previous a, #masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list .masteriyo-enrolled-courses--pagination-item.pagination-next a {
font-size: 0;
position: relative;
padding: 0;
background: transparent;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list .masteriyo-enrolled-courses--pagination-item.pagination-previous a::before, #masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list .masteriyo-enrolled-courses--pagination-item.pagination-next a::before {
content: "";
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 18px;
height: 18px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list .masteriyo-enrolled-courses--pagination-item.pagination-previous a::before {
background-image: url(//ennysconsultancy.org/wp-content/plugins/learning-management-system-pro/assets/images/pagination-left-arrow.svg);
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list .masteriyo-enrolled-courses--pagination-item.pagination-next a::before {
background-image: url(//ennysconsultancy.org/wp-content/plugins/learning-management-system-pro/assets/images/pagination-right-arrow.svg);
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list .masteriyo-enrolled-courses--pagination-item--disabled {
opacity: 0.5;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-enrolled-courses-main-content .masteriyo-enrolled-courses--pagination-list .masteriyo-enrolled-courses--pagination-item--active a {
background: #4584ff;
color: #fff;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-certificates-main-content .masteriyo-certificates--content {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-certificates-main-content .masteriyo-certificates--content-gridcard {
background: #ffffff;
border: 1px solid #ebebeb;
border-radius: 4px;
overflow: hidden;
height: -moz-max-content;
height: max-content;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-certificates-main-content .masteriyo-certificates--content-gridcard .masteriyo-certificates-thumbnail {
width: 100%;
height: 170px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-certificates-main-content .masteriyo-certificates--content-gridcard .masteriyo-certificates-thumbnail img {
width: 100%;
height: 170px;
-o-object-fit: cover;
object-fit: cover;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-certificates-main-content .masteriyo-certificates--content-gridcard .masteriyo-certificates-desc {
padding: 16px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-certificates-main-content .masteriyo-certificates--content-gridcard .masteriyo-certificates-desc .masteriyo-certificate-title {
font-size: 14px;
font-weight: 500;
line-height: 24px;
color: #383838;
margin-bottom: 4px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-certificates-main-content .masteriyo-certificates--content-gridcard .masteriyo-certificates-desc .masteriyo-certificate-date {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 12px;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-certificates-main-content .masteriyo-certificates--content-gridcard .masteriyo-certificates-desc .masteriyo-certificate-date p {
font-weight: 400;
font-size: 13px;
line-height: 23px;
color: #646464;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-certificates-main-content .masteriyo-certificates--content-gridcard .masteriyo-certificates-desc .masteriyo-certificate-date span {
font-weight: 400;
font-size: 13px;
line-height: 23px;
color: #646464;
margin-top: auto;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-certificates-main-content .masteriyo-certificates--content-gridcard .masteriyo-certificates-desc .masteriyo-certificate-view-button {
padding: 12px 0px 0px;
border-top: 0.4px solid #ebebeb;
text-align: center;
}
#masteriyo .masteriyo-row .masteriyo-col-right #masteriyo-certificates-main-content .masteriyo-certificates--content-gridcard .masteriyo-certificates-desc .masteriyo-certificate-view-button .masteriyo-view-btn {
font-weight: 400;
font-size: 13px;
line-height: 23px;
color: #4584ff;
}
@keyframes load {
0% {
width: 0;
}
100% {
width: var(--value);
}
}
.masteriyo .masteriyo-login-otp--wrapper {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-radius: 6px;
border: 0;
margin: 0 auto;
background: #ffffff;
}
@media (max-width: 500px) {
.masteriyo .masteriyo-login-otp--wrapper {
padding: 32px;
}
}
.masteriyo .masteriyo-login-otp--wrapper .masteriyo-notify-message {
margin-bottom: 20px;
}
.masteriyo .masteriyo-login-otp--wrapper .masteriyo-login-otp-form {
display: flex;
flex-direction: column;
gap: 20px;
}
.masteriyo .masteriyo-login-otp--wrapper .masteriyo-login-otp-form input[type=text] {
padding: 12px 16px;
border-radius: 3px;
}
.masteriyo .masteriyo-login-otp--wrapper .masteriyo-login-otp-form input[type=text]:focus {
box-shadow: none;
outline: none;
border: 1px solid #4584ff;
}
.masteriyo .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container {
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: center;
gap: 12px;
}
@media (max-width: 500px) {
.masteriyo .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container {
flex-direction: column;
gap: 8px;
}
}
.masteriyo .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login-resend {
flex: 1;
}
.masteriyo .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login-resend:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.masteriyo .masteriyo-login-otp--wrapper .masteriyo-danger-msg {
margin: 0;
margin-top: 20px;
}
.masteriyo .masteriyo-login-otp--wrapper .masteriyo-resend-counter {
display: block;
text-align: center;
margin-top: 8px;
color: #565656;
}
.masteriyo.theme-twentytwentyone .masteriyo-login-otp--wrapper .masteriyo-login-otp-form input[type=text] {
border-width: 1px;
}
.masteriyo.theme-twentytwentyone .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login {
background-color: var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
}
.masteriyo.theme-twentytwentyone .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login:hover {
background-color: var(--masteriyo-color-btn-blue-hover);
}
.masteriyo.theme-twentytwentyone .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login-resend {
color: var(--masteriyo-color-white);
}
.masteriyo.theme-twentytwentyone .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login-resend:hover {
border-color: #444444;
}
.masteriyo.theme-twentytwentyone .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login-resend:disabled {
border-color: #3a3a3a;
}
.masteriyo.theme-twentytwentytwo .masteriyo-login-otp--wrapper .masteriyo-login-otp-form input[type=text] {
border: 1px solid var(--wp--preset--color--cyan-bluish-gray);
}
.masteriyo.theme-twentytwentytwo .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login {
background-color: var(--masteriyo-color-primary);
border: 1px solid var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
cursor: pointer;
}
.masteriyo.theme-twentytwentytwo .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login:hover {
background-color: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
}
.masteriyo.theme-twentytwentytwo .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login-resend {
background-color: #4584ff !important;
color: var(--masteriyo-color-white);
cursor: pointer;
border: 1px solid #444444;
}
.masteriyo.theme-twentytwentytwo .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login-resend:hover {
border-color: #444444;
}
.masteriyo.theme-twentytwentytwo .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login-resend:disabled {
border-color: #3a3a3a;
cursor: not-allowed;
}
.masteriyo.theme-twentytwentytwo .masteriyo-login-otp--title {
margin-top: 0;
margin-bottom: 20px;
}
.masteriyo.theme-twentytwentythree .masteriyo-login-otp--wrapper .masteriyo-login-otp-form input[type=text] {
border: 1px solid var(--wp--preset--color--cyan-bluish-gray);
}
.masteriyo.theme-twentytwentythree .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login {
background-color: var(--masteriyo-color-primary);
border: 1px solid var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
cursor: pointer;
}
.masteriyo.theme-twentytwentythree .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login:hover {
background-color: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
}
.masteriyo.theme-twentytwentythree .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login-resend {
background-color: var(--masteriyo-color-primary);
color: var(--masteriyo-color-white);
cursor: pointer;
border: 1px solid #444444;
}
.masteriyo.theme-twentytwentythree .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login-resend:hover {
border-color: #444444;
}
.masteriyo.theme-twentytwentythree .masteriyo-login-otp--wrapper .masteriyo-login-otp-form .masteriyo-button-container .masteriyo-btn-otp-login-resend:disabled {
border-color: #3a3a3a;
cursor: not-allowed;
}
.masteriyo.theme-twentytwentythree .masteriyo-login-otp--title {
margin-top: 0;
margin-bottom: 20px;
}
.masteriyo-social-account-login {
border-radius: 5px;
text-align: center;
border: 1px solid #d9d9d9;
width: 100%;
transition: all 0.3s ease-in-out;
}
.masteriyo-social-account-login .google-button,
.masteriyo-social-account-login .facebook-button {
height: 50px;
padding: 6px;
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
}
.masteriyo-social-account-login .google-button > .masteriyo-social-account-login--img-wrapper,
.masteriyo-social-account-login .facebook-button > .masteriyo-social-account-login--img-wrapper {
padding-top: 0;
display: flex;
align-items: center;
gap: 10px;
}
.masteriyo-social-account-login .google-button > .masteriyo-social-account-login--img-wrapper .google-image-span,
.masteriyo-social-account-login .google-button > .masteriyo-social-account-login--img-wrapper .facebook-image-span,
.masteriyo-social-account-login .facebook-button > .masteriyo-social-account-login--img-wrapper .google-image-span,
.masteriyo-social-account-login .facebook-button > .masteriyo-social-account-login--img-wrapper .facebook-image-span {
display: flex;
}
.masteriyo-social-account-login.google-button-div {
margin-top: 12px;
margin-bottom: 12px;
background-color: #F7F7F7;
}
.masteriyo-social-account-login.google-button-div:hover {
background-color: #eaeeee;
}
.masteriyo-social-account-login.google-button-div .google-button {
text-decoration: none;
margin: auto;
width: 100%;
font-weight: bold;
border-radius: 8px;
color: #303030;
}
.masteriyo-social-account-login.google-button-div .google-button:hover {
color: #000000;
}
.masteriyo-social-account-login.google-button-div .google-button .google-image-span .login-google-image {
padding-left: 10px;
}
.masteriyo-social-account-login.facebook-button-div {
background: #336799;
}
.masteriyo-social-account-login.facebook-button-div:hover {
background: #264d73;
}
.masteriyo-social-account-login.facebook-button-div .facebook-button {
text-decoration: none;
margin: auto;
font-weight: bold;
width: 100%;
border-radius: 7px;
color: #EBEBEB;
}
.masteriyo-social-account-login.facebook-button-div .facebook-button:hover {
color: #ffffff;
}
.masteriyo-social-account-login.facebook-button-div .facebook-button .facebook-image-span {
margin-right: 5px;
}
body.theme-twentytwentythree .masteriyo-col-left .masteriyo-col-left--about .masteriyo-user--details p {
margin-top: 0;
}
body.theme-twentytwentythree .masteriyo-col-right .masteriyo-col-right--tabbar p.masteriyo-tabbar-title {
margin-top: 0;
}
body.theme-twentytwentythree .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--wide-size);
}
body.theme-twentytwentythree .masteriyo-bundles .masteriyo-col {
width: 100% !important;
}
body.theme-twentytwentythree .masteriyo-bundle-carousel-widget .masteriyo-col {
width: auto !important;
}
body.theme-twentytwentythree .wp-block-template-part .wp-block-navigation .wp-block-navigation__container li .wp-block-pages-list__item__link,
body.theme-twentytwentythree .wp-block-template-part .wp-block-navigation .wp-block-navigation__container li .wp-block-navigation-item__content {
pointer-events: unset;
cursor: pointer;
}
body.theme-twentytwentythree .masteriyo-container .masteriyo-col .masteriyo-course--content__description ul li {
font-size: 14px;
line-height: 1.618;
}
body.theme-twentytwentythree .masteriyo-container .masteriyo-course.list-view .masteriyo-col {
width: 100%;
}
@media (max-width: 1095px) {
body.theme-twentytwentythree .masteriyo-container .masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__wrapper {
border-right: 0;
padding-right: 0;
}
}
@media (max-width: 1095px) {
body.theme-twentytwentythree .masteriyo-container .masteriyo-course.list-view .masteriyo-col .masteriyo-course--content .masteriyo-time-btn {
flex-direction: row;
align-items: center;
width: 100%;
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentythree .masteriyo-container .masteriyo-course.list-view .masteriyo-col .masteriyo-course--content .masteriyo-time-btn .masteriyo-course-price {
margin-bottom: 0;
}
}
body.theme-twentytwentythree .masteriyo-container .masteriyo-single-header .masteriyo-single-header__content h6.masteriyo-single-heading {
margin-top: 0;
}
body.theme-twentytwentythree .masteriyo-single-body .masteriyo-single-body__main--curriculum-content-bottom h4.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-title {
margin-top: 0;
}
body.theme-twentytwentythree .masteriyo-course.list-view .masteriyo-col {
width: 100%;
}
body.theme-twentytwentythree .masteriyo-course--content .masteriyo-course-author a {
display: flex;
align-items: center;
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper {
flex-wrap: nowrap;
}
@media (max-width: 991px) {
body.theme-twentytwentythree .masteriyo-checkout-wrapper {
flex-wrap: wrap;
}
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-checkout---fname-lname-wrapper {
margin-left: 0;
margin-right: 0;
gap: 24px;
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-checkout---fname-lname-wrapper > * {
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-input {
width: 100%;
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper .masteriyo-checkout-summary .masteriyo-checkout--btn {
border: 0;
cursor: pointer;
}
@media (max-width: 991px) {
body.theme-twentytwentythree .masteriyo-single-course {
flex-direction: column;
}
}
@media (max-width: 575px) {
body.theme-twentytwentythree .masteriyo-single-course {
gap: 24px;
}
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 {
flex: auto;
max-width: 100%;
width: calc(60% - 30px);
}
@media (max-width: 991px) {
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 {
width: 100%;
}
}
@media (max-width: 575px) {
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 {
padding: 0;
}
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .course-overview hr {
margin-top: 24px;
margin-bottom: 24px;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .course-overview h3 {
margin: 0;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form .masteriyo-btn-primary {
border: 0;
cursor: pointer;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .gradebook table {
margin: 0 0 1.5em;
width: 100%;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .gradebook td,
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .gradebook th {
text-align: left;
border: 1px solid #e9ecef;
padding: 1em;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside {
width: auto;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn {
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:active, body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:focus {
background: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:focus-visible {
outline: none;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-single-course-stats {
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentythree #masteriyo-account-page .mto-account-wrapper button:not(.chakra-button):hover {
background: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
color: var(--masteriyo-color-white);
}
body.theme-twentytwentythree #masteriyo-account-page .mto-account-wrapper button:not(.chakra-button)[disabled] {
background: #878787;
border-color: #878787;
}
body.theme-twentytwentythree #masteriyo-account-page .mto-account-wrapper button:not(.chakra-button)[disabled] svg {
fill: #151515;
}
@media (max-width: 479px) {
body.theme-twentytwentythree #masteriyo-account-page .mto-dashboard-courses-stats {
margin-right: 0 !important;
}
body.theme-twentytwentythree #masteriyo-account-page .mto-dashboard-courses-progress {
padding-right: 20px;
}
}
@media (max-width: 380px) {
body.theme-twentytwentythree #masteriyo-account-page .mto-dashboard-courses-stats {
margin-right: 26px !important;
}
}
@media (max-width: 1199px) {
body.theme-twentytwentythree .masteriyo-container {
width: 960px;
}
}
@media (max-width: 991px) {
body.theme-twentytwentythree .masteriyo-container {
width: 730px;
}
}
@media (max-width: 767px) {
body.theme-twentytwentythree .masteriyo-container {
width: 560px;
}
}
@media (max-width: 600px) {
body.theme-twentytwentythree .masteriyo-course .masteriyo-col {
width: 100%;
}
}
@media (max-width: 575px) {
body.theme-twentytwentythree .masteriyo-container {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
}
body.theme-twentytwentythree.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search input[type=search] {
height: 42px;
}
body.theme-twentytwentythree.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search button[type=button] {
padding: 10px 16px;
}
@media screen and (max-width: 600px) {
body.theme-twentytwentythree.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings {
margin-top: 2px;
}
}
body.theme-twentytwentythree.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings select {
height: 42px;
width: 100%;
padding: 10px;
}
body.theme-twentytwentythree .masteriyo-instructors-list {
max-width: 1280px;
}
body.theme-twentytwentythree .masteriyo-courses-view-mode-section button {
border: 0;
cursor: pointer;
}
body.theme-twentytwentyfour #masteriyo-account-page {
max-width: var(--wp--style--global--wide-size);
}
body.theme-twentytwentyfour .masteriyo-col-left .masteriyo-col-left--about .masteriyo-user--details p {
margin-top: 0;
}
body.theme-twentytwentyfour .masteriyo-col-right .masteriyo-col-right--tabbar p.masteriyo-tabbar-title {
margin-top: 0;
}
body.theme-twentytwentyfour .masteriyo-single-course .masteriyo-course--content__description {
margin-top: 0;
}
body.theme-twentytwentyfour .masteriyo-single-course .masteriyo-course--content .gradebook table {
margin: 0 0 1.5em;
width: 100%;
}
body.theme-twentytwentyfour .masteriyo-single-course .masteriyo-course--content .gradebook td,
body.theme-twentytwentyfour .masteriyo-single-course .masteriyo-course--content .gradebook th {
text-align: left;
border: 1px solid #e9ecef;
padding: 1em;
}
body.theme-twentytwentyfour .wp-block-template-part .wp-block-navigation .wp-block-navigation__container li .wp-block-pages-list__item__link {
pointer-events: unset;
cursor: pointer;
}
body.theme-twentytwentyfour .masteriyo-container .masteriyo-single-header .masteriyo-single-header__content h6.masteriyo-single-heading {
margin-top: 0;
}
body.theme-twentytwentyfour .masteriyo-container .masteriyo-single-body .masteriyo-single-body__main--curriculum-content-bottom h4.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-title {
margin-top: 0;
}
body.theme-twentytwentyfour.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search input[type=search] {
height: 42px;
}
body.theme-twentytwentyfour.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search button[type=button] {
padding: 10px 16px;
}
@media screen and (max-width: 600px) {
body.theme-twentytwentyfour.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings {
margin-top: 2px;
}
}
body.theme-twentytwentyfour.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings select {
height: 42px;
width: 100%;
padding: 10px;
}
body.theme-twentytwentyfour .masteriyo-login-form-wrapper {
max-width: 1280px;
}
body.theme-twentytwentyfour .masteriyo-instructors-list {
max-width: 1280px;
}
body.theme-twentytwentyfour .masteriyo-courses-view-mode-section button {
border: 0;
cursor: pointer;
}
.masteriyo-social-account-login {
border-radius: 5px;
text-align: center;
border: 1px solid #d9d9d9;
width: 100%;
transition: all 0.3s ease-in-out;
}
.masteriyo-social-account-login .google-button,
.masteriyo-social-account-login .facebook-button {
height: 50px;
padding: 6px;
display: flex;
align-items: center;
justify-content: center;
padding: 6px;
}
.masteriyo-social-account-login .google-button > .masteriyo-social-account-login--img-wrapper,
.masteriyo-social-account-login .facebook-button > .masteriyo-social-account-login--img-wrapper {
padding-top: 0;
display: flex;
align-items: center;
gap: 10px;
}
.masteriyo-social-account-login .google-button > .masteriyo-social-account-login--img-wrapper .google-image-span,
.masteriyo-social-account-login .google-button > .masteriyo-social-account-login--img-wrapper .facebook-image-span,
.masteriyo-social-account-login .facebook-button > .masteriyo-social-account-login--img-wrapper .google-image-span,
.masteriyo-social-account-login .facebook-button > .masteriyo-social-account-login--img-wrapper .facebook-image-span {
display: flex;
}
.masteriyo-social-account-login.google-button-div {
margin-top: 12px;
margin-bottom: 12px;
background-color: #F7F7F7;
}
.masteriyo-social-account-login.google-button-div:hover {
background-color: #eaeeee;
}
.masteriyo-social-account-login.google-button-div .google-button {
text-decoration: none;
margin: auto;
width: 100%;
font-weight: bold;
border-radius: 8px;
color: #303030;
}
.masteriyo-social-account-login.google-button-div .google-button:hover {
color: #000000;
}
.masteriyo-social-account-login.google-button-div .google-button .google-image-span .login-google-image {
padding-left: 10px;
}
.masteriyo-social-account-login.facebook-button-div {
background: #336799;
}
.masteriyo-social-account-login.facebook-button-div:hover {
background: #264d73;
}
.masteriyo-social-account-login.facebook-button-div .facebook-button {
text-decoration: none;
margin: auto;
font-weight: bold;
width: 100%;
border-radius: 7px;
color: #EBEBEB;
}
.masteriyo-social-account-login.facebook-button-div .facebook-button:hover {
color: #ffffff;
}
.masteriyo-social-account-login.facebook-button-div .facebook-button .facebook-image-span {
margin-right: 5px;
}
.masteriyo-course--google-classroom .google-classroom-container {
border-radius: 4px;
padding: 20px;
color: azure;
background-color: #4285f4;
}
.masteriyo-course--google-classroom .google-classroom-code-left {
padding-top: 20px;
}
.masteriyo-course--google-classroom .google-classroom-code-right {
margin-left: 5px;
padding-top: 20px;
}
.masteriyo-single-course .tab-content.google-classroom {
margin: 30px;
}
.masteriyo-course--google-classroom {
margin-top: 30px;
padding: 24px;
border: 1px solid var(--masteriyo-color-border);
border-radius: 8px;
display: flex;
flex-direction: column;
}
.masteriyo-course--google-classroom__heading {
font-size: 20px;
font-weight: 700;
line-height: 26px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 16px;
color: var(--masteriyo-color-text);
margin-bottom: 16px;
}
.masteriyo-course--google-classroom__code {
display: flex;
align-items: center;
gap: 8px;
}
.masteriyo-course--google-classroom__code-label {
font-weight: 500;
}
.masteriyo-course--google-classroom__code-label .masteriyo-copy-this-text {
font-size: 18px;
color: var(--masteriyo-color-primary);
}
.masteriyo-course--google-classroom__code .copy-button-code {
display: flex;
padding: 6px;
transition: all 0.3s ease-in-out;
cursor: pointer;
border-radius: 3px;
}
.masteriyo-course--google-classroom__code .copy-button-code:hover {
background: #f4f4f4;
}
.masteriyo-course--google-classroom__code .copy-button-code svg {
width: 16px;
height: 16px;
stroke: #767676;
}
.masteriyo-course--google-classroom .masteriyo-course-complete {
background: var(--masteriyo-color-primary);
font-weight: 500;
padding: 6px;
border-radius: 4px;
cursor: pointer;
margin-top: 10px;
text-align: center;
}
.masteriyo-single-body__aside--items-wrapper .masteriyo-course--google-classroom {
border: 0;
margin-top: 0;
background: #fbfbfb;
padding: 20px;
}
.masteriyo-single-body__aside--items-wrapper .masteriyo-course--google-classroom__heading {
color: #383838;
font-size: 18px;
font-weight: 600;
line-height: 26px;
border-bottom: 1px solid #ebecf2;
padding-bottom: 16px;
margin-bottom: 12px;
text-align: left;
}
body.theme-twentytwentythree .masteriyo-col-left .masteriyo-col-left--about .masteriyo-user--details p {
margin-top: 0;
}
body.theme-twentytwentythree .masteriyo-col-right .masteriyo-col-right--tabbar p.masteriyo-tabbar-title {
margin-top: 0;
}
body.theme-twentytwentythree .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: var(--wp--style--global--wide-size);
}
body.theme-twentytwentythree .masteriyo-bundles .masteriyo-col {
width: 100% !important;
}
body.theme-twentytwentythree .masteriyo-bundle-carousel-widget .masteriyo-col {
width: auto !important;
}
body.theme-twentytwentythree .wp-block-template-part .wp-block-navigation .wp-block-navigation__container li .wp-block-pages-list__item__link,
body.theme-twentytwentythree .wp-block-template-part .wp-block-navigation .wp-block-navigation__container li .wp-block-navigation-item__content {
pointer-events: unset;
cursor: pointer;
}
body.theme-twentytwentythree .masteriyo-container .masteriyo-col .masteriyo-course--content__description ul li {
font-size: 14px;
line-height: 1.618;
}
body.theme-twentytwentythree .masteriyo-container .masteriyo-course.list-view .masteriyo-col {
width: 100%;
}
@media (max-width: 1095px) {
body.theme-twentytwentythree .masteriyo-container .masteriyo-course.list-view .masteriyo-col .masteriyo-course--content__wrapper {
border-right: 0;
padding-right: 0;
}
}
@media (max-width: 1095px) {
body.theme-twentytwentythree .masteriyo-container .masteriyo-course.list-view .masteriyo-col .masteriyo-course--content .masteriyo-time-btn {
flex-direction: row;
align-items: center;
width: 100%;
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentythree .masteriyo-container .masteriyo-course.list-view .masteriyo-col .masteriyo-course--content .masteriyo-time-btn .masteriyo-course-price {
margin-bottom: 0;
}
}
body.theme-twentytwentythree .masteriyo-container .masteriyo-single-header .masteriyo-single-header__content h6.masteriyo-single-heading {
margin-top: 0;
}
body.theme-twentytwentythree .masteriyo-single-body .masteriyo-single-body__main--curriculum-content-bottom h4.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-title {
margin-top: 0;
}
body.theme-twentytwentythree .masteriyo-course.list-view .masteriyo-col {
width: 100%;
}
body.theme-twentytwentythree .masteriyo-course--content .masteriyo-course-author a {
display: flex;
align-items: center;
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper {
flex-wrap: nowrap;
}
@media (max-width: 991px) {
body.theme-twentytwentythree .masteriyo-checkout-wrapper {
flex-wrap: wrap;
}
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-checkout---fname-lname-wrapper {
margin-left: 0;
margin-right: 0;
gap: 24px;
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-checkout---fname-lname-wrapper > * {
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper .masteriyo-checkout-main .masteriyo-input {
width: 100%;
}
body.theme-twentytwentythree .masteriyo-checkout-wrapper .masteriyo-checkout-summary .masteriyo-checkout--btn {
border: 0;
cursor: pointer;
}
@media (max-width: 991px) {
body.theme-twentytwentythree .masteriyo-single-course {
flex-direction: column;
}
}
@media (max-width: 575px) {
body.theme-twentytwentythree .masteriyo-single-course {
gap: 24px;
}
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 {
flex: auto;
max-width: 100%;
width: calc(60% - 30px);
}
@media (max-width: 991px) {
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 {
width: 100%;
}
}
@media (max-width: 575px) {
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 {
padding: 0;
}
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .course-overview hr {
margin-top: 24px;
margin-bottom: 24px;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .course-overview h3 {
margin: 0;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .course-reviews .masteriyo-submit-review-form .masteriyo-btn-primary {
border: 0;
cursor: pointer;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .gradebook table {
margin: 0 0 1.5em;
width: 100%;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .gradebook td,
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-8 .masteriyo-single-course--main__content .gradebook th {
text-align: left;
border: 1px solid #e9ecef;
padding: 1em;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside {
width: auto;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn {
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:active, body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:focus {
background: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-time-btn .masteriyo-btn-primary:focus-visible {
outline: none;
}
body.theme-twentytwentythree .masteriyo-single-course .masteriyo-col-4 .masteriyo-single-course--aside .masteriyo-single-course-stats {
padding-left: 0;
padding-right: 0;
}
body.theme-twentytwentythree #masteriyo-account-page .mto-account-wrapper button:not(.chakra-button):hover {
background: var(--masteriyo-color-btn-blue-hover);
border-color: var(--masteriyo-color-btn-blue-hover);
color: var(--masteriyo-color-white);
}
body.theme-twentytwentythree #masteriyo-account-page .mto-account-wrapper button:not(.chakra-button)[disabled] {
background: #878787;
border-color: #878787;
}
body.theme-twentytwentythree #masteriyo-account-page .mto-account-wrapper button:not(.chakra-button)[disabled] svg {
fill: #151515;
}
@media (max-width: 479px) {
body.theme-twentytwentythree #masteriyo-account-page .mto-dashboard-courses-stats {
margin-right: 0 !important;
}
body.theme-twentytwentythree #masteriyo-account-page .mto-dashboard-courses-progress {
padding-right: 20px;
}
}
@media (max-width: 380px) {
body.theme-twentytwentythree #masteriyo-account-page .mto-dashboard-courses-stats {
margin-right: 26px !important;
}
}
@media (max-width: 1199px) {
body.theme-twentytwentythree .masteriyo-container {
width: 960px;
}
}
@media (max-width: 991px) {
body.theme-twentytwentythree .masteriyo-container {
width: 730px;
}
}
@media (max-width: 767px) {
body.theme-twentytwentythree .masteriyo-container {
width: 560px;
}
}
@media (max-width: 600px) {
body.theme-twentytwentythree .masteriyo-course .masteriyo-col {
width: 100%;
}
}
@media (max-width: 575px) {
body.theme-twentytwentythree .masteriyo-container {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
}
body.theme-twentytwentythree.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search input[type=search] {
height: 42px;
}
body.theme-twentytwentythree.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search button[type=button] {
padding: 10px 16px;
}
@media screen and (max-width: 600px) {
body.theme-twentytwentythree.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings {
margin-top: 2px;
}
}
body.theme-twentytwentythree.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings select {
height: 42px;
width: 100%;
padding: 10px;
}
body.theme-twentytwentythree .masteriyo-instructors-list {
max-width: 1280px;
}
body.theme-twentytwentythree .masteriyo-courses-view-mode-section button {
border: 0;
cursor: pointer;
}
body.theme-twentytwentyfour #masteriyo-account-page {
max-width: var(--wp--style--global--wide-size);
}
body.theme-twentytwentyfour .masteriyo-col-left .masteriyo-col-left--about .masteriyo-user--details p {
margin-top: 0;
}
body.theme-twentytwentyfour .masteriyo-col-right .masteriyo-col-right--tabbar p.masteriyo-tabbar-title {
margin-top: 0;
}
body.theme-twentytwentyfour .masteriyo-single-course .masteriyo-course--content__description {
margin-top: 0;
}
body.theme-twentytwentyfour .masteriyo-single-course .masteriyo-course--content .gradebook table {
margin: 0 0 1.5em;
width: 100%;
}
body.theme-twentytwentyfour .masteriyo-single-course .masteriyo-course--content .gradebook td,
body.theme-twentytwentyfour .masteriyo-single-course .masteriyo-course--content .gradebook th {
text-align: left;
border: 1px solid #e9ecef;
padding: 1em;
}
body.theme-twentytwentyfour .wp-block-template-part .wp-block-navigation .wp-block-navigation__container li .wp-block-pages-list__item__link {
pointer-events: unset;
cursor: pointer;
}
body.theme-twentytwentyfour .masteriyo-container .masteriyo-single-header .masteriyo-single-header__content h6.masteriyo-single-heading {
margin-top: 0;
}
body.theme-twentytwentyfour .masteriyo-container .masteriyo-single-body .masteriyo-single-body__main--curriculum-content-bottom h4.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-title {
margin-top: 0;
}
body.theme-twentytwentyfour.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search input[type=search] {
height: 42px;
}
body.theme-twentytwentyfour.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-search button[type=button] {
padding: 10px 16px;
}
@media screen and (max-width: 600px) {
body.theme-twentytwentyfour.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings {
margin-top: 2px;
}
}
body.theme-twentytwentyfour.single-mto-course .masteriyo-single-course--main__content .course-reviews .masteriyo-course-reviews-filters .masteriyo-course-reviews-ratings select {
height: 42px;
width: 100%;
padding: 10px;
}
body.theme-twentytwentyfour .masteriyo-login-form-wrapper {
max-width: 1280px;
}
body.theme-twentytwentyfour .masteriyo-instructors-list {
max-width: 1280px;
}
body.theme-twentytwentyfour .masteriyo-courses-view-mode-section button {
border: 0;
cursor: pointer;
}
body.theme-twentytwentyfive .wp-block-post-title {
max-width: 1280px;
}
body.theme-twentytwentyfive #masteriyo-account-page {
max-width: 1280px;
}
body.theme-twentytwentyfive .masteriyo-single-course .masteriyo-course--content .gradebook table {
margin: 0 0 1.5em;
width: 100%;
}
body.theme-twentytwentyfive .masteriyo-single-course .masteriyo-course--content .gradebook td,
body.theme-twentytwentyfive .masteriyo-single-course .masteriyo-course--content .gradebook th {
text-align: left;
border: 1px solid #e9ecef;
padding: 1em;
}
body.theme-twentytwentyfive .wp-block-template-part .wp-block-navigation .wp-block-navigation__container li .wp-block-pages-list__item__link {
pointer-events: unset;
cursor: pointer;
}
body.theme-twentytwentyfive .masteriyo-login-form-wrapper {
max-width: 1280px;
}
body.theme-twentytwentyfive .masteriyo-instructors-list {
max-width: 1280px;
}
body.theme-twentytwentyfive .masteriyo-courses-view-mode-section button {
border: 0;
cursor: pointer;
}
body.masteriyo {
margin: 0;
}
.masteriyo-scorm-course-header {
display: flex;
align-items: center;
justify-content: space-between;
background: #ffffff;
box-shadow: 0px 6px 26px 0px rgba(117, 117, 117, 0.12);
padding: 12px 16px 12px 20px;
margin-bottom: 60px;
}
@media screen and (max-width: 460px) {
.masteriyo-scorm-course-header {
flex-direction: column;
padding: 20px;
gap: 20px;
align-items: flex-start;
}
}
.masteriyo-scorm-course-header__course {
max-width: 500px;
}
.masteriyo-scorm-course-header__course-name {
color: #909090;
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.masteriyo-scorm-course-header__course-title {
color: #383838;
font-family: Inter;
font-size: 16px;
font-weight: 500;
line-height: 26px;
margin: 0;
}
.masteriyo-scorm-course-header__button-exit {
border-radius: 4px;
border: 1px solid #646464;
background: #ffffff;
padding: 6px 14px;
color: #646464;
font-family: Inter;
font-size: 14px;
font-weight: 500;
line-height: 22px;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 460px) {
.masteriyo-scorm-course-header__button-exit {
width: 100%;
text-align: center;
padding: 8px 16px;
}
}
.masteriyo-scorm-course-header__button-exit:hover {
color: #ffffff;
background: var(--masteriyo-color-badge-red);
border-color: var(--masteriyo-color-badge-red);
}
.masteriyo-scorm-course-header__button-download {
border-radius: 4px;
border: 1px solid var(--masteriyo-color-primary);
background: #ffffff;
padding: 6px 14px;
color: var(--masteriyo-color-primary);
font-family: Inter;
font-size: 14px;
font-weight: 500;
line-height: 22px;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 460px) {
.masteriyo-scorm-course-header__button-download {
margin: 0;
width: 100%;
text-align: center;
padding: 8px 16px;
}
}
.masteriyo-scorm-course-header__button-download:hover {
color: #ffffff;
background: var(--masteriyo-color-primary-light);
border-color: var(--masteriyo-color-primary-light);
}
.masteriyo-scorm-course-header__button-complete {
border-radius: 4px;
border: 1px solid #3ca03c;
background: #3ca03c;
padding: 6px 14px;
color: #ffffff;
font-family: Inter;
font-size: 14px;
font-weight: 500;
line-height: 22px;
text-decoration: none;
transition: all 0.3s ease-in-out;
opacity: 0.8;
}
@media screen and (max-width: 460px) {
.masteriyo-scorm-course-header__button-complete {
margin: 0;
width: 100%;
text-align: center;
padding: 8px 16px;
}
}
.masteriyo-scorm-course-header__button-complete:hover {
color: #ffffff;
}
.masteriyo-scorm-course-header__button-continue {
border-radius: 4px;
border: 1px solid var(--masteriyo-color-primary);
background: var(--masteriyo-color-primary);
padding: 6px 14px;
color: #ffffff;
font-family: Inter;
font-size: 14px;
font-weight: 500;
line-height: 22px;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 460px) {
.masteriyo-scorm-course-header__button-continue {
margin: 0;
width: 100%;
text-align: center;
padding: 8px 16px;
}
}
.masteriyo-scorm-course-header__button-continue:hover {
color: var(--masteriyo-color-primary);
background: #ffffff;
}
.masteriyo-wrapper.scorm {
position: relative;
padding: 0;
height: 100vh;
}
.masteriyo-wrapper.scorm iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
.masteriyo-group-courses-modal .masteriyo-overlay {
align-items: center;
}
.masteriyo-group-course-popup {
border-radius: 8px;
background: #fff;
box-shadow: 0px 0px 25px 0px rgba(10, 10, 10, 0.1);
display: flex;
width: 520px;
padding: 28px 28px 30px 28px;
flex-direction: column;
gap: 32px;
}
.masteriyo-group-course__wrapper {
position: relative;
}
.masteriyo-group-course__heading {
color: #222222;
font-size: 24px;
font-weight: 700;
line-height: 32px;
padding-bottom: 16px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 18px;
}
.masteriyo-group-course__exit-popup {
position: absolute;
top: 0;
right: 0;
border-radius: 60px;
background: #eef1f7;
display: flex;
align-items: center;
justify-content: center;
padding: 7px;
cursor: pointer;
}
.masteriyo-group-course__exit-popup svg {
width: 14px;
height: 14px;
}
.masteriyo-group-course__title {
color: #646464;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.masteriyo-group-course__empty-state {
display: none;
}
.masteriyo-group-course__empty-state--image {
text-align: center;
margin-bottom: 32px;
}
.masteriyo-group-course__empty-state--image img {
width: 260px;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.masteriyo-group-course__empty-state--content {
text-align: center;
}
.masteriyo-group-course__empty-state--content-title {
color: #383838;
font-size: 22px;
font-weight: 700;
line-height: 29px;
margin-bottom: 8px;
}
.masteriyo-group-course__empty-state--content-desc {
color: #4e4e4e;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.masteriyo-group-course__empty-state--content-desc .masteriyo-group-course--link {
color: var(--masteriyo-color-primary);
font-style: italic;
text-decoration: underline;
}
.masteriyo-group-course__lists--label {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.masteriyo-group-course__lists--heading {
color: #646464;
font-size: 14px;
font-weight: 600;
line-height: 24px;
}
.masteriyo-group-course__lists--sync-button {
color: #7a7a7a;
font-size: 12px;
font-weight: 500;
line-height: 26px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
text-decoration: none;
margin-top: 14px;
transition: all 0.3s ease-in-out;
}
.masteriyo-group-course__lists--sync-button:hover {
text-decoration: underline;
}
.masteriyo-group-course__lists--sync-button svg {
width: 16px;
height: 16px;
}
.masteriyo-group-course__lists--list {
margin-left: 0;
margin-bottom: 24px;
}
.masteriyo-group-course__lists--list-item {
list-style: none;
display: flex;
align-items: center;
position: relative;
margin-bottom: 10px;
}
.masteriyo-group-course__lists--list-item:last-child {
margin-bottom: 0;
}
.masteriyo-group-course__lists--list-item input[type=checkbox] {
position: absolute;
z-index: 1;
left: 12px;
width: 18px;
height: 18px;
}
.masteriyo-group-course__lists--list-item_label {
width: 100%;
border-radius: 4px;
background: #f0f0f0;
padding: 12px;
padding-left: 40px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
color: #646464;
font-size: 14px;
font-weight: 500;
line-height: 22px;
}
.masteriyo-group-course__lists--list-item_label_disabled {
color: #a7a7a7;
}
.masteriyo-group-course__lists--list-item_members {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
gap: 4px;
color: #7a7a7a;
font-size: 14px;
font-weight: 500;
line-height: 22px;
}
.masteriyo-group-course__lists--list-item_members svg {
width: 20px;
height: 20px;
}
.masteriyo-group-course__lists--list-item_disabled {
cursor: none;
pointer-events: none;
}
.masteriyo-group-course__lists--list-item input[type=checkbox]:checked ~ .masteriyo-group-course__lists--list-item_label {
background: #f3f7fd;
}
.masteriyo-group-course__lists .masteriyo-error-message {
color: #ff343e;
background-color: #ffdddd;
padding: 10px;
border: 1px solid #ff343e;
border-radius: 4px;
margin-bottom: 25px;
font-size: 14px;
}
.masteriyo-group-course__lists--footer {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 14px;
}
.masteriyo-group-course__lists--footer_link {
color: #646464;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-decoration-line: underline;
transition: all 0.3s ease-in-out;
}
.masteriyo-group-course__lists--footer_link:hover {
color: #222;
}
.masteriyo-group-course__lists--footer_checkout-button {
display: flex;
padding: 10px 16px 10px 12px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 4px;
background: var(--masteriyo-color-primary);
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.masteriyo-group-course__lists--footer_checkout-button:hover {
color: #ffffff;
background: #1b4aab;
}
.masteriyo-group-course__lists--footer_checkout-button:focus {
color: #ffffff;
}
.masteriyo-group-course__lists--footer_checkout-button svg {
width: 20px;
height: 20px;
}
.masteriyo-group-course__lists--footer_checkout-button svg path {
stroke: #ffffff;
}
.masteriyo-group-course__lists--footer_checkout-button--disabled {
background: #e2e2e2;
color: #a7a7a7;
pointer-events: none;
cursor: not-allowed;
}
.masteriyo-group-course__lists--footer_checkout-button--disabled svg path {
stroke: #a7a7a7;
}
.masteriyo-group-course__group-button {
width: 100%;
border-radius: 4px;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
}
.masteriyo-group-course__group-button > *:last-child {
margin-bottom: 0;
}
.masteriyo-group-course__group-button .masteriyo-group-course__buy-now-button {
gap: 6px;
}
.masteriyo-group-course__group-title {
color: #4e4e4e;
font-size: 16px;
font-weight: 500;
line-height: 34px;
margin-top: 0;
margin-bottom: 8px;
display: flex;
align-items: center;
gap: 8px;
flex-direction: column;
border-bottom: 1px solid #e1e1e1;
}
.masteriyo-group-course__group-title .title-line {
flex: 1 0 0;
}
.masteriyo-group-course__group-title .title-line::after {
content: "";
width: 100%;
height: 1px;
background: #dddddd;
display: block;
}
.masteriyo-group-course__group-desc {
color: #646464;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 24px;
margin-top: 0;
margin-bottom: 16px;
}
.masteriyo-group-course__group-desc:empty {
display: none;
}
.masteriyo-group-course__seperator {
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: #7a7a7a;
display: flex;
align-items: center;
gap: 16px;
width: 100%;
margin-bottom: 6px;
}
.masteriyo-group-course__seperator::before, .masteriyo-group-course__seperator::after {
content: "";
background: var(--masteriyo-color-border);
width: 100%;
height: 1px;
display: block;
}
.masteriyo-group-course__helper-text {
color: #51585f;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin-top: 0;
margin-bottom: 0;
text-align: center;
}
.masteriyo-group-course__checkout-title {
color: #07092f;
font-size: 26px;
line-height: 34px;
font-weight: 500;
margin-top: 0;
margin-bottom: 28px;
}
.masteriyo-group-course__checkout-table {
border-radius: 5px;
background: #f9f9f9;
padding: 20px;
}
.masteriyo-group-course__checkout-table table {
width: 100%;
border-collapse: collapse;
border: 0;
margin-bottom: 0;
}
.masteriyo-group-course__checkout-table table tr th {
color: #383838;
font-size: 14px;
font-weight: 600;
line-height: 18px;
padding: 0 6px 16px 6px;
border: 0;
border-bottom: 1px solid #e1e1e1;
width: 90%;
text-align: left;
}
.masteriyo-group-course__checkout-table table tr td {
color: #4e4e4e;
font-size: 14px;
font-weight: 500;
line-height: 18px;
padding: 16px 6px 0px;
border: 0;
}
.masteriyo-checkout-summary-order-details li .masteriyo-badge {
background: #26c164 !important;
margin-left: 2px;
}
.masteriyo-single-body__aside--price .masteriyo-group-course__group-button {
margin-top: 0;
}
.masteriyo-group-pricing-tiers {
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier {
border: 1px solid var(--masteriyo-color-border);
border-radius: 6px;
padding: 18px 20px;
cursor: pointer;
transition: all 0.2s ease;
position: relative;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier:hover {
border-color: #cbd5e0;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier.selected {
border-color: var(--masteriyo-color-primary);
background: #f9f9f9;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-radio {
display: none;
position: absolute;
top: 23px;
left: 20px;
width: 18px;
height: 18px;
border: 2px solid #cbd5e0;
border-radius: 50%;
background-color: white;
flex-shrink: 0;
transition: all 0.2s ease;
}
.masteriyo-group-pricing-tier.selected .masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-radio {
border-color: var(--masteriyo-color-primary);
background: var(--masteriyo-color-primary);
}
.masteriyo-group-pricing-tier.selected .masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-radio::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 6px;
height: 6px;
background: #ffffff;
border-radius: 50%;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-header {
display: flex;
align-items: flex-start;
gap: 4px;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-info {
flex: 1;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-name {
font-size: 16px;
font-weight: 600;
color: #2d3748;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-price {
display: flex;
align-items: flex-end;
flex-direction: column;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-price-regular .amount {
font-size: 14px;
line-height: 22px;
color: #979797;
font-weight: 500;
padding: 0 6px;
position: relative;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-price-regular .amount::after {
content: "";
position: absolute;
background: #e50044;
width: 100%;
height: 1px;
top: 40%;
left: 50%;
transform: rotate(-5deg) translate(-50%, -50%);
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-price-current {
display: flex;
align-items: baseline;
gap: 2px;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-price-current .amount {
font-size: 18px;
line-height: 26px;
font-weight: 600;
color: #383838;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-price-current .billing_interval {
font-size: 13px;
line-height: 20px;
font-weight: 400;
font-style: italic;
color: #545454;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seats-info {
padding-left: 0;
display: flex;
align-items: flex-start;
gap: 6px;
font-size: 13px;
color: #9e9e9e;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seats-info svg {
width: 18px;
height: 18px;
fill: #9e9e9e;
margin-top: 5px;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seats-info span {
flex: 1;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seat-selector {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--masteriyo-color-border);
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seat-selector .masteriyo-group-tier-seats-input-wrapper {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 8px;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seats-label {
display: block;
font-size: 14px;
font-weight: 500;
color: #383838;
margin-bottom: 0;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seats-input {
min-height: 38px;
border-color: #e1e1e1;
color: #383838;
padding: 0 12px;
width: 100%;
flex: 1;
border-radius: 4px;
font-size: 14px;
line-height: 24px;
transition: all 0.2s ease;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seats-input::-moz-placeholder {
color: #737373;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seats-input::placeholder {
color: #737373;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seats-input:focus {
outline: none;
box-shadow: none;
border-color: var(--masteriyo-color-primary);
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seats-hint {
margin-top: 12px;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seats-hint .tier-breakdown {
font-size: 14px;
line-height: 20px;
color: #9e9e9e;
margin-bottom: 4px;
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seats-hint .tier-total {
display: flex;
align-items: center;
gap: 4px;
font-weight: 600;
color: #2d3748;
font-size: 15px;
line-height: 25px;
margin-top: 16px;
padding-top: 12px;
border-top: 1px solid var(--masteriyo-color-border);
}
.masteriyo-group-pricing-tiers .masteriyo-group-pricing-tier .masteriyo-group-tier-seats-hint .tier-total-label {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #9e9e9e;
}
.masteriyo-group-tier-price-interval {
font-size: 13px;
font-weight: 400;
color: #718096;
}
.masteriyo-group-tier-description {
font-size: 14px;
color: #718096;
line-height: 1.5;
margin-bottom: 6px;
}
.masteriyo-course--google-classroom .google-classroom-container {
border-radius: 4px;
padding: 20px;
color: azure;
background-color: #4285f4;
}
.masteriyo-course--google-classroom .google-classroom-code-left {
padding-top: 20px;
}
.masteriyo-course--google-classroom .google-classroom-code-right {
margin-left: 5px;
padding-top: 20px;
}
.masteriyo-single-course .tab-content.google-classroom {
margin: 30px;
}
.masteriyo-course--google-classroom {
margin-top: 30px;
padding: 24px;
border: 1px solid var(--masteriyo-color-border);
border-radius: 8px;
display: flex;
flex-direction: column;
}
.masteriyo-course--google-classroom__heading {
font-size: 20px;
font-weight: 700;
line-height: 26px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 16px;
color: var(--masteriyo-color-text);
margin-bottom: 16px;
}
.masteriyo-course--google-classroom__code {
display: flex;
align-items: center;
gap: 8px;
}
.masteriyo-course--google-classroom__code-label {
font-weight: 500;
}
.masteriyo-course--google-classroom__code-label .masteriyo-copy-this-text {
font-size: 18px;
color: var(--masteriyo-color-primary);
}
.masteriyo-course--google-classroom__code .copy-button-code {
display: flex;
padding: 6px;
transition: all 0.3s ease-in-out;
cursor: pointer;
border-radius: 3px;
}
.masteriyo-course--google-classroom__code .copy-button-code:hover {
background: #f4f4f4;
}
.masteriyo-course--google-classroom__code .copy-button-code svg {
width: 16px;
height: 16px;
stroke: #767676;
}
.masteriyo-course--google-classroom .masteriyo-course-complete {
background: var(--masteriyo-color-primary);
font-weight: 500;
padding: 6px;
border-radius: 4px;
cursor: pointer;
margin-top: 10px;
text-align: center;
}
.masteriyo-single-body__aside--items-wrapper .masteriyo-course--google-classroom {
border: 0;
margin-top: 0;
background: #fbfbfb;
padding: 20px;
}
.masteriyo-single-body__aside--items-wrapper .masteriyo-course--google-classroom__heading {
color: #383838;
font-size: 18px;
font-weight: 600;
line-height: 26px;
border-bottom: 1px solid #ebecf2;
padding-bottom: 16px;
margin-bottom: 12px;
text-align: left;
}
@media screen and (max-width: 600px) {
.post-type-archive-mto-bundle .masteriyo-container {
padding-left: 0;
padding-right: 0;
}
}
.masteriyo-bundles {
display: grid !important;
gap: 24px;
margin: 0;
}
.masteriyo-bundles.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1199px) {
.masteriyo-bundles.columns-4 {
grid-template-columns: repeat(3, 1fr);
}
}
.masteriyo-bundles.columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.masteriyo-bundles.columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.masteriyo-bundles.columns-1 {
grid-template-columns: repeat(1, 1fr);
}
@media screen and (max-width: 991px) {
.masteriyo-bundles.columns-4, .masteriyo-bundles.columns-3 {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 600px) {
.masteriyo-bundles.columns-4, .masteriyo-bundles.columns-3, .masteriyo-bundles.columns-2 {
grid-template-columns: repeat(1, 1fr);
}
}
@media screen and (max-width: 600px) {
.masteriyo-bundles {
margin: 0;
}
}
.masteriyo-bundles .masteriyo-col {
width: 100%;
max-width: 100%;
padding: 0 !important;
}
@media screen and (max-width: 600px) {
.masteriyo-bundles .masteriyo-col {
padding: 0;
}
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle {
padding: 10px 10px 16px 10px;
border-radius: 6px;
background: #ffffff;
border: 1px solid #ebecf2;
flex-direction: column;
gap: 16px;
margin-left: 0;
margin-right: 0;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle--top {
border-radius: 4px;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__title {
margin: 0;
padding: 0;
font-size: 18px;
font-weight: 600;
line-height: 28px;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__title a {
color: #424360;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__title a:hover {
color: var(--masteriyo-color-primary);
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle--bottom {
flex: 1;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle--top {
display: flex;
padding: 16px 18px;
flex-direction: column;
align-items: flex-start;
gap: 4px;
align-self: stretch;
background: #f7f7f7;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__price span {
color: var(--masteriyo-color-primary);
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__info {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__courses {
max-height: 235px;
overflow-y: auto;
padding: 8px 16px 8px 8px;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__courses-item {
margin-bottom: 16px;
padding-bottom: 0;
border: none;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__courses-item:last-child {
margin-bottom: 0;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__courses-item img {
width: 90px;
height: 65px;
-o-object-fit: cover;
object-fit: cover;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__courses-item-info h3 {
font-size: 14px;
font-weight: 500;
line-height: 22px;
color: #222222;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__courses-item__price {
color: #4e4e4e;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__courses::-webkit-scrollbar {
width: 4px;
background-color: #d9d9d9;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__courses::-webkit-scrollbar-thumb {
background-color: #5b5b5b;
border-radius: 8px;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__courses::-webkit-scrollbar-corner {
border-radius: 8px;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__courses-count {
font-size: 14px;
font-weight: 400;
line-height: 16px;
color: #969696;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__price {
display: flex;
align-items: center;
gap: 6px;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__price del {
font-size: 12px;
font-weight: 400;
line-height: 22px;
color: #909090;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__price span {
color: #424360;
font-size: 16px;
font-weight: 600;
line-height: 26px;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__cta {
border-top: 1px solid #ebecf2;
display: flex;
justify-content: flex-end;
margin-top: 16px;
padding: 20px 4px 4px;
}
.masteriyo-bundles .masteriyo-col .masteriyo-bundle__cta .masteriyo-btn {
min-height: 36px;
padding: 0 16px;
font-size: 14px;
line-height: 24px;
}
.admin-bar {
--admin-bar: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar {
--admin-bar: 46px;
}
}
.masteriyo-bundle {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
@media screen and (max-width: 1100px) {
.masteriyo-bundle {
flex-direction: column;
}
}
.masteriyo-bundle .masteriyo-col-8 {
flex: 1;
padding: 0;
max-width: 100%;
width: 100%;
}
.masteriyo-bundle .masteriyo-col-4 {
max-width: 395px;
width: 100%;
padding: 0;
flex: unset;
}
@media screen and (max-width: 1100px) {
.masteriyo-bundle .masteriyo-col-4 {
max-width: 100%;
}
}
.masteriyo-bundle__content {
background-color: var(--masteriyo-color-white);
border-radius: 8px;
border: 1px solid var(--masteriyo-color-border);
height: 100%;
padding: 0;
}
.masteriyo-bundle__featured-img {
margin-bottom: 30px;
}
.masteriyo-bundle__featured-img img {
width: 100%;
height: auto;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-bottom: 0;
padding-bottom: 0;
}
.masteriyo-bundle__title {
font-size: 32px;
font-weight: 700;
line-height: 48px;
margin-bottom: 16px;
padding: 0 32px;
color: var(--masteriyo-color-heading);
display: flex;
justify-content: space-between;
align-items: center;
}
.masteriyo-bundle__author-rating {
display: flex;
align-items: center;
padding: 0 32px;
}
.masteriyo-bundle__author, .masteriyo-bundle__instructor {
display: flex;
align-items: center;
flex: 1 1 50%;
}
.masteriyo-bundle__author a, .masteriyo-bundle__instructor a {
display: flex;
align-items: center;
flex: 1 1 50%;
}
.masteriyo-bundle__author img, .masteriyo-bundle__instructor img {
width: 30px;
height: 30px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 0;
}
.masteriyo-bundle__author-name, .masteriyo-bundle__instructor-name {
color: var(--masteriyo-color-text);
font-size: 14px;
line-height: 1.5;
font-weight: 500;
margin-left: 8px;
overflow-wrap: break-word;
text-transform: capitalize;
}
.masteriyo-bundle__main .masteriyo-stab {
padding: 0 32px;
margin-top: 32px;
}
.masteriyo-bundle__main .tab-content {
padding: 0 32px 32px;
color: var(--masteriyo-color-text);
}
.masteriyo-bundle__courses {
padding: 24px;
}
.masteriyo-bundle__courses__title {
margin: 0;
font-size: 18px;
font-weight: 500;
padding-bottom: 18px;
margin-bottom: 24px;
border-bottom: 1px solid var(--masteriyo-color-border);
}
.masteriyo-bundle__courses-list {
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}
.masteriyo-bundle__courses-item {
display: flex;
flex-wrap: wrap;
margin: 0;
-moz-column-gap: 18px;
column-gap: 18px;
align-items: center;
}
.masteriyo-bundle__courses-item:not(:last-child) {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid var(--masteriyo-color-border);
}
.masteriyo-bundle__courses-item-img {
max-width: 100px;
}
.masteriyo-bundle__courses-item-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 4px;
}
.masteriyo-bundle__courses-item-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 4px;
}
.masteriyo-bundle__courses-item .masteriyo-course-title {
margin: 0;
font-size: 15px;
font-weight: 500;
line-height: 25px;
}
.masteriyo-bundle__courses-item .masteriyo-course-title a:hover {
color: var(--masteriyo-color-primary);
}
.masteriyo-bundle__courses-item .masteriyo-course-author {
font-size: 13px;
font-weight: 400;
text-transform: capitalize;
gap: 4px;
line-height: 23px;
color: #969696;
}
.masteriyo-bundle__courses-item .masteriyo-course-author a {
color: var(--masteriyo-color-primary);
}
.masteriyo-bundle__courses-item .masteriyo-course-author a .masteriyo-course-author--name {
font-size: 13px;
line-height: 23px;
color: #969696;
}
.masteriyo-bundle__courses-item .masteriyo-course-author .additional-masteriyo-instructors-dropdown .additional-masteriyo-instructor-name .masteriyo-course-author--name {
color: #51585F;
}
.masteriyo-bundle__courses-item .masteriyo-course-author .additional-masteriyo-instructors-dropdown .additional-masteriyo-instructor-name:hover .masteriyo-course-author--name {
color: var(--masteriyo-color-primary);
}
.masteriyo-bundle__courses-item__price {
font-size: 15px;
font-weight: 500;
}
@media (min-width: 768px) {
.masteriyo-bundle__sidebar {
position: sticky;
top: calc(var(--admin-bar, 0) + 50px);
}
}
.masteriyo-bundle__sidebar > div {
border-radius: 8px;
border: 1px solid var(--masteriyo-color-border);
padding: 30px;
margin-bottom: 40px;
}
.masteriyo-bundle__sidebar > div:last-child {
margin-bottom: 0;
}
.masteriyo-bundle__sidebar > div > div {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid var(--masteriyo-color-border);
}
.masteriyo-bundle__sidebar > div > div:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.masteriyo-bundle__sidebar .masteriyo-time-btn {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.masteriyo-bundle__sidebar .masteriyo-time-btn .masteriyo-bundle-price {
display: flex;
flex-direction: column;
line-height: inherit;
}
.masteriyo-bundle__sidebar .masteriyo-time-btn .masteriyo-bundle-price .current-amount {
display: flex;
flex-direction: column;
font-size: 20px;
color: var(--masteriyo-color-text);
font-weight: 700;
}
.masteriyo-bundle__sidebar .masteriyo-time-btn .masteriyo-bundle-price .current-amount .amount {
color: #16181A;
font-size: 28px;
font-weight: 600;
line-height: 36px;
}
.masteriyo-bundle__sidebar .masteriyo-time-btn .masteriyo-bundle-price .current-amount .billing_interval {
font-size: 13px;
line-height: 20px;
font-weight: 400;
font-style: italic;
width: -moz-max-content;
width: max-content;
color: #545454;
}
.masteriyo-bundle__sidebar .title {
color: #16181A;
font-size: 18px;
font-weight: 500;
line-height: 26px;
margin-top: 0;
text-transform: capitalize;
margin-bottom: 16px;
}
.masteriyo-bundle__highlights ul {
list-style: "✓";
margin: 0;
padding-left: 12px;
}
.masteriyo-bundle__highlights li {
font-size: 14px;
line-height: 1.618;
padding-inline-start: 4px;
word-break: break-all;
}
@media (max-width: 768px) {
.masteriyo-bundle .masteriyo-col-4 {
width: 100%;
flex: 1 1 100%;
max-width: 100%;
}
}
.masteriyo-bundle__instructor:not(:last-child) {
margin-bottom: 16px;
}
.masteriyo-bundle__instructors h5 {
margin: 0;
font-size: 18px;
font-weight: 500;
padding-bottom: 18px;
border-bottom: 1px solid var(--masteriyo-color-border);
margin-bottom: 24px;
}
.masteriyo-bundle__category {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 12px;
padding: 0 30px;
gap: 10px;
}
.masteriyo-bundle__category-items {
padding: 2px 10px;
border-radius: 4px;
font-size: 9px;
font-weight: 500;
text-transform: uppercase;
line-height: 18px;
color: var(--masteriyo-color-primary);
text-decoration: none;
border: 1px solid var(--masteriyo-color-border);
margin: 0;
}
.masteriyo-bundle__category-items:hover {
color: var(--masteriyo-color-primary);
}
.masteriyo-checkout-summary-switch-currency {
padding: 15px 0 20px;
margin-bottom: 0;
background-color: var(--masteriyo-color-white);
border: 0;
border-bottom: 1px solid var(--masteriyo-color-border);
color: var(--masteriyo-color-text);
border-radius: 0;
}
.masteriyo-checkout-summary-switch-currency .masteriyo-label {
grid-area: coupon-label;
font-size: 15px;
line-height: 28px;
font-weight: bold;
color: var(--masteriyo-color-grey-dark);
}
.masteriyo-single-body__aside--items-wrapper .masteriyo-single-course--course-coming-soon-msg {
padding: 0;
}
.masteriyo-single-course--course-coming-soon-btn {
font-weight: 500;
align-content: center;
text-decoration: none;
border-radius: 4px;
background: #f7f7f7;
padding: 0 24px;
min-height: 40px;
color: var(--masteriyo-color-primary);
font-size: 15px;
line-height: 25px;
text-align: center;
}
.masteriyo-single-course--course-coming-soon-btn.masteriyo-btn-disabled {
opacity: 1;
}
.masteriyo-single-course--course-coming-soon-msg {
padding: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.masteriyo-single-course--course-coming-soon-timer {
border: 0;
display: block;
}
.masteriyo-single-course--course-coming-soon-timer:hover {
padding: 0;
}
.masteriyo-single-course--course-coming-soon-timer #masteriyo_countdown .masteriyo-countdown-timer--wrapper {
display: flex;
justify-content: center;
gap: 8px;
}
.masteriyo-single-course--course-coming-soon-timer #masteriyo_countdown .masteriyo-countdown-timer--wrapper .masteriyo-countdown-segment {
width: 64px;
display: flex;
flex-direction: column;
gap: 8px;
}
@media screen and (max-width: 600px) {
.masteriyo-single-course--course-coming-soon-timer #masteriyo_countdown .masteriyo-countdown-timer--wrapper .masteriyo-countdown-segment {
width: 50px;
}
}
.masteriyo-single-course--course-coming-soon-timer #masteriyo_countdown .masteriyo-countdown-timer--wrapper .masteriyo-countdown-segment br {
display: none;
}
.masteriyo-single-course--course-coming-soon-timer #masteriyo_countdown .masteriyo-countdown-timer--wrapper .masteriyo-countdown-segment--timer {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 50px;
font-size: 24px;
color: #16181a;
line-height: 32px;
font-weight: 500;
border-radius: 4px;
border: 1px solid #EBECF2;
background: #FBFBFB;
}
@media screen and (max-width: 600px) {
.masteriyo-single-course--course-coming-soon-timer #masteriyo_countdown .masteriyo-countdown-timer--wrapper .masteriyo-countdown-segment--timer {
width: 45px;
height: 40px;
font-size: 18px;
line-height: 26px;
}
}
.masteriyo-single-course--course-coming-soon-timer #masteriyo_countdown .masteriyo-countdown-timer--wrapper .masteriyo-countdown-segment--label {
color: #9F9F9F;
font-size: 12px;
font-weight: 400;
line-height: 24px;
text-transform: uppercase;
text-align: center;
}
@media screen and (max-width: 600px) {
.masteriyo-single-course--course-coming-soon-timer #masteriyo_countdown .masteriyo-countdown-timer--wrapper .masteriyo-countdown-segment--label {
font-size: 10px;
line-height: 18px;
}
}
.masteriyo-single-course--course-coming-soon-timer #masteriyo_countdown .masteriyo-countdown-timer--wrapper .masteriyo-countdown-separator--dots {
color: #9F9F9F;
text-align: center;
font-size: 32px;
font-weight: 500;
line-height: 45px;
}
@media screen and (max-width: 600px) {
.masteriyo-single-course--course-coming-soon-timer #masteriyo_countdown .masteriyo-countdown-timer--wrapper .masteriyo-countdown-separator--dots {
font-size: 26px;
line-height: 36px;
}
}
.masteriyo-single-course--course-coming-soon-text {
color: #51585F;
font-size: 15px;
font-weight: 400;
line-height: 25px;
margin-top: 0;
} .masteriyo-single-course--surecart-prices {
box-sizing: border-box;
}
.masteriyo-surecart-course-modal .masteriyo-overlay {
align-items: center;
}
.masteriyo-single-course--surecart-add-to-cart-btn {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
box-sizing: border-box;
color: var(--masteriyo-color-white);
background: var(--masteriyo-color-primary);
border: 1px solid var(--masteriyo-color-primary);
padding: 6px 16px;
border-radius: 2px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.masteriyo-single-course--surecart-add-to-cart-btn:hover {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
box-sizing: border-box;
color: var(--masteriyo-color-white);
background: var(--masteriyo-color-primary);
border: 1px solid var(--masteriyo-color-primary);
padding: 6px 16px;
border-radius: 2px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.masteriyo-single-course--surecart-add-to-cart-btn-layout-1 {
padding: 10px 20px;
border-radius: 4px;
background: #4584ff;
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: 26px;
text-decoration: none;
text-align: center;
transition: all 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.masteriyo-single-course--surecart-add-to-cart-btn-layout-1:hover {
padding: 10px 20px;
border-radius: 4px;
background: #4584ff;
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: 26px;
text-decoration: none;
text-align: center;
transition: all 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
} .masteriyo-surecart-course-popup {
border-radius: 8px;
background: #fff;
box-shadow: 0px 0px 25px 0px rgba(10, 10, 10, 0.1);
display: flex;
width: 520px;
padding: 28px 28px 30px 28px;
flex-direction: column;
gap: 32px;
}
.masteriyo-surecart-course__wrapper {
position: relative;
}
.masteriyo-surecart-course__heading {
color: #222222;
font-size: 24px;
font-weight: 700;
line-height: 32px;
padding-bottom: 16px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 18px;
}
.masteriyo-surecart-course__title {
color: #646464;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.masteriyo-surecart-course__surecart-add-to-cart-btn {
display: block;
justify-content: center;
align-items: center;
margin-top: 20px;
box-sizing: border-box;
color: var(--masteriyo-color-white);
background: var(--masteriyo-color-primary);
border: 1px solid var(--masteriyo-color-primary);
padding: 6px 16px;
border-radius: 2px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.masteriyo-surecart-course__empty-state {
display: none;
}
.masteriyo-surecart-course__empty-state--image {
text-align: center;
margin-bottom: 32px;
}
.masteriyo-surecart-course__empty-state--image img {
width: 260px;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.masteriyo-surecart-course__empty-state--content {
text-align: center;
}
.masteriyo-surecart-course__empty-state--content-title {
color: #383838;
font-size: 22px;
font-weight: 700;
line-height: 29px;
margin-bottom: 8px;
}
.masteriyo-surecart-course__empty-state--content-desc {
color: #4e4e4e;
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
.masteriyo-surecart-course__empty-state--content-desc .masteriyo-surecart-course--link {
color: #5b5fc7;
font-style: italic;
text-decoration: underline;
}
.masteriyo-surecart-course__surecart-add-to-cart-btn:hover {
display: block;
justify-content: center;
align-items: center;
margin-top: 20px;
box-sizing: border-box;
color: var(--masteriyo-color-white);
background: var(--masteriyo-color-primary);
border: 1px solid var(--masteriyo-color-primary);
padding: 6px 16px;
border-radius: 2px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.masteriyo-surecart-course__exit-popup {
position: absolute;
top: 0;
right: 0;
border-radius: 60px;
background: #eef1f7;
display: flex;
align-items: center;
justify-content: center;
padding: 7px;
cursor: pointer;
}
.masteriyo-surecart-course__exit-popup svg {
width: 14px;
height: 14px;
}
.masteriyo-surecart-course__title {
color: #646464;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.masteriyo-surecart-course__lists--label {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.masteriyo-surecart-course__lists--heading {
color: #646464;
font-size: 14px;
font-weight: 600;
line-height: 24px;
}
.masteriyo-surecart-course__lists--loading-text {
color: #7a7a7a;
font-size: 12px;
font-weight: 500;
line-height: 26px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
text-decoration: none;
margin-top: 14px;
transition: all 0.3s ease-in-out;
}
.masteriyo-surecart-course__lists--loading-text:hover {
text-decoration: underline;
}
.masteriyo-surecart-course__lists--loading-text svg {
width: 16px;
height: 16px;
}
.masteriyo-surecart-course__lists--list {
margin-left: 0;
margin-bottom: 24px;
}
.masteriyo-surecart-course__lists--list-item {
list-style: none;
display: flex;
align-items: center;
position: relative;
margin-bottom: 10px;
}
.masteriyo-surecart-course__lists--list-item:first-child {
margin-top: -30px;
}
.masteriyo-surecart-course__lists--list-item input[type=button] {
position: relative;
z-index: 1;
width: 18px;
height: 40px;
}
.masteriyo-surecart-course__lists--list-item_label {
width: 100%;
border-radius: 4px;
background: #f0f0f0;
padding: 12px;
padding-left: 40px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
color: #646464;
font-size: 14px;
font-weight: 500;
line-height: 22px;
}
.masteriyo-surecart-course__lists--list-item_label_disabled {
color: #a7a7a7;
}
.masteriyo-surecart-course__lists--list-item_members {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
gap: 4px;
color: #7a7a7a;
font-size: 14px;
font-weight: 500;
line-height: 22px;
}
.masteriyo-surecart-course__lists--list-item_members svg {
width: 20px;
height: 20px;
}
.masteriyo-surecart-course__lists--list-item_disabled {
cursor: none;
pointer-events: none;
}
.masteriyo-surecart-course__lists--list-item input[type=checkbox]:checked ~ .masteriyo-group-course__lists--list-item_label {
background: #f3f7fd;
}
.masteriyo-surecart-course__lists--footer {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 14px;
}
.masteriyo-surecart-course__lists--footer_link {
color: #646464;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-decoration-line: underline;
transition: all 0.3s ease-in-out;
}
.masteriyo-surecart-course__lists--footer_link:hover {
color: #222;
}
.masteriyo-surecart-course__lists--footer_checkout-button {
display: flex;
padding: 10px 16px 10px 12px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 4px;
background: #3e6dd0;
color: #ffffff;
font-size: 14px;
font-weight: 400;
line-height: 22px;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.masteriyo-surecart-course__lists--footer_checkout-button:hover {
color: #ffffff;
background: #1b4aab;
}
.masteriyo-surecart-course__lists--footer_checkout-button:focus {
color: #ffffff;
}
.masteriyo-surecart-course__lists--footer_checkout-button svg {
width: 20px;
height: 20px;
}
.masteriyo-surecart-course__lists--footer_checkout-button svg path {
stroke: #ffffff;
}
.masteriyo-surecart-course__lists--footer_checkout-button--disabled {
background: #e2e2e2;
color: #a7a7a7;
pointer-events: none;
cursor: not-allowed;
}
.masteriyo-surecart-course__lists--footer_checkout-button--disabled svg path {
stroke: #a7a7a7;
}
.theme-elearning #masteriyo-account-page p {
margin-bottom: 0px;
}
.theme-elearning #masteriyo-account-page ul,
.theme-elearning #masteriyo-account-page ol {
margin: 0px;
}
.theme-elearning #masteriyo-account-page hr {
margin-bottom: 0;
}
.theme-elearning #masteriyo-account-page .account_page_table td,
.theme-elearning #masteriyo-account-page .account_page_table th {
border: 0px;
}
.theme-elearning #masteriyo-account-page .mto-account-sidebar {
margin-bottom: 0;
}