lifterlms.css 30 KB

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