@import url('https://fonts.googleapis.com/css?family=Lovers+Quarrel'); @import url('https://fonts.googleapis.com/css?family=Great+Vibes'); /*-------------------------------------------------------------- Transition --------------------------------------------------------------*/ a, body[class*="single-dtlms"] ul.commentlist li .reply a, .page-template-default.page table tr td a.dtlms-view-class-result, .page-template-default.page table tr td a.dtlms-view-course-result, .dtlms-upload-assignment .dtlms-remove-upload-assignment-field, div[class*="list-item-wrapper"], .dtlms-apply-isotope div[class*="listing-isotope-filter"] a, div[class*="list-item-wrapper"] div[class*="list-details"] .dtlms-author-details, div[class*="list-item-wrapper"] div[class*="list-details"] .dtlms-author-details .dtlms-author-image, div[class*="list-item-wrapper"] div[class*="list-details"] .dtlms-ratings, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > a, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > .dtlms-button, div[class*="list-item-wrapper"] div[class*="list-thumb"] div[class$="list-overlay"] a.dtlms-button, .dtlms-courselist-item-wrapper .dtlms-courselist-details .dtlms-courselist-details-inner, .dtlms-classlist-item-wrapper .dtlms-classlist-details .dtlms-classlist-meta-wrapper, .dtlms-classlist-class-courses-list, .dtlms-classlist-class-courses-list ul, .dtlms-course-curriculum-table td.assignment:after, .dtlms-course-curriculum-table td.lesson:after, .dtlms-course-curriculum-table td.quiz:after, .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li > a:after, .dtlms-tabs-vertical-container > ul.dtlms-tabs-vertical > li > a::after, .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a, .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a.dtlms-swiper-arrow-prev:before, .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a.dtlms-swiper-arrow-next:after, div[class*="listing-holder"] .dtlms-swiper-pagination-holder .dtlms-swiper-bullet-pagination span, div[class*="listing-holder"] .dtlms-swiper-pagination-holder .dtlms-swiper-bullet-pagination span:before, .dtlms-course-category-item, .dtlms-course-category-item.type1 .dtlms-course-category-meta-data > span, .dtlms-course-category-item.type1 .dtlms-course-category-meta-data .dtlms-category-total-items, .dtlms-course-category-item.type1 .dtlms-course-category-meta-data .dtlms-category-total-items span, .dtlms-course-category-item.type1:before, .dtlms-course-category-item.type2 h3, .dtlms-course-category-item.type2:after, .dtlms-course-category-item.type3 span:after, .dtlms-course-category-item.type4 *, .dtlms-course-category-item.type4 a, .dtlms-course-category-item.type4:before, .dtlms-course-category-item.type4:after, .dtlms-course-category-item.type5 .dtlms-course-category-meta-data, .dtlms-course-category-item.type5 .dtlms-course-category-meta-data:before, .dtlms-course-category-item.type5 .dtlms-category-total-items, .dtlms-course-category-item.type6:before, .dtlms-course-category-item.type6:after, .dtlms-course-category-item.type3 .dtlms-course-category-meta-data, .dtlms-course-category-item.type8 .dtlms-course-category-meta-data, .dtlms-course-category-item.type1 .dtlms-course-category-meta-data > img, .dtlms-course-category-item.type5 .dtlms-course-category-meta-data > img, .dtlms-course-category-item.type7 .dtlms-course-category-meta-data:before, .dtlms-course-category-item.type7 .dtlms-category-total-items:before, .dtlms-course-category-item.type8 .dtlms-course-category-meta-data > span, .dtlms-course-category-item.type8 .dtlms-course-category-meta-data > span img, .dtlms-course-category-item.type10 .dtlms-course-category-meta-data > span img, .dtlms-course-category-item.type5 .dtlms-course-category-meta-data > span, .dtlms-instructor-item, .dtlms-instructor-item.type2:before, .dtlms-instructor-item.type2:after, .dtlms-instructor-item.type3 *, .dtlms-instructor-item.type3:before, .dtlms-instructor-item.type3:after, .dtlms-instructor-item.type4:after, .dtlms-instructor-item.type4:before, .dtlms-instructor-item.type5 .dtlms-instructor-item-meta-data, .dtlms-instructor-item.type5:after, .dtlms-instructor-item.type5 img, .dtlms-instructor-item.type10 .dtlms-team-social-links, .dtlms-course-category-item.type8 .dtlms-course-category-meta-data > span:after, .dtlms-course-category-item.type3 .dtlms-course-category-meta-data *, .dtlms-course-category-item.type7 h3, .dtlms-course-category-item.type7 .dtlms-category-total-items, .dtlms-course-category-item.type10 .dtlms-course-category-meta-data > span, .dtlms-course-category-item.type10 .dtlms-course-category-meta-data, .dtlms-apply-isotope div[class*="listing-isotope-filter"] a:after, .dtlms-toggle-group-set h5.dtlms-toggle, .dtlms-instructor-item.type1:before { -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } /*-------------------------------------------------------------- General --------------------------------------------------------------*/ *, *:before, *:after { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .hidden { display: none !important; } body[class*="single-dtlms"] ul li { list-style: none; } a:focus, body[class*="single-dtlms"] a:focus { outline: none !important; } body[class*="single-dtlms"] label, .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical > li > a, .dtlms-main-title-section-wrapper .dtlms-main-title-section h1 { font-weight: 600; } .dtlms-main-title-section-wrapper .dtlms-main-title-section h4 { font-weight: normal; } body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header, .blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments { width: 100% !important; } .dtlms-donutchart { display: table; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .dtlms_packages > h1, .dtlms_packages > h2, .dtlms_packages > h3, .dtlms_packages > h4, .dtlms_packages > h5, .dtlms_packages > h6, .dtlms-package-items > h1, .dtlms-package-items > h2, .dtlms-package-items > h3, .dtlms-package-items > h4, .dtlms-package-items > h5, .dtlms-package-items > h6, .dtlms-view-curriculum-details-holder > h1, .dtlms-view-curriculum-details-holder > h2, .dtlms-view-curriculum-details-holder > h3, .dtlms-view-curriculum-details-holder > h4, .dtlms-view-curriculum-details-holder > h5, .dtlms-view-curriculum-details-holder > h6, .dtlms-instructor-item .dtlms-instructor-item-meta-data h4, .dtlms-instructor-item .dtlms-instructor-item-meta-data h5 { padding-top: 0; } div[class*="listing-holder"] div[class*="listing-filters"] .dtlms-title { font-size: 22px; font-weight: 400; padding-bottom: 20px; margin-bottom: 35px; } /*-------------------------------------------------------------- Alert Boxes --------------------------------------------------------------*/ .dtlms-news-box, .dtlms-info-box, .dtlms-success-box, .dtlms-error-box, .dtlms-warning-box, .dtlms-post-quiz-msg { border: 1px solid; clear: both; display: table; margin-top: 20px; margin-bottom: 20px; padding: 15px; margin-left: auto; margin-right: auto; } .dtlms-column.dtlms-one-fourth div[class*="sidebar"] .dtlms-news-box, .dtlms-column.dtlms-one-fourth div[class*="sidebar"] .dtlms-info-box, .dtlms-column.dtlms-one-fourth div[class*="sidebar"] .dtlms-success-box, .dtlms-column.dtlms-one-fourth div[class*="sidebar"] .dtlms-error-box, .dtlms-column.dtlms-one-fourth div[class*="sidebar"] .dtlms-warning-box, .dtlms-column.dtlms-one-fourth div[class*="sidebar"] .dtlms-post-quiz-msg { font-size: 14px; } .dtlms-news-box ul, .dtlms-info-box ul, .dtlms-success-box ul, .dtlms-error-box ul, .dtlms-warning-box ul, .dtlms-post-quiz-msg ul, .dtlms-news-box p, .dtlms-info-box p, .dtlms-success-box p, .dtlms-error-box p, .dtlms-warning-box p, .dtlms-post-quiz-msg p { margin-bottom: 10px; } /*-------------------------------------------------------------- Container --------------------------------------------------------------*/ .dtlms-main-title-section-wrapper { clear: both; display: block; float: left; margin: 0; padding: 0; width: 100%; } .dtlms-container { width:1170px; margin:0 auto; position:relative; clear:both; } /*-------------------------------------------------------------- Breadcrumb --------------------------------------------------------------*/ .single-featured-image-header { display: none; } .dtlms-main-title-section-wrapper .dtlms-breadcrumb { clear:both; float:left; width:100%; margin:0px; padding:0px; font-size:13px; font-weight:500; } .dtlms-main-title-section-wrapper .dtlms-breadcrumb .fa { display:inline-block; margin:0px 4px; padding:0px; } .dtlms-main-title-section-wrapper .dtlms-breadcrumb .fa.default { display: inline-block; height: 12px; width: 1px; -webkit-transform: rotate(30deg); -moz-transform-origin: 0 0; -moz-transform: rotate(30deg); -ms-transform-origin: 0 0; -ms-transform: rotate(30deg); transform-origin: 0 0; transform: rotate(30deg); top: 2px; position: relative; margin: 0px 5px 0px 15px; right: 2px; } .dtlms-main-title-section-wrapper .dtlms-main-title-section { float: left; margin: 6px 0 0; width: 100%; } .dtlms-main-title-section-wrapper .dtlms-main-title-section h1 { font-size: 30px; line-height: normal; margin-bottom: 0; } .dtlms-main-title-section-wrapper .dtlms-main-title-section h4 { font-size: 18px; font-weight: lighter; line-height: normal; margin-bottom: 10px; padding-top: 0; } .dtlms-main-title-section-wrapper .featured-post { display: inline-block; float: none; font-size: 12px; font-weight: normal; line-height: 20px; padding: 5px 15px; position: absolute; right: 0; top: 0; -webkit-border-radius: 2px; border-radius: 2px; } /*-------------------------------------------------------------- Login Form --------------------------------------------------------------*/ ul.dtlms-custom-login li a { display: inline-block; position: relative; vertical-align: middle; } ul.dtlms-custom-login li a img { width: 20px; border-radius: 50%; position: relative; top: 4px; } ul.dtlms-custom-login li a span { float: right; position: relative; vertical-align: middle; margin: 0 0 0 5px; font-size: 16px; text-transform: capitalize; } .dtlms-login-form-overlay, .dtlms-login-form-container, .dtlms-class-registration-form-overlay, .dtlms-class-registration-form-container { position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 9999; } .dtlms-login-form-container, .dtlms-class-registration-form-container { display: block; height: 100% !important; margin: 0; padding: 0; pointer-events: none; width: 100%; z-index: 10000; } .dtlms-login-form-container .dtlms-login-form, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner { display: block; margin: auto; padding: 0; pointer-events: auto; position: absolute; left: 0; right: 0; top: 50%; width: 30%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-width: 5px; border-style: solid; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder, .dtlms-login-form-container .dtlms-social-logins-container, .dtlms-class-registration-form-container .dtlms-class-registration-form-holder { display: inline-block; padding: 60px 30px 30px; vertical-align: middle; text-align: center; width: 100%; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder form, .dtlms-class-registration-form-container .dtlms-class-registration-form .dtlms-class-registration-form-holder form { display: block; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p { text-align: center; display: inline-block; width: 100%; margin-bottom: 20px; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder label { font-weight: 300; display: inline-block; margin-bottom: 10px; width: 100%; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder .login-remember { margin: 10px 0 20px; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder .login-submit { margin-bottom: 30px; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder .login-remember #rememberme { margin: -5px 5px 0 0; } .dtlms-login-form-container .dtlms-login-form .dtlms-title.dtlms-login-title, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner .dtlms-title.dtlms-registration-title { border: none; text-align: center; font-weight: 700; margin-bottom: 40px; } .dtlms-login-form-container .dtlms-login-form .dtlms-title.dtlms-login-title h2, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner .dtlms-title.dtlms-registration-title h2 { font-size: 36px; font-weight: 500; } .dtlms-class-registration-form-container .dtlms-class-registration-form-inner .dtlms-title.dtlms-registration-title h2 { margin-bottom: 20px; } .dtlms-login-form-container .dtlms-login-form .dtlms-title.dtlms-login-title strong, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner .dtlms-title.dtlms-registration-title strong { display:inline-block; margin: 0 0 0 10px; } .dtlms-login-form-container .dtlms-login-form .dtlms-title.dtlms-login-title:after, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner .dtlms-title.dtlms-registration-title:after { margin:auto; left:0;right:0; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p #wp-submit { display: inline-block; padding: 20px 130px; text-align: center; margin: 0; float: none; border-radius: 5px; } .dtlms-class-registration-form-container .dtlms-class-registration-form-inner .dtlms-submit-registration-form.dtlms-button { margin: 20px 0 0 0;} .dtlms-class-registration-form-container .dtlms-class-registration-form-inner .dtlms-success-box { display: inline-block; width: 100%; position: relative; } .dtlms-social-logins-divider { font-size: 15px; line-height: normal; position: absolute; left: 0; top: -20px; width: 40px; border-width: 5px; border-style: solid; border-radius: 50%; height: 40px; right: 0; margin: auto; padding: 5px; display: inline-block; text-align: center; } .dtlms-social-logins-divider:before { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 100%; height: 15px; text-align: center; width: 1px; } .dtlms-social-logins-divider:after { content: ""; left: 0; right: 0; width: 5px; height: 5px; margin: auto; top: 150%; position: absolute; border-radius: 50%; } .dtlms-login-form .dtlms-social-logins-container a:last-child { margin-right: 0; } .dtlms-login-form-container .dtlms-login-form p.tpl-forget-pwd { margin-bottom: 10px; } .dtlms-login-form-container .dtlms-login-form p.tpl-forget-pwd a:hover { color: #000; } .dtlms-social-logins-container { position: relative; } .dtlms-social-logins-container a[class^="dtlms-social"] { display: inline-block; line-height: 30px; margin: 0 20px 0 0; padding: 10px 15px 10px 40px; position: relative; border-radius: 5px; width: 45%; font-size: 14px; font-weight: 700; } .dtlms-social-logins-container a[class^="dtlms-social"] > i { height: 100%; line-height: inherit; padding-top: inherit; padding-bottom: inherit; position: absolute; bottom: 0; left: 0; top: 0; text-align: center; width: 50px; font-size: 16px; } .dtlms-class-registration-form input[type="text"], .dtlms-class-registration-form input[type="password"], .dtlms-class-registration-form input[type="email"], .dtlms-class-registration-form input[type="url"], .dtlms-class-registration-form input[type="tel"], .dtlms-class-registration-form input[type="number"], .dtlms-class-registration-form input[type="range"], .dtlms-class-registration-form input[type="date"], .dtlms-class-registration-form textarea, .dtlms-class-registration-form input.text, .dtlms-class-registration-form input[type="search"], .dtlms-class-registration-form textarea .dtlms-login-form-container input[type="text"], .dtlms-login-form-container input[type="password"], .dtlms-login-form-container input[type="email"], .dtlms-login-form-container input[type="url"], .dtlms-login-form-container input[type="tel"], .dtlms-login-form-container input[type="number"], .dtlms-login-form-container input[type="range"], .dtlms-login-form-container input[type="date"], .dtlms-login-form-container textarea, .dtlms-login-form-container input.text, .dtlms-login-form-container input[type="search"], .dtlms-login-form-container textarea { font-weight: 300; } ::-webkit-input-placeholder { color: #b4aab4 !important; } ::-moz-placeholder { color: #b4aab4 !important; } :-ms-input-placeholder { color: #b4aab4 !important; } :-moz-placeholder { color: #b4aab4 !important; } /*-------------------------------------------------------------- Category Listing --------------------------------------------------------------*/ .dtlms-course-category-item { text-align: center; } .dtlms-course-category-item img { display: inherit; } .dtlms-course-category-item h3 { padding-top: 0; } .dtlms-course-category-item.type9 h3 a { color: #000; } .dtlms-course-category-item a, .dtlms-course-category-item a:hover, .dtlms-course-category-item a:focus { outline: none; } .dtlms-course-category-item.type1 { text-align: center; z-index: 0; margin-bottom: 25px; } .dtlms-course-category-item.type1.no-space { margin: 0; } .dtlms-course-category-item.type1 * { z-index: 1; } .dtlms-course-category-item.type1 h3 { margin-bottom: 0; font-weight: 400; } .dtlms-course-category-item.type1:before { position: absolute; content: ""; display: block; pointer-events: none; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid transparent; } .dtlms-course-category-item.type1:hover:before { top: 10px; right: 10px; bottom: 10px; left: 10px; border-width: 4px; border-style: solid; } .dtlms-course-category-item.type1 .dtlms-course-category-meta-data { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width: 90%; } .dtlms-course-category-item.type1 .dtlms-course-category-meta-data > img {float: none; display: inline-block; margin-bottom: 7px; height: 40px; width: auto; filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); } .dtlms-course-category-item.type1:hover .dtlms-course-category-meta-data > img { filter: none; -moz-filter: none; -webkit-filter: none; -ms-filter: none; } .dtlms-course-category-item.type1 .dtlms-course-category-meta-data > span { font-size: 40px; margin-bottom: 7px; } .dtlms-course-category-item.type1 .dtlms-course-category-meta-data .dtlms-category-total-items { font-size: 14px; } .dtlms-course-category-item.type2 { position: relative; margin-bottom: 30px; text-align: left; } .dtlms-course-category-item.type2 * { z-index: 1; } .dtlms-course-category-item.type2 h3 { position: absolute; width: 90%; margin-bottom: 0; text-transform: capitalize; bottom: 20px; font-size: 26px; line-height: 26px; font-weight: 600; letter-spacing: 0px; left: 20px; } .dtlms-course-category-item.type2:hover h3 { bottom: 35px; } .dtlms-course-category-item.type2 h3 a { color: #fff; } .dtlms-course-category-item.type2:before { position: absolute; content: ""; display: block; pointer-events: none; top: auto; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 48%, rgba(0,0,0,0.42) 49%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(0%, rgba(0,0,0,0)), color-stop(0%, rgba(0,0,0,0)), color-stop(0%, rgba(0,0,0,0)), color-stop(48%, rgba(0,0,0,0.4)), color-stop(49%, rgba(0,0,0,0.42)), color-stop(70%, rgba(0,0,0,0.6)), color-stop(100%, rgba(0,0,0,0.8))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 48%, rgba(0,0,0,0.42) 49%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 48%, rgba(0,0,0,0.42) 49%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 48%, rgba(0,0,0,0.42) 49%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 48%, rgba(0,0,0,0.42) 49%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); } .dtlms-course-category-item.type2:after { position: absolute; content: ""; display: block; pointer-events: none; top: auto; right: auto; bottom: 20px; left: 20px; width: 0; height: 3px; } .dtlms-course-category-item.type2:hover:after { width: 100px; } .dtlms-course-category-item.type3, .dtlms-course-category-item.type8 { border-style: solid; border-width: 0 1px 1px 0; min-height: 270px; position: relative; margin: 0; } .dtlms-course-category-item.type8 { backface-visibility: hidden; border-style: dashed; border-color: rgba(0, 0, 0, 0.2); overflow: hidden; } .dtlms-course-category-item.type3 span { font-size: 40px; margin-bottom: 20px; } .dtlms-course-category-item.type3 img { height: 40px; float: none; display: inline-block; margin-bottom: 11px; filter: none; -moz-filter: none; -webkit-filter: none; -ms-filter: none; } .dtlms-course-category-item.type3.dtlms-one-column, .dtlms-course-category-item.type8.dtlms-one-column { width: 100%; } .dtlms-course-category-item.type3.dtlms-one-half, .dtlms-course-category-item.type8.dtlms-one-half { width: 50%; } .dtlms-course-category-item.type3.dtlms-one-third, .dtlms-course-category-item.type8.dtlms-one-third { width: 33.33%; } .dtlms-course-category-item.type3.dtlms-one-column { border-right: none; } .dtlms-course-category-item.type3.dtlms-one-column:nth-last-child(-n+2) { border-bottom: none; } .dtlms-course-category-item.type8.dtlms-one-column:nth-last-child(-n+1) { border-bottom: none; } .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:nth-child(3n+4), .dtlms-course-category-item.type8.dtlms-one-column, .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:nth-child(3n+3), .dtlms-course-category-item.type3.dtlms-column.dtlms-one-half:nth-child(2n+3) { border-right: none; } .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:nth-last-child(-n+3) { border-bottom: none; } .dtlms-course-category-item.type3.dtlms-column.dtlms-one-half:nth-last-child(2), .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:nth-last-child(3) { border-bottom: 1px solid rgba(0,0,0,0.075); } .dtlms-course-category-item.type3.dtlms-column.dtlms-one-half:nth-child(even):nth-last-child(2), .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:nth-child(even):nth-last-child(3) { border-bottom: none; } .dtlms-course-category-item.type8.dtlms-column.dtlms-one-half:nth-child(even) { border-right: none; } .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:nth-last-child(-n+3), .dtlms-course-category-item.type8.dtlms-column.dtlms-one-half:nth-last-child(-n+2) { border-bottom: none; } .dtlms-course-category-item.type8.dtlms-column.dtlms-one-half:nth-last-child(2) { border-bottom: 1px dashed rgba(0, 0, 0, 0.2); } .dtlms-course-category-item.type8.dtlms-column.dtlms-one-half:nth-child(odd):nth-last-child(2) { border-bottom: none; } .dtlms-course-category-item.type3 span:after { content: ""; display: block; height: 0; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0px; width: 0; z-index: -1; } .dtlms-course-category-item.type3:hover span, .dtlms-course-category-item.type8:hover span { margin-bottom: 50px; } .dtlms-course-category-item.type3:hover img { margin-bottom: 42px; box-shadow: 0 0 0 30px #fff; background: #fff; } .dtlms-course-category-item.type3:hover span:after { width: 100px; height: 100px; top: -30px; } .dtlms-course-category-item.type3:hover .dtlms-course-category-meta-data { margin-top: 18px; } .dtlms-course-category-item.type3 h3, .dtlms-course-category-item.type8 h3 { backface-visibility: visible; margin-bottom: 0; font-weight: 400; font-size: 20px; text-transform: uppercase; letter-spacing: 1px; } .dtlms-course-category-item.type3 .dtlms-course-category-meta-data, .dtlms-course-category-item.type8 .dtlms-course-category-meta-data { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width: 90%; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 5+ ONLY */ ::i-block-chrome, .dtlms-course-category-item.type3 img { border: 1px solid transparent; } ::i-block-chrome, .dtlms-course-category-item.type3:hover img { border: 1px solid #fff; } } .dtlms-course-category-item.type4 { min-height: 270px; position: relative; text-align: center; border-radius: 15px; overflow: hidden; margin-bottom: 30px; } .dtlms-course-category-item.type4 .dtlms-course-category-meta-data { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); width: 90%; z-index: 1; } .dtlms-course-category-item.type4 h3 { margin-bottom: 0; font-weight: 400; font-size: 20px; text-transform: uppercase; letter-spacing: 1px; } .dtlms-course-category-item.type4:hover h3 { margin-bottom: 10px; } .dtlms-course-category-item.type4:before { position: absolute; content: ""; display: block; width: 0; height: 2px; left: 50%; top: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); opacity: 0; visibility: hidden; z-index: 1; margin-top: 1px; } .dtlms-course-category-item.type4:hover:before { visibility: visible; opacity: 1; width: 25px; } .dtlms-course-category-item.type4:after { position: absolute; content: ""; display: block; pointer-events: none; left: 10px; top: 10px; right: 10px; bottom: 10px; transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); z-index: 0; opacity: 0; visibility: hidden; border-radius: 15px; } .dtlms-course-category-item.type4:hover:after { opacity: 1; visibility: visible; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); } .vc_row .wpb_column.last .dtlms-course-category-item.type3 { border-right-width: 0; } .vc_row .wpb_column .dtlms-course-category-item.type3:last-child { border-bottom-width: 0; } .dtlms-course-category-item.type5 { margin-bottom: 25px; } .dtlms-course-category-item.type5 .dtlms-course-category-meta-data { position: absolute; right: 0; bottom: 0; transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none; min-width: 70%; min-height:70px; padding: 10px; text-align: left; z-index: 1; } .dtlms-course-category-item.type5 .dtlms-course-category-meta-data:before { position: absolute; right: 0; bottom: 0; content: ""; display: block; width: 100%; height: 100%; z-index: -1; } .dtlms-course-category-item.type5:hover .dtlms-course-category-meta-data:before { opacity: 0.8; background: #fff; } .dtlms-course-category-item.type5:hover .dtlms-course-category-meta-data > span { background: #222; } .dtlms-course-category-item.type5 .dtlms-course-category-meta-data > span { font-size: 20px; margin-right: 10px; float: left; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; position: relative; } @-moz-document url-prefix() { .dtlms-course-category-item.type5 .dtlms-course-category-meta-data > span { line-height: 48px; } } .dtlms-course-category-item.type5 .dtlms-course-category-meta-data > span img { float: left; width: auto; height: 25px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); } .dtlms-course-category-item.type5 h3 { margin-top: 10px; font-weight: 400; float: none; display: inline-block; font-size: 20px; margin-bottom: 0; } .dtlms-course-category-item.type5 .dtlms-category-total-items { position: absolute; right: 0; bottom: 0; width: 60px; height: 60px; line-height: 60px; text-align: center; font-weight: bold; opacity: 0; visibility: hidden; border-radius: 50%; color: #fff; } .dtlms-course-category-item.type5:hover .dtlms-category-total-items { right: 10px; bottom: 10px; opacity: 1; visibility: visible; } .dtlms-course-category-item.type5:hover .dtlms-course-category-meta-data { min-width: 100%; min-height:100%; } .dtlms-course-category-item.type6 .dtlms-course-category-meta-data { position: absolute; bottom: 30px; left: 30px; text-align: left; z-index:1; } .dtlms-course-category-item.type6 .dtlms-course-category-meta-data span { font-size: 24px; margin-bottom: 10px; } .dtlms-course-category-item.type6 .dtlms-course-category-meta-data img { height: 30px; margin-bottom: 2px; float: none; display: inline-block; } .dtlms-course-category-item.type6 .dtlms-course-category-meta-data h3 { margin-bottom: 0; text-transform: capitalize; font-size: 26px; } .dtlms-course-category-item.type6 .dtlms-course-category-meta-data .dtlms-category-total-items { text-transform: lowercase; font-weight: 500; } .dtlms-course-category-item.type6 .dtlms-course-category-meta-data .dtlms-category-total-items span { font-size: 20px; } .dtlms-course-category-item.type6 { margin-bottom: 25px; } .dtlms-course-category-item.type6:before { position: absolute; content: ""; display: block; pointer-events: none; top: 0; right: 0; bottom: 0; left: 0; border-width: 4px; border-style: solid; } .dtlms-course-category-item.type6:hover:before { border-width: 0; opacity: 0; visibility: hidden; } .dtlms-course-category-item.type6:after { border-width: 0; border-style: solid; position: absolute; content: ""; display: block; bottom: 0; right: 0; left: 0; margin: 0 auto; height: 100%; width: 100%; opacity: 0; visibility: hidden; } .dtlms-course-category-item.type6:hover:after { border-width: 8px; opacity: 1; visibility: visible; } .dtlms-course-category-item.type7 { display: block; position: relative; text-align: left; margin-bottom: 25px; } .dtlms-course-category-item.type7 .dtlms-course-category-meta-data { float: left; width: auto; position: absolute; bottom: 0; left: 0; text-align: left; z-index: 1; overflow: hidden; } .dtlms-course-category-item.type7 .dtlms-course-category-meta-data:before { position: absolute; content: ""; display: inline-block; height: 100%; width: 100%; z-index: -1; left:0px; bottom:0px;} .dtlms-course-category-item.type7 .dtlms-course-category-meta-data > span, .dtlms-course-category-item.type7 .dtlms-course-category-meta-data > img { display: none; } .dtlms-course-category-item.type7 h3 { display: inline-block; margin: 0; float: left; font-size: 16px; padding: 9px 10px; text-transform: uppercase; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; table-layout: fixed; max-width: 74.8%; } .dtlms-course-category-item.type7 h3 a, .dtlms-course-category-item.type7:hover .dtlms-category-total-items { color: #fff; } .dtlms-course-category-item.type7 .dtlms-category-total-items { display: inline-block; float: left; padding: 9px 10px; position: relative; line-height: 28px; } .dtlms-course-category-item.type7 .dtlms-category-total-items:before { position: absolute; content: ""; display: block; height: 100%; width: 100%; background-color: #f1f3f4; right: 0; z-index: -1; bottom: 0; } .dtlms-course-category-item.type7:hover .dtlms-course-category-meta-data:before { background-color: #f1f3f4; } .dtlms-course-category-item.type7:hover h3 a { color: #000; } .dtlms-course-category-item.type8 .dtlms-course-category-meta-data > span:after { bottom: 0; content: ""; display: block; width: 100%; height: 100%; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0px; z-index: -1; transform: scale(20); -webkit-transform: scale(20); -moz-transform: scale(20); -ms-transform: scale(20); } .dtlms-course-category-item.type8:hover .dtlms-course-category-meta-data > span:after { background-color: inherit; } .dtlms-course-category-item.type8:hover .dtlms-course-category-meta-data > span { box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.5) inset; -webkit-box-shadow: 0 0 0 100px rgba(255, 255, 255, 0.5) inset; } .dtlms-course-category-item.type8:hover .dtlms-course-category-meta-data h3 a, .dtlms-course-category-item.type8:hover { color: #fff; } .dtlms-course-category-item.type8 .dtlms-course-category-item *, .dtlms-course-category-item.type8 .dtlms-category-total-items span, .dtlms-course-category-item.type8 .dtlms-category-total-items { transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; } .dtlms-course-category-item.type8 .dtlms-course-category-meta-data > span { display: inline-block; height: 80px; width: 80px; line-height: 80px; border-radius: 50%; color: #fff; font-size: 26px; margin: 0 0 25px; position: relative; } .dtlms-course-category-item.type8 .dtlms-course-category-meta-data > span img { float: none; display: inline-block; height: 35px; width: auto; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); } .dtlms-course-category-item.type8:hover .dtlms-course-category-meta-data > span { color: #2f2f2f; } .dtlms-course-category-item.type8:hover .dtlms-course-category-meta-data > span img { filter: none; -moz-filter: none; -webkit-filter: none; -ms-filter: none; } .dtlms-course-category-item.type9 { margin-bottom: 35px; } .dtlms-course-category-item.type9 img { margin: 0 0 35px; } .dtlms-course-category-item.type9 h3 { font-size: 22px; margin: 0 0 5px; } .dtlms-course-category-item.type9 .dtlms-category-total-items { font-size: 16px; } .dtlms-course-category-item.type9 .dtlms-course-category-meta-data > span { font-size: 35px; margin: 0 0 25px; } .dtlms-course-category-item.type9 .dtlms-course-category-meta-data > img { float: none; display: inline-block; margin-bottom: 17px; } .dtlms-course-category-item.type10 { margin-bottom: 30px; } .dtlms-course-category-item.type10 .dtlms-course-category-meta-data { float: left; width: 100%; position: absolute; left: 0; bottom: 0;padding: 10px 0 10px 70px; text-align: left; } .dtlms-course-category-item.type10 .dtlms-course-category-meta-data > span { color: #2f3b4d; float: left; width: 55px; height: 100%; text-align: center; position: absolute; left: 0; bottom: 0; line-height: 50px; font-size: 20px; } .dtlms-course-category-item.type10 .dtlms-course-category-meta-data > span img { height: 26px; width: auto; filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .dtlms-course-category-item.type10:hover .dtlms-course-category-meta-data > span img { filter: none; -moz-filter: none; -webkit-filter: none; -ms-filter: none; } .dtlms-course-category-item.type10 .dtlms-course-category-meta-data h3 { font-size: 20px; margin: 0; } .dtlms-course-category-item.type10 .dtlms-course-category-meta-data h3 a { color: #fff; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type1.dtlms-one-half h3, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type2.dtlms-one-half h3, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type6.dtlms-one-half .dtlms-course-category-meta-data h3, .page-with-sidebar .dtlms-course-category-item.type1.dtlms-one-third h3, .page-with-sidebar .dtlms-course-category-item.type2.dtlms-one-third h3, .page-with-sidebar .dtlms-course-category-item.type6.dtlms-one-third .dtlms-course-category-meta-data h3 { font-size: 20px; } .page-with-sidebar .dtlms-course-category-item.type7 .dtlms-category-total-items { font-size: 12px; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type5.dtlms-one-half h3 { margin-top: 12px; font-size: 18px; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type7.dtlms-one-half h3, .dtlms-course-category-item.type7 h3 { line-height: 32px; padding: 8px 10px 6px; font-size: 12px; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type7.dtlms-one-half .dtlms-category-total-items, .dtlms-course-category-item.type7.dtlms-one-half .dtlms-category-total-items { font-size: 12px; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type10.dtlms-one-half .dtlms-course-category-meta-data h3 {font-size: 16px; margin: 2px 0 0; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.dtlms-one-third { width: 100%; margin: 0 0 35px; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type3.dtlms-one-third, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type8.dtlms-one-third { margin-bottom: 0; border-right: none; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:nth-child(2n):nth-last-child(3), .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:nth-last-child(-n+3) { border-bottom: 1px solid rgba(0,0,0,0.075); } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:nth-child(2n):nth-last-child(3), .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:nth-last-child(-n+3) { border-bottom: 1px dashed rgba(0,0,0,0.2); } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:last-child, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:last-child { border-bottom: none; } /*-------------------------------------------------------------- Author Listing --------------------------------------------------------------*/ .dtlms-instructor-item a, .dtlms-instructor-item a:hover, .dtlms-instructor-item a:focus { outline: none; } .dtlms-instructor-item img { width: 150px; } .dtlms-instructor-item .dtlms-team-social-links ul li, .dtlms-instructor-item .dtlms-team-social-links ul li a { display: inline-block; } .dtlms-instructor-item.type1 { padding: 20px; border: 1px solid #f1f1f1; position: relative; } .dtlms-instructor-item.type1 img { width: 30%; margin-right: 5%; float: left; } .dtlms-instructor-item.type1 .dtlms-instructor-item-meta-data { width: 65%; float: right; margin-top: 5px; } .dtlms-instructor-item.type1 .dtlms-instructor-item-meta-data h4, .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data h4 { margin-bottom: 5px; font-size: 18px; font-weight: 600; } .dtlms-instructor-item.type1 .dtlms-instructor-item-meta-data h5, .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data h5 { font-size: 17px; font-weight: 300; letter-spacing: 1px; line-height: 28px; margin-bottom: 10px; } .dtlms-instructor-item .dtlms-instructor-item-meta-data h4 a { color: inherit; } .dtlms-instructor-item.type1 .dtlms-instructor-item-meta-data .dtlms-team-social-links { float: left; font-size: 17px; } .dtlms-instructor-item.type1 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul { margin-bottom: 0; } .dtlms-instructor-item.type1 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { list-style: none; float: left; margin-right: 12px; margin-bottom: 8px; padding-bottom: 0; } .dtlms-instructor-item.type1.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin-bottom: 4px; } .dtlms-instructor-item.type1.with-bg.rounded-with-border .dtlms-team-social-links { margin-top: 1px; } .dtlms-instructor-item.type1:before { position: absolute; content: ""; display: block; width: 100%; height: 0; bottom: 0; left: 0; } .dtlms-instructor-item.type1:hover:before { height: 3px; } /*.dtlms-instructor-item.type1.no-image-shadow img { box-shadow: none; -moz-box-shadow: none; }*/ .dtlms-instructor-item.type2 { text-align: center;padding: 40px 20px 35px; position: relative; border-width: 1px; border-style: solid; overflow: hidden; } .dtlms-instructor-item.type2 > * { position: relative; z-index: 1; } .dtlms-instructor-item.type2:before { position: absolute; content: ""; display: block; pointer-events: none; left: 10px; top: 10px; right: 10px; bottom: 10px; z-index: 0; } .dtlms-instructor-item.type2:hover:before { transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); } .dtlms-instructor-item.type2:after { position: absolute; content: ""; display: block; pointer-events: none; left: 10px; top: 10px; right: 10px; bottom: 10px; z-index: 0; transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; visibility: hidden; } .dtlms-instructor-item.type2:hover:after { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; } .dtlms-instructor-item.type2 img { float: none; display: inline-block; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data { width: 100%; float: none; display: inline-block; margin-top: 15px; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data h4 { margin-bottom: 5px; font-size: 20px; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data h5 { font-size: 17px; font-weight: 300; letter-spacing: 1px; line-height: 28px; margin-bottom: 2px; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data .dtlms-team-social-links { float: none; display: inline-block; font-size: 17px; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data .dtlms-team-social-links { margin: 15px 0 10px; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul { margin-bottom: 0; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { list-style: none; float: none; display: inline-block; margin: 0 8px -2px; padding-bottom: 0; } .dtlms-instructor-item.type2.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links { margin-top: 14px; margin-bottom: 11px; } .dtlms-instructor-item.type3 { text-align: center;padding: 40px 20px 35px; position: relative; border-width: 1px; border-style: solid; } .dtlms-instructor-item.type3:before { position: absolute; content: ""; display: block; pointer-events: none; left: 3px; top: 3px; border-top-width: 3px; border-top-style: solid; border-left-width: 3px; border-left-style: solid; width: 50px; height: 50px; z-index: 0; } .dtlms-instructor-item.type3:after { position: absolute; content: ""; display: block; pointer-events: none; right: 3px; bottom: 3px; border-right-width: 3px; border-right-style: solid; border-bottom-width: 3px; border-bottom-style: solid; width: 50px; height: 50px; z-index: 0; } .dtlms-instructor-item.type3:hover:before { left: -2px; top: -2px; z-index: 1; width: 75px; height: 75px; border-top-width: 3px; border-left-width: 3px; } .dtlms-instructor-item.type3:hover:after { bottom: -2px; right: -2px; z-index: 1; width: 75px; height: 75px; border-bottom-width: 3px; border-right-width: 3px; } .dtlms-instructor-item.type3 img { float: none; display: inline-block; } .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data { width: 100%; float: none; display: inline-block; margin-top: 15px; } .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data h4 { margin-bottom: 5px; font-size: 20px; } .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data h5 { font-size: 17px; font-weight: 300; letter-spacing: 1px; line-height: 28px; margin-bottom: 2px; } .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data .dtlms-team-social-links { float: none; display: inline-block; font-size: 17px; margin: 20px 0 0; } .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul { margin-bottom: 0; } .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { list-style: none; float: none; display: inline-block; margin: 0 10px; padding-bottom: 0; } .dtlms-instructor-item.type3.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links { margin-bottom: -1px; } .dtlms-instructor-item.type3.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 5px -2px; } .dtlms-instructor-item.type4 { padding: 35px; position: relative; border-left-width: 5px; border-left-style: solid; } .dtlms-instructor-item.type4 > * { position: relative; } .dtlms-instructor-item.type4:after { position: absolute; display: block; content: ""; left: -5px; bottom: 50%; height: 50%; width: 5px; } .dtlms-instructor-item.type4:hover:after { transform: translateY(50%); -moz-transform: translateY(50%); -webkit-transform: translateY(50%); -ms-transform: translateY(50%); height: 75px; } .dtlms-instructor-item.type4:before { position: absolute; display: block; content: ""; left: 0; top: 0; height: 100%; width: 100%; z-index: 0; } .dtlms-instructor-item.type4:hover:before { width: 0; } .dtlms-instructor-item.type4 img { width: auto; margin-bottom: 20px; float: left; } .dtlms-instructor-item.type4 .dtlms-instructor-item-meta-data { width: 100%; float: right; margin-top: 5px; } .dtlms-instructor-item.type4 .dtlms-instructor-item-meta-data h4 { margin-bottom: 5px; font-size: 20px; } .dtlms-instructor-item.type4 .dtlms-instructor-item-meta-data h5 { font-size: 17px; font-weight: 300; letter-spacing: 1px; line-height: 28px; margin-bottom: 0; } .dtlms-instructor-item.type4.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin-bottom: 0; } .dtlms-instructor-item.type4 .dtlms-instructor-item-meta-data .dtlms-team-social-links { float: left; font-size: 17px; margin: 15px 0 0; } .dtlms-instructor-item.type4 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul { margin-bottom: 0; } .dtlms-instructor-item.type4 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { list-style: none; float: left; margin-right: 10px; padding-bottom: 0; } .dtlms-instructor-item.type4.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links { margin: 13px 0 0; } .dtlms-instructor-item.type5 { text-align: center; position: relative; } .dtlms-instructor-item.type5:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 20px solid rgba(255, 255, 255, 0.4); } .dtlms-instructor-item.type5:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .dtlms-instructor-item.type5 img { float: left; width: 100%; } .dtlms-instructor-item.type5:hover img { transform: scale(0); } .dtlms-instructor-item.type5 .dtlms-instructor-item-meta-data { width: 100%; float: none; display: inline-block; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; -moz-transform-origin: 50% 100%; -moz-transform: rotateX(-90deg) translate3d(0, -50%, 0) translateY(-50%) scale(0.6); -ms-transform-origin: 50% 100%; -ms-transform: rotateX(-90deg) translate3d(0, -50%, 0) translateY(-50%) scale(0.6); -webkit-transform-origin: 50% 100%;-webkit-transform: rotateX(-90deg) translate3d(0, -50%, 0) translateY(-50%) scale(0.6); transform-origin: 50% 100%; transform: rotateX(-90deg) translate3d(0, -50%, 0) translateY(-50%) scale(0.6); opacity: 0; } .dtlms-instructor-item.type5:hover .dtlms-instructor-item-meta-data { -moz-transform: rotateX(0) translate3d(0, 0, 0)translateY(-50%) scale(1); -ms-transform: rotateX(0) translate3d(0, 0, 0)translateY(-50%) scale(1); -webkit-transform: rotateX(0) translate3d(0, 0, 0)translateY(-50%) scale(1); opacity: 1; transform: rotateX(0) translate3d(0, 0, 0)translateY(-50%) scale(1); } .dtlms-instructor-item.type5 .dtlms-instructor-item-meta-data h4 { margin-bottom: 5px; font-size: 20px; } .dtlms-instructor-item.type5 .dtlms-instructor-item-meta-data h5 { font-size: 17px; font-weight: 300; letter-spacing: 1px; line-height: 28px; margin-bottom: 2px; } .dtlms-instructor-item.type5 .dtlms-instructor-item-meta-data .dtlms-team-social-links { float: none; display: inline-block; font-size: 17px; } .dtlms-instructor-item.type5 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul { margin-bottom: 0; } .dtlms-instructor-item.type5 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { list-style: none; float: none; display: inline-block; margin: 0 10px 0 0; padding-bottom: 0; } .dtlms-instructor-item.type5.vibrant .dtlms-instructor-item-meta-data .dtlms-team-social-links { background: #fff; padding-left: 10px; margin-top: 10px; border-radius: 15px; } .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-dribbble:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-flick:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-github:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-pinterest:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-stack-overflow:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-twitter:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-youtube:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-android:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-dropbox:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-instagram:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-windows:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-apple:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-facebook:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-google-plus:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-linkedin:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-skype:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-tumblr:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-vimeo-square:hover, .dtlms-instructor-item.type5.with-bg .dtlms-team-social-links ul li a.fa-flickr:hover { background-color: #fff; } .dtlms-instructor-item.type5.rounded:before, .dtlms-instructor-item.type5.rounded:after, .dtlms-instructor-item.type5.rounded-with-border:before, .dtlms-instructor-item.type5.rounded-with-border:after { border-radius: 50%; } .dtlms-instructor-item.type5 .dtlms-instructor-item-meta-data h4 a, .dtlms-instructor-item.type5 .dtlms-instructor-item-meta-data h5 { color: #fff; } .dtlms-instructor-item.type5 .dtlms-instructor-item-meta-data h4 a:hover, .dtlms-instructor-item.type5:not(.vibrant) .dtlms-team-social-links ul li a:hover { color: #000; } .dtlms-instructor-item.type5:not(.vibrant) .dtlms-team-social-links ul li a { color: #fff; } .dtlms-instructor-item.type6, .dtlms-instructor-item.type7 { padding: 25px 20px 20px; border-width: 1px; border-style: solid; border-color: #f1f1f1; } .dtlms-instructor-item.type6 { padding: 25px 25px 20px; } .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data h5 { margin-bottom: 0; } .dtlms-instructor-item.type7 { background-color: #fbfbfb; padding: 25px 20px 20px 135px; position: relative; } .dtlms-instructor-item.type6 img, .dtlms-instructor-item.type7 img { width: 80px; margin-right: 5%; float: left; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .dtlms-instructor-item.type7 img { left: 20px; width: 95px; } .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data h5, .dtlms-instructor-item.type7 .dtlms-instructor-item-meta-data h5 { line-height: normal; font-size: 15px; } .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data-detailed { display: block; clear: both; float: left; width: 100%; margin-top: 20px; padding-top: 25px; border-top: 2px solid; } .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data-detailed p { margin-bottom: 20px; } .dtlms-instructor-item.type6 ul { margin-bottom: 0; } .dtlms-instructor-item.type6 .dtlms-team-social-links ul li, .dtlms-instructor-item.type7 .dtlms-team-social-links ul li { list-style: none; float: left; font-size: 17px; margin-right: 10px; margin-bottom: 8px; padding-bottom: 0; } .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data { padding-left: 95px; } .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data-container, .dtlms-instructor-item.type7 .dtlms-instructor-item-meta-data-container { float: left; width: 100%; position: relative; padding: 3% 0 4%; } .dtlms-instructor-item.type6.with-bg .dtlms-team-social-links ul li, .dtlms-instructor-item.type7.with-bg .dtlms-team-social-links ul li { margin-bottom: 5px; } .dtlms-instructor-item.type6.with-bg .dtlms-team-social-links ul li:last-child, .dtlms-instructor-item.type7.with-bg .dtlms-team-social-links ul li:last-child { margin-right: 0; } .dtlms-instructor-item.type7 .dtlms-instructor-item-meta-data h4 { font-size: 16px; margin-bottom: 5px; } .dtlms-instructor-item.type7 .dtlms-instructor-item-meta-data h5 { color: #a3a3a3; font-size: 14px; margin-bottom: 10px; } .dtlms-instructor-item.type7 .dtlms-team-social-links ul { margin: 0; } .dtlms-instructor-item.type7.default .dtlms-team-social-links ul li a { color: #a3a3a3; } .dtlms-instructor-item.type8 { text-align: center; padding: 40px 20px; position: relative; border-width: 1px; border-style: solid; border-color: #f1f1f1; background-color: #fbfbfb; } .dtlms-instructor-item.type8 img { margin: 0 auto; width: 110px; } .dtlms-instructor-item.type8 .dtlms-instructor-item-meta-data, .dtlms-instructor-item.type10 .dtlms-instructor-item-meta-data { width: 100%; float: none; display: inline-block; margin-top: 30px; } .dtlms-instructor-item.type8 .dtlms-instructor-item-meta-data h4, .dtlms-instructor-item.type10 .dtlms-instructor-item-meta-data h4 { font-size: 18px; margin-bottom: 5px; } .dtlms-instructor-item.type8 .dtlms-instructor-item-meta-data h5, .dtlms-instructor-item.type10 .dtlms-instructor-item-meta-data h5 { font-size: 15px; margin-bottom: 20px; } .dtlms-instructor-item.type8 .dtlms-team-social-links ul, .dtlms-instructor-item.type10 .dtlms-team-social-links ul { display: inline-block; margin: 10px 0 0; } .dtlms-instructor-item.type8 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li, .dtlms-instructor-item.type10 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { list-style: none; font-size: 17px; float: none; display: inline-block; margin: 0 6px; padding-bottom: 0; } .dtlms-instructor-item.type8.with-bg .dtlms-team-social-links ul { margin: 8px 0 0; } .dtlms-instructor-item.type9 { background-color: #fff; } .dtlms-instructor-item.type9 img { width: auto; } .dtlms-instructor-item.type9 .dtlms-instructor-item-meta-data { display: block; padding: 30px 30px 10px; } .dtlms-instructor-item.type9 .dtlms-instructor-item-meta-data h4 { font-size: 20px; margin-bottom: 5px; } .dtlms-instructor-item.type9 .dtlms-instructor-item-meta-data h5 { font-size: 14px; margin: 8px 0 10px; color: #999; } .dtlms-instructor-item.type9 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { list-style: none; font-size: 17px; float: none; display: inline-block; margin: 0 10px 0 0; padding-bottom: 0; } .dtlms-instructor-item.type9 .dtlms-team-social-links, .dtlms-instructor-item.type9.with-bg .dtlms-team-social-links { margin-top: 20px; } .dtlms-instructor-item.type9 .dtlms-team-social-links ul li a { color: #999; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; text-align: center; font-size: 17px; } .dtlms-instructor-item.type9 .dtlms-team-social-links ul li a:hover { color: #ffffff !important; } .dtlms-instructor-item.type10 { text-align: center; padding: 40px 0 0; position: relative; border-width: 1px; border-style: solid; border-color: #f1f1f1; background-color: #fbfbfb; } .dtlms-instructor-item.type10 img { width: 190px; margin: 0 auto; } .dtlms-instructor-item.type10 .dtlms-team-social-links { float: left; width: 100%; padding: 20px 0; margin: 15px 0 0; } .dtlms-instructor-item.type10.with-bg .dtlms-team-social-links { margin: 13px 0 0; } .dtlms-instructor-item.type10 .dtlms-team-social-links ul { margin: 0; } .dtlms-instructor-item.type10 .dtlms-team-social-links ul li a, .dtlms-instructor-item.type10.with-bg .dtlms-team-social-links ul li a { color: #fff; } .dtlms-instructor-item, .dtlms-instructor-item.dtlms-column { margin-bottom: 30px; z-index: 1; } .dtlms-instructor-item:not(.dtlms-column) { width: 100%; float: left; } .dtlms-instructor-item.with-border img, .dtlms-instructor-item.rounded-with-border img { border-width: 4px; border-style: solid; } .dtlms-instructor-item.rounded img, .dtlms-instructor-item.rounded-with-border img { border-radius: 50%; } .dtlms-instructor-item.with-bg .dtlms-team-social-links { margin-top: 2px; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li { display: inline-block; margin: 0 10px 10px 0; padding: 0; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; text-align: center; font-size: 14px; } .dtlms-instructor-item.type10.with-bg .dtlms-team-social-links ul li a.fa:hover { background-color: #000; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-dribbble { background-color: #ea4c89; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-flickr { background-color: #ff0084; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-github { background-color: #040204; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-pinterest { background-color: #cb2027; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-stack-overflow { background-color: #f48024; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-twitter { background-color: #00aced; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-youtube { background-color: #bb0000; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-android { background-color: #a4c639; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-dropbox { background-color: #007ee5; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-instagram { background-color: #bc2a8d; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-windows { background-color: #68217a; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-apple { background-color: #828282; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-facebook { background-color: #3b5998; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-google-plus { background-color: #dd4b39; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-linkedin { background-color: #007bb6; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-skype { background-color: #00aff0; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-tumblr { background-color: #32506d; } .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a.fa-vimeo-square { background-color: #1ab7ea; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-dribbble { color: #ea4c89; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-flickr { color: #ff0084; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-github { color: #040204; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-pinterest { color: #cb2027; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-stack-overflow { color: #f48024; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-twitter { color: #00aced; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-youtube { color: #bb0000; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-android { color: #a4c639; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-dropbox { color: #007ee5; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-instagram { color: #bc2a8d; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-windows { color: #68217a; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-apple { color: #828282; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-facebook { color: #3b5998; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-google-plus { color: #dd4b39; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-linkedin { color: #007bb6; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-skype { color: #00aff0; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-tumblr { color: #32506d; } .dtlms-instructor-item.vibrant .dtlms-team-social-links ul li a.fa-vimeo-square { color: #1ab7ea; } .page-with-sidebar .dtlms-instructor-item.type1.dtlms-one-third .dtlms-instructor-item-meta-data { width: 100%; float: right; margin-top: 15px; } .page-with-sidebar .dtlms-instructor-item.type1.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin-right: 8px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type1.dtlms-one-half .dtlms-instructor-item-meta-data { width: 100%; float: right; margin-top: 15px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type1.dtlms-one-half .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin-right: 8px; } .page-with-sidebar .dtlms-instructor-item.type2.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 5px -2px; } .page-with-sidebar .dtlms-instructor-item.type6.dtlms-one-third { padding: 20px 20px 15px; } .page-with-sidebar .dtlms-instructor-item.type6.dtlms-one-third .dtlms-instructor-item-meta-data h4 { font-size: 17px; } .page-with-sidebar .dtlms-instructor-item.type6.dtlms-one-third .dtlms-instructor-item-meta-data h5 { font-size: 14px; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-third { padding: 25px 20px 20px 115px; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-third img { width: 75px; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-third.with-bg .dtlms-team-social-links ul li a {width: 25px; height: 25px; line-height: 25px; font-size: 13px; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data h4 { font-size: 17px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half { padding: 25px 20px 20px 115px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half img { width: 75px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half.with-bg .dtlms-team-social-links ul li a {width: 25px; height: 25px; line-height: 25px; font-size: 13px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half .dtlms-instructor-item-meta-data h4 { font-size: 17px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type1.dtlms-one-third img { width: 100%; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type2.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li, .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type3.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 5px 5px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type4.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin-bottom: 5px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-third:before { border: 8px solid rgba(255, 255, 255, 0.4); } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data { width: 80%; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data h4 { font-size: 14px; margin-bottom: 0; line-height: normal; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data h5 { font-size: 11px; margin-bottom: 0; line-height: normal; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 6px 0 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a { font-size: 12px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-third.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 4px 0 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-third.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a { font-size: 11px; width: 25px; height: 25px; line-height: 25px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type6.dtlms-one-third img, .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-third img { width: 100%; margin-right: 0; margin-bottom: 25px; position: static; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type6.dtlms-one-third .dtlms-instructor-item-meta-data { padding-left: 0; width: 100%; float: left; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-third {padding: 20px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type8.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin-bottom: 5px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type9 .dtlms-instructor-item-meta-data h4 { font-size: 18px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data { padding: 30px 10px 10px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 5px 0 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li:last-child { margin-right: 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type10.dtlms-one-third img { width: 140px; } /*-------------------------------------------------------------- Classes, Courses & Packages --------------------------------------------------------------*/ div[class*="listing-holder"] { float: left; margin-bottom: 35px; width: 100%; } div[class*="listing-holder"] div[class*="listing-filters"] div[class$="filter"] { float: left; padding: 30px 25px; width: 100%; } div[class*="listing-holder"] div[class*="listing-filters"] > * { display: inline-block; margin-top: 15px; margin-bottom: 15px; } div[class*="listing-holder"] div[class*="listing-filters"] > div:first-child { margin-top: 0; } div[class*="listing-holder"] div[class*="listing-filters"] .dtlms-column.dtlms-one-third:only-child { width: 100%; } div[class*="listing-holder"][data-enablefullwidth="true"] div[class*="listing-filters"] { margin-bottom: 20px; } div[class*="listing-holder"] div[class*="listing-filters"]:empty { display: none } div[class*="listing-holder"] form[name="dtlmsClassesListingSearchForm"] div[class*="listing-filters"] div[class$="filter"], div[class*="listing-holder"] form[name="dtlmsCoursesListingSearchForm"] div[class*="listing-filters"] div[class$="filter"] { padding: 0; background: none; } .dtlms-search-slider div[class*="listing-holder"] div[class*="listing-filters"] { padding: 0; } div[class*="listing-holder"] .dtlms-column div[class*="listing-filters"] input[type="text"] { margin-top: 0; } .dtlms-classes-date-filter-holder, .dtlms-courses-date-filter-holder, .dtlms-classes-search-filter, .dtlms-courses-search-filter{clear:both; float:left; width:100%; position:relative; z-index:1;} .dtlms-classes-date-filter-holder:before, .dtlms-courses-date-filter-holder:before, .dtlms-classes-search-filter:before, .dtlms-courses-search-filter:before{content:"\f073"; font-family:FontAwesome; font-style:normal; font-weight:normal; position:absolute; right:12px; top:12px; z-index:0; margin:auto 0; height:100%; display:inline-block; font-size:14px; color:#b4aab4; pointer-events:none;} .dtlms-classes-search-filter:before, .dtlms-courses-search-filter:before{content:"\f002"; right:38px; top:32px;} div[class*="listing-holder"] div[class*="listing-filters"] select { width: 100%; padding: 0.7em; } div[class*="listing-holder"] div[class*="listing-filters"] ul { list-style: none; } div[class*="listing-holder"] div[class*="listing-filters"] ul li * { float: none; display: inline-block; } div[class*="listing-holder"] div[class*="listing-rightside-filter"] { clear: both; display: table; margin-bottom: 30px; padding:21px 20px; width: 100%; } div[class*="listing-holder"] div[class*="listing-containers"] { position: relative; } div[class*="listing-holder"] div[class*="listing-containers"] #dtlms-ajax-load-image, .dtlms-packages-listing-holder #dtlms-ajax-load-image { position: absolute; min-height: 150px; margin-top: 0; } div[class*="listing-holder"] div[class*="listing-containers"] #dtlms-ajax-load-image .dtlms-loading { top: 80px; } #main div[class*="listing-holder"] .dtlms-courses-listing-filters .dtlms-courses-search-filter, #main div[class*="listing-holder"] .dtlms-classes-listing-filters .dtlms-classes-search-filter{padding:20px 20px;} #main .dtlms-classes-listing-holder form .dtlms-courses-listing-filters .dtlms-courses-search-filter, #main .dtlms-classes-listing-holder form .dtlms-classes-listing-filters .dtlms-classes-search-filter{padding:15px 0px;} #main .dtlms-classes-listing-holder form .dtlms-courses-listing-filters .dtlms-courses-search-filter:before, #main .dtlms-classes-listing-holder form .dtlms-classes-listing-filters .dtlms-classes-search-filter:before{right:18px; top:28px;} div[class*="listing-holder"] div[class*="listing-rightside-filter"] > div[class*="display-filter"], div[class*="listing-holder"] div[class*="listing-rightside-filter"] > div[class*="orderby-filter"] { display: table-cell; vertical-align: middle; width: 50%; } div[class*="listing-holder"] div[class*="listing-rightside-filter"] > div:only-child { display: table; margin-left: auto; margin-right: auto; width: auto; } div[class*="listing-holder"] div[class*="listing-rightside-filter"] div[class*="orderby-filter"] { text-align: right; } div[class*="listing-holder"] div[class*="orderby-filter"] label { margin-right: 10px; margin-bottom: 0; } div[class*="listing-holder"] div[class*="orderby-filter"] label, div[class*="listing-holder"] div[class*="orderby-filter"] select, div[class*="listing-holder"] div[class*="orderby-filter"] .selection-box { clear: none; float: none; display: inline-block; } /*div[class*="listing-holder"] div[class*="orderby-filter"] select { border-right: none; }*/ div[class*="listing-holder"] div[class*="orderby-filter"] label ~ select { height: 30px; line-height: 30px; } div[class*="listing-holder"] div[class*="display-filter"] a[class*="display-type"] { cursor: pointer; float: left; font-size: 16px; height: auto; line-height: 16px; margin-right: 10px; min-width: 75px; padding: 10px 20px; position: relative; -webkit-box-shadow: none; box-shadow: none; } div[class*="listing-holder"] div[class*="display-filter"] a[class*="display-type"]:last-child { margin-right: 0; } div[class*="listing-holder"] div[class*="display-filter"] a[class*="display-type"]:before { content: ""; float: left; font-family: FontAwesome; font-size: 14px; line-height: inherit; margin-right: 10px; position: relative; top: 1px; vertical-align: middle; } div[class*="listing-holder"] div[class*="display-filter"] a[class*="display-type"].grid:before { content: "\f00a" } div[class*="listing-holder"] div[class*="display-filter"] a[class*="display-type"].list:before { content: "\f00b" } div[class*="listing-holder"] .dtlms-one-third div[class*="listing-filters"] div[class*="type-filter"], div[class*="listing-holder"] .dtlms-one-third div[class*="listing-filters"] div[class*="orderby-filter"], div[class*="listing-holder"] .dtlms-one-third div[class*="listing-filters"] div[class*="instructor-filter"]-instructor-filter, div[class*="listing-holder"] .dtlms-one-third div[class*="listing-filters"] div[class*="cost-filter"]-cost-filter, div[class*="listing-holder"] .dtlms-one-third div[class*="listing-filters"] div[class*="type-filter"] select, div[class*="listing-holder"] .dtlms-one-third div[class*="listing-filters"] div[class*="orderby-filter"] select { float: left; width: 100%; } div[class*="listing-holder"] .dtlms-one-third div[class*="listing-filters"] div[class*="orderby-filter"] label { margin-bottom: 10px; } div[class*="listing-filters"] > div[class$="filter"] > ul > li { display: block; margin: 0 0 10px; padding: 0; } div[class*="listing-filters"] > div[class$="filter"] > ul > li:last-child { margin-bottom: 0; } div[class*="listing-holder"] div[class*="listing-filters"] > div[class$="filter"] > ul > li { margin: 0 0 20px; } div[class*="listing-holder"] div[class*="listing-filters"] > div[class$="filter"] > ul > li > label { font-size: 16px; font-weight: 400; padding: 0 0 0 30px; } div[class*="listing-holder"] div[class*="listing-filters"] > div[class$="filter"] > ul > li > input[type="checkbox"] + label:before, div[class*="listing-holder"] div[class*="listing-filters"] > div[class$="filter"] > ul > li > input[type="radio"] + label:before { background-color: #fff; border: 1px solid #e4e4e4; height: 15px; width: 15px; left: 3px; } div[class*="listing-holder"] form { text-align:center; } div[class*="listing-holder"] form div[class*="listing-filters"], div[class*="listing-holder"] form div[class*="listing-filters"] * { text-align: left; } div[class*="listing-holder"] form div[class*="listing-filters"] .chosen-container-single .chosen-single div { top: 50%; bottom:0; height: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } div[class*="listing-holder"] form, div[class*="listing-holder"] form div[class*="listing-filters"], div[class*="listing-holder"] form, div[class*="listing-holder"] form div[class*="listing-filters"] { float: left; width: 100%; } div[class*="listing-holder"] form div[class*="listing-filters"] .chosen-container .chosen-choices, div[class*="listing-holder"] form div[class*="listing-filters"] .chosen-container .chosen-single { background: #fff; font-size: 16px; height:auto; line-height: normal; padding: 14px 12px; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } div[class*="listing-holder"] form div[class*="listing-filters"] .chosen-container .chosen-choices li.search-field input[type="text"] { margin:0; height: auto; } div[class*="listing-holder"] form div[class*="listing-filters"] .chosen-container.chosen-container-active .chosen-choices, div[class*="listing-holder"] form div[class*="listing-filters"] .chosen-container.chosen-container-active .chosen-single { border-color: #b7b7b7; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } div[class*="listing-holder"] form div[class*="listing-filters"] .chosen-container .chosen-drop { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } div[class*="listing-holder"] form input[class*="listing-searchform-submit"], div[class*="listing-holder"] form input[class*="listing-searchform-submit"] { display: inline-block; float: none; } div[class*="listing-holder"] form input[class*="listing-searchform-submit"], div[class*="listing-holder"] form input[class*="listing-searchform-submit"] { margin: 10px 0 0; } .ui-widget.ui-widget-content { z-index: 9 !important; } .dtlms-course-image, .dtlms-course-image img { float: left; } .dtlms-review-details, .dtlms-payment-details { float: left; margin: 0 0 25px; width: 100%; } .dtlms-item-status-details { display: table; margin-bottom: 15px; } .dtlms-payment-details .dtlms-packagelist-price-details del { float: none; margin-right: 6px; opacity: 0.6; } .dtlms-payment-details .dtlms-packagelist-price-details ins { float: none; margin-right: 0; padding: 0; font-weight: 600; font-size: 26px; } .dtlms-payment-details > .dtlms-packagedetail-cart-details > a, .dtlms-payment-details > .dtlms-packagedetail-cart-details > .dtlms-button { border: 1px solid transparent; margin-top: 0; } .dtlms-payment-details > .dtlms-packagedetail-cart-details > .dtlms-button.dtlms-registration-closed { pointer-events: none; } .dtlms-payment-details > .dtlms-packagedetail-cart-details > a > i { margin-right: 10px; } .dtlms-payment-details > .dtlms-packagedetail-cart-details > a > i, .dtlms-payment-details > .dtlms-packagedetail-cart-details > a.added_to_cart.wc-forward:before { position: relative; top: -1px; } .dtlms-payment-details > .dtlms-packagedetail-cart-details > a.added_to_cart.wc-forward:before { content: "\f217"; display: inline-block; font-family: FontAwesome; font-weight: normal; margin-right: 10px; vertical-align: middle; } div[class*="list-item-wrapper"] div[class*="list-thumb"] { float: left; width: 100%; margin: 0; padding: 0; position: relative; overflow: hidden; line-height: 0px; } div[class*="list-item-wrapper"] div[class*="list-thumb"] > a, div[class*="list-item-wrapper"] div[class*="list-thumb"] > a img { float: left; width: 100%; } div[class*="list-item-wrapper"] div[class*="list-thumb"].without-featured-image { overflow: visible; } div[class*="list-item-wrapper"] div[class*="list-thumb"].without-featured-image div[class$="list-overlay"] { display: none; } div[class*="list-item-wrapper"] div[class*="list-thumb"] div[class$="list-overlay"] { height: 100%; opacity: 0; overflow: hidden; position: absolute; left: 0; top: 0; visibility: hidden; width: 100%; z-index: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } div[class*="list-item-wrapper"] div[class*="list-thumb"]:hover div[class$="list-overlay"] { opacity: 1; visibility: visible; } div[class*="list-item-wrapper"] div[class*="list-thumb"] div[class$="list-overlay"] a.dtlms-button { font-size: 14px; font-weight: normal; line-height: 40px; margin: 0; min-height: 40px; min-width: 120px; padding: 0 15px; position: absolute; left: 50%; top: 50%; text-align: center; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); } div[class*="list-item-wrapper"] div[class*="list-thumb"] .featured-tag { font-size: 14px; padding: 6px 10px; position: absolute; left: 5px; top: 5px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; } div[class*="list-item-wrapper"] div[class*="list-thumb"] .featured-tag i { margin-right: 10px; } div[class*="list-item-wrapper"] div[class*="list-thumb"] .dtlms-class-type { position: absolute; right: 10px; bottom: 10px; padding: 5px 10px; -webkit-transition: all 0.3s; transition: all 0.3s; } div[class*="list-item-wrapper"] div[class*="list-thumb"] .dtlms-class-type i { margin-right: 10px; } div[class*="list-item-wrapper"]:hover div[class*="list-thumb"] .featured-tag, div[class*="list-item-wrapper"]:hover div[class*="list-thumb"] .dtlms-class-type { opacity: 0; visibility: hidden; } div[class*="list-item-wrapper"]:hover div[class*="list-thumb"] .dtlms-class-type{opacity:1; visibility:visible;} div[class*="list-item-wrapper"]:hover div[class*="list-thumb"] .dtlms-class-type{text-decoration:blink; -webkit-animation-name:blinker; -webkit-animation-duration:0.4s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction:alternate; animation-name:blinker; animation-duration:0.4s; animation-iteration-count:infinite; animation-timing-function:ease-in-out; animation-direction:alternate; -ms-animation-name:blinker; -ms-animation-duration:0.4s; -ms-animation-iteration-count:infinite; -ms-animation-timing-function:ease-in-out; -ms-animation-direction:alternate; -moz-animation-name:blinker; -moz-animation-duration:0.4s; -moz-animation-iteration-count:infinite; -moz-animation-timing-function:ease-in-out; -moz-animation-direction:alternate; } @keyframes blinker { from{opacity:1.0;} to{opacity:0.0;} } @-webkit-keyframes blinker { from{opacity:1.0;} to{opacity:0.0;} } @-ms-keyframes blinker { from{opacity:1.0;} to{opacity:0.0;} } @-moz-keyframes blinker { from{opacity:1.0;} to{opacity:0.0;} } div[class*="list-item-wrapper"] div[class*="list-thumb"] div[class$="certificate-badge"] { clear: both; display: block; font-size: 16px; position: absolute; right: 0; top: 5px; z-index: 1; } div[class*="list-item-wrapper"]:not(.list-item) div[class*="list-item-wrapper"] div[class*="list-thumb"].without-featured-image div[class$="certificate-badge"] { left: 0; right: auto; top: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } div[class*="list-item-wrapper"] div[class*="list-thumb"] div[class$="certificate-badge"] span { float: left; height: 35px; line-height: 35px; margin: 0 5px; text-align: center; width: 35px; background-size: 60%; background-position: center; background-repeat: no-repeat; border-radius: 50%; } div[class*="list-item-wrapper"] div[class*="list-thumb"] div[class$="certificate-badge"] span.certificate { background-image: url(../images/certificate-icon-list.png); } div[class*="list-item-wrapper"] div[class*="list-thumb"] div[class$="certificate-badge"] span.badge { background-image:url(../images/badge-icon-list.png); } div[class*="list-item-wrapper"] div[class*="list-details"] { border-style: solid; border-width: 1px; float: left; padding: 20px 35px 0; position: relative; width: 100%; } div[class*="list-item-wrapper"] div[class*="list-details"]:first-child { border-style: solid; border-width: 1px 0 0; } div[class*="list-item-wrapper"] div[class*="list-details"] h5 { font-size: 20px; font-weight: normal; clear: both; display: block; margin: 10px 0 15px; letter-spacing: 1.5px; line-height: normal; padding: 0; text-transform: capitalize; width: 100%; } .dtlms-classlist-item-wrapper.list-item div[class*="list-details"] h5 { width: 60%; margin: 0 0 15px; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-metadata"] { margin-bottom: 10px; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-metadata"] p { color: #222; float: none; display: inline-block; margin-bottom: 10px; padding: 0 13px 0 40px; position: relative; font-size: 14px; line-height: 28px; background: #e9e9e9; margin-right: 5px; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-metadata"] p > i { margin-right: 0; width: 28px; height: 100%; color: #fff; float: none; display: inline-block; text-align: center; line-height: 28px; font-size: 16px; position: absolute; left: 0; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-metadata"] p > span { width: 28px; height: 100%; color: #fff; float: none; display: inline-block; text-align: center; line-height: 28px; font-size: 14px; position: static; margin-left: 10px; margin-right: -20px; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-metadata-inner"] { float: none; display: inline-block; margin-bottom: 0; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-metadata-inner"] p { border-style: solid; border-width: 0 1px 0 0; display: inline-block; margin: 1px 10px 10px 0; padding: 0 10px 0 0; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-metadata-inner"] p:empty { border-width: 0; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-metadata-inner"] p, div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-duration"] { border-width: 0; margin-right: 0; line-height: 28px; padding: 0px 13px 0px; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-metadata-inner"] p:first-child { margin-right: 5px; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-description"] { float: left; margin: 0 0 35px; width: 100%; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-description"] p.link-more { margin: 20px 0 0; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-duration"] { font-size: 14px; line-height: 28px; background: #e9e9e9; float: none; display: inline-block; padding: 0 13px 0 40px; position: relative; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-duration"] i { margin-right: 0; width: 28px; height: 100%; color: #fff; float: none; display: inline-block; text-align: center; line-height: 28px; font-size: 16px; position: absolute; left: 0; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-description"]:empty, div[class*="list-item-wrapper"] div[class*="list-details"] .dtlms-item-status-details:empty { display: none; } div[class*="list-item-wrapper"] div[class*="list-details"] .dtlms-ratings { border: 1px solid; font-size: 0; line-height: 0; margin-bottom: 0; padding: 0 5px; z-index: 1; -webkit-border-radius: 2px; border-radius: 2px; } div[class*="list-item-wrapper"] div[class*="list-details"] .dtlms-ratings span:before { font-size: 14px; margin: 0 2px; line-height: 22px; } div[class*="list-item-wrapper"] .dtlms-item-status-details { clear: both; display: block; margin: 30px -36px -1px; padding: 0; text-align: center; width: auto; } div[class*="list-item-wrapper"]:not(.list-item) div[class*="list-description"] ~ .dtlms-item-status-details { margin-top: -30px; } div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-item-pricing-details, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > a, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > .dtlms-button { border-width: 0; float: none; font-size: 13px; } div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-item-pricing-details, div[class*="list-item-wrapper"] .dtlms-item-status-details > span { display: table; font-size: 13px; font-weight: normal; line-height: 30px; margin-bottom: 8px; margin-left: auto; margin-right: -10px; padding: 0 15px; position: relative; right: 0px; text-align: center; vertical-align: middle; z-index: 1; -webkit-border-radius: 2px; border-radius: 2px; } div[class*="list-item-wrapper"] .dtlms-item-status-details > span > span.fa-check { margin-right: 5px; } div[class*="list-item-wrapper"] .dtlms-item-status-details > span:before, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-item-pricing-details:before { border-color: transparent; border-style: solid; border-width: 0 0 8px 10px; content: ""; opacity: 0.5; filter: alpha(opacity=50); position: absolute; right: 0; top: 100%; z-index: -1; } div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button { display: table; width: 100%; } div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > a, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > .dtlms-button { background-color: transparent; border-style: solid; border-width: 0; color: inherit; display: table-cell; font-size: 15px; font-weight: normal; height: 50px; line-height: 50px; margin-top: 0; padding-bottom: 0; padding-top: 0; vertical-align: middle; -webkit-border-radius: 0; border-radius: 0; text-transform: inherit; } div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > a ~ a, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > .dtlms-button ~ .dtlms-button { border-left-width: 1px; } div[class*="list-item-wrapper"] .dtlms-item-status-details > .dtlms-proceed-button > a.add_to_cart_button.added { display: none; } div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > input.dtlms-button { width: 100%; } div[class*="list-item-wrapper"] .dtlms-item-status-details > .dtlms-proceed-button > a.added_to_cart.wc-forward::before { margin-top: -3px; } div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > a:focus { outline: none; } div[class*="list-item-wrapper"].list-item { clear: both; display: flex; margin: 0 0 35px; padding: 0; overflow:hidden;} div[class*="list-item-wrapper"].list-item:last-child { margin: 0; } div[class*="list-item-wrapper"].list-item div[class*="list-thumb"] { width: 40%; margin: 0; } div[class*="list-item-wrapper"].list-item div[class*="list-details"] { border-left-width: 0; margin: 0; padding: 25px 35px; width: 60%; } div[class*="list-item-wrapper"].list-item div[class*="list-details"] div[class*="list-description"] { margin-bottom: 75px; } div[class*="list-item-wrapper"].list-item .dtlms-item-status-details { margin: 0; position: absolute; bottom: -1px; left: 0; width: 100%; } div[class*="list-item-wrapper"].list-item .dtlms-item-status-details .dtlms-proceed-button > a, div[class*="list-item-wrapper"].list-item .dtlms-item-status-details .dtlms-proceed-button > .dtlms-button { border-bottom-width: 1px; } .dtlms-sidebar-container div[class*="listing-containers"]:not(.swiper-wrapper), .dtlms-sidebar-container div[class*="dtlms-apply-isotope"] > div[class*="listing-items"], .dtlms-sidebar-container div[class*="swiper-listing"][data-carouselspacebetween="0"] { margin: 0; } .dtlms-sidebar-container div[class*="swiper-listing"][data-carouselspacebetween="0"] .swiper-wrapper.grid .swiper-slide.grid-item, .dtlms-sidebar-container div[class*="swiper-listing"][data-carouselspacebetween="0"] .swiper-wrapper.list .swiper-slide.list-item { border-width: 0; padding: 0 0 20px; } .dtlms-sidebar-container div[class*="listing-holder"] div[class*="list-item-wrapper"] .dtlms-courselist-thumb, .dtlms-sidebar-container div[class*="listing-holder"] div[class*="list-item-wrapper"].list-item .dtlms-courselist-thumb { float: left; margin: 0; width: 100%; } .dtlms-sidebar-container div[class*="list-item-wrapper"]:not(.list-item) .dtlms-courselist-thumb.without-featured-image .dtlms-courselist-certificate-badge, .dtlms-sidebar-container div[class*="list-item-wrapper"].list-item .dtlms-courselist-thumb.without-featured-image .dtlms-courselist-certificate-badge { display: table; margin-bottom: -16px; position: relative; left: 10px; right: auto; top: auto; z-index: 1; -webkit-transform: none; transform: none; } .dtlms-sidebar-container div[class*="list-item-wrapper"].list-item .dtlms-courselist-thumb:not(.without-featured-image) ~ .dtlms-courselist-details .dtlms-author-details { margin-bottom: 0; position: absolute; left: 15px; top: 0; -webkit-transform: translateY(-75%); transform: translateY(-75%); } .dtlms-sidebar-container div[class*="listing-holder"] div[class*="list-item-wrapper"] div[class*="list-details"], .dtlms-sidebar-container div[class*="listing-holder"] div[class*="list-item-wrapper"].list-item div[class*="list-details"], .dtlms-sidebar-container div[class*="listing-containers"].swiper-wrapper div[class*="list-item-wrapper"].swiper-slide div[class*="list-details"] { border-width: 1px; margin-bottom: 0; padding: 20px 15px 0; width: 100%; } .dtlms-sidebar-container div[class*="listing-holder"] div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-description"], .dtlms-sidebar-container div[class*="listing-holder"] div[class*="list-item-wrapper"].list-item div[class*="list-details"] div[class*="list-description"] { margin-bottom: 20px; } .dtlms-sidebar-container div[class*="listing-containers"] div[class*="list-item-wrapper"] .dtlms-item-status-details, .dtlms-sidebar-container div[class*="listing-containers"] div[class*="list-item-wrapper"].list-item .dtlms-item-status-details { margin-left: -15px; margin-right: -15px; } .dtlms-sidebar-container div[class*="listing-containers"] div[class*="list-item-wrapper"]:not(.list-item) .dtlms-item-status-details .dtlms-item-pricing-details:before, .dtlms-sidebar-container div[class*="listing-containers"] div[class*="list-item-wrapper"]:not(.list-item) .dtlms-item-status-details > span:before { margin-right: -10px; } .dtlms-sidebar-container div[class*="listing-holder"] .dtlms-item-pricing-details a.dtlms-button { text-align: center; } .dtlms-sidebar-container div[class*="listing-holder"] .dtlms-item-pricing-details del { display: none; } .dtlms-sidebar-container div[class*="listing-holder"].dtlms-courses-swiper-listing div[class*="list-item-wrapper"] .dtlms-courselist-details { border: none; margin: 0; padding: 20px 20px 20px; } div[class*="listing-holder"] div[class*="listing-rightside-filter"] .selection-box:after { border: 0; } div[class*="listing-holder"] div[class*="listing-rightside-filter"] .selection-box:before { content: "\f107"; font-family: fontawesome; font-size: 16px; border: 0; top: 0; bottom: 0; height: 100%; line-height: 53px; font-weight: bold; margin: auto; } div[class*="listing-holder"] div[class*="listing-rightside-filter"] select { color: #000; border-color: #e4e4e4; background-color: #fff; } @media all and (-ms-high-contrast:none) { *::-ms-backdrop, div[class*="listing-holder"] div[class*="listing-rightside-filter"] .selection-box:before { display: none; } } /*----*****---- << Course Listing >> ----*****----*/ .dtlms-courselist-item-wrapper .dtlms-courselist-details .dtlms-courselist-details-inner, .dtlms-courselist-item-wrapper.list-item .dtlms-courselist-details .dtlms-courselist-details-inner { border-width: 0 !important; background: none; display: table; padding: 0; position: relative; } .dtlms-courselist-item-wrapper.list-item .dtlms-courselist-details .dtlms-courselist-details-inner { width: 100%; } .dtlms-courselist-item-wrapper:not(.list-item) .dtlms-courselist-thumb:not(.without-featured-image) ~ .dtlms-courselist-details .dtlms-courselist-details-inner { padding: 0 35px; position: absolute; left: 0; top: 0; z-index: 2; -webkit-transform: translateY(-75%); transform: translateY(-75%); } .dtlms-courselist-item-wrapper:not(.list-item):hover .dtlms-courselist-details .dtlms-courselist-details-inner, .dtlms-courselist-item-wrapper:not(.list-item):hover .dtlms-courselist-thumb:not(.without-featured-image) ~ .dtlms-courselist-details .dtlms-courselist-details-inner { padding: 0 15px; } .dtlms-courselist-item-wrapper .dtlms-courselist-details .dtlms-courselist-details-inner .dtlms-author-details { margin-bottom: 0; width: auto; } .dtlms-courselist-item-wrapper:not(.list-item) .dtlms-courselist-details .dtlms-courselist-details-inner .dtlms-ratings { margin-top: 15px; } .dtlms-courselist-item-wrapper .dtlms-courselist-details .dtlms-author-details .dtlms-author-image { display: inline-block; line-height: 0; width: 40px; } .dtlms-courselist-item-wrapper .dtlms-courselist-details .dtlms-author-details .dtlms-author-image a { display: block; } .dtlms-courselist-item-wrapper:hover .dtlms-courselist-details .dtlms-author-details .dtlms-author-image { margin-left: 0; } .dtlms-courselist-item-wrapper .dtlms-courselist-details .dtlms-author-details .dtlms-author-description { display: none; background: #e9e9e9; } .dtlms-courselist-item-wrapper .dtlms-courselist-details .dtlms-author-details .dtlms-author-description h5 { font-size: 14px; letter-spacing: 1px; margin-bottom: 0; margin-top: 0; text-transform: capitalize; font-weight: 200; } .dtlms-courselist-item-wrapper .dtlms-courselist-details .dtlms-author-details .dtlms-author-description h5 a { color: #000000; } .dtlms-courselist-item-wrapper.list-item .dtlms-courselist-details .dtlms-author-details ~ h5 { margin-top: 10px; } .dtlms-courselist-item-wrapper.list-item .dtlms-courselist-details .dtlms-author-details .dtlms-author-image, .dtlms-courselist-item-wrapper.list-item .dtlms-courselist-details .dtlms-author-details .dtlms-author-description, .dtlms-courselist-item-wrapper:not(.list-item) .dtlms-courselist-thumb.without-featured-image ~ .dtlms-courselist-details .dtlms-author-details .dtlms-author-image, .dtlms-courselist-item-wrapper:not(.list-item) .dtlms-courselist-thumb.without-featured-image ~ .dtlms-courselist-details .dtlms-author-details .dtlms-author-description { display: table-cell; float: none; vertical-align: middle; } .dtlms-courselist-item-wrapper:not(.list-item) .dtlms-courselist-thumb.without-featured-image ~ .dtlms-courselist-details .dtlms-author-details { margin-top: 10px; } .dtlms-courselist-item-wrapper.list-item .dtlms-courselist-details .dtlms-courselist-details-inner { margin-bottom: 25px; } .dtlms-courselist-item-wrapper.list-item .dtlms-courselist-details .dtlms-author-details .dtlms-author-description, .dtlms-courselist-item-wrapper:not(.list-item) .dtlms-courselist-thumb.without-featured-image ~ .dtlms-courselist-details .dtlms-author-details .dtlms-author-description { padding-left: 15px; padding-right: 15px; } .dtlms-courselist-item-wrapper .dtlms-courselist-details .dtlms-ratings { display: table; margin-left: auto; } .dtlms-courselist-item-wrapper.list-item .dtlms-courselist-details .dtlms-courselist-details-inner > .dtlms-ratings:only-child { margin-left: 0; } .dtlms-sidebar-container div[class*="listing-containers"] .dtlms-courselist-item-wrapper .dtlms-courselist-details .dtlms-ratings, .dtlms-sidebar-container div[class*="listing-containers"] .dtlms-courselist-item-wrapper.list-item .dtlms-courselist-details .dtlms-ratings { border-width: 0; display: table; padding: 0; position: static; -webkit-transform: none; transform: none; } .dtlms-sidebar-container div[class*="listing-containers"] .dtlms-courselist-item-wrapper:hover .dtlms-courselist-details .dtlms-ratings, .dtlms-sidebar-container div[class*="listing-containers"] .dtlms-courselist-item-wrapper.list-item:hover .dtlms-courselist-details .dtlms-ratings { opacity: 1; visibility: visible; } /*----*****---- << Class Listing >> ----*****----*/ .dtlms-classlist-item-wrapper .dtlms-classlist-details .dtlms-classlist-meta-wrapper { position: absolute; right: 10px; top: 0; z-index: 1; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transform: translateY(-75%); transform: translateY(-75%); } .dtlms-classlist-item-wrapper:hover .dtlms-classlist-details .dtlms-classlist-meta-wrapper { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dtlms-classlist-item-wrapper .dtlms-classlist-details .dtlms-classlist-meta-wrapper .dtlms-class-type { display: block; font-size: 14px; line-height: 20px; padding: 3px 5px; text-align: center; text-transform: capitalize; -webkit-border-radius: 2px; border-radius: 2px; } .dtlms-classlist-item-wrapper .dtlms-classlist-details .dtlms-classlist-meta-wrapper .dtlms-class-type > i { margin-right: 8px; } .dtlms-classlist-item-wrapper.list-item .dtlms-classlist-details .dtlms-classlist-meta-wrapper { display: table; margin: 0 0 20px; position: static; -webkit-transform: none; transform: none; } .dtlms-classlist-item-wrapper.list-item .dtlms-classlist-details .dtlms-classlist-meta-wrapper .dtlms-class-type, .dtlms-classlist-item-wrapper.list-item .dtlms-classlist-details .dtlms-classlist-meta-wrapper .dtlms-ratings { float: left; } .dtlms-classlist-item-wrapper.list-item .dtlms-classlist-details .dtlms-classlist-meta-wrapper .dtlms-class-type { margin-right: 2px; padding-left: 10px; padding-right: 10px; } .dtlms-classlist-item-wrapper.list-item .dtlms-classlist-details .dtlms-classlist-meta-wrapper .dtlms-ratings span:before { font-size: 13px; line-height: 24px; } .dtlms-classlist-item-wrapper.list-item:hover .dtlms-classlist-details .dtlms-classlist-meta-wrapper .dtlms-ratings { opacity: 1; visibility: visible; } .dtlms-sidebar-container div[class*="listing-containers"] .dtlms-classlist-item-wrapper .dtlms-classlist-details .dtlms-classlist-meta-wrapper, .dtlms-sidebar-container div[class*="listing-containers"] .dtlms-classlist-item-wrapper.list-item .dtlms-classlist-details .dtlms-classlist-meta-wrapper { border-width: 0; display: table; padding: 0; position: static; -webkit-transform: none; transform: none; } .dtlms-classlist-total-courses-holder, .dtlms-classlist-class-courses-list, .dtlms-classlist-class-courses-list ul { float: left; width: 100%; } .dtlms-classlist-total-courses-holder, .dtlms-classlist-class-courses-list ul { margin-bottom: 10px; } .dtlms-classlist-class-courses-list ul { height: auto; max-height: 60px; overflow: hidden; } .dtlms-classlist-class-courses-list.dtlms-full-height ul { max-height: 100%; } .dtlms-classlist-class-courses-list ul li { display: table; padding: 3px 0; } div[class*="list-item-wrapper"].list-item div[class*="list-details"] .dtlms-classlist-metadata p { display: inline-block; } div[class*="list-item-wrapper"].grid-item div[class*="list-details"] .dtlms-classlist-metadata p { margin-bottom: 10px; } div[class*="list-item-wrapper"].list-item div[class*="list-details"] .dtlms-classlist-metadata p:not(:last-child) { margin-right: 15px; } /*----*****---- << Packages Listing >> ----*****----*/ .dtlms-packagelist-thumb, .dtlms-packagelist-details, .dtlms-packagelist-metadata, .dtlms-packagelist-description { float: left; width: 100%; } .dtlms-packagelist-thumb { line-height: 0; position: relative; } .dtlms-packagelist-thumb img { width: 100%; } .dtlms-packagelist-details { border: 1px solid; } .dtlms-packagelist-details > h5 { font-size: 18px; text-transform: capitalize; letter-spacing: 0.5px; } .dtlms-packagelist-item-wrapper .dtlms-packagelist-details > h5 { width: 60%; margin: 0px 0 15px; } .dtlms-packagelist-item-wrapper .dtlms-packagelist-details > h5 a { color: #000; } .dtlms-packagelist-metadata > p { float: left; margin-bottom: 0; } .dtlms-packagelist-metadata > p:not(:last-child) { margin: 0 10px 0 0; } .dtlms-packagelist-metadata > p:not(:first-child) { padding-left: 10px; position: relative; } div[class*="list-item-wrapper"] div[class*="list-details"] div.dtlms-packagelist-metadata p { padding: 0 10px; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-description"] { margin-bottom: 20px; } .dtlms-packages-listing-containers.list .dtlms-packagelist-item { display: table; width: 100%; } .dtlms-packages-listing-containers.list .dtlms-packagelist-item .dtlms-packagelist-thumb, .dtlms-packages-listing-containers.list .dtlms-packagelist-item .dtlms-packagelist-details { display: table-cell; float: none; vertical-align: middle; } .dtlms-packages-listing-containers.list .dtlms-packagelist-item .dtlms-packagelist-thumb { height: 100%; min-height: 1px; width: 35%; } .dtlms-packages-listing-containers.list .dtlms-packagelist-item .dtlms-packagelist-details { position: relative; width: 65%; } .dtlms-packages-listing-containers.list .dtlms-packagelist-item .dtlms-packagelist-thumb > a { display: inline-block; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; width: 100%; } .dtlms-packages-listing-containers.list .dtlms-packagelist-item .dtlms-packagelist-thumb > a > img { height: 100%; max-width: none; } .dtlms-package-detail > h2 { margin: 0 0 35px; } .dtlms-package-detail .dtlms-payment-details { display: table; } .dtlms-package-detail .dtlms-package-description { font-size: 16px; line-height: 30px; margin: 0 0 40px; } .dtlms-package-detail .dtlms-payment-details .dtlms-packagelist-price-details { border: 0; font-size: 16px; padding: 5px 0; text-align: left; position: relative; } .dtlms-package-detail .dtlms-item-status-details .dtlms-packagelist-price-details ins { font-size: 28px; font-weight: 600; margin: 0 5px 0 0; } .dtlms-package-detail .dtlms-item-status-details .dtlms-packagelist-price-details del { margin: 0 10px 0 0; } .dtlms-package-detail .dtlms-payment-details .dtlms-packagedetail-cart-details { text-align: right; } .dtlms-package-detail .dtlms-payment-details { width: 100%; overflow: hidden; } .dtlms-package-detail .dtlms-payment-details > .dtlms-packagelist-price-details:after {content: ""; position: absolute; top: 0; bottom: 0; left: 210px; width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.15); margin: auto; } .dtlms-package-detail .dtlms-package-items { float: left; width: 100%; margin: 60px 0 20px; } .dtlms-package-detail .dtlms-package-items table { margin-bottom: 50px; } .dtlms-package-detail .dtlms-package-items > h3 { margin-bottom: 40px; } .dtlms-package-detail .dtlms-package-items table th { font-size: 18px; text-align: left; padding: 18px 6px 18px 20px; } .dtlms-package-detail .dtlms-package-items table td { font-size: 16px; font-weight: 400; padding: 25px 6px 25px 20px; text-align: left; } .dtlms-package-detail .dtlms-package-items table td a { color: #000; } .dtlms-package-detail .dtlms-package-items table td del { margin: 0 5px 0 0; color: #909090; } .dtlms-package-detail .dtlms-package-items table td ins { color: #000; font-weight: bold; } .dtlms-package-detail .dtlms-package-items table tr td:first-child, .dtlms-package-detail .dtlms-package-items table tr th:first-child { text-align: center; } .dtlms-package-detail .dtlms-package-items table tr td:last-child, .dtlms-package-detail .dtlms-package-items table tr th:last-child { border-right: 1px solid #eee; } .dtlms-package-detail .dtlms-payment-details > .dtlms-packagelist-price-details, .dtlms-package-detail .dtlms-payment-details > .dtlms-packagedetail-cart-details { display: table-cell; vertical-align: middle; } .dtlms-package-detail .dtlms-package-items table td span.dtlms-purchased { font-size: 14px; padding: 9px 14px; display: inline-block; margin-right: 10px; line-height: normal; background-color: #71d251; color: #fff; margin-left: 15px; border-radius: 3px; text-transform: uppercase; font-weight: 300; } /*----*****---- << Listing - Isotope & Columns >> ----*****----*/ div[class*="listing-holder"][data-enablecarousel="true"], div[class*="swiper-listing"] { overflow: hidden; } div[class*="listing-holder"][data-enablecarousel="true"], div[class*="swiper-listing"].swiper-container-autoheight .swiper-wrapper { height: 100% !important; } div[class*="listing-containers"]:not(.swiper-wrapper), div[class*="dtlms-apply-isotope"] > div[class*="listing-items"], div[class*="swiper-listing"][data-carouselspacebetween="0"], div[class*="listing-holder"].list div[class*="swiper-listing"][data-carouselspacebetween="0"]:not([data-carouselslidesperview="1"]) { clear: both; display: block; margin: 0 -10px; width: auto; } div[class*="listing-containers"] .dtlms-column, div[class*="listing-holder"].grid div[class*="swiper-listing"][data-carouselspacebetween="0"] .swiper-wrapper .swiper-slide, div[class*="listing-holder"].list div[class*="swiper-listing"][data-carouselspacebetween="0"] .swiper-wrapper .swiper-slide, div[class*="listing-holder"].list div[class*="swiper-listing"][data-carouselspacebetween="0"]:not([data-carouselslidesperview="1"]) div[class*="list-item-wrapper"] { margin: 0; padding: 0 10px 20px; } div[class*="listing-holder"].list div[class*="swiper-listing"][data-carouselspacebetween="0"]:not([data-carouselslidesperview="1"]) div[class*="list-item-wrapper"] { padding-bottom: 0; } div[class*="dtlms-apply-isotope"].list > div[class*="listing-items"], div[class*="listing-containers"].list:not(.swiper-wrapper), div[class*="listing-holder"].list div[class*="swiper-listing"][data-carouselspacebetween="0"], div[class*="listing-containers"] div[class*="list-item-wrapper"].list-item .dtlms-item-status-details { margin-left: 0; margin-right: 0; } div[class*="listing-containers"].list .dtlms-column, div[class*="listing-holder"].list div[class*="swiper-listing"][data-carouselspacebetween="0"] .swiper-wrapper .swiper-slide { margin-bottom: 35px; padding: 0; } div[class*="listing-containers"].list .dtlms-column:empty { display: none; } .dtlms-sidebar-container div[class*="listing-containers"] .dtlms-column { padding-left: 0; padding-right: 0; } .dtlms-sidebar-container div[class*="listing-containers"].list .dtlms-column, .dtlms-sidebar-container div[class*="listing-holder"].list div[class*="swiper-listing"][data-carouselspacebetween="0"] .swiper-wrapper .swiper-slide { margin-bottom: 0; } div[class*="listing-containers"][class~="dtlms-apply-isotope"] { float: left; margin: 0; padding: 0; width: 100%; } .dtlms-apply-isotope .dtlms-column, .dtlms-apply-isotope .dtlms-column.first { clear: none; } div[class*="listing-containers"] .grid-sizer { margin: 0; min-height: 0; padding: 0; } div[class*="listing-containers"] .dtlms-one-half, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-half { width: 50%; } div[class*="listing-containers"] .dtlms-one-third, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-third { width: 33.33333%; } div[class*="listing-containers"] .dtlms-one-fourth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-fourth { width: 25%; } div[class*="listing-containers"] .dtlms-one-fifth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-fifth { width: 20%; } div[class*="listing-containers"] .dtlms-one-sixth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-sixth { width: 16.666%; } div[class*="listing-containers"] .dtlms-one-seventh, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-seventh { width: 14.28%; } div[class*="listing-containers"] .dtlms-one-eight, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-eight { width: 12.5%; } div[class*="listing-containers"] .dtlms-one-nineth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-nineth { width: 11.11%; } div[class*="listing-containers"] .dtlms-one-tenth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-tenth { width: 10%; } /* Isotope Filter */ .dtlms-apply-isotope div[class*="listing-isotope-filter"] { clear: both; float: left; margin: 0 0 10px; padding: 0; text-align: center; width: 100%; } .dtlms-apply-isotope div[class*="listing-isotope-filter"] a { color: #757575; display: inline-block; font-size: 16px; font-weight: normal; line-height: 24px; margin: 0 5px 20px; padding: 5px; position: relative; text-decoration: none; } .dtlms-apply-isotope div[class*="listing-isotope-filter"] a:after { content: ""; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; width: 0; height: 4px; } .dtlms-apply-isotope div[class*="listing-isotope-filter"] a.active-sort:after, .dtlms-apply-isotope div[class*="listing-isotope-filter"] a:hover:after { width: 100%; } /*-------------------------------------------------------------- Class, Course & Package Carousel --------------------------------------------------------------*/ .swiper-container-horizontal { overflow: hidden; } .swiper-container-cube .swiper-slide { height: auto; overflow: hidden; } div[class*="listing-holder"] .swiper-wrapper .swiper-slide-shadow-left, div[class*="listing-holder"] .swiper-wrapper .swiper-slide-shadow-right, div[class*="listing-holder"] .swiper-container-cube .swiper-cube-shadow { display: none; } div[class*="listing-holder"] .swiper-container-cube { overflow: visible; float: left; width: 100%; } div[class*="listing-holder"] .swiper-container-fade .swiper-slide { opacity: 0 !important; } div[class*="listing-holder"] .swiper-container-fade .swiper-slide.swiper-slide-active, div[class*="listing-holder"] .swiper-container-fade .swiper-slide.swiper-slide-duplicate-active { opacity: 1 !important; } div[class*="listing-holder"] .swiper-container-coverflow .swiper-wrapper .swiper-slide.swiper-slide-prev, div[class*="listing-holder"] .swiper-container-coverflow .swiper-wrapper .swiper-slide.swiper-slide-next, div[class*="listing-holder"] .swiper-container-coverflow .swiper-wrapper .swiper-slide.swiper-slide-duplicate-prev, div[class*="listing-holder"] .swiper-container-coverflow .swiper-wrapper .swiper-slide.swiper-slide-duplicate-next { opacity: 0.4; } div[class*="listing-holder"] .swiper-container-coverflow .swiper-wrapper .swiper-slide.swiper-slide-active, div[class*="listing-holder"] .swiper-container-coverflow .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active { opacity: 1; } div[class*="swiper-listing"]:not([data-carouselslidesperview="1"]) div[class*="list-item-wrapper"].list-item { border-width: 0; } div[class*="swiper-listing"]:not([data-carouselslidesperview="1"]) div[class*="list-item-wrapper"].list-item div[class*="list-thumb"], div[class*="swiper-listing"]:not([data-carouselslidesperview="1"]) div[class*="list-item-wrapper"].list-item div[class*="list-details"] { width: 100%; } div[class*="swiper-listing"]:not([data-carouselslidesperview="1"]) div[class*="list-item-wrapper"].list-item div[class*="list-thumb"] { margin: 0 0 15px; } div[class*="swiper-listing"]:not([data-carouselslidesperview="1"]) div[class*="list-item-wrapper"].list-item div[class*="list-details"] { border-width: 0 0 1px; } div[class*="swiper-listing"] div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-item-pricing-details, div[class*="swiper-listing"] div[class*="list-item-wrapper"] .dtlms-item-status-details > span { margin-right: 10px; } div[class*="swiper-listing"] div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-item-pricing-details:before, div[class*="swiper-listing"] div[class*="list-item-wrapper"] .dtlms-item-status-details > span:before { content: none; } div[class*="listing-holder"] .pagination { width: 100%; float: left; text-align: center; padding: 0; border-style: solid; border-width: 1px 0; margin: 0 0 25px; position: absolute; bottom: -42px; } div[class*="listing-holder"] .pagination > div, div[class*="listing-holder"] .pagination .page-numbers, div[class*="listing-holder"] .pagination .page-numbers li { float: none; display: inline-block; margin-bottom: 0; } div[class*="listing-holder"] .pagination > div a span { margin: 0 5px; } div[class*="listing-holder"] .dtlms-swiper-pagination-holder { clear: both; float: left; margin: auto; padding: 20px 10px 10px; text-align: center; width: 100%; } div[class*="listing-holder"] .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a { margin: 0 5px; } div[class*="listing-holder"] .pagination .page-numbers { margin: 0; } div[class*="listing-holder"] .pagination > div span { margin: 0 5px; } div[class*="listing-holder"] .pagination > div a { padding: 0.5em 0.75em; } .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination { display: table; margin: 15px auto; } .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a { border: 1px solid; display: inline-block; margin: 0 5px; min-width: 90px; padding: 5px 10px; } .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a:focus { outline: none; } .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a.dtlms-swiper-arrow-prev:before, .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a.dtlms-swiper-arrow-next:after { content: ""; display: inline-block; font-family: 'IcoMoon-Ultimate'; line-height: inherit; margin: 0; opacity: 0; position: relative; top: 1px; width: 0; } .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a.dtlms-swiper-arrow-prev:hover:before, .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a.dtlms-swiper-arrow-next:hover:after { opacity: 1; width: 15px; -webkit-transform: none; transform: none; } .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a.dtlms-swiper-arrow-prev:before { content: "\ede2"; left: 15px; -webkit-transform: translateX(50%); transform: translateX(50%); } .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a.dtlms-swiper-arrow-next:after { content: "\edde"; right: 15px; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a.dtlms-swiper-arrow-prev:hover:before { margin-right: 5px; left: 0; } .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a.dtlms-swiper-arrow-next:hover:after { margin-left: 5px; right: 0; } div[class*="listing-holder"] .dtlms-swiper-pagination-holder .dtlms-swiper-bullet-pagination span { margin: 0 3px; position: relative; } div[class*="listing-holder"] .dtlms-swiper-pagination-holder .dtlms-swiper-bullet-pagination span.swiper-pagination-bullet-active { margin: 0 5px; } div[class*="listing-holder"] .dtlms-swiper-pagination-holder .dtlms-swiper-bullet-pagination span.swiper-pagination-bullet-active:before { background-color: inherit; content: ""; height: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: auto; -webkit-border-radius: 50%; border-radius: 50%; } /*----*****---- << Course Carousel >> ----*****----*/ div[class*="swiper-listing"]:not([data-carouselslidesperview="1"]) .dtlms-courselist-item-wrapper.list-item .dtlms-courselist-details .dtlms-ratings { display: table; margin-bottom: 10px; margin-top: 10px; position: static; } div[class*="swiper-listing"]:not([data-carouselslidesperview="1"]) .dtlms-courselist-item-wrapper.list-item:hover .dtlms-courselist-details .dtlms-ratings { opacity: 1; visibility: visible; } /*----*****---- << Class Carousel >> ----*****----*/ .dt-sc-dark-bg div[class*="list-item-wrapper"] div[class*="list-details"], .dt-sc-skin-highlight div[class*="list-item-wrapper"] div[class*="list-details"] { border-width: 0; } .dt-sc-dark-bg .swiper-pagination-bullet:not(.swiper-pagination-bullet-active), .dt-sc-skin-highlight .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { opacity: 0.5; } .dt-sc-dark-bg .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a, .dt-sc-skin-highlight .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a { border-color: currentColor; } .dt-sc-dark-bg .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a:hover, .dt-sc-skin-highlight .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a:hover { border-color: transparent; } .dt-sc-dark-bg .swiper-pagination-bullet, .dt-sc-skin-highlight .swiper-pagination-bullet, .dt-sc-dark-bg .swiper-pagination-bullets .swiper-pagination-bullet-active, .dt-sc-skin-highlight .swiper-pagination-bullets .swiper-pagination-bullet-active, .dt-sc-dark-bg .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a:hover, .dt-sc-skin-highlight .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a:hover { background-color: #ccc; } /*-------------------------------------------------------------- Class, Course & Package Detail --------------------------------------------------------------*/ .dtlms-course-single, .dtlms-course-single .dtlms-column > div, .dtlms-course-single .dtlms-column > aside, .dtlms-course-details, .dtlms-course-details-title, .dtlms-course-result-overview, .dtlms-class-single, .dtlms-class-single .dtlms-column > div, .dtlms-class-single .dtlms-column > aside, .dtlms-class-details, .dtlms-class-details-title, .dtlms-class-result-overview, .dtlms-author-details, .dtlms-sidebar-container, div[class*="dynamic-section-holder"], .dtlms-sidebar-container > div[class$="holder"], .dtlms-item-progress-details-holder, .dtlms-widget-item-submit-button-holder { float: left; width: 100%; } .dtlms-course-single, .dtlms-class-single { margin: 35px 0; } .single-dtlms_classes .dtlms-class-single { margin-bottom: 100px; } .dtlms-course-single .dtlms-column > div, .dtlms-course-single .dtlms-column > aside, .dtlms-course-details, .dtlms-course-details-title, .dtlms-course-result-overview, .dtlms-class-single .dtlms-column > div, .dtlms-class-single .dtlms-column > aside, .dtlms-class-details, .dtlms-class-details-title, .dtlms-class-result-overview { margin-bottom: 30px; padding: 0; } .dtlms-author-details { margin-bottom: 15px; } .dtlms-tabs-horizontal-content .wcs-timetable__container, .dtlms-tabs-vertical-content .wcs-timetable__container { padding-top: 0; } .dtlms-tabs-horizontal-content .wcs-filter-toggler-container, .dtlms-tabs-vertical-content .wcs-filter-toggler-container { background-color: #000; color: #fff; height: 30px; line-height: 28px; width: 30px; } .dtlms-tabs-horizontal-content .wcs-filter-toggler-container *, .dtlms-tabs-vertical-content .wcs-filter-toggler-container * { height: 100%; line-height: inherit; margin: 0; padding: 0; text-align: center; top: auto; width: 100%; } /*----*****---- << Horizontal Tabs Section >> ----*****----*/ .dtlms-tabs-horizontal-container { clear:both; float:left; margin: 0 0 60px; overflow:hidden; padding: 0; width:100%; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal { float:left; width:100%; background-color: #2f2f2f; margin: 0; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal.scroll_tabs_container { float: left; width: 100%; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal .scroll_tab_inner { height: 100%; } .dtlms-class-detail .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal li { display: inline-block; margin-right: 4px; padding: 0; width: auto; text-align: center; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal li a { color: #000; display: inline-block; font-size: 16px; margin: 0; padding: 0 15px; position: relative; width: 100%; line-height: 58px; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal li a, .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal li a:focus { outline: none; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal li:last-child { margin-right: 0; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal li a span { margin: 0 10px 0 0; position:relative; top: 0; } .dtlms-tabs-horizontal-container .dtlms-tabs-horizontal-content { float: left; margin: 0; padding: 40px 0 0; position: relative; width: 66%; } .dtlms-tabs-horizontal-container .dtlms-sidebar-container { margin-left: 2%; width: 32%; } .dtlms-tabs-horizontal-container #comments { float: left; margin: 40px 0 0; width: 100%; } .dtlms-tabs-horizontal-container h3:empty { display: none; } .dtlms-tabs-horizontal-container:not(.with-sidebar) .dtlms-tabs-horizontal-content { width: 100%; border-right: none; } .dtlms-tabs-horizontal-container .dtlms-course-detail-news-item:last-child { border-bottom: none; } /*----*****---- << Vertical Tabs Section >> ----*****----*/ .dtlms-tabs-vertical-container { clear:both; display: table; margin: 0 0 20px; overflow:hidden; padding: 0; width:100%; } .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical, .dtlms-tabs-vertical-container .dtlms-tabs-vertical-content { display: table-cell; vertical-align: top; } .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical { margin: 0; padding: 10px 0; position: relative; width:25%; } .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical:after { border-style: solid; border-width: 0 3px 0 0; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 1px; } .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical > li { float:left; display:block; margin: 0 0 2px; padding: 0; width:100%; } .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical > li > a { border-right: 1px solid transparent; float: left; font-size: 14px; border: 1px solid #f0f0f0; background-color: #f8f8f8; margin: 0; padding: 10px 15px; position:relative; width: 100%; } .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical > li > a.current, .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical > li > a:hover { z-index:1; } .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical > li > a, .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical > li > a:focus { outline: none; } .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical > li > a > span { float:left; margin: 0 10px 0 0; position: relative; top:4px; } .dtlms-tabs-vertical-container > ul > li > a:after { content: ""; height: 0; margin: auto; position: absolute; bottom: 0; right: -1px; top: 0; visibility: hidden; width: 3px; } .dtlms-tabs-vertical-container > ul > li > a.current:after { height: 100%; visibility: visible; } .dtlms-tabs-vertical-container .dtlms-tabs-vertical-content { margin: 0; padding: 10px 30px; position:relative; } .dtlms-tabs-vertical-content:last-child { border-width: 1px; } /* Curriculum List */ .dtlms-curriculum-list { margin: 0; } .dtlms-curriculum-list > li { border-style: solid; border-width: 0 0 1px; padding: 20px; position: relative; } .dtlms-curriculum-list > li:last-child { border-width: 0; } .dtlms-curriculum-list li .dtlms-curriculum-meta-title, .dtlms-curriculum-list li .dtlms-completed { display: inline-block; } .dtlms-curriculum-list li .dtlms-curriculum-meta-title { float: left; text-transform: capitalize; } .dtlms-curriculum-list li .dtlms-curriculum-meta-title a { display: inline-block; width: 100%; color: #000; } .dtlms-curriculum-list li .dtlms-curriculum-meta-title a.active { font-weight: 700; } .dtlms-curriculum-list li .dtlms-completed, .dtlms-toggle-group-set h5.dtlms-toggle > a > span.dtlms-completed { float: none; font-size: 0; margin-left: 10px; padding: 0; position: relative; top: -1px; margin-bottom: -6px; } .dtlms-curriculum-list li .dtlms-completed span, .dtlms-toggle-group-set h5.dtlms-toggle > a > span.dtlms-completed span { font-size: 11px; margin: 0; padding: 3px; -webkit-border-radius: 50px; border-radius: 50px; } .dtlms-curriculum-list .dtlms-curriculum-meta-preview { float: none; font-size: 13px; padding: 2px 10px; border-radius: 2px; } .dtlms-curriculum-content-holder .dtlms-lesson-video { display: inline-block; width: 100%; text-align: center; } .dtlms-curriculum-meta-icon { float: left; position: absolute; } .dtlms-curriculum-meta-title { float: none; display: inline-block; padding-left: 25px; } .dtlms-curriculum-meta-items { float: right; } .dtlms-curriculum-meta-duration, .dtlms-curriculum-meta-preview { display: inline-block; margin-left: 40px; } .dtlms-curriculum-meta-duration { float: right; min-width: 150px; } .dtlms-curriculum-meta-duration span { margin: 0 10px 0 5px; } .dtlms-curriculum-meta-preview { float: left; position: relative; } .dtlms-curriculum-list .dtlms-curriculum-meta-preview { margin-left: 30px; position: relative; } .dtlms-curriculum-details .dtlms-curriculum-detailed-links .dtlms-curriculum-list li .dtlms-curriculum-meta-title { float: none; } .dtlms-curriculum-details .dtlms-curriculum-detailed-links .dtlms-curriculum-list li .dtlms-curriculum-meta-items { display: table; float: none; margin-top: 10px; padding-left: 25px; } .dtlms-curriculum-details .dtlms-curriculum-detailed-links .dtlms-curriculum-list li .dtlms-curriculum-meta-items .dtlms-curriculum-meta-duration { float: left; margin-left: 0; margin-right: 10px; } .dtlms-curriculum-details .dtlms-curriculum-detailed-links .dtlms-curriculum-list li .dtlms-curriculum-meta-items .dtlms-curriculum-meta-preview { float: right; margin-left: 0; } .dtlms-curriculum-details .dtlms-curriculum-detailed-links .dtlms-curriculum-list li .dtlms-curriculum-meta-items:empty { display: none; } /* Locked & Drip Locked */ .dtlms-curriculum-list > li.locked .dtlms-curriculum-meta-items, .dtlms-curriculum-list > li { position: relative; } .dtlms-curriculum-list > li.locked .dtlms-curriculum-meta-items:before, .dtlms-curriculum-list > li .dtlms-curriculum-meta-duration:before, .dtlms-curriculum-list > li.drip-locked .dtlms-curriculum-meta-items:before, .dtlms-curriculum-list > li.unlocked .dtlms-curriculum-meta-items:before { font-family: fontawesome; font-size: 15px; line-height: 0; z-index: 1; margin: 0 10px 0 0; vertical-align: middle; } .dtlms-curriculum-list li.locked .dtlms-curriculum-meta-title a, .dtlms-curriculum-list li.locked .dtlms-toggle-group-set h5.dtlms-toggle { pointer-events: none; } .dtlms-toggle-group-set .dtlms-curriculum-list li .dtlms-toggle-group-set .dtlms-toggle-content .dtlms-curriculum-list li.locked::before, .dtlms-toggle-group-set .dtlms-toggle-content .dtlms-curriculum-list li:before, .dtlms-curriculum-list > li.drip-locked .dtlms-curriculum-meta-items:before { right: 30px; } .dtlms-curriculum-list > li.locked > .dtlms-curriculum-meta-items:before { content: "\f023"; font-size: 18px; } .dtlms-curriculum-list > li .dtlms-curriculum-meta-duration:before { content: "\f017"; } .dtlms-curriculum-list > li.drip-locked .dtlms-curriculum-meta-items:before { content: "\f252"; } .dtlms-curriculum-list > li.unlocked .dtlms-curriculum-meta-items:before { content: "\f3c1"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 13px; } .dtlms-curriculum-list > li.locked > .dtlms-curriculum-meta-items:before { opacity: 0.5; } /* Students Enrolled List */ .dtlms-course-detail-students-enrolled-list { margin-top: 25px; margin-bottom: 0; } .dtlms-course-detail-students-enrolled-list li { width: 48%; float: left; border-style: solid; border-width: 0 0 1px; margin: 0 3% 20px 0; padding-bottom: 20px; position: relative; } .dtlms-course-detail-students-enrolled-list li:last-child { padding-bottom: 20px; } .dtlms-course-detail-students-enrolled-list li:nth-child(2n) { margin-right: 0; } .dtlms-course-detail-students-enrolled-list li img { width: 60px; float: left; margin: 0 15px 0 0; border-radius: 50%; } .dtlms-course-detail-students-enrolled-list li h5 { display: inline-block; font-size: 18px; font-weight: normal; margin: 0; padding-top: 14px; text-transform: capitalize; } .dtlms-course-detail-total-students span { display: inline-block; float: none; font-weight: bold; margin-left: 15px; text-align: center; position: relative; } /* Team */ .dtlms-team { width: 100%; position: relative; float: left; padding-left: 100px; min-height: 90px; margin-bottom: 15px; } .dtlms-team:last-child, .dtlms-team:only-child { margin-bottom: 0; padding-bottom: 0; } .dtlms-team .dtlms-team-thumb { position:absolute; width: 80px; left: 0; } .dtlms-team .dtlms-team-thumb img { width: 100%; height: auto; } .dtlms-team-details h4 { font-size: 16px; margin-bottom: 5px; text-transform: uppercase; } .dtlms-team-details p { font-size: 14px; margin-bottom: 5px; } .dtlms-team-details .dtlms-team-social-links li { float: left; margin-right: 10px; } .dtlms-team-details .dtlms-team-social-links .dtlms-team-social { width: 100%; float: left; margin: 0; font-size: 14px; } /* Course Group */ .dtlms-course-detail-group-section { width: 100%; float: left; } .dtlms-course-detail-group-section ul li { width: 100%; position: relative; float: left; padding: 0 0 20px 80px; border-bottom: 1px solid #f1f1f1; margin: 0 0 20px; } .dtlms-course-detail-group-section ul li:last-child { border: 0; margin: 0; } .dtlms-course-detail-group-section ul li .item-avatar { position:absolute; width: 60px; left: 0; } .dtlms-course-detail-group-section ul li .item-avatar img { width: 100%; height: auto; border-radius: 50%; } .dtlms-course-detail-group-section .item-title h3 { font-size: 18px; margin-bottom: 5px; } .dtlms-course-detail-group-section .item-meta { font-size: 14px; font-weight: 400; margin: 5px 0 25px; color: rgba(34, 34, 34, 0.5); } .dtlms-course-detail-group-section .item-desc p { font-size: 16px; margin-bottom: 15px; } .dtlms-course-detail-group-section .action { display: table; } .dtlms-course-detail-group-section .action > .group-button a { display: inline-block; float: none; font-size: 14px; font-weight: 600; line-height: 26px; padding: 5px 20px; } .dtlms-course-detail-group-section .action .meta { float: left; width: 100%; } .dtlms-course-detail-group-section .action .meta:before { content: "\f0c0"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin: 0 10px 0 0; } .dtlms-course-detail-group-section .action > .group-button { margin: 0 0 15px; } /** Media Attachments **/ .dtlms-course-detail-media-attachment { font-size: 16px; } .dtlms-course-detail-media-attachment td span { margin-right: 5px; } .dtlms-course-detail-media-attachment td a { text-decoration: underline; color: #000; } .dtlms-course-detail-media-attachment td a:before { content: "\f019"; font-family: FontAwesome; margin-right: 10px; } .dtlms-course-detail-media-attachment tr th:nth-child(2), .dtlms-course-detail-media-attachment tr td:nth-child(2) { text-align: left; } /* Events */ .widget.tribe_mini_calendar_widget { padding-bottom: 0; } .widget.tribe_mini_calendar_widget .tribe-mini-calendar th { border-style: solid; border-width: 1px 1px 0; padding: 10px; } .widget.tribe_mini_calendar_widget .tribe-mini-calendar tr { border-bottom-width: 0; } .widget.tribe_mini_calendar_widget .tribe-mini-calendar-nav td { border-style: solid; border-width: 1px; } .widget.tribe_mini_calendar_widget .tribe-mini-calendar td.tribe-events-has-events { border-width: 0; } .widget.tribe_mini_calendar_widget .tribe-mini-calendar div[id*="daynum-"] a { /*border-style: solid; border-width: 1px 1px 0 0;*/ padding: 10px; text-align: center; } .widget.tribe_mini_calendar_widget .tribe-mini-calendar tbody { border-style: solid; border-width: 0 0 1px 1px; } .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-events-has-events div[id*="daynum-"] a:before { left: auto; right: 10px; bottom: auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin: 0; display: none; } .widget.tribe_mini_calendar_widget .tribe-mini-calendar-list-wrapper .type-tribe_events:last-child { margin-bottom: 0; } .widget.tribe_mini_calendar_widget .tribe-mini-calendar-list-wrapper .type-tribe_events:last-child .tribe-mini-calendar-event { margin-bottom: 0; padding-bottom: 0; border: none; } .widget.tribe_mini_calendar_widget .tribe-mini-calendar-list-wrapper .tribe-mini-calendar-event .list-date .list-dayname, .widget.tribe-events-adv-list-widget .tribe-mini-calendar-event .list-date .list-dayname { margin: 0 0 5px; } .dtlms-course-detail .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-mini-calendar-nav, .dtlms-class-detail .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-mini-calendar-nav { border-color: rgba(0, 0, 0, 0.1); } .dtlms-course-detail .widget.tribe_mini_calendar_widget .tribe-mini-calendar td, .dtlms-class-detail .widget.tribe_mini_calendar_widget .tribe-mini-calendar td { padding: 0; } .dtlms-course-detail .widget.tribe_mini_calendar_widget .tribe-mini-calendar div[id*="daynum-"] a, .dtlms-class-detail .widget.tribe_mini_calendar_widget .tribe-mini-calendar div[id*="daynum-"] a { padding: 20px 5px; } .dtlms-course-detail .widget.tribe_mini_calendar_widget .tribe-mini-calendar-nav td, .dtlms-class-detail .widget.tribe_mini_calendar_widget .tribe-mini-calendar-nav td { padding: 15px 0; } /* Media Attachments */ .widget.dt_widget_media_attachments .courses-share li { list-style: none; float: left; margin-right: 15px; width: auto; } .dt_widget_media_attachments .dtlms-media-attachments li:before { display:none; } .dt_widget_media_attachments .dtlms-media-attachments li { padding-left:0; border-top: none; } .dt_widget_media_attachments .dtlms-media-attachments li:last-child { border-bottom: none; } /* News */ .dtlms-course-detail-news-item { display: table; margin-bottom: 20px; width: 100%; border-bottom: 1px solid #f1f1f1; padding: 0 0 35px; margin: 0 0 35px; } .dtlms-course-detail-news-item:last-child { margin-bottom: 0; } .dtlms-course-detail-news-item .dtlms-course-detail-news-thumb, .dtlms-course-detail-news-item .dtlms-course-detail-news-details { display: inline-block; } .dtlms-course-detail-news-item .dtlms-course-detail-news-thumb { float: left; width: 20%; } .dtlms-course-detail-news-item .dtlms-course-detail-news-thumb a { display: block; line-height: 0; } .dtlms-course-detail-news-item .dtlms-course-detail-news-details { float: left; display: inline-block; width: 100%; } .dtlms-course-detail-news-item .dtlms-course-detail-news-thumb ~ .dtlms-course-detail-news-details { padding: 0px 0px 0 20px; width: 80%; } .dtlms-course-detail-news-item .dtlms-course-detail-news-description { font-size: 16px; } .dtlms-course-detail-news-item .dtlms-course-detail-news-details h5 { font-size: 20px; font-weight: normal; margin-bottom: 5px; } .dtlms-course-detail-news-item .dtlms-course-detail-news-date { font-size: 14px; color: rgba(34, 34, 34, 0.5); margin: 0 0 20px; font-weight: 400; } .dtlms-course-detail-news-item .dtlms-course-detail-news-date:before { content: "\f133"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin: 0 10px 0 0; } /* Map */ .dtlms-onsite-map-container { clear: both; float: left; margin: 15px 0; width: 100%; } .dtlms-class-onsite-map { height: 500px; width: 100%; } .dtlms-class-map-location-holder { display: inline-block; text-align: center; } .dtlms-class-map-location-holder > h3 { font-size: 20px; font-weight: bold; line-height: normal; margin-bottom: 5px; text-decoration: underline; } /* Accessories List */ .dtlms-acessories-list { list-style: none; } .dtlms-acessories-list li { border-bottom: 1px solid #f1f1f1; margin: 0 0 25px; font-size: 16px; position: relative; width: 100%; float: left; padding: 0 0 25px; } .dtlms-acessories-list li:last-child { border-width: 0; } .dtlms-acessories-list li * { float: none; display: inline-block; margin: 0; } .dtlms-acessories-list li label { margin-top: 3px; margin-right: 5px; } .dtlms-acessories-list li span { background-color: #f9f9f9; border: 1px solid #f1f1f1; border-radius: 50%; color: #000; font-size: 18px; height: 60px; line-height: 55px; text-align: center; margin: 0 20px 0 0; width: 60px; } /* Comments */ #comments { clear: both; display: block; } #comments > h3, #comments #respond h3#reply-title { font-size: 20px; font-weight: 500; letter-spacing: 0.5px; margin-bottom: 20px; text-transform: uppercase; } #comments #respond h3#reply-title #cancel-comment-reply-link { font-weight: normal; } .commententries { width:100%; float:left; margin:40px 0 0; padding: 0; } .commententries h3 { font-size:20px; } body[class*="single-dtlms"] ul.commentlist { float:left; margin: 20px 0; padding:0 0 20px 0; list-style:none; border-top: 0; } body[class*="single-dtlms"] ul.commentlist li.comment { display:block; float:none; list-style:none; border:none; margin: 0 0 30px; padding: 0 0 0 0px; position:relative; clear:both; } body[class*="single-dtlms"] ul.commentlist li.pingback { padding-left:0; } body[class*="single-dtlms"] ul.commentlist li.pingback > p > a { margin-left:5px; } body[class*="single-dtlms"] ul.commentlist li ul.children { margin:10px 0 10px; padding: 0; float:left; border:none; clear:both; width:100%; } body[class*="single-dtlms"] ul.commentlist li .respond { margin-left:69px; } body[class*="single-dtlms"] ul.commentlist li .comment-details { position:relative; padding: 0 0 10px; margin:10px 0 10px; } body[class*="single-dtlms"] ul.commentlist li .comment-details:before { bottom: 0; content:''; left: 0; position:absolute; width:100%; } body[class*="single-dtlms"] ul.commentlist li .comment-body { margin:0px 0 30px 65px; position: relative; } body[class*="single-dtlms"] ul.commentlist li .comment-body p { line-height:28px; margin-bottom: 10px; } body[class*="single-dtlms"] ul.commentlist li .comment-body .comment-rating { display: table; } body[class*="single-dtlms"] ul.commentlist li .comment-author { left: 0; top: 0; position:static; } body[class*="single-dtlms"] ul.commentlist li .comment-author img { float:left; height: auto; margin: 0; max-width:80px; max-height:80px; -webkit-border-radius: 50%; border-radius: 50%; } body[class*="single-dtlms"] ul.commentlist li .author-name, body[class*="single-dtlms"] ul.commentlist li .author-name > a { display: inline-block; font-size:18px; font-weight: 500; text-transform: capitalize; } body[class*="single-dtlms"] ul.commentlist li .author-name span { display: block; font-size:14px; font-weight: normal; } body[class*="single-dtlms"] ul.commentlist li .author-name { border-bottom: 1px solid; margin-bottom: 5px; } body[class*="single-dtlms"] .dtlms-comment-rating { margin: 0 0 10px; } body[class*="single-dtlms"] .dtlms-comment-rating span { font-size: 0; margin: 0 2px 0 0; } body[class*="single-dtlms"] .dtlms-comment-rating span:before { font-size: 14px; } body[class*="single-dtlms"] ul.commentlist li .comment-details { display:block; } body[class*="single-dtlms"] ul.commentlist li .author-name .reply { margin: 0; float:right; } body[class*="single-dtlms"] ul.commentlist li .reply { margin-top: 0; position: relative; } body[class*="single-dtlms"] ul.commentlist li .reply:before { border-top: 1px solid; content: ""; height: auto; position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); backface-visibility: hidden; } body[class*="single-dtlms"] ul.commentlist li .reply a { border:1px solid; clear:both; display: table; margin-left: auto; padding:2px 13px; position: relative; right: 0; } body[class*="single-dtlms"] ul.commentlist li #respond { padding-bottom:20px; } body[class*="single-dtlms"] .comment-respond form { float: left; margin-bottom: 20px; width: 100%; } .logged-in-as ~ .column { width:100% } body[class*="single-dtlms"] #respond { clear:both; } body[class*="single-dtlms"] #respond h3#reply-title small { font-size: 12px; text-transform: none; } body[class*="single-dtlms"] #respond .dt-sc-one-half p span { width: 10%; } body[class*="single-dtlms"] #respond .dt-sc-one-half textarea { height: 124px; } body[class*="single-dtlms"] #respond p { display:inline-block; margin-bottom: 20px; width:100%; } body[class*="single-dtlms"] #respond p label { display: block; font-size: 16px; font-weight: normal; margin-bottom: 5px; } body[class*="single-dtlms"] #respond .ratings-holder p { margin-bottom: 0; } body[class*="single-dtlms"] #respond .ratings-holder { margin-bottom: 15px; } body[class*="single-dtlms"] .comment-body ul li, body[class*="single-dtlms"] .comment-body ol li { display: list-item; padding-left: 0; list-style: circle; } /*----*****---- << Sidebar & Toggle >> ----*****----*/ .dtlms-sidebar-container { padding: 30px 25px; } .dtlms-sidebar-container > div[class$="holder"], div[class*="dynamic-section-holder"], .dtlms-countdown-holder { margin-bottom: 30px; } .dtlms-sidebar-container div[class*="listing-holder"] div[class*="listing-filters"] { padding: 20px 0; } .dtlms-sidebar-container div[class*="listing-holder"] div[class*="listing-rightside-filter"] { padding-left: 0; padding-right: 0; } .dtlms-sidebar-container div[class*="listing-holder"] div[class*="listing-rightside-filter"] > div[class*="display-filter"], .dtlms-sidebar-container div[class*="listing-holder"] div[class*="listing-rightside-filter"] > div[class*="orderby-filter"] { display: table; width: 100%; } .dtlms-sidebar-container div[class*="listing-holder"] div[class*="listing-rightside-filter"] > div[class*="orderby-filter"] { text-align: left; } div[class*="dynamic-section-holder"] div[class$="details-holder"] ~ div[class$="button-holder"] { margin-bottom: 10px; } div[class*="dynamic-section-holder"] div[class$="details-holder"] ~ div[class$="button-holder"] .dtlms-button { margin-top: 0; } div[class*="dynamic-section-holder"] { padding: 25px 25px 24px; text-align: center; background-color: #fbfbfb; border: 1px solid #f1f1f1; } div[class*="dynamic-section-holder"] > div[class$="dynamic-section-startdate"] { display: inline-block; padding-left: 60px; font-size: 16px; text-align: left; } div[class*="dynamic-section-holder"] > div[class$="dynamic-section-startdate"] i { position: absolute; left: 0; font-size: 45px; top: 5px; } div[class*="dynamic-section-holder"] > div[class$="dynamic-section-startdate"] strong { display: block; font-size: 20px; } div[class*="dynamic-section-holder"]:empty { display: none; } div[class*="dynamic-section-holder"], div[class*="dynamic-section-holder"] > * { clear: both; position: relative; /*z-index: 1;*/ } div[class*="dynamic-section-holder"] p > a { font-weight: bold; border-bottom: 1px solid; } .dtlms-item-progress-details-holder, .dtlms-item-progress-details-holder .dtlms-item-student-submitted-item-details, .dtlms-item-progress-details-holder .dtlms-item-student-completed-item-details { display: inline-block; margin: 0 0 10px; width: 100%; } .dtlms-item-progress-details-holder .dtlms-item-progress-details .dtlms-button:only-child { display: table; margin: auto; } .dtlms-item-progress-details-holder .dtlms-button span { margin-right: 10px; } div[class*="dynamic-section-holder"] .dtlms-countdown-holder { display: block; margin-left: -12px; margin-right: -12px; text-align: center; } .dtlms-countdown-holder { display: block; margin: 15px 0 5px; width: auto; } .dtlms-countdown-holder .dtlms-countdown-wrapper { border: 4px solid; display: inline-block; margin: 5px 6px 0; padding: 15px 0 10px; position: relative; text-align: center; width: 70px; } .dtlms-countdown-holder .dtlms-countdown-wrapper .dtlms-countdown-icon-wrapper { font-size: 26px; font-weight: bold; line-height: normal; } .dtlms-countdown-holder .dtlms-countdown-wrapper .dtlms-countdown-title { display: inline-block; font-size: 12px; font-weight: normal; margin-bottom: 0; padding-top: 0; text-transform: capitalize; width: 100%; } .dtlms-countdown-holder .dtlms-countdown-wrapper .dtlms-countdown-icon-wrapper, .dtlms-countdown-holder .dtlms-countdown-wrapper .dtlms-countdown-title { line-height: 20px; vertical-align: middle; } .dtlms-course-dynamic-section-holder .dtlms-progressbar { background-color: #f1f1f1; } .dtlms-course-dynamic-section-holder .dtlms-title { display: inline-block; text-align: center; margin: 0 0 45px; } .dtlms-course-dynamic-section-holder .dtlms-title:after, .dtlms-class-dynamic-section-holder .dtlms-title:after { right: 0; margin: 0 auto; } div[class*="dynamic-section-holder"] div[class$="item-details"] { font-size: 16px; text-align: left; margin: 0 0 40px; } div[class*="dynamic-section-holder"] div[class$="item-details"]:last-child { margin: 0 0 20px; } .dtlms-classdetail-price-details del { margin: 0 10px 0 0; } div[class*="dynamic-section-holder"] .dtlms-item-overview-progressbar { float: left; width: 100%; margin: 5px 0 0; } div[class*="dynamic-section-holder"] .dtlms-item-overview-progressbar .dtlms-progressbar { margin: 10px 0 0; } div[class$="share-holder"] { display: table; width: auto; } div[class$="share-holder"] > span, div[class$="share-holder"] ul { display: inline-block; vertical-align: middle; } div[class$="share-holder"] > span { font-size: 12px; font-weight: bold; letter-spacing: 2px; padding: 0 20px; position: relative; text-transform: uppercase; } div[class$="share-holder"] ul { padding: 0 3px; } div[class$="share-holder"] ul li { float: left; margin: 0 3px; padding: 0; } div[class$="share-holder"] ul li:first-child { margin-left: 0; } div[class$="share-holder"] ul li a { display: block; height: 35px; line-height: 35px; text-align: center; width: 35px; } div[class$="share-holder"] ul.with-color li a[title="delicious"] { background-color: #3399ff; } div[class$="share-holder"] ul.with-color li a[title="deviantart"] { background-color: #05cc47; } div[class$="share-holder"] ul.with-color li a[title="digg"] { background-color: #005be2; } div[class$="share-holder"] ul.with-color li a[title="flickr"] { background-color: #ff0084; } div[class$="share-holder"] ul.with-color li a[title="lastfm"] { background-color: #d51007; } div[class$="share-holder"] ul.with-color li a[title="linkedin"] { background-color: #0077b5; } div[class$="share-holder"] ul.with-color li a[title="envelope"] { background-color: #222222; } div[class$="share-holder"] ul.with-color li a[title="myspace"] { background-color: #000000; } div[class$="share-holder"] ul.with-color li a[title="picasa"] { background-color: #0063dc; } div[class$="share-holder"] ul.with-color li a[title="pinterest"] { background-color: #bd081c; } div[class$="share-holder"] ul.with-color li a[title="reddit"] { background-color: #ff4500; } div[class$="share-holder"] ul.with-color li a[title="rss"] { background-color: #f26522; } div[class$="share-holder"] ul.with-color li a[title="skype"] { background-color: #12A5F4; } div[class$="share-holder"] ul.with-color li a[title="stumbleupon"] { background-color: #eb4924; } div[class$="share-holder"] ul.with-color li a[title="technorati"] { background-color: #339900; } div[class$="share-holder"] ul.with-color li a[title="twitter"] { background-color: #2eb1eb; } div[class$="share-holder"] ul.with-color li a[title="vimeo-square"] { background-color: #1ab7ea; } div[class$="share-holder"] ul.with-color li a[title="vimeo"] { background-color: #3498b9; } div[class$="share-holder"] ul.with-color li a[title="yahoo"] { background-color: #410093; } div[class$="share-holder"] ul.with-color li a[title="youtube"] { background-color: #cd201f; } div[class$="share-holder"] ul.with-color li a[title="googleplus"] { background-color: #c44542; } div[class$="share-holder"] ul.with-color li a[title="tumblr"] { background-color: #35465c; } div[class$="share-holder"] ul.with-color li a[title="dribbble"] { background-color: #ff68c5; } div[class$="share-holder"] ul.with-color li a[title="instagram"] { background-color: #3F729B; } div[class$="share-holder"] ul.with-color li a[title="facebook"] { background-color: #3162a2; } div[class$="share-holder"] ul.with-color li a { color: #ffffff; border: 1px solid transparent; } div[class$="share-holder"] ul.with-color.with-circle li a { border-radius: 50%; } div[class$="share-holder"] ul.with-color li a[title="delicious"]:hover { border-color: #3399ff; color: #3399ff; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="deviantart"]:hover { border-color: #05cc47; color: #05cc47; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="digg"]:hover { border-color: #005be2; color: #005be2; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="flickr"]:hover { border-color: #ff0084; color: #ff0084; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="lastfm"]:hover { border-color: #d51007; color: #d51007; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="linkedin"]:hover { border-color: #0077b5; color: #0077b5; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="envelope"]:hover { border-color: #222222; color: #222222; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="myspace"]:hover { border-color: #000000; color: #000000; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="picasa"]:hover { border-color: #0063dc; color: #0063dc; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="pinterest"]:hover { border-color: #bd081c; color: #bd081c; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="reddit"]:hover { border-color: #ff4500; color: #ff4500; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="rss"]:hover { border-color: #f26522; color: #f26522; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="skype"]:hover { border-color: #12A5F4; color: #12A5F4; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="stumbleupon"]:hover { border-color: #eb4924; color: #eb4924; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="technorati"]:hover { border-color: #339900; color: #339900; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="twitter"]:hover { border-color: #2eb1eb; color: #2eb1eb; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="vimeo-square"]:hover { border-color: #1ab7ea; color: #1ab7ea; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="vimeo"]:hover { border-color: #3498b9; color: #3498b9; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="yahoo"]:hover { border-color: #410093; color: #410093; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="youtube"]:hover { border-color: #cd201f; color: #cd201f; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="googleplus"]:hover { border-color: #c44542; color: #c44542; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="tumblr"]:hover { border-color: #35465c; color: #35465c; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="dribbble"]:hover { border-color: #ff68c5; color: #ff68c5; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="instagram"]:hover { border-color: #3F729B; color: #3F729B; background-color: transparent; } div[class$="share-holder"] ul.with-color li a[title="facebook"]:hover { border-color: #3162a2; color: #3162a2; background-color: transparent; } div[class$="details-holder"] ul li { float: left; font-size: 14px; line-height: 30px; list-style: none; margin: 7px 0; padding-left: 40px; padding-top: 0; position: relative; width: 100%; } div[class$="details-holder"] ul li > i, div[class$="details-holder"] ul li > span { border: 1px solid; font-size: 12px; height: 30px; line-height: 28px; position: absolute; left: 0; top: 0; text-align: center; width: 30px; } div[class$="details-holder"] ul li label, ul.dtlms-class-details li label { float: left; margin-right: 5px; margin-bottom: 0; } div[class$="details-holder"] ul li a { display: inline-block; } .dtlms-course-result-overview .dtlms-button, .dtlms-class-result-overview .dtlms-button { margin: 10px 0 0; } .dtlms-course-result-overview .dtlms-progressbar ~ .dtlms-button, .dtlms-class-result-overview .dtlms-progressbar ~ .dtlms-button { margin-top: 20px; } .dtlms-sidebar-container div[class*="listing-holder"] { overflow: hidden; } .dtlms-sidebar-container div[class*="listing-holder"]:last-child { margin-bottom: 0; } .dtlms-sidebar-container div[class*="listing-holder"] .dtlms-column { width: 100%; float: left; margin: 0; } .dtlms-sidebar-container .dtlms-courses-listing-rightside-filter { padding: 20px; } .dtlms-sidebar-container .dtlms-courses-listing-rightside-filter .dtlms-courses-display-filter { margin-bottom: 20px; } .dtlms-sidebar-container .dtlms-courses-listing-rightside-filter .dtlms-courses-orderby-filter { text-align: left; } .dtlms-sidebar-container .dtlms-courses-listing-rightside-filter .dtlms-courses-orderby-filter label { margin-bottom: 10px; } .dtlms-sidebar-container .dtlms-courses-listing-rightside-filter .dtlms-courses-orderby-filter select { width: 100%; } .dtlms-sidebar-container .dtlms-courses-listing-rightside-filter .dtlms-courses-display-filter, .dtlms-sidebar-container .dtlms-courses-listing-rightside-filter .dtlms-courses-orderby-filter { width: 100%; float: left; } /*-------------------------------------------------------------- Toggles --------------------------------------------------------------*/ .dtlms-toggle-group-set { float: left; padding: 0; width: 100%; margin-bottom: 20px; } .dtlms-toggle-group-set .dtlms-toggle-content { float: left; border-style: solid; border-width: 0 0 1px; width: 100%; } .dtlms-toggle-group-set .dtlms-toggle-content .block { display: block; margin: 0 -20px; padding: 30px 20px 20px; width: auto; } .dtlms-toggle-group-set h5.dtlms-toggle { float: left; width: 100%; cursor: pointer; font-size: 20px; font-weight: normal; margin-bottom: 0; padding: 15px 20px; position: relative; text-transform: capitalize; } .dtlms-toggle-group-set h5.dtlms-toggle > a { display: block; padding-right: 25px; } .dtlms-toggle-group-set h5.dtlms-toggle:before { content: "\f107"; font-family: FontAwesome; font-size: 20px; font-weight: normal; height: 30px; line-height: 30px; pointer-events: auto; position: absolute; right: 15px; text-align: center; width: 25px; top: 0; bottom: 0; margin: auto; } .dtlms-toggle-group-set h5.dtlms-toggle.active::before { content: "\f106"; } .dtlms-toggle-group-set:last-child > .dtlms-toggle-content { border-color: transparent; } .dtlms-toggle-group-set .dtlms-class-course-curriculum-holder { display: inline-block; width: 100%; } .dtlms-toggle-group-set .dtlms-curriculum-list, .dtlms-toggle-group-set .dtlms-curriculum-list li { float: none; } .dtlms-toggle-group-set .dtlms-curriculum-list { display: table; margin: -10px 0; width: 100%; } .dtlms-toggle-group-set .dtlms-curriculum-list li { display: inline-block; float: left; line-height: normal; padding: 20px 10px; } .dtlms-toggle-group-set .dtlms-curriculum-list > li > div[class*="dtlms-curriculum-meta"] { opacity: 0.5; } .dtlms-toggle-group-set .dtlms-curriculum-list li.purchased-item.locked > div[class*="dtlms-curriculum-meta"], .dtlms-toggle-group-set .dtlms-curriculum-list li.purchased-item.drip-locked > div[class*="dtlms-curriculum-meta"], .dtlms-toggle-group-set .dtlms-curriculum-list li.locked > div[class*="dtlms-curriculum-meta"], .dtlms-toggle-group-set .dtlms-curriculum-list li.drip-locked > div[class*="dtlms-curriculum-meta"] { opacity: 0.5; } .dtlms-toggle-group-set .dtlms-curriculum-list li.preview-item > div[class*="dtlms-curriculum-meta"], .dtlms-toggle-group-set .dtlms-curriculum-list li.purchased-item > div[class*="dtlms-curriculum-meta"] { opacity: 1; } .dtlms-toggle-group-set .dtlms-curriculum-list li ul li.locked:last-child, .dtlms-toggle-group-set .dtlms-curriculum-list li ul li.drip-locked:last-child { padding-bottom: 20px; } .dtlms-toggle-group-set .dtlms-toggle-group-set { border-width: 0; margin: 30px 0 0; padding: 0 20px; } .dtlms-toggle-group-set .dtlms-toggle-group-set h5.dtlms-toggle { font-size: 17px; padding: 10px 20px; } .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-toggle-content .block { display: inline-block; margin-left: 0; margin-right: 0; padding: 0; width: 100%; padding: 20px 0 0; } .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-toggle-content .block { padding: 10px 0; } .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-curriculum-list { margin: 0; padding-left: 0; } .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-curriculum-list li { padding: 15px 10px; } .dtlms-toggle-group-set:last-child > h5.dtlms-toggle.active, .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-toggle-content, .dtlms-toggle-group-set .dtlms-course-curriculum-toggle-group-holder > .dtlms-toggle-group-set:last-child h5.dtlms-toggle:not(.active) { border-color: transparent; } .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-curriculum-list li:last-child { padding-bottom: 0; } .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-curriculum-list li { padding: 15px 10px; } .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-toggle-group-set h5.dtlms-toggle { font-size: 16px; padding: 8px 20px; } .dtlms-tabs-horizontal-container .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-toggle-content { font-size: 14px; } .dtlms-toggle-content .block .dtlms-course-curriculum-overview { display: block; width: auto; } .dtlms-toggle-content .block .dtlms-course-dynamic-section-holder { padding: 30px 20px; } .dtlms-toggle-content .block .dtlms-course-dynamic-section-holder:empty { display: none; } .dtlms-toggle-content .block .dtlms-course-curriculum-overview li { border-style: solid; border-width: 0 0 1px; display: table; font-size: 18px; padding: 15px 10px; width: 100%; } .dtlms-toggle-content .block .dtlms-course-curriculum-overview li:last-child { border-width: 0; } .dtlms-toggle-content .block .dtlms-course-curriculum-overview li span { margin-right: 15px; } .dtlms-toggle-content .block > .dtlms-sidebar-container > div[class$="holder"], .dtlms-toggle-content .block > div[class*="dynamic-section-holder"], .dtlms-toggle-content .block > .dtlms-countdown-holder, .dtlms-toggle-content .block > .dtlms-class-course-curriculum-holder, .dtlms-toggle-content .block .dtlms-course-curriculum-overview { margin-bottom: 0; margin-top: 30px; } div[class*="dynamic-section-holder"] div[class$="result-overview"] > p { font-size: 16px; text-align: left; } .dtlms-item-progress-details-holder .dtlms-item-progress-details > button:only-child, .dtlms-widget-item-submit-button-holder .dtlms-item-submit-button > button:only-child, .dtlms-toggle-content .block > .dtlms-sidebar-container > div[class$="holder"]:first-child, .dtlms-toggle-content .block > div[class*="dynamic-section-holder"]:first-child, .dtlms-toggle-content .block > .dtlms-countdown-holder:first-child, .dtlms-toggle-content .block > .dtlms-class-course-curriculum-holder, .dtlms-toggle-content .block .dtlms-course-curriculum-overview:first-child { margin-top: 0; } .dtlms-course-single .dtlms-column > div:not(.dtlms-tabs-horizontal-container):last-child, .dtlms-course-single .dtlms-column > aside:last-child, .dtlms-course-details, .dtlms-class-single .dtlms-column > div:last-child, .dtlms-class-single .dtlms-column > aside:last-child, .dtlms-class-details, .dtlms-sidebar-container > div[class$="holder"]:last-child, div[class*="dynamic-section-holder"] > p, div[class$="details-holder"] ul li:last-child, .dtlms-item-progress-details-holder:only-child, div[class*="dynamic-section-holder"] div[class$="result-overview"] { margin-bottom: 0; } /*-------------------------------------------------------------- Course Detail --------------------------------------------------------------*/ .dtlms-forum-button-holder { clear: both; display: block; position: relative; width: 100%; } .dtlms-forum-button-holder .dtlms-button.dtlms-button-forum-link { display: table; margin-left: auto; margin-right: 0; margin-top: 0; position: relative; z-index: 1; } .dtlms-forum-button-holder:before { border-top: 2px solid; content: ""; height: auto; position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .dtlms-forum-button-holder, .dtlms-payment-details { margin-top: 15px; } .dtlms-payment-details .dtlms-item-status-details { display: table; margin-bottom: 0; text-align: center; } .dtlms-payment-details .dtlms-item-status-details > .dtlms-item-pricing-details { border: 1px solid; padding: 5px 30px; } .dtlms-payment-details .dtlms-packagedetail-cart-details > a.added_to_cart { position: relative; font-size: 12px; padding: 14px 20px; color: #000; font-weight: 600; } .dtlms-payment-details .dtlms-packagedetail-cart-details > a.added_to_cart:hover { color: #fff; } .dtlms-payment-details .dtlms-packagedetail-cart-details > a.add_to_cart_button > i, .dtlms-payment-details .dtlms-packagedetail-cart-details > a.dtlms-cart-link > i, .dtlms-payment-details .dtlms-packagedetail-cart-details > a.added_to_cart.wc-forward::before { top: -1px; } .dtlms-payment-details .dtlms-item-status-details > .dtlms-item-pricing-details, .dtlms-payment-details .dtlms-item-status-details > .dtlms-proceed-button { display: table-cell; vertical-align: middle; } .dtlms-payment-details .dtlms-item-status-details > *:first-child, .dtlms-payment-details .dtlms-item-status-details > .dtlms-proceed-button:first-child > *:first-child { margin-left: 0; } /* Related Courses */ .dtlms-course-detail-related-courses-list { width: 100%; float: left; margin-bottom: 100px; } .dtlms-course-detail-related-courses-list > h3 { font-size: 24px; border-bottom: 2px solid; margin-bottom: 25px; padding-bottom: 15px; } .dtlms-course-detail-related-courses-list .dtlms-courselist-thumb img { width: 100%; float: left; } /*-------------------------------------------------------------- Class Detail --------------------------------------------------------------*/ .dtlms-class-single .dtlms-column > div:last-child, .dtlms-class-single .dtlms-column > aside:last-child { margin-bottom: 0; } .dtlms-class-single .dtlms-column:empty { border: none; } /*-------------------------------------------------------------- Package Detail --------------------------------------------------------------*/ .dtlms-package-single > img ~ .dtlms-package-pricing-details { margin-top: 20px; } .dtlms-package-single .dtlms-package-pricing-details .dtlms-item-pricing-details, .dtlms-package-single .dtlms-package-pricing-details > span, .dtlms-package-single .dtlms-package-pricing-details > span.dtlms-purchased { float: left; } .dtlms-package-single .dtlms-package-description { margin-bottom: 35px; } .dtlms-package-single .dtlms-package-items table td > a[href^="http"] { display: block; text-align: left; } .dtlms-package-single .dtlms-package-items table td del { margin-right: 6px; } /*-------------------------------------------------------------- Frontend Dashboard --------------------------------------------------------------*/ .page-template-default.page .vc_tta.vc_tta-style-classic .vc_tta-tab>a { border-radius: 0; } .page-template-default.page.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body { padding: 30px; } .page-template-default.page .dtlms-chart-holder .dtlms-overview-chart-container .dtlms-custom-table-wrapper:first-child { margin-top: 20px; } .page-template-default.page .dtlms-chart-holder .dtlms-overview-chart-container .dtlms-custom-table-wrapper table { margin-bottom: 0; } .page-template-default.page .dtlms-chart-holder .dtlms-overview-chart-container table { border-style: solid; border-width: 1px 0 0; margin-bottom: 30px; } .page-template-default.page .dtlms-chart-holder .dtlms-overview-chart-container table tr th:last-child, .page-template-default.page .dtlms-chart-holder .dtlms-overview-chart-container table tr td:last-child { border-right: 1px solid; } .page-template-default.page .dtlms-chart-holder ul.dtlms-purchases-overview-chart-options, .page-template-default.page .dtlms-chart-holder ul.dtlms-commissions-overview-chart-options { width: 100%; float: left; margin: 12px 0 0; } .page-template-default.page .dtlms-chart-holder ul.dtlms-purchases-overview-chart-options li, .page-template-default.page .dtlms-chart-holder ul.dtlms-commissions-overview-chart-options li { float: none; display: inline-block; margin: 0; padding-bottom: 0; } .page-template-default.page .dtlms-chart-holder ul.dtlms-purchases-overview-chart-options li a, .page-template-default.page .dtlms-chart-holder ul.dtlms-commissions-overview-chart-options li a { font-size: 12px; font-weight: 600; float: left; line-height: 26px; margin: 5px 10px 5px 0; padding: 5px 15px; text-decoration: none; } .page-template-default.page .dtlms-chart-container #dtlms-ajax-load-image { display: block; position: absolute; left: 0; right: 0; height: 100%; width: 100%; text-align: center; z-index: 9; } .page-template-default.page .dtlms-chart-container #dtlms-ajax-load-image img { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .page-template-default.page .dtlms-chart-container table.dtlms-custom-table { float: left; } .page-template-default.page .dtlms-chart-container table.dtlms-custom-table tbody:not(.dtlms-custom-dashboard-table) tr td:first-child { width: 75%; } .page-template-default.page .dtlms-chart-container table.dtlms-custom-table tbody:not(.dtlms-custom-dashboard-table) tr td { width: 25%; border-bottom: 1px solid; } .page-template-default.page .dtlms-statistics-container { padding: 0; } .page-template-default.page .dtlms-overview-chart-container { margin-bottom: 20px; margin-top: 5px; float: left; width: 100%; } .page-template-default.page .dtlms-statistics-container table.dtlms-custom-table tbody tr:last-child td { border-bottom-width: 1px; } .page-template-default.page .dtlms-chart-container select, .page-template-default.page .dtlms-statistics-courses-instructor select, .page-template-default.page .dtlms-statistics-container select, .page-template-default.page .dtlms-chart-holder select { padding: 0 10px; min-width: 300px; width: 300px !important; } .page-template-default.page .dtlms-admin-dashboard h1, .page-template-default.page .dtlms-admin-dashboard h2, .page-template-default.page .dtlms-admin-dashboard h3, .page-template-default.page .dtlms-admin-dashboard h4, .page-template-default.page .dtlms-admin-dashboard h5, .page-template-default.page .dtlms-admin-dashboard h6 { padding-top: 0; } .page-template-default.page .dtlms-admin-dashboard table { border-collapse: separate; border-spacing: 0; border-style: solid; border-width: 1px 0; clear: both; margin-bottom: 0; text-align: center; width: 100%; } .page-template-default.page .dtlms-admin-dashboard table th { border-bottom-width: 0; border-right: 1px solid; padding: 10px; font-size: 13px; font-weight: 600; line-height: normal; text-transform: capitalize; text-align: center; } .page-template-default.page .dtlms-admin-dashboard table td { border-right: 1px solid; border-bottom: 1px solid; font-size: 13px; line-height: normal; text-align: center; padding: 15px; } .page-template-default.page .dtlms-admin-dashboard table tr:last-child td { border-bottom-width: 0; } .page-template-default.page .dtlms-admin-dashboard table td:first-child { border-left: 1px solid; } .page-template-default.page .dtlms-admin-dashboard table .dtlms-progressbar { margin: 16px 0 14px; } .page-template-default.page .dtlms-admin-dashboard table tr td a.dtlms-button { float: none; margin: 0; } .page-template-default.page .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-mini-calendar-nav tr { border-style: solid; border-width: 2px 2px 0; } .page-template-default.page .widget.tribe_mini_calendar_widget .tribe-mini-calendar-nav td { border-width: 0; padding: 10px 0; width: auto; } .page-template-default.page .widget.tribe_mini_calendar_widget table tr th:nth-child(2), .page-template-default.page .widget.tribe_mini_calendar_widget table tr td:nth-child(2) { width: auto; } .page-template-default.page .widget.tribe_mini_calendar_widget td { padding: 0; } .page-template-default.page .widget.tribe_mini_calendar_widget tr td:last-child { border-right-width: 0; } .page-template-default.page .widget.tribe_mini_calendar_widget .tribe-mini-calendar th { padding: 10px; border-style: solid; border-width: 2px 1px 1px; text-align: center; width: auto; } .page-template-default.page .widget.tribe_mini_calendar_widget .tribe-mini-calendar div[id*="daynum-"] a { border: 1px solid; } .page-template-default.page .dtlms-custom-table-wrapper table.dtlms-custom-table, .page-template-default.page .dtlms-student-certificate-holder table.dtlms-custom-table { border-bottom-width: 0; } .page-template-default.page .dtlms-statistics-container .dtlms-custom-table td .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder { right: 15px; } .dtlms-statistics-container .dtlms-instructor-commissions-container table.dtlms-custom-table { margin-top: 5px; } .dtlms-statistics-container .dtlms-instructor-commissions-container table.dtlms-custom-table ins { background: none; margin-left: 5px; } .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip:hover .dtlms-subscription-detail-holder { opacity: 1; visibility: visible; } .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-custom-table td .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder { width: 480px; max-height: 233px; overflow-x: hidden; overflow-y: scroll; } .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder .dtlms-subscriber-details { border-style: solid; border-width: 1px 1px 0; float: left; width: 100%; } .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder .dtlms-subscriber-details:last-child { border-bottom-width: 1px; } .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder .dtlms-subscriber-details > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder .dtlms-subscriber-details > label { width: 35%; float: left; padding: 20px; text-align: left; cursor: default; border-right: 1px solid; margin: 0; font-weight: normal; } .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder .dtlms-subscriber-details > ul { width: 65%; float: right; padding: 20px; margin: 0; text-align: left; border: none; height: auto; overflow: visible; } .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder .dtlms-subscriber-details > ul li { float: none; display: inline-block; position: relative; margin: 0 5px 0 0; padding: 0 5px 0 0; border: none; width: auto; } .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder .dtlms-subscriber-details > ul li:before { position: absolute; content: ","; display: block; right: 0; } .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder .dtlms-subscriber-details > ul li:last-child { margin: 0; padding: 0; } .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder .dtlms-subscriber-details > ul li:last-child:before { display: none; } .page-template-default.page .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-custom-table td .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder { width: 380px; max-height: 60px; } .page-template-default.page .dtlms-custom-table-wrapper .dtlms-custom-table .dtlms-progressbar { background-color: #ddd; margin: 7px 0 10px; width: 85%; } /*-------------------------------------------------------------- Generic Colors --------------------------------------------------------------*/ /*----*****---- << BG >> ----*****----*/ .dtlms-course-category-item.type6:before { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 48%, rgba(255,255,255,0.42) 49%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(255,255,255,0)), color-stop(48%, rgba(255,255,255,0.4)), color-stop(49%, rgba(255,255,255,0.42)), color-stop(70%, rgba(255,255,255,0.8)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 48%, rgba(255,255,255,0.42) 49%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 48%, rgba(255,255,255,0.42) 49%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 48%, rgba(255,255,255,0.42) 49%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 48%, rgba(255,255,255,0.42) 49%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); } /* Labels */ .dtlms-curriculum-intro-details-meta > span, .dtlms-curriculum-intro-details-meta .dtlms-curriculum-duration, .dtlms-view-class-result, .dtlms-view-course-result, .dtlms-author-details .dtlms-author-description .dtlms-author-contact-details > li > a, .dtlms-item-status-details > span, /* Miscellaneous */ .dtlms-main-title-section-wrapper .dtlms-breadcrumb .fa.default, .dtlms-item-pricing-details, .dtlms-course-category-item.type4:before, .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a:hover, div[class*="listing-containers"] .dtlms-item-status-details > span, .dtlms-packagelist-item .dtlms-package-pricing-details .dtlms-item-pricing-details { background-color: #000; } .dtlms-course-category-item.type1:before { background: rgba(0,0,0,0.65); } /* Miscellaneous */ .dtlms-login-form-overlay, .dtlms-class-registration-form-overlay, .dtlms-courselist-overlay, .dtlms-classlist-overlay { background-color: rgba(0,0,0,0.8); } /* Login Form */ .dtlms-social-logins-divider:before, .dtlms-social-logins-divider:after { background-color: rgba(0,0,0,0.08); } /* Miscellaneous */ .dtlms-payment-details .dtlms-completed, .dtlms-payment-details .dtlms-purchased, .dtlms-payment-details .dtlms-undergoing, .dtlms-payment-details .dtlms-underevaluation, .dtlms-payment-details .dtlms-course-completed, .dtlms-payment-details .dtlms-course-pending, .dtlms-payment-details .dtlms-course-notgraded, .dtlms-payment-details .dtlms-course-inprogress, .dtlms-payment-details .dtlms-assignment-completed, .dtlms-payment-details .dtlms-curriculum-item-completed, div[class*="list-item-wrapper"] .dtlms-item-status-details > a:hover, div[class*="list-item-wrapper"] .dtlms-item-status-details > .dtlms-button:hover, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > a:hover, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > .dtlms-button:hover { background-color: rgba(0,0,0,0.5); } /* Quiz */ ul.dtlms-quiz-statistics-counter li, .dtlms-quiz-features-list, .dtlms-question .dtlms-title-container { background-color: rgba(0,0,0,0.015); } ul.dtlms-quiz-statistics-counter li label { background-color: rgba(0,0,0,0.01); } /* Popup Overlay & Header */ .dtlms-course-curriculum-popup-header, .dtlms-timer-container, .dtlms-question-counter-holder, .dtlms-close-course-curriculum-popup:hover, .dtlms-refresh-course-curriculum:hover, .dtlms-refresh-course-result:hover, .dtlms-refresh-class-result:hover { background-color: rgba(0,0,0,0.05); } /* Frontend Dashboard */ .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder .dtlms-subscriber-details, /* Miscellaneous */ .dtlms-login-form-container .dtlms-login-form, .dtlms-social-logins-divider, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner, .dtlms-packagelist-details, .dtlms-course-category-item.type3 span:after, .dtlms-course-category-item.type4:after, .dtlms-instructor-item.type1, /* Class & Course Listing */ div[class*="listing-holder"] .dtlms-courses-listing-filters a.dtlms-courses-display-type:hover, div[class*="list-item-wrapper"] div[class*="list-thumb"] div[class$="certificate-badge"] span, div[class*="list-item-wrapper"] div[class*="list-details"], div[class*="list-item-wrapper"] div[class*="list-details"] .dtlms-ratings, .dtlms-sidebar-container div[class*="list-item-wrapper"].list-item div[class*="list-details"], div[class*="listing-holder"] form div[class*="listing-filters"] input[type="text"], div[class*="listing-holder"] div[class*="listing-filters"] input[type="text"], /* Carousel */ div[class*="listing-containers"] div[class*="list-item-wrapper"] div[class*="list-thumb"] .dtlms-class-type, div[class*="listing-containers"].swiper-wrapper .swiper-slide div[class*="list-thumb"] .featured-tag, div[class*="listing-containers"].swiper-wrapper .swiper-slide div[class*="list-thumb"] .dtlms-course-type, /* Course Detail Tabs Section */ .dtlms-tabs-horizontal-content .dtlms-course-detail-group-section .action > .group-button { background-color: #fff; } .dtlms-course-category-item.type1:hover:before { background: rgba(255,255,255,0.95); } .dtlms-course-category-item.type6:after { background: rgba(255,255,255,0.8); } /* Classes & Courses */ div[class*="listing-holder"] div[class*="display-filter"] a[class*="display-type"], div[class*="list-item-wrapper"] div[class*="list-thumb"] div[class$="list-overlay"] a.dtlms-button, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button, .dtlms-tabs-horizontal-container .dtlms-sidebar-container div[class*="listing-holder"].dtlms-courses-swiper-listing, .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical > li > a.current, /* Miscellaneous */ div[class$="share-holder"] > span { background-color: #e9e9e9; } /* Frontend Dashboard */ .page-template-default.page .dtlms-chart-container table.dtlms-custom-table tbody:not(.dtlms-custom-dashboard-table) tr td, .page-template-default.page .dtlms-admin-dashboard table td, /* Miscellaneous */ div[class*="listing-holder"] div[class*="listing-filters"] div[class$="filter"], .dtlms-sidebar-container, .dtlms-instructor-item.type2:before, .dtlms-instructor-item.type2:after, .dtlms-instructor-item.type4:before { background-color: #f9f9f9; } .dtlms-curriculum-list li .dtlms-completed, body[class*="single-dtlms"] ins, .dtlms-item-pricing-details ins, .dtlms-classlist-item-wrapper.list-item .dtlms-classlist-details .dtlms-classlist-meta-wrapper, .dtlms-item-status-details .dtlms-item-pricing-details, .dtlms-packagelist-item .dtlms-item-status-details .dtlms-purchased, .dtlms-sidebar-container div[class*="listing-containers"] div[class*="list-item-wrapper"] div[class*="list-details"] .dtlms-ratings, .dtlms-sidebar-container div[class*="listing-containers"] div[class*="list-item-wrapper"].list-item div[class*="list-details"] .dtlms-ratings, div[class*="listing-holder"] .dtlms-column div[class*="listing-filters"] input[type="text"] { background-color: transparent; } div[class*="listing-holder"] .dtlms-column div[class*="listing-filters"] input[type="text"]{background-color:#fff; border-color:#e4e4e4; } /*----*****---- << Borders >> ----*****----*/ .dtlms-class-registration-form input[type="text"], .dtlms-class-registration-form input[type="password"], .dtlms-class-registration-form input[type="email"], .dtlms-class-registration-form input[type="url"], .dtlms-class-registration-form input[type="tel"], .dtlms-class-registration-form input[type="number"], .dtlms-class-registration-form input[type="range"], .dtlms-class-registration-form input[type="date"], .dtlms-class-registration-form textarea, .dtlms-class-registration-form input.text, .dtlms-class-registration-form input[type="search"], .dtlms-class-registration-form select, .dtlms-login-form-container input[type="text"], .dtlms-login-form-container input[type="password"], .dtlms-login-form-container input[type="email"], .dtlms-login-form-container input[type="url"], .dtlms-login-form-container input[type="tel"], .dtlms-login-form-container input[type="number"], .dtlms-login-form-container input[type="range"], .dtlms-login-form-container input[type="date"], .dtlms-login-form-container textarea, .dtlms-login-form-container input.text, .dtlms-login-form-container input[type="search"], .dtlms-login-form-container select, /* Frontend Dashboard */ .page-template-default.page .dtlms-chart-holder .dtlms-overview-chart-container table, .page-template-default.page .dtlms-chart-holder .dtlms-overview-chart-container table tr th:last-child, .page-template-default.page .dtlms-chart-holder .dtlms-overview-chart-container table tr td:last-child, .page-template-default.page .dtlms-admin-dashboard table, .page-template-default.page .dtlms-admin-dashboard table td, .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder .dtlms-subscriber-details, /* Classes & Courses */ div[class*="list-item-wrapper"].list-item div[class*="list-details"], .dtlms-apply-isotope div[class*="list-item-wrapper"].list-item.dtlms-column div[class*="list-details"], div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > a, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > .dtlms-button, div[class*="list-item-wrapper"] div[class*="list-details"] .dtlms-ratings, .dtlms-forum-button-holder:before, .dtlms-packagelist-details, .dtlms-packagelist-metadata, .dtlms-packagelist-metadata > p:not(:first-child):before, body[class*="single-dtlms"] ul.commentlist li .reply:before, body[class*="single-dtlms"] ul.commentlist li .author-name, .dtlms-payment-details .dtlms-item-status-details > .dtlms-item-pricing-details, /* Miscellaneous */ div[class*="list-item-wrapper"] div[class*="list-details"] .dtlms-ratings, .dtlms-course-results-main-detail-wrapper .dtlms-item-progress-details-holder > h3, .dtlms-course-results-main-detail-wrapper .dtlms-badge-certificate-holder > h3, .dtlms-course-results-main-detail-wrapper .dtlms-course-review-holder > h3, .dtlms-course-results-main-detail-wrapper .dtlms-author-details > h3, .dtlms-class-results-main-detail-wrapper .dtlms-item-progress-details-holder > h3, .dtlms-class-results-main-detail-wrapper .dtlms-badge-certificate-holder > h3, .dtlms-class-results-main-detail-wrapper .dtlms-class-review-holder > h3, .dtlms-class-results-main-detail-wrapper .dtlms-author-details > h3, .dtlms-package-items > h3, div[class*="listing-holder"] form div[class*="listing-filters"] .chosen-container .chosen-choices, div[class*="listing-holder"] form div[class*="listing-filters"] .chosen-container .chosen-single { border-color: rgba(0,0,0,0.15); } .page-template-default.page .dtlms-chart-container table.dtlms-custom-table tbody:not(.dtlms-custom-dashboard-table) tr td { border-bottom-color: rgba(0, 0, 0, 0.15); } .page-template-default.page .dtlms-admin-dashboard table td:first-child { border-left-color: rgba(0, 0, 0, 0.15); } .page-template-default.page .dtlms-admin-dashboard table th, .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder .dtlms-subscriber-details > label { border-right-color: rgba(0, 0, 0, 0.15); } #dtlms-course-curriculum-popup:before, #dtlms-course-result-popup:before, #dtlms-class-result-popup:before { border-color: rgba(0,0,0,0.75); } div[class*="list-item-wrapper"] .dtlms-courselist-details .dtlms-courselist-metadata p { border-color: rgba(0,0,0,0.5); } .dtlms-login-form-container .dtlms-login-form, .dtlms-social-logins-divider, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner { border-color: rgba(0,0,0,0.05); } .dtlms-timer-container .dtlms-quiz-timer { border-top-color: rgba(0,0,0,0.05); } .dtlms-course-category-item.type3 { border-color: rgba(0,0,0,0.075); } .dtlms-questions-list .dtlms-question:before, .dtlms-courselist-duration i, div[class$="details-holder"] ul li > i, div[class$="details-holder"] ul li > span, body[class*="single-dtlms"] ul.commentlist li .reply a { border-color: #000; } /* Frontend Dashboard */ .page-template-default.page .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-mini-calendar-nav tr, .page-template-default.page .widget.tribe_mini_calendar_widget .tribe-mini-calendar th, .page-template-default.page .widget.tribe_mini_calendar_widget .tribe-mini-calendar div[id*="daynum-"] a, /* Courses */ div[class*="list-item-wrapper"] div[class*="list-details"], div[class*="listing-holder"] .pagination, .dtlms-curriculum-list > li, .dtlms-tabs-horizontal-content .dtlms-course-detail-students-enrolled-list li, .widget.tribe_mini_calendar_widget .tribe-mini-calendar th, .widget.tribe_mini_calendar_widget .tribe-mini-calendar-nav td, .widget.tribe_mini_calendar_widget .tribe-mini-calendar div[id*="daynum-"] a, .widget.tribe_mini_calendar_widget .tribe-mini-calendar tbody, .dtlms-tabs-horizontal-content #comments .comment-list li.comment, .dtlms-course-single .dtlms-tabs-horizontal-container > div:last-child, /* Classes */ .dtlms-class-single ul.dtlms-class-menu-list, .dtlms-tabs-vertical-content, .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical:after, .dtlms-tabs-vertical-content .dtlms-toggle-group-set, .dtlms-tabs-vertical-content .dtlms-toggle-group-set .dtlms-curriculum-list > li, .dtlms-tabs-vertical-content .dtlms-course-detail-students-enrolled-list li, .dtlms-tabs-vertical-content .widget.tribe_mini_calendar_widget .tribe-mini-calendar th, .dtlms-tabs-vertical-content .widget.tribe_mini_calendar_widget .tribe-mini-calendar-nav td, .dtlms-tabs-vertical-content .widget.tribe_mini_calendar_widget .tribe-mini-calendar div[id*="daynum-"] a, .dtlms-tabs-vertical-content .widget.tribe_mini_calendar_widget .tribe-mini-calendar tbody, .dtlms-tabs-vertical-content #comments .comment-list li.comment, .dtlms-class-single #comments .comment-list li.comment, /* Miscellaneous */ .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal, .dtlms-toggle-group-set .dtlms-toggle-content, .dtlms-toggle-content .block .dtlms-course-curriculum-overview li { border-color: #eee; } .dtlms-expand-course-result-main-details:after, .dtlms-expand-class-result-main-details:after { border-top-color: #eee; } .dtlms-instructor-item.type1:hover, .dtlms-instructor-item.type2 { border-color: #f5f5f5; } div[class*="listing-holder"] div[class*="rightside-filter"] { background-color: #f5f5f5; } .dtlms-class-registration-form input[type="text"]:focus, .dtlms-class-registration-form input[type="password"]:focus, .dtlms-class-registration-form input[type="email"]:focus, .dtlms-class-registration-form input[type="url"]:focus, .dtlms-class-registration-form input[type="tel"]:focus, .dtlms-class-registration-form input[type="number"]:focus, .dtlms-class-registration-form input[type="range"]:focus, .dtlms-class-registration-form input[type="date"]:focus, .dtlms-class-registration-form textarea:focus, .dtlms-class-registration-form input.text:focus, .dtlms-class-registration-form input[type="search"]:focus, .dtlms-login-form-container input[type="text"]:focus, .dtlms-login-form-container input[type="password"]:focus, .dtlms-login-form-container input[type="email"]:focus, .dtlms-login-form-container input[type="url"]:focus, .dtlms-login-form-container input[type="tel"]:focus, .dtlms-login-form-container input[type="number"]:focus, .dtlms-login-form-container input[type="range"]:focus, .dtlms-login-form-container input[type="date"]:focus, .dtlms-login-form-container textarea:focus, .dtlms-login-form-container input.text:focus, .dtlms-login-form-container input[type="search"]:focus { border-color: #b7b7b7; } .dtlms-quiz-questions ul.dtlms-question-image-options li { border-color: transparent; } div[class*="list-item-wrapper"] div[class*="list-details"] .dtlms-author-details .dtlms-author-image a img { -webkit-box-shadow: 0 0 0 2px #fff; box-shadow: 0 0 0 2px #fff; } .dtlms-question table, div[class*="list-item-wrapper"]:not(.list-item) div[class*="list-thumb"].without-featured-image div[class*="list-certificate-badge"] span { -webkit-box-shadow: 0 0 0 1px #eee inset; box-shadow: 0 0 0 1px #eee inset; } .dtlms-forum-button-holder .dtlms-button.dtlms-button-forum-link { -webkit-box-shadow: 0 0 0 8px #fff; box-shadow: 0 0 0 8px #fff; } .dtlms-instructor-item.type1:hover { box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.075); -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.075); } .page-template-default.page .dtlms-admin-dashboard table tr td a, .dtlms-course-category-item h3 a, .dtlms-course-category-item h3 a:hover, .dtlms-course-category-item h3 a:focus, .dtlms-instructor-item h4 a, .dtlms-instructor-item h4 a:hover, .dtlms-instructor-item h4 a:focus, .dtlms-instructor-item .dtlms-team-social-links ul li a, .dtlms-instructor-item .dtlms-team-social-links ul li a:hover, .dtlms-instructor-item .dtlms-team-social-links ul li a:focus, .dtlms-apply-isotope div[class*="listing-isotope-filter"] a, .dtlms-classlist-class-courses-list ul li a, div[class*="list-item-wrapper"] div[class*="list-thumb"] > a img, div[class*="list-item-wrapper"] div[class*="list-thumb"] div[class$="list-overlay"] a.dtlms-button, div[class*="list-item-wrapper"] div[class*="list-thumb"] a, div[class*="list-item-wrapper"] div[class*="list-thumb"] a:hover, div[class*="list-item-wrapper"] div[class*="list-thumb"] a:focus, div[class*="list-item-wrapper"] div[class*="list-details"] a, div[class*="list-item-wrapper"] div[class*="list-details"] a:hover, div[class*="list-item-wrapper"] div[class*="list-details"] a:focus, div[class*="listing-holder"] .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a, .dtlms-class-single #comments .reply .comment-reply-link, .dtlms-course-single #comments .reply .comment-reply-link, .widget.tribe_mini_calendar_widget .tribe-mini-calendar a:hover, .widget.dt_widget_media_attachments .courses-share li a, .dt_widget_media_attachments .dtlms-media-attachments li a:hover, .dt_widget_media_attachments .dtlms-media-attachments li a:focus, .dtlms-tabs-horizontal-content #comments .reply .comment-reply-link, .dtlms-tabs-vertical-content #comments .reply .comment-reply-link, .dtlms-tabs-horizontal-content .widget a, .dtlms-tabs-horizontal-content .widget a:focus, .dtlms-tabs-horizontal-content .widget a:hover, .dtlms-tabs-vertical-content .widget a, .dtlms-tabs-vertical-content .widget a:focus, .dtlms-tabs-vertical-content .widget a:hover { -webkit-box-shadow: none; box-shadow: none; } /*----*****---- << Colors >> ----*****----*/ /* Classes & Courses */ div[class*="listing-holder"] div[class*="display-filter"] a[class*="display-type"], .dtlms-classlist-overlay a.dtlms-button, .dtlms-courselist-overlay a.dtlms-button, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > a.dtlms-cart-link:hover, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > .dtlms-cart-link.dtlms-button:hover, div[class*="list-item-wrapper"] div[class*="list-thumb"] .featured-tag, .dtlms-main-title-section-wrapper .featured-post, div[class$="details-holder"] ul li > i, div[class$="details-holder"] ul li > span, .dtlms-classlist-certificate-badge span, .dtlms-courselist-certificate-badge span, .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li > a.current, .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li > a:hover, .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical > li > a.current, .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical > li > a:hover, /* Miscellaneous */ .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder label, .dtlms-login-form-container .dtlms-login-form .dtlms-title.dtlms-login-title h2, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner .dtlms-title.dtlms-registration-title h2, .dtlms-title, .dtlms-main-title-section-wrapper .dtlms-breadcrumb a, div[class$="details-holder"] ul li a, div[class*="dynamic-section-holder"] p > a:hover, .dtlms-countdown-holder .dtlms-countdown-wrapper, body[class*="single-dtlms"] ul.commentlist li .author-name, body[class*="single-dtlms"] ul.commentlist li .author-name > a, body[class*="single-dtlms"] ul.commentlist li .reply a, #comments #respond h3#reply-title #cancel-comment-reply-link, .dtlms-team-details h4 a, .dtlms-course-detail-group-section .item-title a, .dtlms-course-detail-news-item .dtlms-course-detail-news-details h5 a, .dtlms-course-category-item.type4:hover *, .dtlms-course-category-item.type4:hover a, .dtlms-course-category-item.type6 .dtlms-course-category-meta-data, .dtlms-course-category-item.type6 .dtlms-course-category-meta-data h3 a, .dtlms-instructor-item.type3:hover .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a:hover, .dtlms-instructor-item.type3.vibrant:hover .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a:hover, .dtlms-instructor-item.vibrant.type1 .dtlms-team-social-links ul li a:hover, .dtlms-instructor-item.vibrant.type2 .dtlms-team-social-links ul li a:hover { color: #000; } /* Frontend Dashboard */ .page-template-default.page .dtlms-admin-dashboard table td, .dtlms-statistics-container .dtlms-instructor-commissions-container .dtlms-subscriber-tooltip .dtlms-subscription-detail-holder .dtlms-subscriber-details > label, /* Miscellaneous */ .dtlms-main-title-section-wrapper .dtlms-breadcrumb, .dtlms-main-title-section-wrapper .dtlms-breadcrumb span.current, div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-description"], div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-metadata"], div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-metadata"] a, div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-metadata-inner"] p, body[class*="single-dtlms"] ul.commentlist li .author-name span, .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical > li > a { color: rgba(0, 0, 0, 0.5); } /* Class, Course & Package Listing */ div[class*="listing-holder"] div[class*="display-filter"] a[class*="display-type"].active, div[class*="list-item-wrapper"] div[class*="list-thumb"] div[class$="list-overlay"] a.dtlms-button:hover, .dtlms-classlist-item-wrapper .dtlms-classlist-details .dtlms-classlist-meta-wrapper .dtlms-class-type, div[class*="list-item-wrapper"] .dtlms-item-status-details > a, div[class*="list-item-wrapper"] .dtlms-item-status-details > .dtlms-button, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > a, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > .dtlms-button, div[class*="list-item-wrapper"] .dtlms-item-status-details > a:hover, div[class*="list-item-wrapper"] .dtlms-item-status-details > .dtlms-button:hover, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > a:hover, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > .dtlms-button:hover, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > a.dtlms-cart-link, div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-proceed-button > .dtlms-cart-link.dtlms-button, /* Class, Courses & Package Detail */ body[class*="single-dtlms"] ul.commentlist li .reply a, body[class*="single-dtlms"] ul.commentlist li .reply a:hover, .dtlms-class-single #comments .reply .comment-reply-link, .dtlms-class-single #comments .reply .comment-reply-link:hover, .dtlms-course-single #comments .reply .comment-reply-link, .dtlms-course-single #comments .reply .comment-reply-link:hover, .dtlms-tabs-horizontal-content #comments .reply .comment-reply-link, .dtlms-tabs-horizontal-content #comments .reply .comment-reply-link:hover, .dtlms-tabs-vertical-content #comments .reply .comment-reply-link, .dtlms-tabs-vertical-content #comments .reply .comment-reply-link:hover, .dtlms-tabs-horizontal-content #comments .reply .comment-reply-link .icon, .dtlms-tabs-horizontal-content .dtlms-course-detail-group-section .action > .group-button a, .dtlms-tabs-horizontal-content .dtlms-course-detail-group-section .action > .group-button a:hover, .dtlms-tabs-vertical-content .dtlms-course-detail-total-students span, .dtlms-tabs-vertical-content #comments .reply .comment-reply-link .icon, .dtlms-tabs-vertical-content .dtlms-course-detail-group-section .action > .group-button a, .dtlms-tabs-vertical-content .dtlms-course-detail-group-section .action > .group-button a:hover, /* Miscellaneous */ .dtlms-login-form .dtlms-social-logins-container a[class^="dtlms-social"], .dt-sc-dark-bg ul.dtlms-custom-login a, .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p #wp-submit, .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p #wp-submit:hover, .dtlms-upload-assignment .dtlms-remove-upload-assignment-field, .dtlms-timer-container > h4, div[class$="share-holder"] ul li a, div[class$="share-holder"] ul li a:hover, .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a:hover, .dt-sc-dark-bg .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a, .dt-sc-skin-highlight .swiper-container-horizontal .dtlms-swiper-pagination-holder .dtlms-swiper-arrow-pagination a, .dtlms-course-category-item.type1 *, .dtlms-course-category-item.type2 *, .dtlms-course-category-item.type3:hover h3 a, .dtlms-course-category-item.type4 *, .dtlms-course-category-item.type4 a, .dtlms-course-category-item.type5 .dtlms-course-category-meta-data > span, .dtlms-instructor-item.type3.with-bg:hover .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a:hover, .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a, .dt-sc-dark-bg .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data h4 a, .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li > a { color:#fff; } .dt-sc-dark-bg .dtlms-instructor-item.type3 .dtlms-instructor-item-meta-data h4 a:hover, .dt-sc-dark-bg .dtlms-instructor-item.type3:hover .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a:hover { color: rgba(255,255,255,0.6); } .dtlms-class-registration-form input[type="text"], .dtlms-class-registration-form input[type="password"], .dtlms-class-registration-form input[type="email"], .dtlms-class-registration-form input[type="url"], .dtlms-class-registration-form input[type="tel"], .dtlms-class-registration-form input[type="number"], .dtlms-class-registration-form input[type="range"], .dtlms-class-registration-form input[type="date"], .dtlms-class-registration-form textarea, .dtlms-class-registration-form input.text, .dtlms-class-registration-form input[type="search"], .dtlms-class-registration-form textarea, .dtlms-login-form-container input[type="text"], .dtlms-login-form-container input[type="password"], .dtlms-login-form-container input[type="email"], .dtlms-login-form-container input[type="url"], .dtlms-login-form-container input[type="tel"], .dtlms-login-form-container input[type="number"], .dtlms-login-form-container input[type="range"], .dtlms-login-form-container input[type="date"], .dtlms-login-form-container textarea, .dtlms-login-form-container input.text, .dtlms-login-form-container input[type="search"], .dtlms-login-form-container textarea, .dtlms-class-registration-form input[type="text"]:focus, .dtlms-class-registration-form input[type="password"]:focus, .dtlms-class-registration-form input[type="email"]:focus, .dtlms-class-registration-form input[type="url"]:focus, .dtlms-class-registration-form input[type="tel"]:focus, .dtlms-class-registration-form input[type="number"]:focus, .dtlms-class-registration-form input[type="range"]:focus, .dtlms-class-registration-form input[type="date"]:focus, .dtlms-class-registration-form textarea:focus, .dtlms-class-registration-form input.text:focus, .dtlms-class-registration-form input[type="search"]:focus, .dtlms-login-form-container input[type="text"]:focus, .dtlms-login-form-container input[type="password"]:focus, .dtlms-login-form-container input[type="email"]:focus, .dtlms-login-form-container input[type="url"]:focus, .dtlms-login-form-container input[type="tel"]:focus, .dtlms-login-form-container input[type="number"]:focus, .dtlms-login-form-container input[type="range"]:focus, .dtlms-login-form-container input[type="date"]:focus, .dtlms-login-form-container textarea:focus, .dtlms-login-form-container input.text:focus, .dtlms-login-form-container input[type="search"]:focus { color:#b4aab4; } /***<< Certificate Styles have to go to Frontend.css >>***/ .dtlms-container .dtlms-certificate { position: absolute; display: inline-block; width: 100%; margin: 0 auto; left: 0; right: 0; } .dtlms-container .dtlms-certificate-content { display: inline-block; margin: 0 auto; text-align: center; padding: 0 60px; } .dtlms-certificate-1.dtlms-certificate-content .dtlms-certificate-heading .vc_custom_heading, .dtlms-certificate-2.dtlms-certificate-content .dtlms-certificate-heading, .dtlms-certificate-2.dtlms-certificate-content .vc_custom_heading, .dtlms-certificate-3.dtlms-certificate-content .dtlms-certificate-heading, .dtlms-certificate-3.dtlms-certificate-content .vc_custom_heading { margin-bottom: 0px; padding-top: 0px; } .dtlms-certificate-1.dtlms-certificate-content .wpb_text_column, .dtlms-certificate-1.dtlms-certificate-content .wpb_single_image, .dtlms-certificate-1.dtlms-certificate-content .dtlms-certificate-date .wpb_text_column, .dtlms-certificate-2.dtlms-certificate-content .wpb_single_image, .dtlms-certificate-2.dtlms-certificate-content .wpb_text_column, .dtlms-certificate-3.dtlms-certificate-content .wpb_single_image, .dtlms-certificate-3.dtlms-certificate-content .wpb_text_column { margin-bottom: 0; } .dtlms-certificate-1.dtlms-certificate-content .dtlms-certificate-date-container .vc_custom_heading, .dtlms-certificate-1.dtlms-certificate-content .dtlms-certificate-sign .vc_custom_heading { padding-top: 5px; } .dtlms-certificate-2.dtlms-certificate-content .dtlms-certificate-date-container .vc_custom_heading, .dtlms-certificate-2.dtlms-certificate-content .dtlms-certificate-sign .vc_custom_heading { padding-top:15px; } .dtlms-certificate-1.dtlms-certificate-content .dtlms-certificate-status, .dtlms-certificate-2.dtlms-certificate-content .dtlms-certificate-status, .dtlms-certificate-3.dtlms-certificate-content .dtlms-certificate-status { margin-bottom: 35px; } .dtlms-certificate-1.dtlms-certificate-content .dtlms-certificate-studentname, .dtlms-certificate-2.dtlms-certificate-content .dtlms-certificate-studentname { display: inline-block; text-align: center; font-size: 45px; font-weight: bold; text-transform: capitalize; color: #434244; font-family: Libre Baskerville; line-height: 32px; border-bottom: 2px solid #828182; width: 80%; } /* Certificate-1 */ .dtlms-certificate-content.dtlms-certificate-1 .dtlms-certificate-logo { position: relative; margin: 0; } .dtlms-certificate-content.dtlms-certificate-1 .dtlms-certificate-logo .wpb_heading { font-size: 28px; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; margin: auto; font-weight: 600; color: #434244; font-family: Libre Baskerville; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);} .dtlms-certificate-content.dtlms-certificate-1 .dtlms-certificate-status p { font-size: 20px; color: #c49a6c; line-height: normal; text-align: center; font-family: Lora; font-weight: 700; font-style: normal; display: inline-block; text-transform: uppercase; margin-bottom:0; } .dtlms-certificate-1.dtlms-certificate-content .dtlms-certificate-itemname, .dtlms-certificate-1.dtlms-certificate-content .dtlms-certificate-userpercentage { display: inline-block; font-size: 20px; color: #000000; line-height: normal; text-align: center; font-family: lora; font-weight: 500; margin: 0 5px 0; padding: 5px; background: #fdee03; text-transform: uppercase; } .dtlms-certificate-1.dtlms-certificate-content .dtlms-certificate-date-container .dtlms-certificate-date { color: #414042; font-family: Libre Baskerville; font-size: 18px; line-height: normal; text-transform: capitalize; font-weight: 700; } .dtlms-certificate-1.dtlms-certificate-content .dtlms-certificate-date-container .vc_custom_heading, .dtlms-certificate-1.dtlms-certificate-content .dtlms-certificate-sign .vc_custom_heading { border-top-width: 2px; border-top-color: #000; border-top-style: solid; text-transform: capitalize; width: 50%; margin: 0 auto; } /*-------------------------------------------------------------- Responsive --------------------------------------------------------------*/ @media only screen and (min-width:1381px) and (max-width:1680px) { .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li, .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li > a > span { margin-right: 8px; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li > a { font-size: 14px; letter-spacing: 0; padding: 10px 6px; } } @media only screen and (min-width:1200px) and (max-width:1380px) { .dtlms-container { width: 1080px; } div[class*="listing-containers"] .dtlms-column.first { clear: none; } div[class*="listing-containers"] .dtlms-one-third, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-third, div[class*="listing-containers"] .dtlms-one-fourth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-fourth { clear: none; width: 50%; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li, .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li > a > span { margin-right: 6px; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li > a { font-size: 13px; letter-spacing: 0; padding: 10px 4px; } .dtlms-toggle-group-set h5.dtlms-toggle { font-size: 18px; } .dtlms-toggle-group-set .dtlms-toggle-group-set h5.dtlms-toggle, .dtlms-toggle-group-set .dtlms-toggle-content .block { font-size: 14px; } #dtlms-course-curriculum-popup .dtlms-curriculum-details .dtlms-curriculum-detailed-links .dtlms-toggle-group-set { padding: 0 15px; } #dtlms-course-curriculum-popup .dtlms-curriculum-details .dtlms-curriculum-detailed-links .dtlms-toggle-group-set .dtlms-curriculum-list { padding-left: 10px; } .dtlms-instructor-item.type1 .dtlms-instructor-item-meta-data h5, .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data h5 { line-height: normal; margin-bottom: 5px; font-size: 14px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type9.dtlms-one-third.default .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 3px 0 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type9.dtlms-one-third.default .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li:last-child { margin-right: 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type8:not(.default) .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li, .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type10:not(.default) .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 5px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type8.vibrant .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li, .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type10.vibrant .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 10px 0 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type8.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 10px 5px 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 3px 0 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type9.dtlms-one-third.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 5px 0 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half {padding: 25px 20px 20px 95px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half img { width: 60px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type8 .dtlms-team-social-links ul, .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type10 .dtlms-team-social-links ul { margin-top: 0; } .page-with-sidebar .dtlms-course-category-item.type5.dtlms-one-third h3 { font-size: 14px; margin-top: 12px; } .page-with-sidebar .dtlms-course-category-item.type5.dtlms-one-third .dtlms-course-category-meta-data { min-height: 40px; } .page-with-sidebar .dtlms-course-category-item.type5.dtlms-one-third .dtlms-course-category-meta-data > span { line-height: 40px; width: 40px; height: 40px; } .page-with-sidebar .dtlms-course-category-item.type5.dtlms-one-third:hover .dtlms-course-category-meta-data { min-height: 100%; } .page-with-sidebar .dtlms-course-category-item.type5.dtlms-one-third h3 { margin-top: 10px; } .page-with-sidebar .dtlms-course-category-item.type5.dtlms-one-third .dtlms-category-total-items { width: 40px; height: 40px; line-height: 40px; } .page-with-sidebar .dtlms-course-category-item.type10.dtlms-one-third .dtlms-course-category-meta-data h3 { font-size: 14px; } } /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { html, body { overflow: visible !important; } .dtlms-container { width: 900px; } .dtlms-login-form-container .dtlms-login-form, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner { width: 65%; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p.login-username { float: left; width: 49%; margin-right: 1%; text-align: left; margin-bottom: 20px; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p.login-password { float: left; width: 49%; margin-left: 1%; text-align: left; margin-bottom: 20px; } div[class*="listing-holder"] > .dtlms-column { margin: 10px 0; width: 100%; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li, .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li > a > span { margin-right: 6px; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li > a { font-size: 12px; letter-spacing: 0; padding: 10px 3px; } .dtlms-ratings-breakup .dtlms-ratings-percentage { margin-left: 5px; } .dtlms-ratings-breakup li > span:not(.dtlms-ratings-label) { margin-left: 10px; } .dtlms-toggle-group-set h5.dtlms-toggle { font-size: 18px; } .dtlms-toggle-group-set .dtlms-toggle-group-set h5.dtlms-toggle, .dtlms-toggle-group-set .dtlms-toggle-content .block { font-size: 14px; } .dtlms-curriculum-detailed-links { height: auto !important; } .dtlms-instructor-item.type1.dtlms-one-third .dtlms-instructor-item-meta-data { width: 100%; float: right; margin-top: 12px; } .dtlms-instructor-item.type1.dtlms-one-third .dtlms-instructor-item-meta-data h5, .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data h5 {font-size: 15px; } .dtlms-instructor-item.type6.dtlms-one-third img { position: static; margin-right: 0; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; } .dtlms-instructor-item.type6.dtlms-one-third .dtlms-instructor-item-meta-data { padding-left: 0; width: 100%; float: left; margin-top: 20px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type1.dtlms-one-half img { width: 100px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type1.dtlms-one-half .dtlms-instructor-item-meta-data { width: 100%; float: right; margin-top: 12px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type1.dtlms-one-half .dtlms-instructor-item-meta-data h5, .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data h5 {font-size: 15px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type2.dtlms-one-half .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 5px -2px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type4.dtlms-one-half { padding: 25px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type4.dtlms-one-half .dtlms-instructor-item-meta-data h4 { font-size: 18px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type4.dtlms-one-half .dtlms-instructor-item-meta-data h5 {font-size: 14px; } .dtlms-instructor-item.type7.dtlms-one-third { padding: 20px 20px 20px 100px; } .dtlms-instructor-item.type7.dtlms-one-third img { width: 60px; } .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data h4 { margin-bottom: 0; } .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data p { font-size: 14px; margin-bottom: 5px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half { padding: 30px 25px 15px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half img { width: 100px; position: static; top: auto; left: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half .dtlms-instructor-item-meta-data { width: 100%; float: left; margin-top: 15px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half .dtlms-instructor-item-meta-data h4 { margin-bottom: 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half .dtlms-instructor-item-meta-data p { font-size: 14px; margin-bottom: 5px; } .dtlms-instructor-item.type8.dtlms-one-third .dtlms-instructor-item-meta-data h5 { margin-bottom: 0; } .dtlms-instructor-item.type10.dtlms-one-third .dtlms-instructor-item-meta-data h5 { margin-bottom: 18px; } .page-with-sidebar .dtlms-one-third.dtlms-instructor-item.type4 { padding: 25px; } .page-with-sidebar .dtlms-instructor-item.type4 .dtlms-instructor-item-meta-data h5 { font-size: 15px; } .page-with-sidebar .dtlms-instructor-item.type4 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin-right: 6px; } .page-with-sidebar .dtlms-instructor-item.with-bg .dtlms-team-social-links ul li a { width: 28px; height: 28px; line-height: 28px; font-size: 13px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type4.default .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li, .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type4.vibrant .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin-right: 15px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type4.default .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li:last-child, .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type4.vibrant .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li:last-child { margin-right: 0; } .page-with-sidebar .dtlms-instructor-item.type5.dtlms-one-third:before { border: 10px solid rgba(255, 255, 255, 0.4); } .page-with-sidebar .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data h4 { font-size: 17px; margin-bottom: 0; } .page-with-sidebar .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data h5 { font-size: 13px; margin-bottom: 3px; } .page-with-sidebar .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 6px 0 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-half:before { border: 10px solid rgba(255, 255, 255, 0.4); } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-half .dtlms-instructor-item-meta-data h4 { font-size: 17px; margin-bottom: 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-half .dtlms-instructor-item-meta-data h5 { font-size: 13px; margin-bottom: 3px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-half .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 6px 0 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type6.dtlms-one-half img { position: static; margin-right: 0; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type6.dtlms-one-half .dtlms-instructor-item-meta-data { padding-left: 0; width: 100%; float: left; margin-top: 20px; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-third { padding: 30px 25px 15px; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-third img { width: 100px; position: static; top: auto; left: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data { width: 100%; float: left; margin-top: 15px; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data h4 { margin-bottom: 0; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data p { font-size: 14px; margin-bottom: 5px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-third { padding: 30px 25px 15px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-third img { width: 100px; position: static; top: auto; left: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data { width: 100%; float: left; margin-top: 15px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data h4 { margin-bottom: 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data p { font-size: 14px; margin-bottom: 5px; } .page-with-sidebar .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data { padding: 20px 20px 10px; } .page-with-sidebar .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 5px 0 0; } .page-with-sidebar .dtlms-instructor-item.type9.dtlms-one-third.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a { font-size: 14px; } .page-with-sidebar .dtlms-instructor-item.type9.dtlms-one-third:not(.with-bg) .dtlms-team-social-links { margin-top: 10px; margin-left: -10px; } .page-with-sidebar .dtlms-instructor-item.type10.dtlms-one-third { padding: 20px 0 0; } .page-with-sidebar .dtlms-instructor-item.type10.dtlms-one-third .dtlms-instructor-item-meta-data { margin-top: 30px; } .page-with-sidebar .dtlms-instructor-item.type10.dtlms-one-third .dtlms-instructor-item-meta-data h5 { margin-bottom: 18px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.dtlms-one-third { width: 100%; margin: 0 0 20px 0; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type7.dtlms-one-half .dtlms-category-total-items, .dtlms-course-category-item.type7.dtlms-one-third .dtlms-category-total-items { font-size: 14px; } .dtlms-course-category-item.type10.dtlms-one-third .dtlms-course-category-meta-data h3 { font-size: 16px; } .page-with-sidebar .dtlms-course-category-item.type1 h3, .dtlms-course-category-item.type1 h3 { font-size: 24px; } .page-with-sidebar .dtlms-course-category-item.type5 h3, .dtlms-course-category-item.type5 h3 { font-size: 16px; margin-top: 12px; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.dtlms-one-third { width: 100%; margin: 0 0 20px 0; border-right: none; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type3.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type8.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type3.dtlms-one-third, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type8.dtlms-one-third { margin-bottom: 0; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-third { margin-bottom: 50px; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-half .dtlms-course-category-meta-data > img, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-third .dtlms-course-category-meta-data > img { margin-bottom: 10px; } .page-with-sidebar .dtlms-course-category-item.type1.dtlms-one-third .dtlms-course-category-meta-data > img { margin-bottom: 0; } .page-with-sidebar .dtlms-course-category-item.type1.dtlms-one-third h3 { font-size: 16px; } .page-with-sidebar .dtlms-course-category-item.type4.dtlms-one-third h3 { font-size: 14px; } .page-with-sidebar .dtlms-course-category-item.type3.dtlms-one-third h3, .page-with-sidebar .dtlms-course-category-item.type8.dtlms-one-third h3 { font-size: 17px; } .page-with-sidebar .dtlms-course-category-item.type1.dtlms-one-third:hover:before { top: 4px; right: 4px; bottom: 4px; left: 4px; } .page-with-sidebar .dtlms-course-category-item.type5.dtlms-one-third h3 { font-size: 14px; margin-top: 12px; } .page-with-sidebar .dtlms-course-category-item.type5.dtlms-one-third .dtlms-course-category-meta-data { min-height: 40px; } .page-with-sidebar .dtlms-course-category-item.type5.dtlms-one-third .dtlms-course-category-meta-data > span { line-height: 40px; width: 40px; height: 40px; } .page-with-sidebar .dtlms-course-category-item.type5.dtlms-one-third:hover .dtlms-course-category-meta-data { min-height: 100%; } .page-with-sidebar .dtlms-course-category-item.type5.dtlms-one-third h3 { margin-top: 10px; } .page-with-sidebar .dtlms-course-category-item.type6.dtlms-one-third .dtlms-course-category-meta-data { bottom: 15px; left: 15px; } .page-with-sidebar .dtlms-course-category-item.type6.dtlms-one-third .dtlms-course-category-meta-data img { margin-bottom: 0px; } .page-with-sidebar .dtlms-course-category-item.type6.dtlms-one-third .dtlms-course-category-meta-data h3 { font-size: 20px; } .page-with-sidebar .dtlms-course-category-item.type9.dtlms-one-third { margin-bottom: 50px; } .page-with-sidebar .dtlms-course-category-item.type9.dtlms-one-third .dtlms-course-category-meta-data > img { margin-bottom: 10px; } .page-with-sidebar .dtlms-course-category-item.type7.dtlms-one-third h3 { padding: 8px 7px 6px; font-size: 11px; line-height: normal; } .page-with-sidebar .dtlms-course-category-item.type7.dtlms-one-third .dtlms-category-total-items { font-size: 11px; padding: 9px 8px; line-height: normal; } .page-with-sidebar .dtlms-course-category-item.type10.dtlms-one-third .dtlms-course-category-meta-data h3 { font-size: 14px; } } @media only screen and (min-width:768px) and (max-width:991px) { .dtlms-container { width: 710px; } .dtlms-login-form-container .dtlms-login-form, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner { width: 65%; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p.login-username { float: left; width: 49%; margin-right: 1%; text-align: left; margin-bottom: 20px; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p.login-password { float: left; width: 49%; margin-left: 1%; text-align: left; margin-bottom: 20px; } div[class*="listing-holder"] > .dtlms-column { margin-left: 0; margin-right: 0; width: 100%; } div[class*="listing-holder"] > .dtlms-column.first { margin-bottom: 30px; } body[class*="single-dtlms"] .dtlms-main-title-section-wrapper .dtlms-container > .dtlms-column, .dtlms-tabs-vertical-container .dtlms-tabs-vertical-content .dtlms-column, .dtlms-tabs-vertical-container .dtlms-tabs-vertical-content .wpb_column, .dtlms-tabs-horizontal-container .dtlms-tabs-horizontal-content, .dtlms-tabs-horizontal-container .dtlms-sidebar-container { margin: 0 0 20px; width: 100%; } .dtlms-toggle-group-set h5.dtlms-toggle { font-size: 16px; } div[class*="dynamic-section-holder"] .dtlms-countdown-holder { margin-left: -6px; margin-right: -6px; text-align: left; } .dtlms-class-detail[class*="type"] div[class*="dynamic-section-holder"] .dtlms-countdown-holder, .dtlms-course-detail[class*="type"] div[class*="dynamic-section-holder"] .dtlms-countdown-holder { text-align: center; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal { border-width: 0; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li { border-color: inherit; border-style: solid; border-width: 0 0 3px; margin-right: 0; width: 100%; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li a { display: table; float: none; margin-left: auto; margin-right: auto; text-align: center; width: 85%; } .dtlms-instructor-item.type1 img, .dtlms-instructor-item.type1 .dtlms-instructor-item-meta-data { margin-left: 0; margin-right: 0; width: 100%; } .dtlms-instructor-item.type1 img, .dtlms-instructor-item.type2 img, .dtlms-instructor-item.type3 img { max-width: 100px; } .dtlms-instructor-item.type1.dtlms-one-half img, .dtlms-instructor-item.type2.dtlms-one-half img, .dtlms-instructor-item.type3.dtlms-one-half img { max-width: 100%; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin-bottom: 4px; margin-top: 4px; } .dtlms-course-category-item h3 { font-size: 16px; } .dtlms-course-category-item.type1 .dtlms-course-category-meta-data > span { font-size: 28px; } .dtlms-course-category-item.type5 .dtlms-course-category-meta-data { min-height: 50px; } .dtlms-course-category-item.type5 h3 { font-size: 16px; } .dtlms-course-category-item.type5 .dtlms-course-category-meta-data > span { font-size: 14px; height: 35px; line-height: 35px; width: 35px; } .dtlms-course-category-item.type5 .dtlms-category-total-items { height: 40px; line-height: 40px; width: 40px; } .dtlms-one-column.dtlms-course-category-item.type5 h3 { margin-top: 6px; } .dtlms-course-category-item.type6 .dtlms-course-category-meta-data span { font-size: 20px; } .dtlms-course-category-item.type6 .dtlms-course-category-meta-data h3 { font-size: 18px; } #dtlms-course-curriculum-popup .dtlms-curriculum-details .dtlms-curriculum-detailed-links .dtlms-toggle-group-set { height: auto; } .dtlms-curriculum-detailed-links { height: auto !important; } .dtlms-instructor-item.type1.dtlms-one-third .dtlms-instructor-item-meta-data, .dtlms-instructor-item.type1.dtlms-one-half .dtlms-instructor-item-meta-data { width: 100%; float: right; margin-top: 12px; } .dtlms-instructor-item.type1.dtlms-one-third .dtlms-instructor-item-meta-data h5, .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data h5, .dtlms-instructor-item.type1.dtlms-one-half .dtlms-instructor-item-meta-data h5 {font-size: 15px; } .dtlms-instructor-item.type2.dtlms-one-third .dtlms-instructor-item-meta-data h4 { font-size: 18px; } .dtlms-instructor-item.type2.dtlms-one-third .dtlms-instructor-item-meta-data h5 {font-size: 14px; } .dtlms-instructor-item.type2.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links {margin: 10px 0 0px; } .dtlms-instructor-item.type2.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 4px; } .dtlms-instructor-item.type4.dtlms-one-third { padding: 30px; } .dtlms-instructor-item.type4.dtlms-one-third .dtlms-instructor-item-meta-data h4 { font-size: 18px; } .dtlms-instructor-item.type4.dtlms-one-third .dtlms-instructor-item-meta-data h5 { font-size: 14px; } .dtlms-instructor-item.type5.dtlms-one-third:before { border: 12px solid rgba(255, 255, 255, 0.4); } .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data h4 { font-size: 18px; margin-bottom: 0; } .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data h5 { font-size: 14px; margin-bottom: 3px; } .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 6px 0 0; } .dtlms-instructor-item.type6.dtlms-one-third img { position: static; margin-right: 0; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; } .dtlms-instructor-item.type6.dtlms-one-third .dtlms-instructor-item-meta-data { padding-left: 0; width: 100%; float: left; margin-top: 20px; } .dtlms-instructor-item.type7.dtlms-one-third { padding: 30px 25px 15px; } .dtlms-instructor-item.type7.dtlms-one-third img { width: 100px; position: static; top: auto; left: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; } .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data { width: 100%; float: left; margin-top: 15px; } .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data h4 { margin-bottom: 0; } .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data p { font-size: 14px; margin-bottom: 5px; } .dtlms-instructor-item.type8.dtlms-one-third .dtlms-instructor-item-meta-data h4 { margin-bottom: 0; } .dtlms-instructor-item.type8.dtlms-one-third .dtlms-instructor-item-meta-data h5 { margin-bottom: 5px; } .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data { padding: 20px 20px 10px; } .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 8px 0 0; } .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a { font-size: 14px; } .dtlms-instructor-item.type9.dtlms-one-third:not(.with-bg) .dtlms-team-social-links { margin-top: 10px; margin-left: -10px; } .dtlms-instructor-item.type10.dtlms-one-third { padding: 20px 0 0; } .dtlms-instructor-item.type10.dtlms-one-third .dtlms-instructor-item-meta-data { margin-top: 30px; } .dtlms-instructor-item.type10.dtlms-one-third .dtlms-instructor-item-meta-data h5 { margin-bottom: 18px; } .page-with-sidebar .dtlms-instructor-item.dtlms-one-third.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li, .page-with-sidebar .dtlms-instructor-item.type2.dtlms-one-third.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li, .page-with-sidebar .dtlms-instructor-item.type3.dtlms-one-third.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 5px 5px; } .page-with-sidebar .dtlms-instructor-item.type4.dtlms-one-third { padding: 25px; } .page-with-sidebar .dtlms-instructor-item.type5.dtlms-one-third:before { border: 8px solid rgba(255, 255, 255, 0.4); } .page-with-sidebar .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data { width: 80%; } .page-with-sidebar .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data h4 { font-size: 14px; margin-bottom: 0; line-height: normal; } .page-with-sidebar .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data h5 { font-size: 11px; margin-bottom: 0; line-height: normal; } .page-with-sidebar .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 6px 0 0; } .page-with-sidebar .dtlms-instructor-item.type5.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a { font-size: 12px; } .page-with-sidebar .dtlms-instructor-item.type5.dtlms-one-third.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 4px 0 0; } .page-with-sidebar .dtlms-instructor-item.type5.dtlms-one-third.with-bg .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a { font-size: 11px; width: 25px; height: 25px; line-height: 25px; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-third { padding: 20px; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data h4 {font-size: 16px; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-third .dtlms-instructor-item-meta-data p { font-size: 12px; } .page-with-sidebar .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data { padding: 20px 10px 10px; } .page-with-sidebar .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 5px 5px 0; } .page-with-sidebar .dtlms-instructor-item.type9.dtlms-one-third .dtlms-team-social-links ul li a { width: 30px; height: 30px; line-height: 30px; } .page-with-sidebar .dtlms-instructor-item.type10.dtlms-one-third img { width: 120px; } .page-with-sidebar .dtlms-instructor-item.type8.dtlms-one-third { padding: 20px; } .page-with-sidebar .dtlms-instructor-item.type8.dtlms-one-third .dtlms-instructor-item-meta-data h4, .page-with-sidebar .dtlms-instructor-item.type10.dtlms-one-third .dtlms-instructor-item-meta-data h4 { font-size: 16px; } .page-with-sidebar .dtlms-instructor-item.type8.dtlms-one-third .dtlms-instructor-item-meta-data h5, .page-with-sidebar .dtlms-instructor-item.type10.dtlms-one-third .dtlms-instructor-item-meta-data h5 { font-size: 13px; } .page-with-sidebar .dtlms-instructor-item.type10.dtlms-one-third .dtlms-instructor-item-meta-data h4, .page-with-sidebar .dtlms-instructor-item.type10.dtlms-one-third .dtlms-instructor-item-meta-data h5 { padding: 0 10px; } .page-with-sidebar .dtlms-instructor-item.type10.dtlms-one-third.with-bg .dtlms-team-social-links ul li { margin-right: 3px; } .page-with-sidebar .dtlms-instructor-item.type10.dtlms-one-third.with-bg .dtlms-team-social-links ul li a { width: 27px; height: 27px; line-height: 27px; font-size: 12px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.dtlms-one-half { width: 100%; margin: 0 0 20px 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-half:before { border: 12px solid rgba(255, 255, 255, 0.4); } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-half .dtlms-instructor-item-meta-data h4 { font-size: 18px; margin-bottom: 0; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-half .dtlms-instructor-item-meta-data h5 { font-size: 14px; margin-bottom: 3px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type5.dtlms-one-half .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 6px 0 0; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half { padding: 20px; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-half img, .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half img { position: static; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; margin-bottom: 10px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type7.dtlms-one-half img { margin-right: 8%; } .page-with-sidebar .dtlms-instructor-item.type7.dtlms-one-half .dtlms-instructor-item-meta-data { width: 100%; float: left; } .page-with-sidebar .dtlms-instructor-item.type9.dtlms-one-half .dtlms-instructor-item-meta-data { padding: 30px 20px 10px; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type3.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type8.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type3.dtlms-one-third, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type8.dtlms-one-third { width: 100%; border-left: none; border-top: none; border-right: none; } .page-with-sidebar .dtlms-course-category-item.type5 h3 { font-size: 14px; margin-top: 8px; } .page-with-sidebar .dtlms-course-category-item.type7 h3 { line-height: 32px; padding: 8px 10px 6px; font-size: 12px; } .page-with-sidebar .dtlms-course-category-item.type7 .dtlms-category-total-items { font-size: 12px; } .page-with-sidebar .dtlms-course-category-item.type10 .dtlms-course-category-meta-data h3 { font-size: 16px; margin: 2px 0 0; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.dtlms-one-third { width: 100%; margin: 0 0 20px 0; border-right: none; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type3.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type8.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type3.dtlms-one-third, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type8.dtlms-one-third { margin-bottom: 0; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type5.dtlms-one-half h3, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type5.dtlms-one-third h3 { margin-top: 5px; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-third, .dtlms-course-category-item.type9.dtlms-one-third { margin-bottom: 50px; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-half .dtlms-course-category-meta-data > img, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-third .dtlms-course-category-meta-data > img, .dtlms-course-category-item.type9.dtlms-one-third .dtlms-course-category-meta-data > img, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-half .dtlms-course-category-meta-data > span, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-third .dtlms-course-category-meta-data > span, .dtlms-course-category-item.type9.dtlms-one-third .dtlms-course-category-meta-data > span { margin-bottom: 10px; } .dtlms-course-category-item.type1.dtlms-one-third .dtlms-course-category-meta-data > img { margin-bottom: 0; } .dtlms-course-category-item.type4.dtlms-one-third h3 { font-size: 18px; } .dtlms-course-category-item.type5.dtlms-one-third h3 { margin-top: 6px; } .dtlms-course-category-item.type7.dtlms-one-third .dtlms-category-total-items { font-size: 12px; } .dtlms-course-category-item.type10.dtlms-one-third .dtlms-course-category-meta-data h3 {font-size: 14px; margin: 3px 0 0; } .page-with-sidebar .dtlms-course-category-item.dtlms-one-third { width: 100%; margin: 0 0 20px; } .page-with-sidebar .dtlms-course-category-item.type3.dtlms-one-third, .page-with-sidebar .dtlms-course-category-item.type8.dtlms-one-third { margin-bottom: 0; } .page-with-sidebar .dtlms-course-category-item.dtlms-one-third { border-right: none; } .page-with-sidebar .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:nth-child(2n):nth-last-child(3), .page-with-sidebar .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:nth-last-child(-n+3) { border-bottom: 1px solid rgba(0,0,0,0.075); } .page-with-sidebar .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:nth-child(2n):nth-last-child(3), .page-with-sidebar .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:nth-last-child(-n+3) { border-bottom: 1px dashed rgba(0,0,0,0.2); } .page-with-sidebar .dtlms-course-category-item.dtlms-one-third.type9 { margin-bottom: 50px; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:last-child, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:last-child { border-bottom: none; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type5.dtlms-one-third h3 { margin-top: 7px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.dtlms-one-third { width: 100%; margin: 0 0 20px 0; } .type2.dtlms-classlist-item-wrapper.dtlms-one-third .dtlms-classlist-bottom-section-left, .type2.dtlms-classlist-item-wrapper.dtlms-one-third .dtlms-classlist-bottom-section-right { float: none; display: inline-block; width: 100%; text-align: center; } .type3.dtlms-classlist-item-wrapper.dtlms-one-third .dtlms-classlist-details .dtlms-classdetail-price-details { float: left; } .type3.dtlms-classlist-item-wrapper.dtlms-one-third .dtlms-classlist-bottom-section-right a { font-size: 16px; } } @media only screen and (max-width: 767px) { .dtlms-login-form-container .dtlms-login-form, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner { width: 85%; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder label { font-size: 13px; } .dtlms-login-form-container .dtlms-login-form .dtlms-title.dtlms-login-title h2, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner .dtlms-title.dtlms-registration-title h2 { font-size: 24px; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p.login-username { float: left; width: 49%; margin-right: 1%; text-align: left; margin-bottom: 20px; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p.login-password { float: left; width: 49%; margin-left: 1%; text-align: left; margin-bottom: 20px; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder, .dtlms-login-form-container .dtlms-social-logins-container, .dtlms-class-registration-form-container .dtlms-class-registration-form-holder { padding: 20px 30px; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder .login-remember { margin: 17px 0 10px; width: 33.33%; float: left; text-align: left; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder .login-submit { width: 35%; float: right; margin-bottom: 0; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder label { font-size: 14px; } .dtlms-login-form-container .dtlms-login-form .dtlms-title.dtlms-login-title h2, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner .dtlms-title.dtlms-registration-title h2 { margin: 0; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p #wp-submit { padding: 20px; width: 100%; } .dtlms-login-form-container .dtlms-login-form p.tpl-forget-pwd { width: 100%; float: right; margin: 0; text-align: right; font-size: 14px; } .dtlms-login-form-container .dtlms-login-form .dtlms-title.dtlms-login-title, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner .dtlms-title.dtlms-registration-title { text-align: left; margin-bottom: 30px; padding-bottom: 10px; } .dtlms-login-form-container .dtlms-login-form .dtlms-title.dtlms-login-title:after, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner .dtlms-title.dtlms-registration-title:after { right: auto; } div[class*="listing-containers"]:not(.swiper-wrapper), div[class*="dtlms-apply-isotope"] > div[class*="listing-items"], div[class*="swiper-listing"][data-carouselspacebetween="0"], div[class*="listing-holder"].list div[class*="swiper-listing"][data-carouselspacebetween="0"]:not([data-carouselslidesperview="1"]) { margin-left: 0; margin-right: 0; } div[class*="listing-containers"] .dtlms-one-half, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-half, div[class*="listing-containers"] .dtlms-one-third, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-third, div[class*="listing-containers"] .dtlms-one-fourth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-fourth, div[class*="listing-containers"] .dtlms-one-fifth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-fifth, div[class*="listing-containers"] .dtlms-one-sixth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-sixth, div[class*="listing-containers"] .dtlms-one-seventh, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-seventh, div[class*="listing-containers"] .dtlms-one-eight, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-eight, div[class*="listing-containers"] .dtlms-one-nineth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-nineth, div[class*="listing-containers"] .dtlms-one-tenth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-tenth { padding-left: 0; padding-right: 0; width: 100%; } .dtlms-tabs-horizontal-container .dtlms-tabs-horizontal-content, .dtlms-tabs-horizontal-container .dtlms-sidebar-container { margin: 0 0 20px; width: 100%; } div[class*="listing-holder"] div[class*="listing-rightside-filter"] > div[class*="display-filter"], div[class*="listing-holder"] div[class*="listing-rightside-filter"] > div[class*="orderby-filter"] { display: table; margin: 15px auto; text-align: center; width: auto; } div[class*="listing-holder"] div[class*="listing-rightside-filter"] > div[class*="orderby-filter"] label { margin-bottom: 5px; } div[class*="listing-holder"] div[class*="display-filter"] a[class*="display-type"] { display: inline-block; float: none; margin: 5px; } div[class*="listing-holder"] div[class*="orderby-filter"] label, div[class*="listing-holder"] div[class*="orderby-filter"] select, div[class*="listing-holder"] div[class*="orderby-filter"] .selection-box { display: block; } div[class*="listing-holder"] div[class*="orderby-filter"] label { margin: 0; } div[class*="list-item-wrapper"].list-item div[class*="list-thumb"] { margin: 0 0 30px; } div[class*="list-item-wrapper"].list-item div[class*="list-thumb"], div[class*="list-item-wrapper"].list-item div[class*="list-details"] { width: 100%; } .dtlms-instructor-item.type1 img, .dtlms-instructor-item.type1 .dtlms-instructor-item-meta-data { margin-left: 0; margin-right: 0; width: 100%; } .dtlms-instructor-item.type1 img, .dtlms-instructor-item.type2 img, .dtlms-instructor-item.type3 img { max-width: 100px; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin-bottom: 4px; margin-top: 4px; } .dtlms-course-category-item h3 { font-size: 15px; } .dtlms-course-category-item.type1 .dtlms-course-category-meta-data > span { font-size: 20px; } .dtlms-course-category-item.type3 { border-width: 1px; } .dtlms-course-category-item.type5 .dtlms-course-category-meta-data { min-height: 50px; } .dtlms-course-category-item.type5 h3 { font-size: 16px; margin-top: 6px; } .dtlms-course-category-item.type5 .dtlms-course-category-meta-data > span { font-size: 14px; height: 35px; line-height: 35px; width: 35px; } .dtlms-course-category-item.type5 .dtlms-category-total-items { height: 40px; line-height: 40px; width: 40px; } .dtlms-course-category-item.type6 .dtlms-course-category-meta-data span { font-size: 20px; } .dtlms-course-category-item.type6 .dtlms-course-category-meta-data h3 { font-size: 18px; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal { border-width: 0; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li { border-color: inherit; border-style: solid; border-width: 0 0 3px; margin-right: 0; width: 100%; } .dtlms-tabs-horizontal-container ul.dtlms-tabs-horizontal > li a { display: table; float: none; margin-left: auto; margin-right: auto; text-align: center; width: auto; } .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical, .dtlms-tabs-vertical-container .dtlms-tabs-vertical-content { display: table; padding-left: 10px; padding-right: 10px; width: 100%; } .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical { margin-bottom: 20px; padding-bottom: 0; padding-top: 0; } .dtlms-tabs-vertical-container ul.dtlms-tabs-vertical:after { border-width: 3px; display: block; margin: 0 10px; pointer-events: none; left: 0; width: auto; } body[class*="single-dtlms"] ul.commentlist li.comment { padding: 0 0 0 60px; } body[class*="single-dtlms"] ul.commentlist li.depth-1, body[class*="single-dtlms"] ul.commentlist li.depth-2, body[class*="single-dtlms"] ul.commentlist li.depth-3, body[class*="single-dtlms"] ul.commentlist li.depth-4, body[class*="single-dtlms"] ul.commentlist li.depth-5 { margin-bottom: 0; } body[class*="single-dtlms"] ul.commentlist li .comment-author img { max-height: 40px; max-width: 40px; } body[class*="single-dtlms"] ul.commentlist li .comment-details { padding: 10px 0 30px; } .dtlms-course-detail-students-enrolled-list li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .dtlms-ratings-breakup .dtlms-ratings-percentage { width: 68%; } .dtlms-toggle-group-set h5.dtlms-toggle { font-size: 16px; } .dtlms-toggle-group-set .dtlms-toggle-group-set h5.dtlms-toggle, .dtlms-toggle-group-set .dtlms-toggle-content .block { font-size: 15px; } .dtlms-toggle-group-set .dtlms-toggle-group-set { padding: 0; } #dtlms-course-curriculum-popup .dtlms-curriculum-details .dtlms-curriculum-detailed-links .dtlms-toggle-group-set { height: auto; } .dtlms-curriculum-detailed-links { height: auto !important; } .dtlms-curriculum-list > li.locked .dtlms-curriculum-meta-items:before, .dtlms-curriculum-list > li .dtlms-curriculum-meta-duration:before { top: 34px; } .dtlms-curriculum-meta-items .dtlms-curriculum-meta-preview, .dtlms-curriculum-list > li.unlocked .dtlms-curriculum-meta-items:before { float: right; margin-left: 0; } .dtlms-course-detail-news-item .dtlms-course-detail-news-thumb { width: 100%; margin-bottom: 30px; } .dtlms-course-detail-news-item .dtlms-course-detail-news-thumb ~ .dtlms-course-detail-news-details { width: 100%; padding: 0; } .dtlms-toggle-group-set .dtlms-curriculum-list > li > .dtlms-curriculum-meta-items { float: left; width: 100%; display: inline-block; margin: 15px 0 0; } .dtlms-toggle-group-set .dtlms-curriculum-list > li > .dtlms-curriculum-meta-items .dtlms-curriculum-meta-duration { float: left; margin-left: 0; } .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data { padding: 20px 20px 10px; } .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 8px 0 0; } .dtlms-instructor-item.type9.dtlms-one-third .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a { font-size: 14px; } .dtlms-instructor-item.type9.dtlms-one-third:not(.with-bg) .dtlms-team-social-links { margin-top: 10px; margin-left: -10px; } .dtlms-instructor-item.type1.dtlms-one-third .dtlms-instructor-item-meta-data, .page-with-sidebar .dtlms-instructor-item.type1.dtlms-one-third .dtlms-instructor-item-meta-data { margin-top: 25px; } .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type1.dtlms-one-third img, .page-with-sidebar.with-both-sidebar .dtlms-instructor-item.type1.dtlms-one-half img { max-width: 100%; } .dtlms-package-detail .dtlms-package-items table td { padding: 25px 20px; } .dtlms-package-detail .dtlms-package-items table td span.dtlms-purchased { margin-left: 0; margin-top: 15px; } .dtlms-package-detail .dtlms-payment-details .dtlms-packagedetail-cart-details .dtlms-button { margin-right: 0; } .dtlms-course-category-item.type3.dtlms-one-column { border-left: none; border-top: none; } .dtlms-course-category-item.type3.dtlms-one-half, .dtlms-course-category-item.type8.dtlms-one-half, .dtlms-course-category-item.type3.dtlms-one-third, .dtlms-course-category-item.type8.dtlms-one-third { width: 100%; border-left: none; border-top: none; border-right: none; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type3.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type8.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type3.dtlms-one-third, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type8.dtlms-one-third { margin-bottom: 0; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type5.dtlms-one-half h3, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type5.dtlms-one-third h3 { margin-top: 5px; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-half, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-third { margin-bottom: 50px; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-half .dtlms-course-category-meta-data > img, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type9.dtlms-one-third .dtlms-course-category-meta-data > img, .dtlms-course-category-item.type9.dtlms-one-column .dtlms-course-category-meta-data > span, .dtlms-course-category-item.type9.dtlms-one-half .dtlms-course-category-meta-data > span, .dtlms-course-category-item.type9.dtlms-one-third .dtlms-course-category-meta-data > span { margin-bottom: 10px; } .dtlms-course-category-item.type7.dtlms-one-third .dtlms-category-total-items { font-size: 12px; } .dtlms-course-category-item.type9.dtlms-one-third { margin-bottom: 50px; } .dtlms-course-category-item.type9.dtlms-one-third .dtlms-course-category-meta-data > img { margin-bottom: 10px; } .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:nth-last-child(-n+3), .page-with-sidebar .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:nth-child(2n):nth-last-child(3), .page-with-sidebar .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:nth-last-child(-n+3), .dtlms-course-category-item.type3.dtlms-column.dtlms-one-half:nth-child(2n):nth-last-child(2), .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:nth-child(2n):nth-last-child(3) { border-bottom: 1px solid rgba(0,0,0,0.075); } .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:nth-child(2n):nth-last-child(3), .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:nth-child(2n):nth-last-child(3), .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:nth-last-child(-n+3), .page-with-sidebar .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:nth-child(2n):nth-last-child(3), .page-with-sidebar .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:nth-last-child(-n+3) { border-bottom: 1px dashed rgba(0,0,0,0.2); } .dtlms-course-category-item.type3.dtlms-column.dtlms-one-column:last-child, .dtlms-course-category-item.type8.dtlms-column.dtlms-one-column:last-child, .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:last-child, .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:last-child, .page-with-sidebar .dtlms-course-category-item.type3.dtlms-column.dtlms-one-third:last-child, .page-with-sidebar .dtlms-course-category-item.type8.dtlms-column.dtlms-one-third:last-child, .page-with-sidebar .dtlms-course-category-item.type3.dtlms-column.dtlms-one-half:last-child, .page-with-sidebar .dtlms-course-category-item.type8.dtlms-column.dtlms-one-half:last-child, .page-with-sidebar .dtlms-course-category-item.type3.dtlms-column.dtlms-one-column:last-child, .page-with-sidebar .dtlms-course-category-item.type8.dtlms-column.dtlms-one-column:last-child { border-bottom: none; } .page-with-sidebar .dtlms-course-category-item.type10.dtlms-one-third .dtlms-course-category-meta-data h3 { font-size: 16px; margin: 2px 0 0; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .dtlms-container { width: 420px; } } @media only screen and (max-width: 479px) { .dtlms-login-form-container .dtlms-login-form, .dtlms-class-registration-form-container .dtlms-class-registration-form-inner { width: 85%; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p.login-username { float: left; width: 100%; margin-right: 0; text-align: left; margin-bottom: 20px; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p.login-password { float: left; width: 100%; margin-left: 0; text-align: left; margin-bottom: 23px; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder .login-remember { width: 55%; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder .login-submit { width: 45%; margin-bottom: 10px; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder label { margin-bottom: 5px; } .dtlms-login-form-container .dtlms-login-form .dtlms-login-form-holder p.login-username { margin-bottom: 15px; } div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-item-pricing-details, div[class*="list-item-wrapper"] .dtlms-item-status-details > span { margin-right: 10px; } div[class*="list-item-wrapper"] .dtlms-item-status-details .dtlms-item-pricing-details:before, div[class*="list-item-wrapper"] .dtlms-item-status-details > span:before { content: none; } .dtlms-payment-details .dtlms-item-status-details > span { display: block; margin: 0; } .dtlms-payment-details .dtlms-item-status-details > span:not(:last-child) { margin-bottom: 10px; } div[class$="share-holder"] > span, div[class$="share-holder"] ul { display: table; } div[class$="share-holder"] > span { line-height: normal; margin-bottom: 10px; padding: 10px 15px; } div[class$="share-holder"] ul { margin: 0 -3px; padding: 0; } .dtlms-instructor-item.type1 img, .dtlms-instructor-item.type1 .dtlms-instructor-item-meta-data { margin-left: 0; margin-right: 0; width: 100%; } .dtlms-instructor-item.type1 img, .dtlms-instructor-item.type2 img, .dtlms-instructor-item.type3 img { max-width: 100%; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin-bottom: 4px; margin-top: 4px; } .dtlms-ratings-breakup li .dtlms-ratings-label { display: block; float: none; } .dtlms-ratings-breakup .dtlms-ratings-percentage { margin-left: 0; } .dtlms-instructor-item.type1 .dtlms-instructor-item-meta-data { width: 100%; float: right; margin-top: 12px; } .dtlms-instructor-item.type1 .dtlms-instructor-item-meta-data h5, .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data h5 {font-size: 15px; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data h4 { font-size: 18px; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data h5 {font-size: 14px; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data .dtlms-team-social-links {margin: 10px 0 0px; } .dtlms-instructor-item.type2 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 4px; } .dtlms-instructor-item.type4 { padding: 30px; } .dtlms-instructor-item.type4 .dtlms-instructor-item-meta-data h4 { font-size: 18px; } .dtlms-instructor-item.type4 .dtlms-instructor-item-meta-data h5 { font-size: 14px; } .dtlms-instructor-item.type5:before { border: 12px solid rgba(255, 255, 255, 0.4); } .dtlms-instructor-item.type5 .dtlms-instructor-item-meta-data h4 { font-size: 18px; margin-bottom: 0; } .dtlms-instructor-item.type5 .dtlms-instructor-item-meta-data h5 { font-size: 14px; margin-bottom: 3px; } .dtlms-instructor-item.type5:not(.vibrant) .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 6px 0 0; } .dtlms-instructor-item.type5.vibrant .dtlms-instructor-item-meta-data .dtlms-team-social-links { padding-right: 10px; } .dtlms-instructor-item.type6 img { position: static; margin-right: 0; left: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; } .dtlms-instructor-item.type6 .dtlms-instructor-item-meta-data { padding-left: 0; width: 100%; float: left; margin-top: 20px; } .dtlms-instructor-item.type7 { padding: 15px 20px 10px 105px; } .dtlms-instructor-item.type7 img { width: 70px; } .dtlms-instructor-item.type7 .dtlms-instructor-item-meta-data h4 { margin-bottom: 0px; } .dtlms-instructor-item.type7 .dtlms-instructor-item-meta-data p { margin-bottom: 5px; } .dtlms-instructor-item.type7.with-bg .dtlms-team-social-links ul li { margin: 0 6px 10px 0; } .dtlms-instructor-item.type8 .dtlms-instructor-item-meta-data h4 { margin-bottom: 0; } .dtlms-instructor-item.type8 .dtlms-instructor-item-meta-data h5 { margin-bottom: 5px; } .dtlms-instructor-item.type9 .dtlms-instructor-item-meta-data { padding: 20px 20px 10px; } .dtlms-instructor-item.type9 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li { margin: 0 8px 0 0; } .dtlms-instructor-item.type9 .dtlms-instructor-item-meta-data .dtlms-team-social-links ul li a { font-size: 14px; } .dtlms-instructor-item.type9:not(.with-bg) .dtlms-team-social-links { margin-top: 10px; margin-left: -10px; } .dtlms-instructor-item.type10 { padding: 20px 0 0; } .dtlms-instructor-item.type10 .dtlms-instructor-item-meta-data { margin-top: 30px; } .dtlms-instructor-item.type10 .dtlms-instructor-item-meta-data h5 { margin-bottom: 18px; } .dtlms-package-detail .dtlms-package-items table td span.dtlms-purchased {margin-left: 0; margin-top: 15px; width: 30px; font-size: 0; text-align: center; padding: 0; height: 30px; line-height: 30px; } .dtlms-package-detail .dtlms-package-items table td span.dtlms-purchased span {margin: 0; line-height: 30px; } .dtlms-package-detail .dtlms-package-items table td a { width: 100%; float: none; display: inline-block; } .dtlms-package-detail .dtlms-payment-details .dtlms-packagelist-price-details { width: 100%; } .dtlms-payment-details .dtlms-packagelist-price-details ins { font-size: 20px; } .dtlms-package-detail .dtlms-payment-details .dtlms-packagedetail-cart-details .dtlms-button { text-align: center; } .dtlms-payment-details > .dtlms-packagedetail-cart-details > a > i { margin-right: 0; margin-bottom: 10px; } .dtlms-package-detail .dtlms-payment-details > .dtlms-packagelist-price-details:after { left: 180px; } .dtlms-course-category-item.type2 h3 { font-size: 20px; } .page-with-sidebar .dtlms-course-category-item.type7 h3, .dtlms-course-category-item.type7 h3 { line-height: 32px; padding: 8px 10px 6px; font-size: 12px; } .page-with-sidebar .dtlms-course-category-item.type7 .dtlms-category-total-items, .dtlms-course-category-item.type7 .dtlms-category-total-items { font-size: 12px; } .page-with-sidebar .dtlms-course-category-item.type10 .dtlms-course-category-meta-data h3, .dtlms-course-category-item.type10.dtlms-one-third .dtlms-course-category-meta-data h3 {font-size: 16px; margin: 2px 0 0; } .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type5.dtlms-one-half h3, .page-with-sidebar.with-both-sidebar .dtlms-course-category-item.type5.dtlms-one-third h3 { margin-top: 5px; font-size: 16px; } .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-curriculum-list { display: inline-block; } .dtlms-toggle-group-set .dtlms-toggle-group-set .dtlms-curriculum-list li { padding: 15px 5px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { .dtlms-container { width: 290px; } } @media only screen and (max-width: 319px) { .dtlms-container { width: 200px; } div[class*="listing-containers"] .dtlms-one-half, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-half, div[class*="listing-containers"] .dtlms-one-third, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-third, div[class*="listing-containers"] .dtlms-one-fourth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-fourth, div[class*="listing-containers"] .dtlms-one-fifth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-fifth, div[class*="listing-containers"] .dtlms-one-sixth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-sixth, div[class*="listing-containers"] .dtlms-one-seventh, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-seventh, div[class*="listing-containers"] .dtlms-one-eight, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-eight, div[class*="listing-containers"] .dtlms-one-nineth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-nineth, div[class*="listing-containers"] .dtlms-one-tenth, div[class*="listing-containers"] .dtlms-column.no-space.dtlms-one-tenth { margin-left: -10px; margin-right: -10px; width: auto; } div[class*="list-item-wrapper"] div[class*="list-details"] { padding-left: 25px; padding-right: 25px; } div[class*="list-item-wrapper"] .dtlms-item-status-details { margin-left: -26px; margin-right: -26px; } div[class*="list-item-wrapper"] div[class*="list-details"] div[class*="list-metadata"] p { font-size: 12px; } div[class*="listing-holder"] div[class*="display-filter"] a[class*="display-type"], div[class*="listing-holder"] div[class*="display-filter"] a[class*="display-type"]:last-child { margin-left: 5px; margin-right: 5px; } div[class*="listing-holder"] div[class*="display-filter"] a[class*="display-type"]:not(:last-child) { margin-bottom: 10px; } div[class*="list-item-wrapper"] div[class*="list-details"] .dtlms-ratings span:before { font-size: 10px; line-height: 20px; } .dtlms-courselist-item-wrapper .dtlms-courselist-details .dtlms-author-details .dtlms-author-image { width: 30px; } }