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.

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