lifterlms-flex.css 26 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087
  1. /**
  2. * lifterlms-flex.scss
  3. * Governs the general look and feel of Lifter LMS sections using themes that do not
  4. * integrate with Lifter LMS specifically.
  5. */
  6. /**
  7. * Astra Theme compatibility with WooCommerce
  8. */
  9. /*---------- Media Query min-width Structure ----------*/
  10. /*---------- Media Query max-width Structure ----------*/
  11. /*---------- Break-point min-width Structure ----------*/
  12. /*---------- Break-point max-width Structure ----------*/
  13. #secondary .llms-widget-syllabus .llms-section {
  14. margin-bottom: 0.5em;
  15. }
  16. .widget .llms-widget-syllabus .llms-collapse-caret,
  17. .widget .llms-widget-syllabus .section-title,
  18. .widget .llms-widget-syllabus .lesson-title,
  19. .widget .llms-widget-syllabus .llms-lesson-complete {
  20. display: inline-block;
  21. }
  22. .widget .llms-widget-syllabus .llms-section {
  23. border-bottom: 1px solid #e5e5e5;
  24. margin-bottom: 0.5em;
  25. padding-bottom: 0.5em;
  26. }
  27. .widget .llms-widget-syllabus .llms-section:last-child {
  28. border-bottom: none;
  29. margin-bottom: 0;
  30. padding-bottom: 0;
  31. }
  32. .widget .llms-widget-syllabus .llms-collapse-caret {
  33. margin-right: 0.25em;
  34. vertical-align: top;
  35. }
  36. .widget .llms-widget-syllabus .llms-lesson-complete {
  37. vertical-align: top;
  38. line-height: 1.5;
  39. }
  40. .widget .llms-widget-syllabus .section-title {
  41. width: 94%;
  42. width: calc(100% - 1.5em);
  43. }
  44. .widget .llms-widget-syllabus .lesson-title {
  45. width: 90%;
  46. width: calc(100% - 1.8em);
  47. }
  48. .widget .llms-widget-syllabus .llms-lesson,
  49. .widget .llms-widget-syllabus .section-header {
  50. line-height: 1.75;
  51. }
  52. .widget .progress__indicator {
  53. line-height: 30px;
  54. }
  55. .widget .llms-progress .llms-progress-bar {
  56. border-radius: 20px;
  57. height: 20px;
  58. }
  59. .widget .llms-progress .progress-bar-complete {
  60. border-radius: 20px;
  61. }
  62. .widget .llms-course-outline ul {
  63. margin-left: 1.5em;
  64. }
  65. .ast-separate-container .ast-lifterlms-container {
  66. background-color: #fff;
  67. }
  68. @media (max-width: 1200px) {
  69. .ast-separate-container .ast-lifterlms-container {
  70. padding: 3.34em 2.4em;
  71. }
  72. }
  73. @media (max-width: 992px) {
  74. .ast-separate-container .ast-lifterlms-container {
  75. padding: 1.5em 2.14em;
  76. }
  77. }
  78. @media (max-width: 544px) {
  79. .ast-separate-container .ast-lifterlms-container {
  80. padding: .54em 1em 1.33333em;
  81. }
  82. }
  83. @media (min-width: 1201px) {
  84. .ast-separate-container .ast-lifterlms-container {
  85. padding: 5.34em 6.67em;
  86. }
  87. }
  88. .llms-student-dashboard ul.llms-loop-list li.llms-loop-item,
  89. .ast-container ul.llms-loop-list li.llms-loop-item,
  90. .ast-lifterlms-container ul.llms-loop-list li.llms-loop-item {
  91. padding: 0;
  92. border-bottom: none;
  93. }
  94. .llms-student-dashboard .llms-access-plans,
  95. .ast-container .llms-access-plans,
  96. .ast-lifterlms-container .llms-access-plans {
  97. margin-left: -2px;
  98. margin-right: -2px;
  99. }
  100. .llms-student-dashboard .llms-password-strength-meter,
  101. .ast-container .llms-password-strength-meter,
  102. .ast-lifterlms-container .llms-password-strength-meter {
  103. margin-top: 0px;
  104. font-size: .65em;
  105. }
  106. .llms-student-dashboard .llms-checkout,
  107. .ast-container .llms-checkout,
  108. .ast-lifterlms-container .llms-checkout {
  109. -js-display: flex;
  110. display: flex;
  111. }
  112. .llms-student-dashboard .llms-loop-item-content,
  113. .ast-container .llms-loop-item-content,
  114. .ast-lifterlms-container .llms-loop-item-content {
  115. padding-bottom: 15px;
  116. }
  117. .llms-student-dashboard .llms-loop-item-content .llms-author,
  118. .llms-student-dashboard .llms-loop-item-content .llms-loop-title,
  119. .llms-student-dashboard .llms-loop-item-content .llms-meta,
  120. .ast-container .llms-loop-item-content .llms-author,
  121. .ast-container .llms-loop-item-content .llms-loop-title,
  122. .ast-container .llms-loop-item-content .llms-meta,
  123. .ast-lifterlms-container .llms-loop-item-content .llms-author,
  124. .ast-lifterlms-container .llms-loop-item-content .llms-loop-title,
  125. .ast-lifterlms-container .llms-loop-item-content .llms-meta {
  126. padding: 0 15px;
  127. }
  128. .llms-student-dashboard .llms-loop-item-content .llms-loop-title,
  129. .ast-container .llms-loop-item-content .llms-loop-title,
  130. .ast-lifterlms-container .llms-loop-item-content .llms-loop-title {
  131. font-weight: 600;
  132. margin-top: 10px;
  133. }
  134. .llms-student-dashboard .llms-loop-item-content .llms-author,
  135. .llms-student-dashboard .llms-loop-item-content .llms-meta,
  136. .ast-container .llms-loop-item-content .llms-author,
  137. .ast-container .llms-loop-item-content .llms-meta,
  138. .ast-lifterlms-container .llms-loop-item-content .llms-author,
  139. .ast-lifterlms-container .llms-loop-item-content .llms-meta {
  140. margin-bottom: 0;
  141. }
  142. .llms-student-dashboard .llms-loop-item-content .llms-author,
  143. .ast-container .llms-loop-item-content .llms-author,
  144. .ast-lifterlms-container .llms-loop-item-content .llms-author {
  145. font-size: inherit;
  146. margin-bottom: 10px;
  147. }
  148. .llms-student-dashboard .llms-loop-item-content .llms-author .llms-author-info,
  149. .ast-container .llms-loop-item-content .llms-author .llms-author-info,
  150. .ast-lifterlms-container .llms-loop-item-content .llms-author .llms-author-info {
  151. vertical-align: middle;
  152. }
  153. .llms-student-dashboard .llms-loop-item-content .llms-meta,
  154. .ast-container .llms-loop-item-content .llms-meta,
  155. .ast-lifterlms-container .llms-loop-item-content .llms-meta {
  156. font-size: .9em;
  157. font-weight: 600;
  158. }
  159. .llms-student-dashboard .llms-loop-item-content .llms-meta .length,
  160. .llms-student-dashboard .llms-loop-item-content .llms-meta .difficulty,
  161. .ast-container .llms-loop-item-content .llms-meta .length,
  162. .ast-container .llms-loop-item-content .llms-meta .difficulty,
  163. .ast-lifterlms-container .llms-loop-item-content .llms-meta .length,
  164. .ast-lifterlms-container .llms-loop-item-content .llms-meta .difficulty {
  165. font-weight: 400;
  166. opacity: .75;
  167. }
  168. .llms-student-dashboard .llms-loop-item-content .llms-loop-title:hover,
  169. .ast-container .llms-loop-item-content .llms-loop-title:hover,
  170. .ast-lifterlms-container .llms-loop-item-content .llms-loop-title:hover {
  171. color: inherit;
  172. }
  173. .llms-student-dashboard .llms-loop-item-content .llms-loop-item-footer,
  174. .ast-container .llms-loop-item-content .llms-loop-item-footer,
  175. .ast-lifterlms-container .llms-loop-item-content .llms-loop-item-footer {
  176. margin-top: 10px;
  177. }
  178. .course .llms-featured-image {
  179. margin-bottom: 0;
  180. }
  181. .course .llms-instructor-info,
  182. .course .llms-instructor-info .llms-meta-info {
  183. margin-top: 1.5em;
  184. }
  185. .course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.name {
  186. font-size: 1.25em;
  187. }
  188. .course .llms-instructor-info .llms-instructors .llms-author .llms-author-info.label {
  189. font-size: 1em;
  190. }
  191. body .llms-syllabus-wrapper {
  192. margin: 0 auto 1.5em;
  193. }
  194. body .llms-syllabus-wrapper .llms-section-title {
  195. margin-top: 15px;
  196. text-align: left;
  197. font-size: 1.1em;
  198. padding: 5px 15px;
  199. background: #e8e8e8;
  200. font-weight: 600;
  201. line-height: 1.75;
  202. }
  203. body .llms-syllabus-wrapper .llms-lesson-preview {
  204. margin-top: 1px;
  205. display: block;
  206. width: auto;
  207. }
  208. body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link {
  209. background-color: #f0f0f0;
  210. padding: 5px 15px;
  211. min-height: auto;
  212. }
  213. body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-link:hover {
  214. background: #e6e6e6;
  215. }
  216. body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-title {
  217. font-size: 1em;
  218. line-height: 1.75;
  219. font-weight: 600;
  220. margin-bottom: 0;
  221. }
  222. body .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-counter {
  223. line-height: 1.75;
  224. margin-bottom: 0;
  225. font-size: inherit;
  226. }
  227. body #review_box,
  228. body #old_reviews {
  229. margin: 0;
  230. padding: 2em 0 0;
  231. border-top: 1px solid #eeeeee;
  232. }
  233. body #old_reviews > hr {
  234. display: none;
  235. }
  236. body #old_reviews .llms_review {
  237. padding: 20px;
  238. margin: 20px 0px;
  239. }
  240. body #old_reviews .llms_review:last-of-type {
  241. margin-bottom: 2em;
  242. }
  243. body #old_reviews .llms_review p:last-child {
  244. margin-bottom: 0;
  245. }
  246. body #old_reviews .llms_review h5 {
  247. margin-bottom: 5px;
  248. }
  249. body #old_reviews:last-child .llms_review:last-of-type {
  250. margin-bottom: 0;
  251. }
  252. body #review_box #review_text,
  253. body #review_box #review_title {
  254. margin-bottom: 1em;
  255. width: 100%;
  256. border-color: #dddddd;
  257. background: #fff;
  258. border-radius: 0;
  259. }
  260. body #thank_you_box {
  261. margin-top: 1em;
  262. }
  263. body .llms-lesson-link-locked,
  264. body .llms-lesson-link-locked:hover {
  265. box-shadow: none;
  266. }
  267. body .llms-person-form-wrapper .llms-form-fields,
  268. body .llms-new-person-form-wrapper .llms-form-fields,
  269. body .llms-person-login-form-wrapper .llms-form-fields {
  270. margin-left: -10px;
  271. margin-right: -10px;
  272. }
  273. body .llms-person-form-wrapper .llms-form-fields .llms-form-field.align-right,
  274. body .llms-new-person-form-wrapper .llms-form-fields .llms-form-field.align-right,
  275. body .llms-person-login-form-wrapper .llms-form-fields .llms-form-field.align-right {
  276. float: right;
  277. }
  278. body .llms-form-heading {
  279. padding: 0;
  280. }
  281. body .llms-lost-password-form {
  282. margin-left: -10px;
  283. margin-right: -10px;
  284. }
  285. body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-complete {
  286. margin-bottom: 0;
  287. position: absolute;
  288. top: 5px;
  289. left: 15px;
  290. font-size: 1.4em;
  291. height: 1.2em;
  292. line-height: 1.2;
  293. width: 1em;
  294. }
  295. body .is-enrolled .llms-syllabus-wrapper .llms-lesson-preview .llms-main {
  296. margin-left: 2em;
  297. margin-left: calc(1.2em + 15px);
  298. width: 83%;
  299. width: calc(85% - 1.2em - 15px);
  300. }
  301. body .course .llms-course-progress,
  302. body .llms-course-progress {
  303. max-width: 100%;
  304. margin: 0 auto;
  305. -js-display: flex;
  306. display: flex;
  307. flex-direction: row-reverse;
  308. background: #f1f2f1;
  309. border-top-right-radius: 1em;
  310. border-bottom-right-radius: 1em;
  311. }
  312. body .course .llms-course-progress .llms-course-complete-text,
  313. body .course .llms-course-progress a.llms-course-continue-button,
  314. body .llms-course-progress .llms-course-complete-text,
  315. body .llms-course-progress a.llms-course-continue-button {
  316. display: inline-block;
  317. margin-right: 2px;
  318. padding: 0 1em;
  319. line-height: 2em;
  320. }
  321. body .course .llms-course-progress a.llms-course-continue-button:after,
  322. body .llms-course-progress a.llms-course-continue-button:after {
  323. content: "\BB";
  324. font-size: 1.2em;
  325. line-height: 1;
  326. }
  327. body .course .llms-course-progress .llms-course-complete-text,
  328. body .llms-course-progress .llms-course-complete-text {
  329. margin-bottom: 0;
  330. opacity: .6;
  331. }
  332. body .course .llms-course-progress .llms-progress,
  333. body .llms-course-progress .llms-progress {
  334. height: auto;
  335. margin: 0 auto;
  336. flex: 1;
  337. text-align: center;
  338. }
  339. body .course .llms-course-progress .llms-progress .llms-progress-bar,
  340. body .llms-course-progress .llms-progress .llms-progress-bar {
  341. height: inherit;
  342. top: 0;
  343. border-radius: 1em;
  344. border-bottom-left-radius: 0;
  345. border-top-left-radius: 0;
  346. }
  347. body .course .llms-course-progress .llms-progress .progress__indicator,
  348. body .llms-course-progress .llms-progress .progress__indicator {
  349. display: none;
  350. }
  351. body .course .llms-course-progress .llms-progress .progress-bar-complete,
  352. body .llms-course-progress .llms-progress .progress-bar-complete {
  353. border-radius: inherit;
  354. }
  355. body .course .llms-course-progress .llms-progress .progress-bar-complete:after,
  356. body .llms-course-progress .llms-progress .progress-bar-complete:after {
  357. display: inline-block;
  358. line-height: 2;
  359. padding: 0 10px;
  360. content: attr(data-progress);
  361. word-break: normal;
  362. }
  363. body .widget_course_progress .llms-progress,
  364. body .llms-progress {
  365. /**
  366. * Progress Widget
  367. */
  368. height: 1.4em;
  369. margin: 0 auto;
  370. }
  371. body .widget_course_progress .llms-progress .progress__indicator,
  372. body .llms-progress .progress__indicator {
  373. line-height: 1.4;
  374. height: 1.4em;
  375. }
  376. body .widget_course_progress .llms-progress .llms-progress-bar,
  377. body .llms-progress .llms-progress-bar {
  378. border-radius: .7em;
  379. height: 1.4em;
  380. top: 0;
  381. }
  382. body .widget_course_progress .llms-progress .progress-bar-complete,
  383. body .llms-progress .progress-bar-complete {
  384. border-radius: .7em;
  385. }
  386. body .llms-loop-item-content .llms-progress-bar {
  387. height: inherit;
  388. }
  389. body .llms-loop-item-content .llms-progress-bar .progress-bar-complete {
  390. border-radius: 0;
  391. }
  392. .single-course article.course {
  393. margin-bottom: 2em;
  394. }
  395. .llms_membership .llms-featured-image {
  396. margin-bottom: 0;
  397. }
  398. .llms-access-plan .llms-access-plan-footer {
  399. padding: 15px;
  400. }
  401. .llms-access-plan .llms-access-plan-title,
  402. .llms-access-plan .llms-access-plan-pricing,
  403. .llms-access-plan .llms-access-plan-description {
  404. padding-left: 15px;
  405. padding-right: 15px;
  406. }
  407. .llms-access-plan .llms-access-plan-schedule,
  408. .llms-access-plan .llms-access-plan-trial,
  409. .llms-access-plan .llms-access-plan-expiration,
  410. .llms-access-plan .llms-access-plan-description {
  411. font-size: inherit;
  412. }
  413. .llms-access-plan .llms-access-plan-price {
  414. font-size: 1.2em;
  415. }
  416. .llms-access-plan .stamp {
  417. font-size: 0.6em;
  418. padding: 2px 5px;
  419. font-weight: normal;
  420. }
  421. .llms-access-plan .llms-button-action {
  422. display: inline-block;
  423. }
  424. .llms-pagination {
  425. text-align: left;
  426. margin-top: 2em;
  427. }
  428. .llms-pagination ul {
  429. display: inline-block;
  430. text-align: center;
  431. white-space: nowrap;
  432. padding: 0;
  433. clear: both;
  434. border: 0;
  435. margin: 1px;
  436. }
  437. .llms-pagination ul li {
  438. margin: 0 5px 5px 0;
  439. border: 1px solid #d3ced2;
  440. padding: 0;
  441. float: left;
  442. display: inline;
  443. overflow: hidden;
  444. }
  445. .llms-pagination ul li a.page-numbers,
  446. .llms-pagination ul li span.page-numbers {
  447. margin: 0;
  448. text-decoration: none;
  449. padding: 0;
  450. line-height: 1;
  451. font-size: 1em;
  452. font-weight: normal;
  453. padding: 0.75em;
  454. display: block;
  455. min-width: 2.5em;
  456. }
  457. .llms-pagination ul li span.current,
  458. .llms-pagination ul li a:hover,
  459. .llms-pagination ul li a:focus {
  460. background: #ebe9eb;
  461. color: #8a7e88;
  462. }
  463. .lifterlms .llms-checkout-wrapper .llms-notice {
  464. border: 0;
  465. background: none;
  466. padding: 0;
  467. margin-bottom: 2em;
  468. }
  469. .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 {
  470. width: calc(58% - 2em);
  471. margin: 0 2em 0 0;
  472. }
  473. @media (max-width: 768px) {
  474. .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 {
  475. width: 100%;
  476. margin-right: 0;
  477. }
  478. }
  479. .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-1 .llms-checkout-section-content {
  480. margin: 0 -10px;
  481. }
  482. .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 {
  483. width: 42%;
  484. margin: 0;
  485. height: -moz-fit-content;
  486. height: fit-content;
  487. }
  488. @media (max-width: 768px) {
  489. .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 {
  490. width: 100%;
  491. }
  492. }
  493. .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-order-summary {
  494. font-size: .9em;
  495. }
  496. .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 .llms-coupon-entry .type-text {
  497. margin-bottom: 1em;
  498. }
  499. .lifterlms .llms-checkout-wrapper .llms-form-field > label {
  500. display: inline-block;
  501. font-size: 0.9em;
  502. font-weight: 600;
  503. vertical-align: middle;
  504. }
  505. .lifterlms .llms-checkout-wrapper .llms-form-field input,
  506. .lifterlms .llms-checkout-wrapper .llms-form-field select,
  507. .lifterlms .llms-checkout-wrapper .llms-form-field textarea {
  508. margin-bottom: 0;
  509. background: #fff;
  510. }
  511. .lifterlms .llms-checkout-wrapper .llms-form-field input[type="checkbox"] {
  512. margin-bottom: 0;
  513. vertical-align: middle;
  514. }
  515. .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2,
  516. .lifterlms .llms-checkout-wrapper .llms-login {
  517. padding: 20px;
  518. }
  519. .lifterlms .llms-checkout-wrapper .llms-checkout-col.llms-col-2 {
  520. border: 2px solid #ebebeb;
  521. }
  522. .lifterlms .llms-checkout-wrapper .llms-login {
  523. border: 1px solid #d3ced2;
  524. margin-bottom: 2em;
  525. border-radius: 5px;
  526. }
  527. @media (max-width: 768px) {
  528. .lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.align-right {
  529. text-align: left;
  530. width: 100%;
  531. clear: both;
  532. margin-top: 10px;
  533. }
  534. }
  535. .lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-checkbox, .lifterlms .llms-checkout-wrapper .llms-login .llms-form-field.type-submit {
  536. width: auto;
  537. }
  538. .lifterlms .llms-checkout-wrapper .llms-checkout-section {
  539. border: none;
  540. }
  541. .lifterlms .llms-checkout-wrapper .llms-form-heading {
  542. background: none;
  543. color: inherit;
  544. margin-bottom: 1em;
  545. padding: 0;
  546. }
  547. .lifterlms .llms-checkout-wrapper .flush .llms-form-field {
  548. padding: 0;
  549. }
  550. .lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-order-summary .llms-label {
  551. font-variant: normal;
  552. text-transform: none;
  553. font-weight: 600;
  554. }
  555. .lifterlms .llms-checkout-wrapper .llms-checkout-section-content span.llms-description {
  556. font-size: .9em;
  557. line-height: 1.5;
  558. opacity: .75;
  559. display: inline-block;
  560. }
  561. .lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper,
  562. .lifterlms .llms-checkout-wrapper .llms-person-login-form-wrapper .llms-checkout-confirm,
  563. .lifterlms .llms-checkout-wrapper .llms-checkout-section-content,
  564. .lifterlms .llms-checkout-wrapper .llms-checkout-section-content .llms-checkout-confirm {
  565. margin: 0;
  566. }
  567. .lifterlms .llms-checkout-wrapper .llms-payment-gateways label:before {
  568. width: 1em;
  569. height: 1em;
  570. }
  571. .lifterlms .llms-checkout-wrapper .llms-payment-gateways .llms-gateway-description {
  572. margin-left: 1.25em;
  573. margin-left: calc(1em + 5px);
  574. }
  575. .lifterlms .llms-checkout-wrapper .llms-payment-gateways li:last-child:after {
  576. margin: 10px auto;
  577. }
  578. .llms-student-dashboard .llms-sd-header .llms-sd-item {
  579. margin-right: 1em;
  580. margin-bottom: 1em;
  581. }
  582. .llms-student-dashboard .llms-sd-header .llms-sd-item.current {
  583. font-weight: 600;
  584. }
  585. .llms-student-dashboard .llms-sd-header .llms-sd-item .llms-sep {
  586. display: none;
  587. }
  588. .llms-student-dashboard .llms-sd-header .llms-sd-item > a:before {
  589. font: normal normal normal 14px/1 FontAwesome;
  590. font-size: inherit;
  591. text-rendering: auto;
  592. -webkit-font-smoothing: antialiased;
  593. -moz-osx-font-smoothing: grayscale;
  594. display: inline-block;
  595. margin-right: .5em;
  596. }
  597. .llms-student-dashboard .llms-sd-header .llms-sd-item.dashboard > a:before {
  598. content: "\f0e4";
  599. }
  600. .llms-student-dashboard .llms-sd-header .llms-sd-item.view-courses > a:before {
  601. content: "\f02d";
  602. }
  603. .llms-student-dashboard .llms-sd-header .llms-sd-item.view-memberships > a:before {
  604. content: "\f0c0";
  605. }
  606. .llms-student-dashboard .llms-sd-header .llms-sd-item.my-grades > a:before {
  607. content: "\f19d";
  608. }
  609. .llms-student-dashboard .llms-sd-header .llms-sd-item.view-achievements > a:before {
  610. content: "\f091";
  611. }
  612. .llms-student-dashboard .llms-sd-header .llms-sd-item.view-certificates > a:before {
  613. content: "\f0a3";
  614. }
  615. .llms-student-dashboard .llms-sd-header .llms-sd-item.notifications > a:before {
  616. content: "\f06a";
  617. }
  618. .llms-student-dashboard .llms-sd-header .llms-sd-item.edit-account > a:before {
  619. content: "\f007";
  620. }
  621. .llms-student-dashboard .llms-sd-header .llms-sd-item.redeem-voucher > a:before {
  622. content: "\f005";
  623. }
  624. .llms-student-dashboard .llms-sd-header .llms-sd-item.orders > a:before {
  625. content: "\f022";
  626. }
  627. .llms-student-dashboard .llms-sd-header .llms-sd-item.signout > a:before {
  628. content: "\f08b";
  629. }
  630. .llms-student-dashboard .llms-sd-header .llms-sd-item.sl_profile > a:before {
  631. content: "\f2be";
  632. }
  633. .llms-student-dashboard .llms-my-orders .orders-table {
  634. font-size: 0.85em;
  635. }
  636. .llms-student-dashboard .llms-my-orders .orders-table thead td {
  637. background: #f9f9f9;
  638. }
  639. .llms-student-dashboard .llms-my-orders .orders-table tbody tr:nth-child(even) td {
  640. background: none;
  641. }
  642. .llms-student-dashboard .llms-my-orders .orders-table th:first-child,
  643. .llms-student-dashboard .llms-my-orders .orders-table td:first-child {
  644. width: 100%;
  645. }
  646. .llms-student-dashboard .llms-my-orders .orders-table th:first-child a,
  647. .llms-student-dashboard .llms-my-orders .orders-table td:first-child a {
  648. vertical-align: middle;
  649. }
  650. @media (min-width: 769px) {
  651. .llms-student-dashboard .llms-my-orders .orders-table th:first-child,
  652. .llms-student-dashboard .llms-my-orders .orders-table td:first-child {
  653. width: 20%;
  654. }
  655. }
  656. @media (max-width: 768px) {
  657. .llms-student-dashboard .llms-my-orders .orders-table thead {
  658. display: none;
  659. }
  660. .llms-student-dashboard .llms-my-orders .orders-table td {
  661. display: block;
  662. width: 100%;
  663. border-bottom-width: 1px;
  664. text-align: right;
  665. }
  666. .llms-student-dashboard .llms-my-orders .orders-table td:before {
  667. content: attr(data-label);
  668. font-weight: 700;
  669. float: left;
  670. display: block;
  671. }
  672. }
  673. .llms-student-dashboard .llms-my-orders .llms-status {
  674. padding: 1px 5px;
  675. }
  676. .llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field > label {
  677. display: inline-block;
  678. font-size: 0.9em;
  679. font-weight: 600;
  680. vertical-align: middle;
  681. }
  682. .llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input,
  683. .llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field select,
  684. .llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field textarea {
  685. margin-bottom: 0;
  686. background: #fff;
  687. }
  688. .llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field input[type="checkbox"] {
  689. vertical-align: middle;
  690. }
  691. .llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit,
  692. .llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.type-submit button {
  693. width: auto;
  694. }
  695. .llms-student-dashboard .llms-person-login-form-wrapper .llms-form-field.align-right {
  696. float: right;
  697. }
  698. .llms-student-dashboard .llms-person-form-wrapper .llms-form-field > label {
  699. display: inline-block;
  700. font-size: 0.9em;
  701. font-weight: 600;
  702. vertical-align: middle;
  703. }
  704. .llms-student-dashboard .llms-person-form-wrapper .llms-form-field input,
  705. .llms-student-dashboard .llms-person-form-wrapper .llms-form-field select,
  706. .llms-student-dashboard .llms-person-form-wrapper .llms-form-field textarea {
  707. margin-bottom: 0;
  708. background: #fff;
  709. }
  710. .llms-student-dashboard .llms-person-form-wrapper .llms-form-field input[type="checkbox"] {
  711. vertical-align: middle;
  712. }
  713. .llms-student-dashboard .llms-sd-header ~ form .form-row-first {
  714. display: inline-block;
  715. margin-bottom: 0;
  716. }
  717. .llms-student-dashboard .llms-sd-header ~ form .form-row-first > label {
  718. display: none;
  719. }
  720. .llms-student-dashboard .llms-sd-header ~ form .form-row-first input {
  721. width: 100%;
  722. }
  723. .llms-student-dashboard .llms-sd-header ~ form .form-row-first ~ button {
  724. line-height: 1.5;
  725. }
  726. @media (max-width: 544px) {
  727. .llms-student-dashboard .llms-sd-header ~ form .form-row-first ~ button {
  728. width: 100%;
  729. }
  730. }
  731. @media (max-width: 544px) {
  732. .llms-student-dashboard .llms-sd-header ~ form .form-row-first {
  733. width: 100%;
  734. margin-bottom: 10px;
  735. }
  736. }
  737. .ast-container .lifterlms .llms-notice {
  738. margin: 0 0 2em;
  739. }
  740. .ast-container .llms-notice {
  741. border-width: 0;
  742. border-top-width: 3px;
  743. border-color: #b81c23;
  744. border-style: solid;
  745. padding: 1em 2em;
  746. position: relative;
  747. background-color: #f7f6f7;
  748. color: #515151;
  749. }
  750. .ast-container .llms-notice.llms-error {
  751. border-width: 0;
  752. border-top-width: 3px;
  753. border-color: #b81c23;
  754. border-style: solid;
  755. padding: 1em 2em;
  756. position: relative;
  757. background-color: #f7f6f7;
  758. color: #515151;
  759. }
  760. .ast-container a.llms-button-primary,
  761. .ast-container .llms-button-secondary,
  762. .ast-container .llms-button-action,
  763. .ast-container .llms-field-button {
  764. font-size: inherit;
  765. line-height: 1;
  766. }
  767. .ast-container .llms-tooltip {
  768. font-size: .9em;
  769. line-height: 1.4;
  770. }
  771. .llms-notification .llms-notification-content .llms-notification-body {
  772. font-size: inherit;
  773. line-height: inherit;
  774. }
  775. .llms-notification .llms-notification-content .llms-notification-title {
  776. font-size: 1.3em;
  777. }
  778. .llms-quiz-meta-item {
  779. font-weight: 600;
  780. }
  781. .llms-quiz-meta-item span {
  782. font-weight: 400;
  783. opacity: .75;
  784. }
  785. .llms-quiz-question-wrapper {
  786. clear: both;
  787. }
  788. .llms-quiz-question-wrapper .llms-error {
  789. color: #b81c23;
  790. margin-bottom: .5em;
  791. }
  792. .llms-quiz-question-wrapper .llms-question-count p {
  793. font-weight: 600;
  794. margin-bottom: 0;
  795. }
  796. .llms-quiz-question-wrapper .llms-question-count ~ p {
  797. margin-bottom: .5em;
  798. }
  799. .llms-quiz-question-wrapper .llms-question-wrapper {
  800. margin-bottom: 1.5em;
  801. }
  802. .llms-quiz-question-wrapper .llms-question-wrapper .llms-question-text {
  803. font-size: 2em;
  804. }
  805. .llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice label {
  806. display: block;
  807. }
  808. .llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-choice-text {
  809. font-size: 1em;
  810. }
  811. .llms-quiz-question-wrapper .llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-marker {
  812. font-size: 1em;
  813. width: 1.75em;
  814. height: 1.75em;
  815. line-height: 1.75em;
  816. }
  817. .llms-quiz-buttons .llms-start-quiz-button {
  818. line-height: 1.4;
  819. }
  820. .llms-quiz-buttons .llms-start-quiz-button:after {
  821. content: "\BB";
  822. font-size: 1.2em;
  823. line-height: 1;
  824. }
  825. .llms-quiz-buttons .llms-next-lesson:after {
  826. content: "\2192";
  827. margin-left: 5px;
  828. }
  829. @media (max-width: 768px) {
  830. .llms-quiz-buttons .llms-start-quiz-button,
  831. .llms-quiz-buttons .llms-button-secondary {
  832. margin: 5px;
  833. display: block;
  834. }
  835. }
  836. .llms-quiz-ui .llms-quiz-nav .llms-button-action {
  837. font-size: inherit;
  838. line-height: 1.4;
  839. }
  840. .llms-quiz-ui .llms-quiz-nav #llms-complete-quiz:before {
  841. content: "\2714";
  842. margin-right: .5em;
  843. }
  844. .llms-quiz-ui .llms-quiz-nav #llms-next-question:after {
  845. content: "\2192";
  846. margin-left: 5px;
  847. }
  848. .llms-quiz-ui .llms-quiz-nav #llms-prev-question {
  849. line-height: 1.4;
  850. float: left;
  851. }
  852. .llms-quiz-ui .llms-quiz-nav #llms-prev-question:before {
  853. content: "\2190";
  854. margin-right: 5px;
  855. }
  856. .llms-quiz-ui .llms-quiz-nav .llms-quiz-counter {
  857. font-size: inherit;
  858. }
  859. .llms-quiz-ui .llms-quiz-nav .llms-button-action,
  860. .llms-quiz-ui .llms-quiz-nav .llms-button-secondary {
  861. margin: 5px;
  862. }
  863. @media (max-width: 768px) {
  864. .llms-loop .llms-tablet-cols-1 .llms-loop-item {
  865. width: 100%;
  866. }
  867. .llms-loop .llms-tablet-cols-2 .llms-loop-item {
  868. width: 50%;
  869. }
  870. .llms-loop .llms-tablet-cols-3 .llms-loop-item {
  871. width: 33.33333%;
  872. }
  873. .llms-loop .llms-tablet-cols-4 .llms-loop-item {
  874. width: 25%;
  875. }
  876. .llms-loop .llms-tablet-cols-5 .llms-loop-item {
  877. width: 20%;
  878. }
  879. .llms-loop .llms-tablet-cols-6 .llms-loop-item {
  880. width: 16.66667%;
  881. }
  882. }
  883. @media (max-width: 544px) {
  884. .llms-loop .llms-mobile-cols-1 .llms-loop-item {
  885. width: 100%;
  886. }
  887. .llms-loop .llms-mobile-cols-2 .llms-loop-item {
  888. width: 50%;
  889. }
  890. .llms-loop .llms-mobile-cols-3 .llms-loop-item {
  891. width: 33.33333%;
  892. }
  893. .llms-loop .llms-mobile-cols-4 .llms-loop-item {
  894. width: 25%;
  895. }
  896. .llms-loop .llms-mobile-cols-5 .llms-loop-item {
  897. width: 20%;
  898. }
  899. .llms-loop .llms-mobile-cols-6 .llms-loop-item {
  900. width: 16.66667%;
  901. }
  902. }
  903. .ast-woocommerce-cart-menu .main-header-bar .main-header-log-out {
  904. padding-left: 10px;
  905. }