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.

1931 lines
106 KiB

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