{"version":3,"sources":["../src/frontend/widgets/access-plans/_access-plan-slider.scss","../src/frontend/widgets/access-plans/_access-plan-table.scss","../src/frontend/widgets/access-plans/_access-plan.scss","../src/frontend/widgets/audio/_audio.scss","../src/frontend/frontend.css","../src/frontend/widgets/courses/_courses.scss","../src/frontend/widgets/mark-complete/_mark-complete.scss","../src/frontend/widgets/outline/_outline.scss","../src/frontend/widgets/progress/_progress.scss","../src/frontend/widgets/video/_video.scss","../src/frontend/dynamic-tags/driptimer/driptimer.scss"],"names":[],"mappings":"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","file":"frontend.min.css","sourcesContent":[".le-slide-content {\r\n\r\n  a.le-slide-link {\r\n    color: inherit;\r\n  }\r\n\r\n  .le-slide-price {\r\n    display: flex;\r\n    flex-direction: column;\r\n    max-width: 350px;\r\n    margin: auto;\r\n\r\n    .le-slide-price-value {\r\n      text-align: right;\r\n    }\r\n\r\n    .le-slide-old-price-value {\r\n      text-decoration: line-through;\r\n    }\r\n\r\n    .le-slide-price-label {\r\n      text-align: left;\r\n    }\r\n\r\n    .le-slide-price-value {\r\n      display: inline;\r\n\r\n      span {\r\n        display: inline;\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n  .le-slide-enroll {\r\n    .elementor-button {\r\n      display: inline-block;\r\n    }\r\n  }\r\n\r\n}\r\n\r\n// @see typography tab in inc/widgets/course/AccessPlanSlider.php\r\n$parts: heading, description, price;\r\n$alignments: left, center, right;\r\n\r\n@each $part in $parts {\r\n  @each $alignment in $alignments {\r\n\r\n    .le-slider-#{$part}-align-#{$alignment} .le-slide-#{$part} {\r\n      text-align: $alignment;\r\n    }\r\n\r\n  }\r\n} \r\n","@use 'sass:math';\r\n\r\n$tableBackground: #f7f7f7;\r\n$tableSpacing: 20px;\r\n\r\n$parts: heading, description, price;\r\n$alignments: left, center, right;\r\n$columns: 1, 2, 3, 4, 5, 6;\r\n\r\n.le-price-table-wrapper {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  justify-content: space-between;\r\n}\r\n\r\n.le-table-old-price-value {\r\n  text-decoration: line-through;\r\n}\r\n\r\n.le-table-old-price-header {\r\n  font-size: 40%;\r\n  opacity: 0.8;\r\n  margin-right: 5%;\r\n\r\n  .llms-price-currency-symbol {\r\n    font-size: 50%;\r\n    vertical-align: middle;\r\n  }\r\n}\r\n\r\n.le-table-features-row {\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  margin: 0 12.5%;\r\n}\r\n\r\n.le-table-text {\r\n  margin-bottom: 1.75em;\r\n}\r\n\r\n.le-table-price-content-wrapper {\r\n  padding-bottom: $tableSpacing;\r\n  \r\n  &.le-table-price-content-height .le-table-price-content {\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n.le-table-price-content {\r\n  width: 100%;\r\n  position: relative; // For the feature banner\r\n  background-color: $tableBackground;\r\n\r\n  .le-table-price-features-list {\r\n    list-style:none;\r\n    margin: 0;\r\n    padding: 0;\r\n    padding-bottom: 20px;\r\n\r\n    li:not(:first-child):before{\r\n      content: \"\";\r\n      border-top-width: 2px;\r\n      display: block;\r\n      border: 0 solid hsla(0,0%,48%,.3);\r\n      margin: 10px 12.5%;\r\n      border-top-style: solid;\r\n      border-top-color: #ddd;\r\n      border-top-width: 2px;\r\n      margin-top: 15px;\r\n      margin-bottom: 15px;\r\n      box-sizing: border-box;\r\n      list-style-type: none;\r\n    }\r\n  }\r\n\r\n}\r\n\r\n// @see settings tab in inc/widgets/course/AccessPlanSlider.php\r\n@each $number in $columns {\r\n  .le-table-columns-#{$number} .le-table-price-content-wrapper {\r\n    width: calc(#{math.div(100%, $number)} - #{math.div($tableSpacing, 2)});\r\n  }\r\n}\r\n\r\n// @see typography tab in inc/widgets/course/AccessPlanSlider.php\r\n@each $part in $parts {\r\n  @each $alignment in $alignments {\r\n    .le-table-#{$part}-align-#{$alignment} .le-table-#{$part} {\r\n      text-align: $alignment;\r\n    }\r\n  }\r\n}\r\n\r\n@each $alignment in $alignments {\r\n  .le-table-price-align-#{$alignment} div.le-table-price {\r\n    justify-content: $alignment;\r\n  }\r\n}\r\n\r\n\r\n","// Specific to a type of render\r\n@import \"access-plan-slider\";\r\n@import \"access-plan-table\";\r\n\r\n// Common style\r\n$featureBannerBackground: #61ce70;\r\n$featureBannerColor: white;\r\n\r\n// Featured banner\r\n.le-table-price-content, .slick-slide-inner {\r\n\r\n  .elementor-price-table__ribbon-inner {\r\n    background-color: $featureBannerBackground;\r\n    color: $featureBannerColor;\r\n  }\r\n\r\n}\r\n",".le-course-audio,\r\n.le-lesson-audio {\r\n    width: 100%;\r\n}","/**\n * Front end style\n */\n/**\n * Widgets style\n */\n.le-slide-content a.le-slide-link {\n  color: inherit;\n}\n.le-slide-content .le-slide-price {\n  display: flex;\n  flex-direction: column;\n  max-width: 350px;\n  margin: auto;\n}\n.le-slide-content .le-slide-price .le-slide-price-value {\n  text-align: right;\n}\n.le-slide-content .le-slide-price .le-slide-old-price-value {\n  text-decoration: line-through;\n}\n.le-slide-content .le-slide-price .le-slide-price-label {\n  text-align: left;\n}\n.le-slide-content .le-slide-price .le-slide-price-value {\n  display: inline;\n}\n.le-slide-content .le-slide-price .le-slide-price-value span {\n  display: inline;\n}\n.le-slide-content .le-slide-enroll .elementor-button {\n  display: inline-block;\n}\n\n.le-slider-heading-align-left .le-slide-heading {\n  text-align: left;\n}\n\n.le-slider-heading-align-center .le-slide-heading {\n  text-align: center;\n}\n\n.le-slider-heading-align-right .le-slide-heading {\n  text-align: right;\n}\n\n.le-slider-description-align-left .le-slide-description {\n  text-align: left;\n}\n\n.le-slider-description-align-center .le-slide-description {\n  text-align: center;\n}\n\n.le-slider-description-align-right .le-slide-description {\n  text-align: right;\n}\n\n.le-slider-price-align-left .le-slide-price {\n  text-align: left;\n}\n\n.le-slider-price-align-center .le-slide-price {\n  text-align: center;\n}\n\n.le-slider-price-align-right .le-slide-price {\n  text-align: right;\n}\n\n.le-price-table-wrapper {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.le-table-old-price-value {\n  text-decoration: line-through;\n}\n\n.le-table-old-price-header {\n  font-size: 40%;\n  opacity: 0.8;\n  margin-right: 5%;\n}\n.le-table-old-price-header .llms-price-currency-symbol {\n  font-size: 50%;\n  vertical-align: middle;\n}\n\n.le-table-features-row {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin: 0 12.5%;\n}\n\n.le-table-text {\n  margin-bottom: 1.75em;\n}\n\n.le-table-price-content-wrapper {\n  padding-bottom: 20px;\n}\n.le-table-price-content-wrapper.le-table-price-content-height .le-table-price-content {\n  height: 100%;\n}\n\n.le-table-price-content {\n  width: 100%;\n  position: relative;\n  background-color: #f7f7f7;\n}\n.le-table-price-content .le-table-price-features-list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  padding-bottom: 20px;\n}\n.le-table-price-content .le-table-price-features-list li:not(:first-child):before {\n  content: \"\";\n  border-top-width: 2px;\n  display: block;\n  border: 0 solid hsla(0, 0%, 48%, 0.3);\n  margin: 10px 12.5%;\n  border-top-style: solid;\n  border-top-color: #ddd;\n  border-top-width: 2px;\n  margin-top: 15px;\n  margin-bottom: 15px;\n  box-sizing: border-box;\n  list-style-type: none;\n}\n\n.le-table-columns-1 .le-table-price-content-wrapper {\n  width: calc(100% - 10px);\n}\n\n.le-table-columns-2 .le-table-price-content-wrapper {\n  width: calc(50% - 10px);\n}\n\n.le-table-columns-3 .le-table-price-content-wrapper {\n  width: calc(33.3333333333% - 10px);\n}\n\n.le-table-columns-4 .le-table-price-content-wrapper {\n  width: calc(25% - 10px);\n}\n\n.le-table-columns-5 .le-table-price-content-wrapper {\n  width: calc(20% - 10px);\n}\n\n.le-table-columns-6 .le-table-price-content-wrapper {\n  width: calc(16.6666666667% - 10px);\n}\n\n.le-table-heading-align-left .le-table-heading {\n  text-align: left;\n}\n\n.le-table-heading-align-center .le-table-heading {\n  text-align: center;\n}\n\n.le-table-heading-align-right .le-table-heading {\n  text-align: right;\n}\n\n.le-table-description-align-left .le-table-description {\n  text-align: left;\n}\n\n.le-table-description-align-center .le-table-description {\n  text-align: center;\n}\n\n.le-table-description-align-right .le-table-description {\n  text-align: right;\n}\n\n.le-table-price-align-left .le-table-price {\n  text-align: left;\n}\n\n.le-table-price-align-center .le-table-price {\n  text-align: center;\n}\n\n.le-table-price-align-right .le-table-price {\n  text-align: right;\n}\n\n.le-table-price-align-left div.le-table-price {\n  justify-content: left;\n}\n\n.le-table-price-align-center div.le-table-price {\n  justify-content: center;\n}\n\n.le-table-price-align-right div.le-table-price {\n  justify-content: right;\n}\n\n.le-table-price-content .elementor-price-table__ribbon-inner, .slick-slide-inner .elementor-price-table__ribbon-inner {\n  background-color: #61ce70;\n  color: white;\n}\n\n.le-course-audio,\n.le-lesson-audio {\n  width: 100%;\n}\n\n/**\n * Link\n */\n.le-course-link-loop.llms-meta {\n  text-align: center;\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n.le-course-link-loop-text {\n  display: inline-block;\n}\n\n.le-course-link-loop a.llms-button-primary {\n  color: white;\n}\n\n/**\n * Price\n */\n.le-course-price-loop-text .le-course-price-loop-old-amount .lifterlms-price {\n  text-decoration: line-through;\n}\n\n/**\n * Progress\n */\n.le-course-progress-loop .llms-progress {\n  padding: 10px 20px;\n  align-items: center;\n}\n\n.le-course-item-loop .llms-course-progress.le-course-progress-loop {\n  background: unset;\n}\n\nbody .llms-course-progress.le-course-progress-loop .llms-progress .progress-bar-complete::after {\n  content: \"\";\n}\n\n.elementor-widget-le-course-list {\n  /**\n   * @see settings tab in inc/widgets/course/AccessPlanSlider.php\n   */\n  /**\n   * Prevent weird calc() result only with safari (work only with 10.1+)\n   * \n   * @see https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome\n   */\n}\n.elementor-widget-le-course-list.le-course-loop-items--1 .llms-loop-list .llms-loop-item {\n  width: calc(100% / 1);\n}\n.elementor-widget-le-course-list.le-course-loop-items--2 .llms-loop-list .llms-loop-item {\n  width: calc(100% / 2);\n}\n.elementor-widget-le-course-list.le-course-loop-items--3 .llms-loop-list .llms-loop-item {\n  width: calc(100% / 3);\n}\n.elementor-widget-le-course-list.le-course-loop-items--4 .llms-loop-list .llms-loop-item {\n  width: calc(100% / 4);\n}\n.elementor-widget-le-course-list.le-course-loop-items--5 .llms-loop-list .llms-loop-item {\n  width: calc(100% / 5);\n}\n.elementor-widget-le-course-list.le-course-loop-items--6 .llms-loop-list .llms-loop-item {\n  width: calc(100% / 6);\n}\n@media not all and (min-resolution: 0.001dpcm) {\n  @supports (-webkit-appearance: none) {\n    .elementor-widget-le-course-list.le-course-loop-items--1 .llms-loop-list .llms-loop-item {\n      width: calc(99.9% / 1);\n    }\n    .elementor-widget-le-course-list.le-course-loop-items--2 .llms-loop-list .llms-loop-item {\n      width: calc(99.9% / 2);\n    }\n    .elementor-widget-le-course-list.le-course-loop-items--3 .llms-loop-list .llms-loop-item {\n      width: calc(99.9% / 3);\n    }\n    .elementor-widget-le-course-list.le-course-loop-items--4 .llms-loop-list .llms-loop-item {\n      width: calc(99.9% / 4);\n    }\n    .elementor-widget-le-course-list.le-course-loop-items--5 .llms-loop-list .llms-loop-item {\n      width: calc(99.9% / 5);\n    }\n    .elementor-widget-le-course-list.le-course-loop-items--6 .llms-loop-list .llms-loop-item {\n      width: calc(99.9% / 6);\n    }\n  }\n}\n.elementor-widget-le-course-list .llms-loop-item-content,\n.elementor-widget-le-course-list .le-course-item-loop {\n  overflow: hidden;\n}\n.elementor-widget-le-course-list .llms-loop-list {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n/**\n * @see typography tab in inc/widgets/course/Courses.php\n */\n.le-course-loop-title-align-left .le-course-title-loop {\n  text-align: left;\n}\n\n.le-course-loop-title-align-center .le-course-title-loop {\n  text-align: center;\n}\n\n.le-course-loop-title-align-right .le-course-title-loop {\n  text-align: right;\n}\n\n.le-course-title-loop {\n  margin: 0;\n}\n\n.le-course-loop-link-align-left .le-course-link-loop {\n  text-align: left;\n}\n\n.le-course-loop-link-align-center .le-course-link-loop {\n  text-align: center;\n}\n\n.le-course-loop-link-align-right .le-course-link-loop {\n  text-align: right;\n}\n\n.le-course-link-loop {\n  margin: 0;\n}\n\n.le-course-loop-custom-align-left .le-course-custom-loop {\n  text-align: left;\n}\n\n.le-course-loop-custom-align-center .le-course-custom-loop {\n  text-align: center;\n}\n\n.le-course-loop-custom-align-right .le-course-custom-loop {\n  text-align: right;\n}\n\n.le-course-custom-loop {\n  margin: 0;\n}\n\n.le-course-loop-price-align-left .le-course-price-loop {\n  text-align: left;\n}\n\n.le-course-loop-price-align-center .le-course-price-loop {\n  text-align: center;\n}\n\n.le-course-loop-price-align-right .le-course-price-loop {\n  text-align: right;\n}\n\n.le-course-price-loop {\n  margin: 0;\n}\n\n.elementor-widget-le-lesson-mark-complete-button {\n  /**\n   * Custom render\n   */\n}\n.elementor-widget-le-lesson-mark-complete-button .le-button-mark-complete #llms_mark_complete[disabled=disabled],\n.elementor-widget-le-lesson-mark-complete-button .le-button-mark-assignement #llms_mark_complete[disabled=disabled],\n.elementor-widget-le-lesson-mark-complete-button .le-button-mark-incomplete #llms_mark_complete[disabled=disabled],\n.elementor-widget-le-lesson-mark-complete-button .le-button-mark-quiz #llms_mark_complete[disabled=disabled] {\n  opacity: 0.5;\n}\n\n.elementor-widget-le-course-outline .llms-widget-syllabus ul {\n  margin: 0;\n}\n\n.le-course-progress-wrapper {\n  display: block;\n}\n\n.le-progress {\n  display: flex;\n  position: relative;\n  align-items: center;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.le-course-progress-align-left .le-progress {\n  margin-left: 0;\n}\n\n.le-course-progress-align-right .le-progress {\n  margin-right: 0;\n}\n\n.le-course-progress-number-inline .le-progress {\n  flex-direction: row;\n}\n\n.le-course-progress-number-above .le-progress,\n.le-course-progress-number-below .le-progress {\n  flex-direction: column;\n}\n\n.le-course-progress-full .le-progress {\n  width: 100%;\n}\n\n.le-course-progress-custom .le-progress {\n  max-width: 500px;\n  width: 100%;\n}\n\n.le-progress-inner {\n  display: block;\n  flex: 1 1 auto;\n  height: 20px;\n  background-color: #f1edff;\n  border-style: none;\n  border-radius: 30px;\n  overflow: hidden;\n  max-width: 100%;\n  order: 2;\n  width: 100%;\n}\n\n.le-progress-bar .le-progress-value {\n  display: block;\n  height: 100%;\n  background-color: #66fbd1;\n  border-radius: 30px;\n}\n\n.le-progress-number {\n  display: block;\n  text-align: center;\n  font-size: 16px;\n  line-height: 1.2;\n}\n\n.le-course-progress-number-overlay .le-progress-number,\n.le-course-progress-number-progress .le-progress-number {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding-left: 0.6em;\n  padding-right: 0.6em;\n  line-height: 20px; /* Here we will always match the user input for the bar's height rather than their choice of line height in the typography options so that the number remains aligned regardless of font size; */\n}\n\n.le-course-progress-number-progress .le-progress-value {\n  position: relative;\n}\n\n.le-course-progress-number-progress .le-progress-number {\n  text-align: right;\n}\n\n.le-course-progress-number-above .le-progress-number,\n.le-course-progress-number-below .le-progress-number {\n  width: 100%;\n}\n\n.le-course-progress-number-above .le-progress-number {\n  order: 1;\n  margin-bottom: 0.6em;\n}\n\n.le-course-progress-number-below .le-progress-number {\n  order: 3;\n  margin-top: 0.6em;\n}\n\n.le-progress-number-left {\n  text-align: left;\n}\n\n.le-course-progress-number-inline .le-progress-number-left {\n  margin-right: 0.6em;\n  order: 1;\n  position: static;\n}\n\n.le-progress-number-right {\n  text-align: right;\n}\n\n.le-course-progress-number-inline .le-progress-number-right {\n  margin-left: 0.6em;\n  order: 3;\n  position: static;\n}\n\n.le-progress-number-center {\n  text-align: center;\n}\n\n.le-circle-progress .le-circle-progress-inner {\n  background-color: #f1edff;\n  border-radius: 50%;\n  background-size: 100%;\n  background-position: center;\n  margin-bottom: 10px;\n}\n.le-circle-progress .le-circle-progress-number {\n  position: absolute;\n  border-radius: 50%;\n  background-color: white;\n  text-align: center;\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n#pie .le-circle-progress-number {\n  background: none;\n}\n\n#pie.le-circle-progress {\n  width: auto;\n  display: flex;\n  align-items: center;\n}\n#pie.le-circle-progress .le-circle-progress-inner {\n  margin-right: 10px;\n}\n#pie.le-circle-progress .le-circle-progress-value div.le-circle-progress-number {\n  background-color: rgba(255, 255, 255, 0);\n}\n\n.le-circle-progress-progress {\n  position: relative;\n}\n\n.le-circle-progress-progress-bar .le-circle-progress-progress-inner {\n  background-color: #f1edff;\n  border-radius: 40px;\n  overflow: hidden;\n}\n.le-circle-progress-progress-bar .le-circle-progress-progress-value {\n  display: block;\n  height: 100%;\n  background-color: #66fbd1;\n}\n\n.le-course-progress-wrapper {\n  display: flex;\n}\n\n.le-circle-progress-circle {\n  position: relative;\n}\n\n.le-course-circle-progress-align-center .le-course-progress-wrapper {\n  justify-content: center;\n}\n\n.le-course-circle-progress-align-left .le-course-progress-wrapper {\n  justify-content: left;\n}\n\n.le-course-circle-progress-align-right .le-course-progress-wrapper {\n  justify-content: right;\n}\n\n.le-course-video,\n.le-lesson-video {\n  margin: auto;\n  position: relative;\n  background-color: #222;\n}\n.le-course-video video,\n.le-lesson-video video {\n  left: 50%;\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n.le-course-video[data-autosize=true],\n.le-lesson-video[data-autosize=true] {\n  position: relative;\n  padding-bottom: 56.25%;\n  height: 0;\n}\n.le-course-video[data-autosize=true] iframe,\n.le-lesson-video[data-autosize=true] iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.le-course-video .llms-av-embed iframe,\n.le-lesson-video .llms-av-embed iframe {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.le-video-no-controls .mejs-controls {\n  display: none !important;\n  visibility: hidden !important;\n}\n\n/**\n * Dynamic tags style\n */\n/**\n * Driptimer style\n */\n.le-lesson-drip-timer-wrapper {\n  max-width: 100%;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: center;\n  -ms-flex-pack: center;\n  justify-content: center;\n  margin-right: auto;\n  margin-left: auto;\n}\n.le-lesson-drip-timer-wrapper div {\n  -ms-flex-preferred-size: 0;\n  flex-basis: 0;\n  -webkit-box-flex: 1;\n  -ms-flex-positive: 1;\n  flex-grow: 1;\n  border: 1px #eaeaea solid;\n  font-weight: bold;\n  line-height: 1.5;\n  margin-left: 10px;\n  min-width: 80px;\n  padding: 20px;\n  text-align: center;\n}\n.le-lesson-drip-timer-wrapper div span {\n  display: block;\n  font-weight: normal;\n}\n.le-lesson-drip-timer-wrapper div :first-child {\n  margin-left: 0;\n}","$parts: title, link, custom, price;\r\n$alignments: left, center, right;\r\n$columns: 1, 2, 3, 4, 5, 6; \r\n\r\n/**\r\n * Link\r\n */\r\n.le-course-link-loop.llms-meta {\r\n    text-align: center;\r\n    margin-top: 10px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.le-course-link-loop-text {\r\n  display: inline-block;\r\n}\r\n\r\n.le-course-link-loop a.llms-button-primary {\r\n  color: white;\r\n}\r\n\r\n/**\r\n * Price\r\n */\r\n.le-course-price-loop-text .le-course-price-loop-old-amount .lifterlms-price {\r\n  text-decoration: line-through;\r\n}\r\n\r\n/**\r\n * Progress\r\n */\r\n.le-course-progress-loop .llms-progress {\r\n    padding: 10px 20px;\r\n    align-items: center;\r\n}\r\n\r\n.le-course-item-loop {\r\n  .llms-course-progress.le-course-progress-loop {\r\n    background: unset;\r\n  }\r\n}\r\n\r\n// Percent seems to appears in the bar in some case (don't know how to reproduce but this fix it)\r\nbody .llms-course-progress.le-course-progress-loop .llms-progress .progress-bar-complete::after {\r\n  content: '';\r\n}\r\n\r\n.elementor-widget-le-course-list {\r\n\r\n  /**\r\n   * @see settings tab in inc/widgets/course/AccessPlanSlider.php\r\n   */\r\n  @each $number in $columns {\r\n    &.le-course-loop-items--#{$number} .llms-loop-list .llms-loop-item {\r\n      width: calc(100% / #{$number});\r\n    }\r\n  }\r\n \r\n  /**\r\n   * Prevent weird calc() result only with safari (work only with 10.1+)\r\n   * \r\n   * @see https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome\r\n   */\r\n  @media not all and (min-resolution:.001dpcm)\r\n    { @supports (-webkit-appearance:none) {\r\n\r\n      @each $number in $columns {\r\n        &.le-course-loop-items--#{$number} .llms-loop-list .llms-loop-item {\r\n          width: calc(99.9% / #{$number}); \r\n        }\r\n      }\r\n  }}\r\n\r\n  .llms-loop-item-content,\r\n  .le-course-item-loop {\r\n    overflow: hidden;\r\n  }\r\n\r\n  .llms-loop-list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n\r\n/**\r\n * @see typography tab in inc/widgets/course/Courses.php\r\n */\r\n@each $part in $parts {\r\n\r\n  @each $alignment in $alignments {\r\n\r\n    .le-course-loop-#{$part}-align-#{$alignment} .le-course-#{$part}-loop {\r\n      text-align: $alignment;\r\n    }\r\n\r\n  }\r\n\r\n  .le-course-#{$part}-loop {\r\n    margin: 0;\r\n  }\r\n}\r\n",".elementor-widget-le-lesson-mark-complete-button {\r\n\r\n  /**\r\n   * Custom render\r\n   */\r\n  .le-button-mark-complete,\r\n  .le-button-mark-assignement,\r\n  .le-button-mark-incomplete,\r\n  .le-button-mark-quiz {\r\n\r\n    #llms_mark_complete[disabled=\"disabled\"] {\r\n      opacity: 0.5;\r\n    }\r\n\r\n  }\r\n\r\n}\r\n",".elementor-widget-le-course-outline .llms-widget-syllabus ul {\r\n    margin: 0;\r\n}\r\n","// These are stand-ins for user input from the widget options\r\n$userInputHeight: 20px;\r\n$userInputBackgroundColor: #f1edff;\r\n$userInputProgressColor: #66fbd1;\r\n$userInputFontSize: 16px;\r\n$userInputLineHeight: 1.2;\r\n$userInputTextAlign: center;\r\n$userInputBorderRadius: 30px;\r\n$userInputWidth: 500px;\r\n// $userInputColor: red;\r\n$userInputNumberSpacing: 0.6em;\r\n// $userInputTextShadow: 2px 2px 4px #fff;\r\n$barHeight: 20px;\r\n$circleSize: 150px; \r\n\r\n.le-course-progress-wrapper {\r\n  display: block;\r\n}\r\n\r\n.le-progress {\r\n  display: flex;\r\n  position: relative;\r\n  align-items: center;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.le-course-progress-align-left .le-progress {\r\n  margin-left: 0;\r\n}\r\n\r\n.le-course-progress-align-right .le-progress {\r\n  margin-right: 0;\r\n}\r\n\r\n.le-course-progress-number-inline .le-progress {\r\n  flex-direction: row;\r\n}\r\n\r\n.le-course-progress-number-above .le-progress,\r\n.le-course-progress-number-below .le-progress {\r\n  flex-direction: column;\r\n}\r\n\r\n.le-course-progress-full .le-progress {\r\n  width: 100%;\r\n}\r\n\r\n.le-course-progress-custom .le-progress {\r\n  max-width: $userInputWidth;\r\n  width: 100%;\r\n}\r\n\r\n\r\n.le-progress-inner {\r\n  display: block;\r\n  flex: 1 1 auto;\r\n  height: $userInputHeight;\r\n  background-color: $userInputBackgroundColor;\r\n  border-style: none;\r\n  border-radius: $userInputBorderRadius;\r\n  overflow: hidden;\r\n  max-width: 100%;\r\n  order: 2; \r\n  width: 100%;\r\n}\r\n\r\n\r\n.le-progress-bar .le-progress-value {\r\n  display: block;\r\n  height: 100%;\r\n  background-color: $userInputProgressColor;\r\n  border-radius: $userInputBorderRadius;\r\n}\r\n\r\n.le-progress-number {\r\n  display: block;\r\n  text-align: $userInputTextAlign;\r\n  font-size: $userInputFontSize;\r\n  line-height: $userInputLineHeight;\r\n  // color: $userInputColor; /* We seem to be missing a text color option right now */\r\n  // text-shadow: $userInputTextShadow;\r\n}\r\n\r\n.le-course-progress-number-overlay .le-progress-number,\r\n.le-course-progress-number-progress .le-progress-number {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  padding-left: $userInputNumberSpacing;\r\n  padding-right: $userInputNumberSpacing;\r\n  line-height: $userInputHeight; /* Here we will always match the user input for the bar's height rather than their choice of line height in the typography options so that the number remains aligned regardless of font size; */\r\n}\r\n\r\n.le-course-progress-number-progress .le-progress-value {\r\n  position: relative;\r\n}\r\n\r\n.le-course-progress-number-progress .le-progress-number {\r\n  text-align: right;\r\n}\r\n\r\n.le-course-progress-number-above .le-progress-number, \r\n.le-course-progress-number-below .le-progress-number {\r\n  width: 100%;\r\n}\r\n\r\n.le-course-progress-number-above .le-progress-number {\r\n  order: 1;\r\n  margin-bottom: $userInputNumberSpacing;\r\n}\r\n\r\n.le-course-progress-number-below .le-progress-number {\r\n  order: 3;\r\n  margin-top: $userInputNumberSpacing;\r\n}\r\n\r\n.le-progress-number-left {\r\n  text-align: left;\r\n}\r\n\r\n.le-course-progress-number-inline .le-progress-number-left {\r\n  margin-right: $userInputNumberSpacing;\r\n  order: 1;\r\n  position: static;\r\n}\r\n\r\n.le-progress-number-right {\r\n  text-align: right;\r\n}\r\n\r\n.le-course-progress-number-inline .le-progress-number-right {\r\n  margin-left: $userInputNumberSpacing;\r\n  order: 3;\r\n  position: static;\r\n}\r\n\r\n.le-progress-number-center {\r\n  text-align: center;\r\n}\r\n\r\n// Circle\r\n.le-circle-progress {\r\n  // width: $circleSize;\r\n  \r\n  .le-circle-progress-inner {\r\n    background-color: $userInputBackgroundColor;\r\n    border-radius: 50%;\r\n    // background-image: conic-gradient(red 0, $themeColor $userProgress, rgba(0, 0, 0, 0) 0);\r\n    background-size: 100%;\r\n    background-position: center;\r\n    // height: $circleSize;\r\n    margin-bottom: 10px;\r\n    // width: $circleSize;\r\n  }\r\n  \r\n  .le-circle-progress-number {\r\n    position: absolute;\r\n    // top: $circleSize * 0.15;\r\n    // left: $circleSize * 0.15;\r\n    // width: $circleSize * 0.7;\r\n    // height: $circleSize * 0.7;\r\n    // line-height: $circleSize * 0.7;\r\n    border-radius: 50%;\r\n    background-color: white;\r\n    text-align: center;\r\n    padding-left: 16px;\r\n    padding-right: 16px;\r\n  }\r\n}\r\n\r\n  \r\n#pie .le-circle-progress-number {\r\n  background: none\r\n}\r\n\r\n#pie.le-circle-progress {\r\n  width: auto;\r\n  display: flex;\r\n  align-items: center;\r\n  \r\n  .le-circle-progress-inner {\r\n    margin-right: 10px;\r\n  }\r\n\r\n  .le-circle-progress-value div.le-circle-progress-number {\r\n    background-color: rgba(#FFF, 0);\r\n  }\r\n}\r\n\r\n\r\n.le-circle-progress-progress {\r\n  position: relative;\r\n}\r\n\r\n.le-circle-progress-progress-bar {\r\n  .le-circle-progress-progress-inner {\r\n    background-color: $userInputBackgroundColor;\r\n    border-radius: 40px;\r\n    overflow: hidden;\r\n  }\r\n  .le-circle-progress-progress-value {\r\n    // width: $userProgress;\r\n    display: block;\r\n    height: 100%;\r\n    background-color: $userInputProgressColor;\r\n  }\r\n}\r\n\r\n.le-course-progress-wrapper{\r\n  display: flex;\r\n}\r\n\r\n.le-circle-progress-circle{\r\n  position: relative;\r\n}\r\n\r\n.le-course-circle-progress-align-center {\r\n  .le-course-progress-wrapper {\r\n    justify-content: center;\r\n  }\r\n}\r\n\r\n.le-course-circle-progress-align-left {\r\n  .le-course-progress-wrapper {\r\n    justify-content: left;\r\n  } \r\n}\r\n\r\n.le-course-circle-progress-align-right {\r\n  .le-course-progress-wrapper {\r\n    justify-content: right;\r\n  }\r\n}\r\n",".le-course-video,\r\n.le-lesson-video {\r\n\tmargin: auto;\r\n  position: relative;\r\n  background-color: #222;\r\n\r\n  video {\r\n      left: 50%;\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translate(-50%, -50%);\r\n  }\r\n\r\n  &[data-autosize=\"true\"] {\r\n    position: relative;\r\n    padding-bottom: 56.25%;\r\n    height: 0;\r\n\r\n    iframe {            \r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n  }\r\n\r\n  .llms-av-embed {\r\n     iframe {\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n     }\r\n  }\r\n}\r\n\r\n// https://wordpress.org/support/topic/remove-controls-from-media-video/\r\n.le-video-no-controls .mejs-controls {\r\n    display: none !important;\r\n    visibility: hidden !important;\r\n}\r\n","/**\r\n * Driptimer style\r\n */\r\n\r\n.le-lesson-drip-timer-wrapper {\r\n  max-width: 100%;\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-pack: center;\r\n  -ms-flex-pack: center;\r\n  justify-content: center;\r\n  margin-right: auto;\r\n  margin-left: auto;\r\n\r\n  div {\r\n    -ms-flex-preferred-size: 0;\r\n    flex-basis: 0;\r\n    -webkit-box-flex: 1;\r\n    -ms-flex-positive: 1;\r\n    flex-grow: 1;\r\n    border: 1px #eaeaea solid;\r\n    font-weight: bold;\r\n    line-height: 1.5;\r\n    margin-left: 10px;\r\n    min-width: 80px;\r\n    padding:20px;\r\n    text-align: center;\r\n\r\n    span{\r\n      display:block;\r\n      font-weight: normal;\r\n    }\r\n\r\n    :first-child {\r\n      margin-left: 0;\r\n    }\r\n  }\r\n}\r\n"]}