Lightweight CSS Framework for Building Apps and Websites https://crispy-css.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1744 lines
97 KiB

  1. @charset "UTF-8";
  2. /**
  3. * functions to convert px to em and rem
  4. *
  5. *
  6. * @author Björn Hase
  7. *
  8. */
  9. /**
  10. * calculate pixel value to em
  11. *
  12. * @param {px} $fontSize
  13. * @return {em}
  14. */
  15. /**
  16. * calculate px value to rem
  17. *
  18. * @param {px} $fonz-size
  19. * @param {px} $font-size
  20. * @return {em}
  21. */
  22. /**
  23. * z-index
  24. *
  25. *
  26. * @author Björn Hase
  27. *
  28. */
  29. /**
  30. *
  31. *
  32. *
  33. *
  34. */
  35. /**
  36. * add font-size in px as fallback
  37. * and in rem
  38. *
  39. *
  40. * @param {px} $font-size
  41. *
  42. */
  43. /**
  44. * add modificators for font-size from a map
  45. *
  46. *
  47. * @param {map} $font-sizes
  48. *
  49. */
  50. /**
  51. * media-queries
  52. *
  53. *
  54. * @author Björn Hase
  55. *
  56. */
  57. /**
  58. * clearfix to end floating
  59. *
  60. *
  61. *
  62. */
  63. /**
  64. * clear default styles from list
  65. *
  66. *
  67. */
  68. /**
  69. * config
  70. *
  71. *
  72. * @author Björn Hase
  73. *
  74. */
  75. /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
  76. /* Document
  77. ========================================================================== */
  78. /**
  79. * 1. Correct the line height in all browsers.
  80. * 2. Prevent adjustments of font size after orientation changes in
  81. * IE on Windows Phone and in iOS.
  82. */
  83. html {
  84. line-height: 1.15;
  85. /* 1 */
  86. -ms-text-size-adjust: 100%;
  87. /* 2 */
  88. -webkit-text-size-adjust: 100%;
  89. /* 2 */ }
  90. /* Sections
  91. ========================================================================== */
  92. /**
  93. * Remove the margin in all browsers (opinionated).
  94. */
  95. body {
  96. margin: 0; }
  97. /**
  98. * Add the correct display in IE 9-.
  99. */
  100. article,
  101. aside,
  102. footer,
  103. header,
  104. nav,
  105. section {
  106. display: block; }
  107. /**
  108. * Correct the font size and margin on `h1` elements within `section` and
  109. * `article` contexts in Chrome, Firefox, and Safari.
  110. */
  111. h1 {
  112. font-size: 2em;
  113. margin: 0.67em 0; }
  114. /* Grouping content
  115. ========================================================================== */
  116. /**
  117. * Add the correct display in IE 9-.
  118. * 1. Add the correct display in IE.
  119. */
  120. figcaption,
  121. figure,
  122. main {
  123. /* 1 */
  124. display: block; }
  125. /**
  126. * Add the correct margin in IE 8.
  127. */
  128. figure {
  129. margin: 1em 40px; }
  130. /**
  131. * 1. Add the correct box sizing in Firefox.
  132. * 2. Show the overflow in Edge and IE.
  133. */
  134. hr {
  135. -webkit-box-sizing: content-box;
  136. box-sizing: content-box;
  137. /* 1 */
  138. height: 0;
  139. /* 1 */
  140. overflow: visible;
  141. /* 2 */ }
  142. /**
  143. * 1. Correct the inheritance and scaling of font size in all browsers.
  144. * 2. Correct the odd `em` font sizing in all browsers.
  145. */
  146. pre {
  147. font-family: monospace, monospace;
  148. /* 1 */
  149. font-size: 1em;
  150. /* 2 */ }
  151. /* Text-level semantics
  152. ========================================================================== */
  153. /**
  154. * 1. Remove the gray background on active links in IE 10.
  155. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
  156. */
  157. a {
  158. background-color: transparent;
  159. /* 1 */
  160. -webkit-text-decoration-skip: objects;
  161. /* 2 */ }
  162. /**
  163. * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
  164. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  165. */
  166. abbr[title] {
  167. border-bottom: none;
  168. /* 1 */
  169. text-decoration: underline;
  170. /* 2 */
  171. -webkit-text-decoration: underline dotted;
  172. text-decoration: underline dotted;
  173. /* 2 */ }
  174. /**
  175. * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
  176. */
  177. b,
  178. strong {
  179. font-weight: inherit; }
  180. /**
  181. * Add the correct font weight in Chrome, Edge, and Safari.
  182. */
  183. b,
  184. strong {
  185. font-weight: bolder; }
  186. /**
  187. * 1. Correct the inheritance and scaling of font size in all browsers.
  188. * 2. Correct the odd `em` font sizing in all browsers.
  189. */
  190. code,
  191. kbd,
  192. samp {
  193. font-family: monospace, monospace;
  194. /* 1 */
  195. font-size: 1em;
  196. /* 2 */ }
  197. /**
  198. * Add the correct font style in Android 4.3-.
  199. */
  200. dfn {
  201. font-style: italic; }
  202. /**
  203. * Add the correct background and color in IE 9-.
  204. */
  205. mark {
  206. background-color: #ff0;
  207. color: #000; }
  208. /**
  209. * Add the correct font size in all browsers.
  210. */
  211. small {
  212. font-size: 80%; }
  213. /**
  214. * Prevent `sub` and `sup` elements from affecting the line height in
  215. * all browsers.
  216. */
  217. sub,
  218. sup {
  219. font-size: 75%;
  220. line-height: 0;
  221. position: relative;
  222. vertical-align: baseline; }
  223. sub {
  224. bottom: -0.25em; }
  225. sup {
  226. top: -0.5em; }
  227. /* Embedded content
  228. ========================================================================== */
  229. /**
  230. * Add the correct display in IE 9-.
  231. */
  232. audio,
  233. video {
  234. display: inline-block; }
  235. /**
  236. * Add the correct display in iOS 4-7.
  237. */
  238. audio:not([controls]) {
  239. display: none;
  240. height: 0; }
  241. /**
  242. * Remove the border on images inside links in IE 10-.
  243. */
  244. img {
  245. border-style: none; }
  246. /**
  247. * Hide the overflow in IE.
  248. */
  249. svg:not(:root) {
  250. overflow: hidden; }
  251. /* Forms
  252. ========================================================================== */
  253. /**
  254. * 1. Change the font styles in all browsers (opinionated).
  255. * 2. Remove the margin in Firefox and Safari.
  256. */
  257. button,
  258. input,
  259. optgroup,
  260. select,
  261. textarea {
  262. font-family: sans-serif;
  263. /* 1 */
  264. font-size: 100%;
  265. /* 1 */
  266. line-height: 1.15;
  267. /* 1 */
  268. margin: 0;
  269. /* 2 */ }
  270. /**
  271. * Show the overflow in IE.
  272. * 1. Show the overflow in Edge.
  273. */
  274. button,
  275. input {
  276. /* 1 */
  277. overflow: visible; }
  278. /**
  279. * Remove the inheritance of text transform in Edge, Firefox, and IE.
  280. * 1. Remove the inheritance of text transform in Firefox.
  281. */
  282. button,
  283. select {
  284. /* 1 */
  285. text-transform: none; }
  286. /**
  287. * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
  288. * controls in Android 4.
  289. * 2. Correct the inability to style clickable types in iOS and Safari.
  290. */
  291. button,
  292. html [type="button"],
  293. [type="reset"],
  294. [type="submit"] {
  295. -webkit-appearance: button;
  296. /* 2 */ }
  297. /**
  298. * Remove the inner border and padding in Firefox.
  299. */
  300. button::-moz-focus-inner,
  301. [type="button"]::-moz-focus-inner,
  302. [type="reset"]::-moz-focus-inner,
  303. [type="submit"]::-moz-focus-inner {
  304. border-style: none;
  305. padding: 0; }
  306. /**
  307. * Restore the focus styles unset by the previous rule.
  308. */
  309. button:-moz-focusring,
  310. [type="button"]:-moz-focusring,
  311. [type="reset"]:-moz-focusring,
  312. [type="submit"]:-moz-focusring {
  313. outline: 1px dotted ButtonText; }
  314. /**
  315. * Correct the padding in Firefox.
  316. */
  317. fieldset {
  318. padding: 0.35em 0.75em 0.625em; }
  319. /**
  320. * 1. Correct the text wrapping in Edge and IE.
  321. * 2. Correct the color inheritance from `fieldset` elements in IE.
  322. * 3. Remove the padding so developers are not caught out when they zero out
  323. * `fieldset` elements in all browsers.
  324. */
  325. legend {
  326. -webkit-box-sizing: border-box;
  327. box-sizing: border-box;
  328. /* 1 */
  329. color: inherit;
  330. /* 2 */
  331. display: table;
  332. /* 1 */
  333. max-width: 100%;
  334. /* 1 */
  335. padding: 0;
  336. /* 3 */
  337. white-space: normal;
  338. /* 1 */ }
  339. /**
  340. * 1. Add the correct display in IE 9-.
  341. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
  342. */
  343. progress {
  344. display: inline-block;
  345. /* 1 */
  346. vertical-align: baseline;
  347. /* 2 */ }
  348. /**
  349. * Remove the default vertical scrollbar in IE.
  350. */
  351. textarea {
  352. overflow: auto; }
  353. /**
  354. * 1. Add the correct box sizing in IE 10-.
  355. * 2. Remove the padding in IE 10-.
  356. */
  357. [type="checkbox"],
  358. [type="radio"] {
  359. -webkit-box-sizing: border-box;
  360. box-sizing: border-box;
  361. /* 1 */
  362. padding: 0;
  363. /* 2 */ }
  364. /**
  365. * Correct the cursor style of increment and decrement buttons in Chrome.
  366. */
  367. [type="number"]::-webkit-inner-spin-button,
  368. [type="number"]::-webkit-outer-spin-button {
  369. height: auto; }
  370. /**
  371. * 1. Correct the odd appearance in Chrome and Safari.
  372. * 2. Correct the outline style in Safari.
  373. */
  374. [type="search"] {
  375. -webkit-appearance: textfield;
  376. /* 1 */
  377. outline-offset: -2px;
  378. /* 2 */ }
  379. /**
  380. * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
  381. */
  382. [type="search"]::-webkit-search-cancel-button,
  383. [type="search"]::-webkit-search-decoration {
  384. -webkit-appearance: none; }
  385. /**
  386. * 1. Correct the inability to style clickable types in iOS and Safari.
  387. * 2. Change font properties to `inherit` in Safari.
  388. */
  389. ::-webkit-file-upload-button {
  390. -webkit-appearance: button;
  391. /* 1 */
  392. font: inherit;
  393. /* 2 */ }
  394. /* Interactive
  395. ========================================================================== */
  396. /*
  397. * Add the correct display in IE 9-.
  398. * 1. Add the correct display in Edge, IE, and Firefox.
  399. */
  400. details,
  401. menu {
  402. display: block; }
  403. /*
  404. * Add the correct display in all browsers.
  405. */
  406. summary {
  407. display: list-item; }
  408. /* Scripting
  409. ========================================================================== */
  410. /**
  411. * Add the correct display in IE 9-.
  412. */
  413. canvas {
  414. display: inline-block; }
  415. /**
  416. * Add the correct display in IE.
  417. */
  418. template {
  419. display: none; }
  420. /* Hidden
  421. ========================================================================== */
  422. /**
  423. * Add the correct display in IE 10-.
  424. */
  425. [hidden] {
  426. display: none; }
  427. .container,
  428. .container-full {
  429. -webkit-box-sizing: border-box;
  430. box-sizing: border-box;
  431. width: 100%;
  432. margin-right: auto;
  433. margin-left: auto;
  434. padding-right: 30px;
  435. padding-left: 30px; }
  436. .container .grid,
  437. .container-full .grid {
  438. margin-right: -15px;
  439. margin-left: -15px; }
  440. @media (min-width: 576px) {
  441. .container {
  442. max-width: 576px; } }
  443. @media (min-width: 768px) {
  444. .container {
  445. max-width: 768px; } }
  446. @media (min-width: 992px) {
  447. .container {
  448. max-width: 992px; } }
  449. @media (min-width: 1200px) {
  450. .container {
  451. max-width: 1200px; } }
  452. @media (min-width: 1600px) {
  453. .container {
  454. max-width: 1600px; } }
  455. .grid {
  456. -webkit-box-sizing: border-box;
  457. box-sizing: border-box;
  458. display: block;
  459. display: -ms-flexbox;
  460. display: -webkit-box;
  461. display: flex;
  462. -ms-flex-wrap: wrap;
  463. flex-wrap: wrap;
  464. padding: 0;
  465. margin: 0 auto;
  466. position: relative;
  467. letter-spacing: -.31em;
  468. *letter-spacing: normal;
  469. word-spacing: -.43em;
  470. list-style-type: none; }
  471. .grid::before, .grid::after {
  472. -webkit-box-sizing: border-box;
  473. box-sizing: border-box;
  474. letter-spacing: normal;
  475. word-spacing: normal;
  476. white-space: normal; }
  477. [class^="col-"] {
  478. -webkit-box-sizing: border-box;
  479. box-sizing: border-box;
  480. letter-spacing: normal;
  481. word-spacing: normal;
  482. white-space: normal;
  483. position: relative;
  484. width: 100%;
  485. vertical-align: top;
  486. padding: 15px;
  487. display: inline-block;
  488. *display: inline;
  489. zoom: 1; }
  490. [class^="col-"]::before, [class^="col-"]::after {
  491. -webkit-box-sizing: border-box;
  492. box-sizing: border-box;
  493. letter-spacing: normal;
  494. word-spacing: normal;
  495. white-space: normal; }
  496. [class^="col-"] .grid {
  497. -ms-flex: 1 1 auto;
  498. -webkit-box-flex: 1;
  499. flex: 1 1 auto;
  500. margin: -15px; }
  501. .col-12 {
  502. width: 100%;
  503. *width: 99.9%; }
  504. .col-11 {
  505. width: 91.66667%;
  506. *width: 91.56667%; }
  507. .col-10 {
  508. width: 83.33333%;
  509. *width: 83.23333%; }
  510. .col-9 {
  511. width: 75%;
  512. *width: 74.9%; }
  513. .col-8 {
  514. width: 66.66667%;
  515. *width: 66.56667%; }
  516. .col-7 {
  517. width: 58.33333%;
  518. *width: 58.23333%; }
  519. .col-6 {
  520. width: 50%;
  521. *width: 49.9%; }
  522. .col-5 {
  523. width: 41.66667%;
  524. *width: 41.56667%; }
  525. .col-4 {
  526. width: 33.33333%;
  527. *width: 33.23333%; }
  528. .col-3 {
  529. width: 25%;
  530. *width: 24.9%; }
  531. .col-2 {
  532. width: 16.66667%;
  533. *width: 16.56667%; }
  534. .col-1 {
  535. width: 8.33333%;
  536. *width: 8.23333%; }
  537. @media (min-width: 576px) {
  538. .col-xs-12 {
  539. width: 100%;
  540. *width: 99.9%; }
  541. .col-xs-11 {
  542. width: 91.66667%;
  543. *width: 91.56667%; }
  544. .col-xs-10 {
  545. width: 83.33333%;
  546. *width: 83.23333%; }
  547. .col-xs-9 {
  548. width: 75%;
  549. *width: 74.9%; }
  550. .col-xs-8 {
  551. width: 66.66667%;
  552. *width: 66.56667%; }
  553. .col-xs-7 {
  554. width: 58.33333%;
  555. *width: 58.23333%; }
  556. .col-xs-6 {
  557. width: 50%;
  558. *width: 49.9%; }
  559. .col-xs-5 {
  560. width: 41.66667%;
  561. *width: 41.56667%; }
  562. .col-xs-4 {
  563. width: 33.33333%;
  564. *width: 33.23333%; }
  565. .col-xs-3 {
  566. width: 25%;
  567. *width: 24.9%; }
  568. .col-xs-2 {
  569. width: 16.66667%;
  570. *width: 16.56667%; }
  571. .col-xs-1 {
  572. width: 8.33333%;
  573. *width: 8.23333%; } }
  574. @media (min-width: 768px) {
  575. .col-sm-12 {
  576. width: 100%;
  577. *width: 99.9%; }
  578. .col-sm-11 {
  579. width: 91.66667%;
  580. *width: 91.56667%; }
  581. .col-sm-10 {
  582. width: 83.33333%;
  583. *width: 83.23333%; }
  584. .col-sm-9 {
  585. width: 75%;
  586. *width: 74.9%; }
  587. .col-sm-8 {
  588. width: 66.66667%;
  589. *width: 66.56667%; }
  590. .col-sm-7 {
  591. width: 58.33333%;
  592. *width: 58.23333%; }
  593. .col-sm-6 {
  594. width: 50%;
  595. *width: 49.9%; }
  596. .col-sm-5 {
  597. width: 41.66667%;
  598. *width: 41.56667%; }
  599. .col-sm-4 {
  600. width: 33.33333%;
  601. *width: 33.23333%; }
  602. .col-sm-3 {
  603. width: 25%;
  604. *width: 24.9%; }
  605. .col-sm-2 {
  606. width: 16.66667%;
  607. *width: 16.56667%; }
  608. .col-sm-1 {
  609. width: 8.33333%;
  610. *width: 8.23333%; } }
  611. @media (min-width: 992px) {
  612. .col-md-12 {
  613. width: 100%;
  614. *width: 99.9%; }
  615. .col-md-11 {
  616. width: 91.66667%;
  617. *width: 91.56667%; }
  618. .col-md-10 {
  619. width: 83.33333%;
  620. *width: 83.23333%; }
  621. .col-md-9 {
  622. width: 75%;
  623. *width: 74.9%; }
  624. .col-md-8 {
  625. width: 66.66667%;
  626. *width: 66.56667%; }
  627. .col-md-7 {
  628. width: 58.33333%;
  629. *width: 58.23333%; }
  630. .col-md-6 {
  631. width: 50%;
  632. *width: 49.9%; }
  633. .col-md-5 {
  634. width: 41.66667%;
  635. *width: 41.56667%; }
  636. .col-md-4 {
  637. width: 33.33333%;
  638. *width: 33.23333%; }
  639. .col-md-3 {
  640. width: 25%;
  641. *width: 24.9%; }
  642. .col-md-2 {
  643. width: 16.66667%;
  644. *width: 16.56667%; }
  645. .col-md-1 {
  646. width: 8.33333%;
  647. *width: 8.23333%; } }
  648. @media (min-width: 1200px) {
  649. .col-lg-12 {
  650. width: 100%;
  651. *width: 99.9%; }
  652. .col-lg-11 {
  653. width: 91.66667%;
  654. *width: 91.56667%; }
  655. .col-lg-10 {
  656. width: 83.33333%;
  657. *width: 83.23333%; }
  658. .col-lg-9 {
  659. width: 75%;
  660. *width: 74.9%; }
  661. .col-lg-8 {
  662. width: 66.66667%;
  663. *width: 66.56667%; }
  664. .col-lg-7 {
  665. width: 58.33333%;
  666. *width: 58.23333%; }
  667. .col-lg-6 {
  668. width: 50%;
  669. *width: 49.9%; }
  670. .col-lg-5 {
  671. width: 41.66667%;
  672. *width: 41.56667%; }
  673. .col-lg-4 {
  674. width: 33.33333%;
  675. *width: 33.23333%; }
  676. .col-lg-3 {
  677. width: 25%;
  678. *width: 24.9%; }
  679. .col-lg-2 {
  680. width: 16.66667%;
  681. *width: 16.56667%; }
  682. .col-lg-1 {
  683. width: 8.33333%;
  684. *width: 8.23333%; } }
  685. @media (min-width: 1600px) {
  686. .col-xlg-12 {
  687. width: 100%;
  688. *width: 99.9%; }
  689. .col-xlg-11 {
  690. width: 91.66667%;
  691. *width: 91.56667%; }
  692. .col-xlg-10 {
  693. width: 83.33333%;
  694. *width: 83.23333%; }
  695. .col-xlg-9 {
  696. width: 75%;
  697. *width: 74.9%; }
  698. .col-xlg-8 {
  699. width: 66.66667%;
  700. *width: 66.56667%; }
  701. .col-xlg-7 {
  702. width: 58.33333%;
  703. *width: 58.23333%; }
  704. .col-xlg-6 {
  705. width: 50%;
  706. *width: 49.9%; }
  707. .col-xlg-5 {
  708. width: 41.66667%;
  709. *width: 41.56667%; }
  710. .col-xlg-4 {
  711. width: 33.33333%;
  712. *width: 33.23333%; }
  713. .col-xlg-3 {
  714. width: 25%;
  715. *width: 24.9%; }
  716. .col-xlg-2 {
  717. width: 16.66667%;
  718. *width: 16.56667%; }
  719. .col-xlg-1 {
  720. width: 8.33333%;
  721. *width: 8.23333%; } }
  722. .col-auto {
  723. -ms-flex: 1 0 auto;
  724. -webkit-box-flex: 1;
  725. flex: 1 0 0px;
  726. width: auto; }
  727. @media (min-width: 576px) {
  728. .col-xs-auto {
  729. -ms-flex: 1 0 auto;
  730. -webkit-box-flex: 1;
  731. flex: 1 0 0px;
  732. width: auto; } }
  733. @media (min-width: 768px) {
  734. .col-sm-auto {
  735. -ms-flex: 1 0 auto;
  736. -webkit-box-flex: 1;
  737. flex: 1 0 0px;
  738. width: auto; } }
  739. @media (min-width: 992px) {
  740. .col-md-auto {
  741. -ms-flex: 1 0 auto;
  742. -webkit-box-flex: 1;
  743. flex: 1 0 0px;
  744. width: auto; } }
  745. @media (min-width: 1200px) {
  746. .col-lg-auto {
  747. -ms-flex: 1 0 auto;
  748. -webkit-box-flex: 1;
  749. flex: 1 0 0px;
  750. width: auto; } }
  751. @media (min-width: 1600px) {
  752. .col-xlg-auto {
  753. -ms-flex: 1 0 auto;
  754. -webkit-box-flex: 1;
  755. flex: 1 0 0px;
  756. width: auto; } }
  757. .order-12 {
  758. -ms-flex-order: 12;
  759. -webkit-box-ordinal-group: 13;
  760. order: 12; }
  761. .order-11 {
  762. -ms-flex-order: 11;
  763. -webkit-box-ordinal-group: 12;
  764. order: 11; }
  765. .order-10 {
  766. -ms-flex-order: 10;
  767. -webkit-box-ordinal-group: 11;
  768. order: 10; }
  769. .order-9 {
  770. -ms-flex-order: 9;
  771. -webkit-box-ordinal-group: 10;
  772. order: 9; }
  773. .order-8 {
  774. -ms-flex-order: 8;
  775. -webkit-box-ordinal-group: 9;
  776. order: 8; }
  777. .order-7 {
  778. -ms-flex-order: 7;
  779. -webkit-box-ordinal-group: 8;
  780. order: 7; }
  781. .order-6 {
  782. -ms-flex-order: 6;
  783. -webkit-box-ordinal-group: 7;
  784. order: 6; }
  785. .order-5 {
  786. -ms-flex-order: 5;
  787. -webkit-box-ordinal-group: 6;
  788. order: 5; }
  789. .order-4 {
  790. -ms-flex-order: 4;
  791. -webkit-box-ordinal-group: 5;
  792. order: 4; }
  793. .order-3 {
  794. -ms-flex-order: 3;
  795. -webkit-box-ordinal-group: 4;
  796. order: 3; }
  797. .order-2 {
  798. -ms-flex-order: 2;
  799. -webkit-box-ordinal-group: 3;
  800. order: 2; }
  801. .order-1 {
  802. -ms-flex-order: 1;
  803. -webkit-box-ordinal-group: 2;
  804. order: 1; }
  805. .order-0 {
  806. -ms-flex-order: 0;
  807. -webkit-box-ordinal-group: 1;
  808. order: 0; }
  809. @media only screen and (min-width: 576px) {
  810. .order-12-xs {
  811. -ms-flex-order: 12;
  812. -webkit-box-ordinal-group: 13;
  813. order: 12; }
  814. .order-11-xs {
  815. -ms-flex-order: 11;
  816. -webkit-box-ordinal-group: 12;
  817. order: 11; }
  818. .order-10-xs {
  819. -ms-flex-order: 10;
  820. -webkit-box-ordinal-group: 11;
  821. order: 10; }
  822. .order-9-xs {
  823. -ms-flex-order: 9;
  824. -webkit-box-ordinal-group: 10;
  825. order: 9; }
  826. .order-8-xs {
  827. -ms-flex-order: 8;
  828. -webkit-box-ordinal-group: 9;
  829. order: 8; }
  830. .order-7-xs {
  831. -ms-flex-order: 7;
  832. -webkit-box-ordinal-group: 8;
  833. order: 7; }
  834. .order-6-xs {
  835. -ms-flex-order: 6;
  836. -webkit-box-ordinal-group: 7;
  837. order: 6; }
  838. .order-5-xs {
  839. -ms-flex-order: 5;
  840. -webkit-box-ordinal-group: 6;
  841. order: 5; }
  842. .order-4-xs {
  843. -ms-flex-order: 4;
  844. -webkit-box-ordinal-group: 5;
  845. order: 4; }
  846. .order-3-xs {
  847. -ms-flex-order: 3;
  848. -webkit-box-ordinal-group: 4;
  849. order: 3; }
  850. .order-2-xs {
  851. -ms-flex-order: 2;
  852. -webkit-box-ordinal-group: 3;
  853. order: 2; }
  854. .order-1-xs {
  855. -ms-flex-order: 1;
  856. -webkit-box-ordinal-group: 2;
  857. order: 1; }
  858. .order-0-xs {
  859. -ms-flex-order: 0;
  860. -webkit-box-ordinal-group: 1;
  861. order: 0; } }
  862. @media only screen and (min-width: 768px) {
  863. .order-12-sm {
  864. -ms-flex-order: 12;
  865. -webkit-box-ordinal-group: 13;
  866. order: 12; }
  867. .order-11-sm {
  868. -ms-flex-order: 11;
  869. -webkit-box-ordinal-group: 12;
  870. order: 11; }
  871. .order-10-sm {
  872. -ms-flex-order: 10;
  873. -webkit-box-ordinal-group: 11;
  874. order: 10; }
  875. .order-9-sm {
  876. -ms-flex-order: 9;
  877. -webkit-box-ordinal-group: 10;
  878. order: 9; }
  879. .order-8-sm {
  880. -ms-flex-order: 8;
  881. -webkit-box-ordinal-group: 9;
  882. order: 8; }
  883. .order-7-sm {
  884. -ms-flex-order: 7;
  885. -webkit-box-ordinal-group: 8;
  886. order: 7; }
  887. .order-6-sm {
  888. -ms-flex-order: 6;
  889. -webkit-box-ordinal-group: 7;
  890. order: 6; }
  891. .order-5-sm {
  892. -ms-flex-order: 5;
  893. -webkit-box-ordinal-group: 6;
  894. order: 5; }
  895. .order-4-sm {
  896. -ms-flex-order: 4;
  897. -webkit-box-ordinal-group: 5;
  898. order: 4; }
  899. .order-3-sm {
  900. -ms-flex-order: 3;
  901. -webkit-box-ordinal-group: 4;
  902. order: 3; }
  903. .order-2-sm {
  904. -ms-flex-order: 2;
  905. -webkit-box-ordinal-group: 3;
  906. order: 2; }
  907. .order-1-sm {
  908. -ms-flex-order: 1;
  909. -webkit-box-ordinal-group: 2;
  910. order: 1; }
  911. .order-0-sm {
  912. -ms-flex-order: 0;
  913. -webkit-box-ordinal-group: 1;
  914. order: 0; } }
  915. @media only screen and (min-width: 992px) {
  916. .order-12-md {
  917. -ms-flex-order: 12;
  918. -webkit-box-ordinal-group: 13;
  919. order: 12; }
  920. .order-11-md {
  921. -ms-flex-order: 11;
  922. -webkit-box-ordinal-group: 12;
  923. order: 11; }
  924. .order-10-md {
  925. -ms-flex-order: 10;
  926. -webkit-box-ordinal-group: 11;
  927. order: 10; }
  928. .order-9-md {
  929. -ms-flex-order: 9;
  930. -webkit-box-ordinal-group: 10;
  931. order: 9; }
  932. .order-8-md {
  933. -ms-flex-order: 8;
  934. -webkit-box-ordinal-group: 9;
  935. order: 8; }
  936. .order-7-md {
  937. -ms-flex-order: 7;
  938. -webkit-box-ordinal-group: 8;
  939. order: 7; }
  940. .order-6-md {
  941. -ms-flex-order: 6;
  942. -webkit-box-ordinal-group: 7;
  943. order: 6; }
  944. .order-5-md {
  945. -ms-flex-order: 5;
  946. -webkit-box-ordinal-group: 6;
  947. order: 5; }
  948. .order-4-md {
  949. -ms-flex-order: 4;
  950. -webkit-box-ordinal-group: 5;
  951. order: 4; }
  952. .order-3-md {
  953. -ms-flex-order: 3;
  954. -webkit-box-ordinal-group: 4;
  955. order: 3; }
  956. .order-2-md {
  957. -ms-flex-order: 2;
  958. -webkit-box-ordinal-group: 3;
  959. order: 2; }
  960. .order-1-md {
  961. -ms-flex-order: 1;
  962. -webkit-box-ordinal-group: 2;
  963. order: 1; }
  964. .order-0-md {
  965. -ms-flex-order: 0;
  966. -webkit-box-ordinal-group: 1;
  967. order: 0; } }
  968. @media only screen and (min-width: 1200px) {
  969. .order-12-lg {
  970. -ms-flex-order: 12;
  971. -webkit-box-ordinal-group: 13;
  972. order: 12; }
  973. .order-11-lg {
  974. -ms-flex-order: 11;
  975. -webkit-box-ordinal-group: 12;
  976. order: 11; }
  977. .order-10-lg {
  978. -ms-flex-order: 10;
  979. -webkit-box-ordinal-group: 11;
  980. order: 10; }
  981. .order-9-lg {
  982. -ms-flex-order: 9;
  983. -webkit-box-ordinal-group: 10;
  984. order: 9; }
  985. .order-8-lg {
  986. -ms-flex-order: 8;
  987. -webkit-box-ordinal-group: 9;
  988. order: 8; }
  989. .order-7-lg {
  990. -ms-flex-order: 7;
  991. -webkit-box-ordinal-group: 8;
  992. order: 7; }
  993. .order-6-lg {
  994. -ms-flex-order: 6;
  995. -webkit-box-ordinal-group: 7;
  996. order: 6; }
  997. .order-5-lg {
  998. -ms-flex-order: 5;
  999. -webkit-box-ordinal-group: 6;
  1000. order: 5; }
  1001. .order-4-lg {
  1002. -ms-flex-order: 4;
  1003. -webkit-box-ordinal-group: 5;
  1004. order: 4; }
  1005. .order-3-lg {
  1006. -ms-flex-order: 3;
  1007. -webkit-box-ordinal-group: 4;
  1008. order: 3; }
  1009. .order-2-lg {
  1010. -ms-flex-order: 2;
  1011. -webkit-box-ordinal-group: 3;
  1012. order: 2; }
  1013. .order-1-lg {
  1014. -ms-flex-order: 1;
  1015. -webkit-box-ordinal-group: 2;
  1016. order: 1; }
  1017. .order-0-lg {
  1018. -ms-flex-order: 0;
  1019. -webkit-box-ordinal-group: 1;
  1020. order: 0; } }
  1021. @media only screen and (min-width: 1600px) {
  1022. .order-12-xlg {
  1023. -ms-flex-order: 12;
  1024. -webkit-box-ordinal-group: 13;
  1025. order: 12; }
  1026. .order-11-xlg {
  1027. -ms-flex-order: 11;
  1028. -webkit-box-ordinal-group: 12;
  1029. order: 11; }
  1030. .order-10-xlg {
  1031. -ms-flex-order: 10;
  1032. -webkit-box-ordinal-group: 11;
  1033. order: 10; }
  1034. .order-9-xlg {
  1035. -ms-flex-order: 9;
  1036. -webkit-box-ordinal-group: 10;
  1037. order: 9; }
  1038. .order-8-xlg {
  1039. -ms-flex-order: 8;
  1040. -webkit-box-ordinal-group: 9;
  1041. order: 8; }
  1042. .order-7-xlg {
  1043. -ms-flex-order: 7;
  1044. -webkit-box-ordinal-group: 8;
  1045. order: 7; }
  1046. .order-6-xlg {
  1047. -ms-flex-order: 6;
  1048. -webkit-box-ordinal-group: 7;
  1049. order: 6; }
  1050. .order-5-xlg {
  1051. -ms-flex-order: 5;
  1052. -webkit-box-ordinal-group: 6;
  1053. order: 5; }
  1054. .order-4-xlg {
  1055. -ms-flex-order: 4;
  1056. -webkit-box-ordinal-group: 5;
  1057. order: 4; }
  1058. .order-3-xlg {
  1059. -ms-flex-order: 3;
  1060. -webkit-box-ordinal-group: 4;
  1061. order: 3; }
  1062. .order-2-xlg {
  1063. -ms-flex-order: 2;
  1064. -webkit-box-ordinal-group: 3;
  1065. order: 2; }
  1066. .order-1-xlg {
  1067. -ms-flex-order: 1;
  1068. -webkit-box-ordinal-group: 2;
  1069. order: 1; }
  1070. .order-0-xlg {
  1071. -ms-flex-order: 0;
  1072. -webkit-box-ordinal-group: 1;
  1073. order: 0; } }
  1074. .wrap {
  1075. -ms-flex-wrap: wrap;
  1076. flex-wrap: wrap; }
  1077. .no-wrap {
  1078. -ms-flex-wrap: nowrap;
  1079. flex-wrap: nowrap; }
  1080. .no-wrap [class^="col-"] {
  1081. -ms-flex-negative: 1;
  1082. flex-shrink: 1; }
  1083. .wrap-reverse {
  1084. -ms-flex-wrap: wrap-reverse;
  1085. flex-wrap: wrap-reverse; }
  1086. .direction-row {
  1087. -ms-flex-direction: row;
  1088. -webkit-box-orient: horizontal;
  1089. -webkit-box-direction: normal;
  1090. flex-direction: row; }
  1091. .direction-row-reverse {
  1092. -ms-flex-direction: row-reverse;
  1093. -webkit-box-orient: horizontal;
  1094. -webkit-box-direction: reverse;
  1095. flex-direction: row-reverse; }
  1096. .direction-column {
  1097. -ms-flex-direction: column;
  1098. -webkit-box-orient: vertical;
  1099. -webkit-box-direction: normal;
  1100. flex-direction: column; }
  1101. .direction-column-reverse {
  1102. -ms-flex-direction: column-reverse;
  1103. -webkit-box-orient: vertical;
  1104. -webkit-box-direction: reverse;
  1105. flex-direction: column-reverse; }
  1106. .align-start {
  1107. -ms-flex-align: start;
  1108. -webkit-box-align: start;
  1109. align-items: flex-start; }
  1110. .align-end {
  1111. -ms-flex-align: end;
  1112. -webkit-box-align: end;
  1113. align-items: flex-end; }
  1114. .align-end [class^="col-"] {
  1115. vertical-align: bottom; }
  1116. .align-center {
  1117. -ms-flex-align: center;
  1118. -webkit-box-align: center;
  1119. align-items: center; }
  1120. .align-center [class^="col-"] {
  1121. vertical-align: middle; }
  1122. .align-baseline {
  1123. -ms-flex-align: baseline;
  1124. -webkit-box-align: baseline;
  1125. align-items: baseline; }
  1126. .align-content-start {
  1127. -ms-flex-line-pack: start;
  1128. align-content: flex-start; }
  1129. .align-content-end {
  1130. -ms-flex-line-pack: end;
  1131. align-content: flex-end; }
  1132. .align-content-end [class^="col-"] {
  1133. vertical-align: bottom; }
  1134. .align-content-center {
  1135. -ms-flex-line-pack: center;
  1136. align-content: center; }
  1137. .align-content-space-between {
  1138. -ms-flex-line-pack: justify;
  1139. align-content: space-between; }
  1140. .align-content-space-around {
  1141. -ms-flex-line-pack: distribute;
  1142. align-content: space-around; }
  1143. .align-self-stretch {
  1144. -ms-flex-item-align: stretch;
  1145. -webkit-align-self: stretch;
  1146. align-self: stretch; }
  1147. .align-self-start {
  1148. -ms-flex-item-align: start;
  1149. -webkit-align-self: flex-start;
  1150. align-self: flex-start; }
  1151. .align-self-end {
  1152. -ms-flex-item-align: end;
  1153. -webkit-align-self: flex-end;
  1154. align-self: flex-end;
  1155. vertical-align: bottom; }
  1156. .align-self-center {
  1157. -ms-flex-item-align: center;
  1158. -webkit-align-self: center;
  1159. align-self: center;
  1160. vertical-align: middle; }
  1161. .align-self-baseline {
  1162. -ms-flex-item-align: baseline;
  1163. -webkit-align-self: baseline;
  1164. align-self: baseline;
  1165. vertical-align: baseline; }
  1166. .justify-start {
  1167. -ms-flex-pack: start;
  1168. -webkit-box-pack: start;
  1169. justify-content: flex-start; }
  1170. .justify-start.grid {
  1171. text-align: left; }
  1172. .justify-end {
  1173. -ms-flex-pack: end;
  1174. -webkit-box-pack: end;
  1175. justify-content: flex-end; }
  1176. .justify-end.grid {
  1177. text-align: right;
  1178. text-align-last: right; }
  1179. .justify-end.grid [class^="col-"] {
  1180. text-align: left;
  1181. text-align: start;
  1182. text-align-last: left;
  1183. text-align-last: start; }
  1184. .justify-center {
  1185. -ms-flex-pack: center;
  1186. -webkit-box-pack: center;
  1187. justify-content: center; }
  1188. .justify-center.grid {
  1189. text-align: center;
  1190. text-align-last: center; }
  1191. .justify-center.grid [class^="col-"] {
  1192. text-align: left;
  1193. text-align: start;
  1194. text-align-last: left;
  1195. text-align-last: start; }
  1196. .justify-space-between {
  1197. -ms-flex-pack: justify;
  1198. -webkit-box-pack: justify;
  1199. justify-content: space-between; }
  1200. .justify-space-between.grid {
  1201. text-align: justify;
  1202. text-align-last: justify; }
  1203. .justify-space-between.grid [class^="col-"] {
  1204. text-align: left;
  1205. text-align: start;
  1206. text-align-last: left;
  1207. text-align-last: start; }
  1208. .justify-space-around {
  1209. -ms-flex-pack: distribute;
  1210. justify-content: space-around; }
  1211. .justify-space-around.grid {
  1212. text-align: justify;
  1213. text-align-last: justify; }
  1214. .justify-space-around.grid [class^="col-"] {
  1215. text-align: left;
  1216. text-align: start;
  1217. text-align-last: left;
  1218. text-align-last: start; }
  1219. .grid-bleed [class*="col-"] {
  1220. padding: 0; }
  1221. .col-grid {
  1222. display: -ms-flexbox;
  1223. display: -webkit-box;
  1224. display: flex;
  1225. -ms-flex-direction: column;
  1226. -webkit-box-orient: vertical;
  1227. -webkit-box-direction: normal;
  1228. flex-direction: column; }
  1229. .col-grid.direction-row {
  1230. -ms-flex-direction: row;
  1231. -webkit-box-orient: horizontal;
  1232. -webkit-box-direction: normal;
  1233. flex-direction: row; }
  1234. .col-bleed {
  1235. padding: 0; }
  1236. .col-bleed-x {
  1237. padding: 15px 0; }
  1238. .col-bleed-y {
  1239. padding: 0 15px; }
  1240. .flex-img {
  1241. display: block;
  1242. -ms-flex: 0 0 auto;
  1243. -webkit-box-flex: 0;
  1244. flex: 0 0 auto;
  1245. max-width: 100%;
  1246. height: auto;
  1247. width: 100%;
  1248. *width: auto; }
  1249. .flex-footer {
  1250. width: 100%;
  1251. margin-top: auto;
  1252. margin-bottom: 0; }
  1253. .flex-footer > :last-child {
  1254. margin-bottom: 0; }
  1255. @media (max-width: 575px) {
  1256. .hidden-xxs {
  1257. display: none; } }
  1258. @media (min-width: 576px) and (max-width: 767px) {
  1259. .hidden-xs {
  1260. display: none; } }
  1261. @media (min-width: 768px) and (max-width: 991px) {
  1262. .hidden-sm {
  1263. display: none; } }
  1264. @media (min-width: 992px) and (max-width: 1199px) {
  1265. .hidden-md {
  1266. display: none; } }
  1267. @media (min-width: 1200px) {
  1268. .hidden-lg {
  1269. display: none; } }
  1270. /**
  1271. * base
  1272. *
  1273. *
  1274. * @author Björn Hase
  1275. *
  1276. */
  1277. html {
  1278. font-size: 100%; }
  1279. body,
  1280. html {
  1281. height: 100%; }
  1282. html,
  1283. legend {
  1284. -webkit-box-sizing: border-box;
  1285. box-sizing: border-box; }
  1286. *,
  1287. *::after,
  1288. *::before {
  1289. -webkit-box-sizing: inherit;
  1290. box-sizing: inherit; }
  1291. img {
  1292. width: 100%; }
  1293. table {
  1294. border-collapse: collapse;
  1295. border-spacing: 0; }
  1296. p {
  1297. margin: 0 0 1.25em 0; }
  1298. a,
  1299. ins,
  1300. u {
  1301. -webkit-text-decoration-skip: ink edges;
  1302. text-decoration-skip: ink edges; }
  1303. a {
  1304. color: #5ca4a9; }
  1305. a:hover {
  1306. color: #363636; }
  1307. a:focus {
  1308. outline: none; }
  1309. abbr[title] {
  1310. border-bottom: 1px dotted;
  1311. cursor: help;
  1312. text-decoration: none; }
  1313. mark {
  1314. padding: 0.625em; }
  1315. blockquote {
  1316. border-left: 1px solid #363636;
  1317. margin-left: 0;
  1318. padding: 0.625em 1.25em; }
  1319. blockquote p:last-child {
  1320. margin-bottom: 0; }
  1321. ul, ol, dl {
  1322. margin: 0 0 1.25em 0; }
  1323. ul {
  1324. list-style-position: outside; }
  1325. hr {
  1326. border: 0;
  1327. border-top: 1px solid #363636; }
  1328. body {
  1329. font-family: Arial, Helvetica, Neue Helvetica, sans-serif;
  1330. font-weight: normal;
  1331. font-size: 100%;
  1332. line-height: 1.618;
  1333. color: #363636;
  1334. background-color: #ffffff;
  1335. direction: ltr;
  1336. font-size: 16px;
  1337. font-size: 1rem; }
  1338. /**
  1339. * align
  1340. *
  1341. *
  1342. *
  1343. * @author Björn Hase
  1344. *
  1345. */
  1346. /**
  1347. * background-color
  1348. *
  1349. * modificators for text-color
  1350. *
  1351. *
  1352. * @author Björn Hase
  1353. *
  1354. */
  1355. /**
  1356. * margin
  1357. *
  1358. *
  1359. *
  1360. *
  1361. * @author Björn Hase
  1362. *
  1363. */
  1364. /**
  1365. * text-colors
  1366. *
  1367. * modificators for text-color
  1368. *
  1369. *
  1370. * @author Björn Hase
  1371. *
  1372. */
  1373. /**
  1374. * visibilty
  1375. *
  1376. *
  1377. * @author Björn Hase
  1378. *
  1379. */
  1380. /**
  1381. * button
  1382. *
  1383. *
  1384. * @author Björn Hase
  1385. *
  1386. */
  1387. /**
  1388. * heading
  1389. *
  1390. * create classes for heading similar to there name,
  1391. * run map for sizes on each heading
  1392. *
  1393. *
  1394. * @author Björn Hase
  1395. *
  1396. */
  1397. /**
  1398. * icon
  1399. *
  1400. * use svg as icon
  1401. *
  1402. * <svg class="icon" viewBox="0 0 100 100">
  1403. * <use src="#"></use>
  1404. * </svg>
  1405. *
  1406. *
  1407. * @author Björn Hase
  1408. *
  1409. */
  1410. /**
  1411. * add modificators for icons as fill from map
  1412. *
  1413. *
  1414. * @param {map} $colors
  1415. *
  1416. */
  1417. /**
  1418. * add color as fill
  1419. *
  1420. *
  1421. * @param {color} $color
  1422. *
  1423. */
  1424. /**
  1425. * adding sizes for icons from map
  1426. *
  1427. *
  1428. * @param {map} $sizes
  1429. *
  1430. */
  1431. /**
  1432. * add size for icon as width and height
  1433. *
  1434. *
  1435. * @param {px} $size
  1436. *
  1437. */
  1438. /**
  1439. * table
  1440. *
  1441. * <table class="table table--striped">
  1442. * <thead>
  1443. * <tr>
  1444. * <th>name</th>
  1445. * <th>age</th>
  1446. * </tr>
  1447. * </thead>
  1448. * <tbody>
  1449. * <tr>
  1450. * <td>The Shawshank Redemption</td>
  1451. * <td>12</td>
  1452. * </tr>
  1453. * </tbody>
  1454. * </table>
  1455. *
  1456. * @author Björn Hase
  1457. *
  1458. */
  1459. .margin-top-0x {
  1460. margin-top: 0; }
  1461. .margin-top-1x {
  1462. margin-top: 1.25em; }
  1463. .margin-top-2x {
  1464. margin-top: 2.5em; }
  1465. .margin-top-3x {
  1466. margin-top: 3.75em; }
  1467. .margin-bottom-0x {
  1468. margin-bottom: 0; }
  1469. .margin-bottom-1x {
  1470. margin-bottom: 1.25em; }
  1471. .margin-bottom-2x {
  1472. margin-bottom: 2.5em; }
  1473. .margin-bottom-3x {
  1474. margin-bottom: 3.75em; }
  1475. .button {
  1476. position: relative;
  1477. display: inline-block;
  1478. vertical-align: middle;
  1479. -webkit-appearance: none;
  1480. -moz-appearance: none;
  1481. appearance: none;
  1482. padding: 0.3125em 0.625em;
  1483. font-size: 18px;
  1484. font-size: 1.125rem;
  1485. color: #363636;
  1486. background-color: #5ca4a9; }
  1487. .button--wide {
  1488. width: 100%; }
  1489. .button--up, .button--down {
  1490. position: absolute;
  1491. bottom: 0;
  1492. margin: 1.25em;
  1493. padding: 0.3125em; }
  1494. .button--down {
  1495. bottom: 0; }
  1496. .button--up {
  1497. bottom: 0; }
  1498. .button:hover {
  1499. cursor: pointer;
  1500. text-decoration: none; }
  1501. .button:focus {
  1502. outline: none; }
  1503. .button--small {
  1504. font-size: 14px;
  1505. font-size: 0.875rem; }
  1506. .button--large {
  1507. font-size: 28px;
  1508. font-size: 1.75rem; }
  1509. .button:hover {
  1510. background-color: #498589; }
  1511. .button--success {
  1512. color: #363636;
  1513. background-color: #6a8d73; }
  1514. .button--success:hover {
  1515. background-color: #54705b; }
  1516. .button--warning {
  1517. color: #363636;
  1518. background-color: #f4f1bb; }
  1519. .button--warning:hover {
  1520. background-color: #ede88f; }
  1521. .button--danger {
  1522. color: #363636;
  1523. background-color: #ed6a5a; }
  1524. .button--danger:hover {
  1525. background-color: #e8402c; }
  1526. /**
  1527. * grouping buttons
  1528. *
  1529. *
  1530. */
  1531. .button-group .button {
  1532. float: left; }
  1533. .button-group::before, .button-group::after {
  1534. display: table;
  1535. content: ' '; }
  1536. .button-group::after {
  1537. clear: both; }
  1538. h1, .h1,
  1539. h2, .h2,
  1540. h3, .h3,
  1541. h4, .h4,
  1542. h5, .h5,
  1543. h6, .h6 {
  1544. font-family: Arial, Helvetica, Neue Helvetica, sans-serif;
  1545. font-weight: bold;
  1546. line-height: 1.618;
  1547. margin: 0 0 0.3125em; }
  1548. h1, .h1 {
  1549. font-size: 40px;
  1550. font-size: 2.5rem; }
  1551. h2, .h2 {
  1552. font-size: 36px;
  1553. font-size: 2.25rem; }
  1554. h3, .h3 {
  1555. font-size: 32px;
  1556. font-size: 2rem; }
  1557. h4, .h4 {
  1558. font-size: 28px;
  1559. font-size: 1.75rem; }
  1560. h5, .h5 {
  1561. font-size: 24px;
  1562. font-size: 1.5rem; }
  1563. h6, .h6 {
  1564. font-size: 20px;
  1565. font-size: 1.25rem; }
  1566. .table {
  1567. width: 100%; }
  1568. .table--striped tr:nth-child(even) {
  1569. background-color: #404040; }
  1570. .table td {
  1571. color: #363636; }
  1572. .table td,
  1573. .table th {
  1574. padding: 0.625em 0.5em;
  1575. text-align: left;
  1576. border-bottom: 1px solid #9c9c9c; }
  1577. .table th {
  1578. border-bottom-width: 2px; }
  1579. /*# sourceMappingURL=data:application/json;base64,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