summaryrefslogtreecommitdiff
path: root/css/uikit.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/uikit.css')
-rwxr-xr-xcss/uikit.css8743
1 files changed, 8743 insertions, 0 deletions
diff --git a/css/uikit.css b/css/uikit.css
new file mode 100755
index 0000000..18d52e9
--- /dev/null
+++ b/css/uikit.css
@@ -0,0 +1,8743 @@
1/*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
2/* ========================================================================
3 Component: Base
4 ========================================================================== */
5/*
6 * 1. Normalize default `font-family` and set `font-size` to support `rem` units
7 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
8 * 3. Style
9 */
10html {
11 /* 1 */
12 font: normal 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif;
13 /* 2 */
14 -webkit-text-size-adjust: 100%;
15 -ms-text-size-adjust: 100%;
16 /* 3 */
17 background: #fff;
18 color: #444;
19}
20/*
21 * Removes default margin.
22 */
23body {
24 margin: 0;
25}
26/* Links
27 ========================================================================== */
28/*
29 * Remove the gray background color from active links in IE 10.
30 */
31a {
32 background: transparent;
33}
34/*
35 * Improve readability of focused elements when they are also in an active/hover state.
36 */
37a:active,
38a:hover {
39 outline: 0;
40}
41/*
42 * Style
43 */
44a,
45.uk-link {
46 color: #07D;
47 text-decoration: none;
48 cursor: pointer;
49}
50a:hover,
51.uk-link:hover {
52 color: #059;
53 text-decoration: underline;
54}
55/* Text-level semantics
56 ========================================================================== */
57/*
58 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
59 */
60abbr[title] {
61 border-bottom: 1px dotted;
62}
63/*
64 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
65 */
66b,
67strong {
68 font-weight: bold;
69}
70/*
71 * 1. Address odd `em`-unit font size rendering in all browsers.
72 * 2. Consolas has a better baseline in running text compared to `Courier`
73 */
74:not(pre) > code,
75:not(pre) > kbd,
76:not(pre) > samp {
77 /* 1 */
78 font-size: 12px;
79 /* 2 */
80 font-family: Consolas, monospace, serif;
81 /* 3 */
82 color: #D05;
83 white-space: nowrap;
84}
85/*
86 * Emphasize
87 */
88em {
89 color: #D05;
90}
91/*
92 * Insert
93 */
94ins {
95 background: #ffa;
96 color: #444;
97 text-decoration: none;
98}
99/*
100 * Mark
101 * Note: Addresses styling not present in IE 8/9.
102 */
103mark {
104 background: #ffa;
105 color: #444;
106}
107/*
108 * Quote
109 */
110q {
111 font-style: italic;
112}
113/*
114 * Addresses inconsistent and variable font size in all browsers.
115 */
116small {
117 font-size: 80%;
118}
119/*
120 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
121 */
122sub,
123sup {
124 font-size: 75%;
125 line-height: 0;
126 position: relative;
127 vertical-align: baseline;
128}
129sup {
130 top: -0.5em;
131}
132sub {
133 bottom: -0.25em;
134}
135/* Embedded content
136 ========================================================================== */
137/*
138 * Remove the gap between embedded content and the bottom of their containers.
139 */
140audio,
141canvas,
142iframe,
143img,
144svg,
145video {
146 vertical-align: middle;
147}
148/*
149 * Responsiveness
150 * 1. Sets a maximum width relative to the parent and auto scales the height
151 * 2. Corrects `max-width` behavior if padding and border are used
152 */
153audio,
154canvas,
155img,
156svg,
157video {
158 /* 1 */
159 max-width: 100%;
160 height: auto;
161 /* 2 */
162 box-sizing: border-box;
163}
164/*
165 * Preserve original dimensions
166 */
167.uk-img-preserve,
168.uk-img-preserve audio,
169.uk-img-preserve canvas,
170.uk-img-preserve img,
171.uk-img-preserve svg,
172.uk-img-preserve video {
173 max-width: none;
174}
175/*
176 * Remove border when inside `a` element in IE 8/9/10.
177 */
178img {
179 border: 0;
180}
181/*
182 * Correct overflow not hidden in IE 9/10/11.
183 */
184svg:not(:root) {
185 overflow: hidden;
186}
187/* Block elements
188 ========================================================================== */
189/*
190 * Reset margin
191 */
192blockquote,
193figure {
194 margin: 0;
195}
196/*
197 * Margins
198 */
199p,
200ul,
201ol,
202dl,
203blockquote,
204pre,
205address,
206fieldset,
207figure {
208 margin: 0 0 15px 0;
209}
210* + p,
211* + ul,
212* + ol,
213* + dl,
214* + blockquote,
215* + pre,
216* + address,
217* + fieldset,
218* + figure {
219 margin-top: 15px;
220}
221/* Headings
222 ========================================================================== */
223h1,
224h2,
225h3,
226h4,
227h5,
228h6 {
229 margin: 0 0 15px 0;
230 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
231 font-weight: normal;
232 color: #444;
233 text-transform: none;
234}
235/*
236 * Margins
237 */
238* + h1,
239* + h2,
240* + h3,
241* + h4,
242* + h5,
243* + h6 {
244 margin-top: 25px;
245}
246/*
247 * Sizes
248 */
249h1,
250.uk-h1 {
251 font-size: 36px;
252 line-height: 42px;
253}
254h2,
255.uk-h2 {
256 font-size: 24px;
257 line-height: 30px;
258}
259h3,
260.uk-h3 {
261 font-size: 18px;
262 line-height: 24px;
263}
264h4,
265.uk-h4 {
266 font-size: 16px;
267 line-height: 22px;
268}
269h5,
270.uk-h5 {
271 font-size: 14px;
272 line-height: 20px;
273}
274h6,
275.uk-h6 {
276 font-size: 12px;
277 line-height: 18px;
278}
279/* Lists
280 ========================================================================== */
281ul,
282ol {
283 padding-left: 30px;
284}
285/*
286 * Reset margin for nested lists
287 */
288ul > li > ul,
289ul > li > ol,
290ol > li > ol,
291ol > li > ul {
292 margin: 0;
293}
294/* Description lists
295 ========================================================================== */
296dt {
297 font-weight: bold;
298}
299dd {
300 margin-left: 0;
301}
302/* Horizontal rules
303 ========================================================================== */
304/*
305 * 1. Address differences between Firefox and other browsers.
306 * 2. Style
307 */
308hr {
309 /* 1 */
310 box-sizing: content-box;
311 height: 0;
312 /* 2 */
313 margin: 15px 0;
314 border: 0;
315 border-top: 1px solid #ddd;
316}
317/* Address
318 ========================================================================== */
319address {
320 font-style: normal;
321}
322/* Blockquotes
323 ========================================================================== */
324blockquote {
325 padding-left: 15px;
326 border-left: 5px solid #ddd;
327 font-size: 16px;
328 line-height: 22px;
329 font-style: italic;
330}
331/* Preformatted text
332 ========================================================================== */
333/*
334 * 1. Contain overflow in all browsers.
335 */
336pre {
337 padding: 10px;
338 background: #f5f5f5;
339 font: 12px / 18px Consolas, monospace, serif;
340 color: #444;
341 -moz-tab-size: 4;
342 tab-size: 4;
343 /* 1 */
344 overflow: auto;
345}
346/* Selection pseudo-element
347 ========================================================================== */
348::-moz-selection {
349 background: #39f;
350 color: #fff;
351 text-shadow: none;
352}
353::selection {
354 background: #39f;
355 color: #fff;
356 text-shadow: none;
357}
358/* HTML5 elements
359 ========================================================================== */
360/*
361 * Correct `block` display not defined for any HTML5 element in IE 8/9.
362 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
363 * Correct `block` display not defined for `main` in IE 11.
364 */
365article,
366aside,
367details,
368figcaption,
369figure,
370footer,
371header,
372main,
373nav,
374section,
375summary {
376 display: block;
377}
378/*
379 * Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
380 */
381progress {
382 vertical-align: baseline;
383}
384/*
385 * Prevent displaying `audio` without controls in Chrome, Safari and Opera
386 */
387audio:not([controls]) {
388 display: none;
389}
390/*
391 * Address `[hidden]` styling not present in IE 8/9/10.
392 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
393 */
394[hidden],
395template {
396 display: none;
397}
398/* Iframe
399 ========================================================================== */
400iframe {
401 border: 0;
402}
403/* Fix viewport for IE10 snap mode
404 ========================================================================== */
405@media screen and (max-width: 400px) {
406 @-ms-viewport {
407 width: device-width;
408 }
409}
410/* ========================================================================
411 Component: Grid
412 ========================================================================== */
413/*
414 * 1. Makes grid more robust so that it can be used with other block elements like lists
415 */
416.uk-grid {
417 display: -ms-flexbox;
418 display: -webkit-flex;
419 display: flex;
420 -ms-flex-wrap: wrap;
421 -webkit-flex-wrap: wrap;
422 flex-wrap: wrap;
423 /* 1 */
424 margin: 0;
425 padding: 0;
426 list-style: none;
427}
428/*
429 * DEPRECATED
430 * Micro clearfix
431 * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit
432 */
433.uk-grid:before,
434.uk-grid:after {
435 content: "";
436 display: block;
437 overflow: hidden;
438}
439.uk-grid:after {
440 clear: both;
441}
442/*
443 * Grid cell
444 * 1. Space is allocated solely based on content dimensions
445 * 2. Makes grid more robust so that it can be used with other block elements
446 * 3. DEPRECATED Using `float` to support IE9
447 */
448.uk-grid > * {
449 /* 1 */
450 -ms-flex: none;
451 -webkit-flex: none;
452 flex: none;
453 /* 2 */
454 margin: 0;
455 /* 3 */
456 float: left;
457}
458/*
459 * Remove margin from the last-child
460 */
461.uk-grid > * > :last-child {
462 margin-bottom: 0;
463}
464/* Grid gutter
465 ========================================================================== */
466/*
467 * Default gutter
468 */
469/* Horizontal */
470.uk-grid {
471 margin-left: -25px;
472}
473.uk-grid > * {
474 padding-left: 25px;
475}
476/* Vertical */
477.uk-grid + .uk-grid,
478.uk-grid-margin,
479.uk-grid > * > .uk-panel + .uk-panel {
480 margin-top: 25px;
481}
482/* Large screen and bigger */
483@media (min-width: 1220px) {
484 /* Horizontal */
485 .uk-grid {
486 margin-left: -35px;
487 }
488 .uk-grid > * {
489 padding-left: 35px;
490 }
491 /* Vertical */
492 .uk-grid + .uk-grid,
493 .uk-grid-margin,
494 .uk-grid > * > .uk-panel + .uk-panel {
495 margin-top: 35px;
496 }
497}
498/*
499 * Collapse gutter
500 */
501/* Horizontal */
502.uk-grid-collapse {
503 margin-left: 0;
504}
505.uk-grid-collapse > * {
506 padding-left: 0;
507}
508/* Vertical */
509.uk-grid-collapse + .uk-grid-collapse,
510.uk-grid-collapse > .uk-grid-margin,
511.uk-grid-collapse > * > .uk-panel + .uk-panel {
512 margin-top: 0;
513}
514/*
515 * Small gutter
516 */
517/* Horizontal */
518.uk-grid-small {
519 margin-left: -10px;
520}
521.uk-grid-small > * {
522 padding-left: 10px;
523}
524/* Vertical */
525.uk-grid-small + .uk-grid-small,
526.uk-grid-small > .uk-grid-margin,
527.uk-grid-small > * > .uk-panel + .uk-panel {
528 margin-top: 10px;
529}
530/*
531 * Medium gutter
532 */
533/* Horizontal */
534.uk-grid-medium {
535 margin-left: -25px;
536}
537.uk-grid-medium > * {
538 padding-left: 25px;
539}
540/* Vertical */
541.uk-grid-medium + .uk-grid-medium,
542.uk-grid-medium > .uk-grid-margin,
543.uk-grid-medium > * > .uk-panel + .uk-panel {
544 margin-top: 25px;
545}
546/*
547 * Large gutter
548 */
549/* Large screen and bigger */
550@media (min-width: 960px) {
551 /* Horizontal */
552 .uk-grid-large {
553 margin-left: -35px;
554 }
555 .uk-grid-large > * {
556 padding-left: 35px;
557 }
558 /* Vertical */
559 .uk-grid-large + .uk-grid-large,
560 .uk-grid-large-margin,
561 .uk-grid-large > * > .uk-panel + .uk-panel {
562 margin-top: 35px;
563 }
564}
565/* Extra Large screens */
566@media (min-width: 1220px) {
567 /* Horizontal */
568 .uk-grid-large {
569 margin-left: -50px;
570 }
571 .uk-grid-large > * {
572 padding-left: 50px;
573 }
574 /* Vertical */
575 .uk-grid-large + .uk-grid-large,
576 .uk-grid-large-margin,
577 .uk-grid-large > * > .uk-panel + .uk-panel {
578 margin-top: 50px;
579 }
580}
581/* Modifier: `uk-grid-divider`
582 ========================================================================== */
583/*
584 * Horizontal divider
585 * Only works with the default gutter. Does not work with gutter collapse, small or large.
586 * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row.
587 */
588.uk-grid-divider:not(:empty) {
589 margin-left: -25px;
590 margin-right: -25px;
591}
592.uk-grid-divider > * {
593 padding-left: 25px;
594 padding-right: 25px;
595}
596.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
597.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),
598.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),
599.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),
600.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),
601.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),
602.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),
603.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),
604.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) {
605 border-left: 1px solid #ddd;
606}
607/* Tablet and bigger */
608@media (min-width: 768px) {
609 .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
610 border-left: 1px solid #ddd;
611 }
612}
613/* Desktop and bigger */
614@media (min-width: 960px) {
615 .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
616 border-left: 1px solid #ddd;
617 }
618}
619/* Large screen and bigger */
620@media (min-width: 1220px) {
621 /*
622 * Large gutter
623 */
624 .uk-grid-divider:not(:empty) {
625 margin-left: -35px;
626 margin-right: -35px;
627 }
628 .uk-grid-divider > * {
629 padding-left: 35px;
630 padding-right: 35px;
631 }
632 .uk-grid-divider:empty {
633 margin-top: 35px;
634 margin-bottom: 35px;
635 }
636}
637/*
638 * Vertical divider
639 */
640.uk-grid-divider:empty {
641 margin-top: 25px;
642 margin-bottom: 25px;
643 border-top: 1px solid #ddd;
644}
645/* Match panels in grids
646 ========================================================================== */
647/*
648 * 1. Behave like a block element
649 */
650.uk-grid-match > * {
651 display: -ms-flexbox;
652 display: -webkit-flex;
653 display: flex;
654 /* 1 */
655 -ms-flex-wrap: wrap;
656 -webkit-flex-wrap: wrap;
657 flex-wrap: wrap;
658}
659.uk-grid-match > * > * {
660 /* 1 */
661 -ms-flex: none;
662 -webkit-flex: none;
663 flex: none;
664 box-sizing: border-box;
665 width: 100%;
666}
667/* Even grid cell widths
668 ========================================================================== */
669[class*='uk-grid-width'] > * {
670 box-sizing: border-box;
671 width: 100%;
672}
673.uk-grid-width-1-2 > * {
674 width: 50%;
675}
676.uk-grid-width-1-3 > * {
677 width: 33.333%;
678}
679.uk-grid-width-1-4 > * {
680 width: 25%;
681}
682.uk-grid-width-1-5 > * {
683 width: 20%;
684}
685.uk-grid-width-1-6 > * {
686 width: 16.666%;
687}
688.uk-grid-width-1-10 > * {
689 width: 10%;
690}
691.uk-grid-width-auto > * {
692 width: auto;
693}
694/* Phone landscape and bigger */
695@media (min-width: 480px) {
696 .uk-grid-width-small-1-1 > * {
697 width: 100%;
698 }
699 .uk-grid-width-small-1-2 > * {
700 width: 50%;
701 }
702 .uk-grid-width-small-1-3 > * {
703 width: 33.333%;
704 }
705 .uk-grid-width-small-1-4 > * {
706 width: 25%;
707 }
708 .uk-grid-width-small-1-5 > * {
709 width: 20%;
710 }
711 .uk-grid-width-small-1-6 > * {
712 width: 16.666%;
713 }
714 .uk-grid-width-small-1-10 > * {
715 width: 10%;
716 }
717}
718/* Tablet and bigger */
719@media (min-width: 768px) {
720 .uk-grid-width-medium-1-1 > * {
721 width: 100%;
722 }
723 .uk-grid-width-medium-1-2 > * {
724 width: 50%;
725 }
726 .uk-grid-width-medium-1-3 > * {
727 width: 33.333%;
728 }
729 .uk-grid-width-medium-1-4 > * {
730 width: 25%;
731 }
732 .uk-grid-width-medium-1-5 > * {
733 width: 20%;
734 }
735 .uk-grid-width-medium-1-6 > * {
736 width: 16.666%;
737 }
738 .uk-grid-width-medium-1-10 > * {
739 width: 10%;
740 }
741}
742/* Desktop and bigger */
743@media (min-width: 960px) {
744 .uk-grid-width-large-1-1 > * {
745 width: 100%;
746 }
747 .uk-grid-width-large-1-2 > * {
748 width: 50%;
749 }
750 .uk-grid-width-large-1-3 > * {
751 width: 33.333%;
752 }
753 .uk-grid-width-large-1-4 > * {
754 width: 25%;
755 }
756 .uk-grid-width-large-1-5 > * {
757 width: 20%;
758 }
759 .uk-grid-width-large-1-6 > * {
760 width: 16.666%;
761 }
762 .uk-grid-width-large-1-10 > * {
763 width: 10%;
764 }
765}
766/* Large screen and bigger */
767@media (min-width: 1220px) {
768 .uk-grid-width-xlarge-1-1 > * {
769 width: 100%;
770 }
771 .uk-grid-width-xlarge-1-2 > * {
772 width: 50%;
773 }
774 .uk-grid-width-xlarge-1-3 > * {
775 width: 33.333%;
776 }
777 .uk-grid-width-xlarge-1-4 > * {
778 width: 25%;
779 }
780 .uk-grid-width-xlarge-1-5 > * {
781 width: 20%;
782 }
783 .uk-grid-width-xlarge-1-6 > * {
784 width: 16.666%;
785 }
786 .uk-grid-width-xlarge-1-10 > * {
787 width: 10%;
788 }
789}
790/* Sub-objects: `uk-width-*`
791 ========================================================================== */
792[class*='uk-width'] {
793 box-sizing: border-box;
794 width: 100%;
795}
796/*
797 * Widths
798 */
799/* Whole */
800.uk-width-1-1 {
801 width: 100%;
802}
803/* Halves */
804.uk-width-1-2,
805.uk-width-2-4,
806.uk-width-3-6,
807.uk-width-5-10 {
808 width: 50%;
809}
810/* Thirds */
811.uk-width-1-3,
812.uk-width-2-6 {
813 width: 33.333%;
814}
815.uk-width-2-3,
816.uk-width-4-6 {
817 width: 66.666%;
818}
819/* Quarters */
820.uk-width-1-4 {
821 width: 25%;
822}
823.uk-width-3-4 {
824 width: 75%;
825}
826/* Fifths */
827.uk-width-1-5,
828.uk-width-2-10 {
829 width: 20%;
830}
831.uk-width-2-5,
832.uk-width-4-10 {
833 width: 40%;
834}
835.uk-width-3-5,
836.uk-width-6-10 {
837 width: 60%;
838}
839.uk-width-4-5,
840.uk-width-8-10 {
841 width: 80%;
842}
843/* Sixths */
844.uk-width-1-6 {
845 width: 16.666%;
846}
847.uk-width-5-6 {
848 width: 83.333%;
849}
850/* Tenths */
851.uk-width-1-10 {
852 width: 10%;
853}
854.uk-width-3-10 {
855 width: 30%;
856}
857.uk-width-7-10 {
858 width: 70%;
859}
860.uk-width-9-10 {
861 width: 90%;
862}
863/* Phone landscape and bigger */
864@media (min-width: 480px) {
865 /* Whole */
866 .uk-width-small-1-1 {
867 width: 100%;
868 }
869 /* Halves */
870 .uk-width-small-1-2,
871 .uk-width-small-2-4,
872 .uk-width-small-3-6,
873 .uk-width-small-5-10 {
874 width: 50%;
875 }
876 /* Thirds */
877 .uk-width-small-1-3,
878 .uk-width-small-2-6 {
879 width: 33.333%;
880 }
881 .uk-width-small-2-3,
882 .uk-width-small-4-6 {
883 width: 66.666%;
884 }
885 /* Quarters */
886 .uk-width-small-1-4 {
887 width: 25%;
888 }
889 .uk-width-small-3-4 {
890 width: 75%;
891 }
892 /* Fifths */
893 .uk-width-small-1-5,
894 .uk-width-small-2-10 {
895 width: 20%;
896 }
897 .uk-width-small-2-5,
898 .uk-width-small-4-10 {
899 width: 40%;
900 }
901 .uk-width-small-3-5,
902 .uk-width-small-6-10 {
903 width: 60%;
904 }
905 .uk-width-small-4-5,
906 .uk-width-small-8-10 {
907 width: 80%;
908 }
909 /* Sixths */
910 .uk-width-small-1-6 {
911 width: 16.666%;
912 }
913 .uk-width-small-5-6 {
914 width: 83.333%;
915 }
916 /* Tenths */
917 .uk-width-small-1-10 {
918 width: 10%;
919 }
920 .uk-width-small-3-10 {
921 width: 30%;
922 }
923 .uk-width-small-7-10 {
924 width: 70%;
925 }
926 .uk-width-small-9-10 {
927 width: 90%;
928 }
929}
930/* Tablet and bigger */
931@media (min-width: 768px) {
932 /* Whole */
933 .uk-width-medium-1-1 {
934 width: 100%;
935 }
936 /* Halves */
937 .uk-width-medium-1-2,
938 .uk-width-medium-2-4,
939 .uk-width-medium-3-6,
940 .uk-width-medium-5-10 {
941 width: 50%;
942 }
943 /* Thirds */
944 .uk-width-medium-1-3,
945 .uk-width-medium-2-6 {
946 width: 33.333%;
947 }
948 .uk-width-medium-2-3,
949 .uk-width-medium-4-6 {
950 width: 66.666%;
951 }
952 /* Quarters */
953 .uk-width-medium-1-4 {
954 width: 25%;
955 }
956 .uk-width-medium-3-4 {
957 width: 75%;
958 }
959 /* Fifths */
960 .uk-width-medium-1-5,
961 .uk-width-medium-2-10 {
962 width: 20%;
963 }
964 .uk-width-medium-2-5,
965 .uk-width-medium-4-10 {
966 width: 40%;
967 }
968 .uk-width-medium-3-5,
969 .uk-width-medium-6-10 {
970 width: 60%;
971 }
972 .uk-width-medium-4-5,
973 .uk-width-medium-8-10 {
974 width: 80%;
975 }
976 /* Sixths */
977 .uk-width-medium-1-6 {
978 width: 16.666%;
979 }
980 .uk-width-medium-5-6 {
981 width: 83.333%;
982 }
983 /* Tenths */
984 .uk-width-medium-1-10 {
985 width: 10%;
986 }
987 .uk-width-medium-3-10 {
988 width: 30%;
989 }
990 .uk-width-medium-7-10 {
991 width: 70%;
992 }
993 .uk-width-medium-9-10 {
994 width: 90%;
995 }
996}
997/* Desktop and bigger */
998@media (min-width: 960px) {
999 /* Whole */
1000 .uk-width-large-1-1 {
1001 width: 100%;
1002 }
1003 /* Halves */
1004 .uk-width-large-1-2,
1005 .uk-width-large-2-4,
1006 .uk-width-large-3-6,
1007 .uk-width-large-5-10 {
1008 width: 50%;
1009 }
1010 /* Thirds */
1011 .uk-width-large-1-3,
1012 .uk-width-large-2-6 {
1013 width: 33.333%;
1014 }
1015 .uk-width-large-2-3,
1016 .uk-width-large-4-6 {
1017 width: 66.666%;
1018 }
1019 /* Quarters */
1020 .uk-width-large-1-4 {
1021 width: 25%;
1022 }
1023 .uk-width-large-3-4 {
1024 width: 75%;
1025 }
1026 /* Fifths */
1027 .uk-width-large-1-5,
1028 .uk-width-large-2-10 {
1029 width: 20%;
1030 }
1031 .uk-width-large-2-5,
1032 .uk-width-large-4-10 {
1033 width: 40%;
1034 }
1035 .uk-width-large-3-5,
1036 .uk-width-large-6-10 {
1037 width: 60%;
1038 }
1039 .uk-width-large-4-5,
1040 .uk-width-large-8-10 {
1041 width: 80%;
1042 }
1043 /* Sixths */
1044 .uk-width-large-1-6 {
1045 width: 16.666%;
1046 }
1047 .uk-width-large-5-6 {
1048 width: 83.333%;
1049 }
1050 /* Tenths */
1051 .uk-width-large-1-10 {
1052 width: 10%;
1053 }
1054 .uk-width-large-3-10 {
1055 width: 30%;
1056 }
1057 .uk-width-large-7-10 {
1058 width: 70%;
1059 }
1060 .uk-width-large-9-10 {
1061 width: 90%;
1062 }
1063}
1064/* Large screen and bigger */
1065@media (min-width: 1220px) {
1066 /* Whole */
1067 .uk-width-xlarge-1-1 {
1068 width: 100%;
1069 }
1070 /* Halves */
1071 .uk-width-xlarge-1-2,
1072 .uk-width-xlarge-2-4,
1073 .uk-width-xlarge-3-6,
1074 .uk-width-xlarge-5-10 {
1075 width: 50%;
1076 }
1077 /* Thirds */
1078 .uk-width-xlarge-1-3,
1079 .uk-width-xlarge-2-6 {
1080 width: 33.333%;
1081 }
1082 .uk-width-xlarge-2-3,
1083 .uk-width-xlarge-4-6 {
1084 width: 66.666%;
1085 }
1086 /* Quarters */
1087 .uk-width-xlarge-1-4 {
1088 width: 25%;
1089 }
1090 .uk-width-xlarge-3-4 {
1091 width: 75%;
1092 }
1093 /* Fifths */
1094 .uk-width-xlarge-1-5,
1095 .uk-width-xlarge-2-10 {
1096 width: 20%;
1097 }
1098 .uk-width-xlarge-2-5,
1099 .uk-width-xlarge-4-10 {
1100 width: 40%;
1101 }
1102 .uk-width-xlarge-3-5,
1103 .uk-width-xlarge-6-10 {
1104 width: 60%;
1105 }
1106 .uk-width-xlarge-4-5,
1107 .uk-width-xlarge-8-10 {
1108 width: 80%;
1109 }
1110 /* Sixths */
1111 .uk-width-xlarge-1-6 {
1112 width: 16.666%;
1113 }
1114 .uk-width-xlarge-5-6 {
1115 width: 83.333%;
1116 }
1117 /* Tenths */
1118 .uk-width-xlarge-1-10 {
1119 width: 10%;
1120 }
1121 .uk-width-xlarge-3-10 {
1122 width: 30%;
1123 }
1124 .uk-width-xlarge-7-10 {
1125 width: 70%;
1126 }
1127 .uk-width-xlarge-9-10 {
1128 width: 90%;
1129 }
1130}
1131/* Sub-object: `uk-push-*` and `uk-pull-*`
1132 ========================================================================== */
1133/*
1134 * Source ordering
1135 * Works only with `uk-width-medium-*`
1136 */
1137/* Tablet and bigger */
1138@media (min-width: 768px) {
1139 [class*='uk-push-'],
1140 [class*='uk-pull-'] {
1141 position: relative;
1142 }
1143 /*
1144 * Push
1145 */
1146 /* Halves */
1147 .uk-push-1-2,
1148 .uk-push-2-4,
1149 .uk-push-3-6,
1150 .uk-push-5-10 {
1151 left: 50%;
1152 }
1153 /* Thirds */
1154 .uk-push-1-3,
1155 .uk-push-2-6 {
1156 left: 33.333%;
1157 }
1158 .uk-push-2-3,
1159 .uk-push-4-6 {
1160 left: 66.666%;
1161 }
1162 /* Quarters */
1163 .uk-push-1-4 {
1164 left: 25%;
1165 }
1166 .uk-push-3-4 {
1167 left: 75%;
1168 }
1169 /* Fifths */
1170 .uk-push-1-5,
1171 .uk-push-2-10 {
1172 left: 20%;
1173 }
1174 .uk-push-2-5,
1175 .uk-push-4-10 {
1176 left: 40%;
1177 }
1178 .uk-push-3-5,
1179 .uk-push-6-10 {
1180 left: 60%;
1181 }
1182 .uk-push-4-5,
1183 .uk-push-8-10 {
1184 left: 80%;
1185 }
1186 /* Sixths */
1187 .uk-push-1-6 {
1188 left: 16.666%;
1189 }
1190 .uk-push-5-6 {
1191 left: 83.333%;
1192 }
1193 /* Tenths */
1194 .uk-push-1-10 {
1195 left: 10%;
1196 }
1197 .uk-push-3-10 {
1198 left: 30%;
1199 }
1200 .uk-push-7-10 {
1201 left: 70%;
1202 }
1203 .uk-push-9-10 {
1204 left: 90%;
1205 }
1206 /*
1207 * Pull
1208 */
1209 /* Halves */
1210 .uk-pull-1-2,
1211 .uk-pull-2-4,
1212 .uk-pull-3-6,
1213 .uk-pull-5-10 {
1214 left: -50%;
1215 }
1216 /* Thirds */
1217 .uk-pull-1-3,
1218 .uk-pull-2-6 {
1219 left: -33.333%;
1220 }
1221 .uk-pull-2-3,
1222 .uk-pull-4-6 {
1223 left: -66.666%;
1224 }
1225 /* Quarters */
1226 .uk-pull-1-4 {
1227 left: -25%;
1228 }
1229 .uk-pull-3-4 {
1230 left: -75%;
1231 }
1232 /* Fifths */
1233 .uk-pull-1-5,
1234 .uk-pull-2-10 {
1235 left: -20%;
1236 }
1237 .uk-pull-2-5,
1238 .uk-pull-4-10 {
1239 left: -40%;
1240 }
1241 .uk-pull-3-5,
1242 .uk-pull-6-10 {
1243 left: -60%;
1244 }
1245 .uk-pull-4-5,
1246 .uk-pull-8-10 {
1247 left: -80%;
1248 }
1249 /* Sixths */
1250 .uk-pull-1-6 {
1251 left: -16.666%;
1252 }
1253 .uk-pull-5-6 {
1254 left: -83.333%;
1255 }
1256 /* Tenths */
1257 .uk-pull-1-10 {
1258 left: -10%;
1259 }
1260 .uk-pull-3-10 {
1261 left: -30%;
1262 }
1263 .uk-pull-7-10 {
1264 left: -70%;
1265 }
1266 .uk-pull-9-10 {
1267 left: -90%;
1268 }
1269}
1270/* ========================================================================
1271 Component: Panel
1272 ========================================================================== */
1273/*
1274 * 1. Needed for `a` elements
1275 * 2. Create position context for badges
1276 */
1277.uk-panel {
1278 /* 1 */
1279 display: block;
1280 /* 2 */
1281 position: relative;
1282}
1283/*
1284 * Allow panels to be anchors
1285 */
1286.uk-panel,
1287.uk-panel:hover {
1288 text-decoration: none;
1289}
1290/*
1291 * Micro clearfix to make panels more robust
1292 */
1293.uk-panel:before,
1294.uk-panel:after {
1295 content: "";
1296 display: table;
1297}
1298.uk-panel:after {
1299 clear: both;
1300}
1301/*
1302 * Remove margin from the last-child if not `uk-widget-title`
1303 */
1304.uk-panel > :not(.uk-panel-title):last-child {
1305 margin-bottom: 0;
1306}
1307/* Sub-object: `uk-panel-title`
1308 ========================================================================== */
1309.uk-panel-title {
1310 margin-top: 0;
1311 margin-bottom: 15px;
1312 font-size: 18px;
1313 line-height: 24px;
1314 font-weight: normal;
1315 text-transform: none;
1316 color: #444;
1317}
1318/* Sub-object: `uk-panel-badge`
1319 ========================================================================== */
1320.uk-panel-badge {
1321 position: absolute;
1322 top: 0;
1323 right: 0;
1324 z-index: 1;
1325}
1326/* Sub-object: `uk-panel-teaser`
1327 ========================================================================== */
1328.uk-panel-teaser {
1329 margin-bottom: 15px;
1330}
1331/* Sub-object: `uk-panel-body`
1332 ========================================================================== */
1333.uk-panel-body {
1334 padding: 15px;
1335}
1336/* Modifier: `uk-panel-box`
1337 ========================================================================== */
1338.uk-panel-box {
1339 padding: 15px;
1340 background: #f5f5f5;
1341 color: #444;
1342}
1343.uk-panel-box-hover:hover {
1344 color: #444;
1345}
1346.uk-panel-box .uk-panel-title {
1347 color: #444;
1348}
1349.uk-panel-box .uk-panel-badge {
1350 top: 10px;
1351 right: 10px;
1352}
1353.uk-panel-box > .uk-panel-teaser {
1354 margin-top: -15px;
1355 margin-left: -15px;
1356 margin-right: -15px;
1357}
1358/*
1359 * Nav in panel
1360 */
1361.uk-panel-box > .uk-nav-side {
1362 margin: 0 -15px;
1363}
1364/*
1365 * Sub-modifier: `uk-panel-box-primary`
1366 */
1367.uk-panel-box-primary {
1368 background-color: #ebf7fd;
1369 color: #2d7091;
1370}
1371.uk-panel-box-primary-hover:hover {
1372 color: #2d7091;
1373}
1374.uk-panel-box-primary .uk-panel-title {
1375 color: #2d7091;
1376}
1377/*
1378 * Sub-modifier: `uk-panel-box-secondary`
1379 */
1380.uk-panel-box-secondary {
1381 background-color: #eee;
1382 color: #444;
1383}
1384.uk-panel-box-secondary-hover:hover {
1385 color: #444;
1386}
1387.uk-panel-box-secondary .uk-panel-title {
1388 color: #444;
1389}
1390/* Modifier: `uk-panel-hover`
1391 ========================================================================== */
1392.uk-panel-hover {
1393 padding: 15px;
1394 color: #444;
1395}
1396.uk-panel-hover:hover {
1397 background: #f5f5f5;
1398 color: #444;
1399}
1400.uk-panel-hover .uk-panel-badge {
1401 top: 10px;
1402 right: 10px;
1403}
1404.uk-panel-hover > .uk-panel-teaser {
1405 margin-top: -15px;
1406 margin-left: -15px;
1407 margin-right: -15px;
1408}
1409/* Modifier: `uk-panel-header`
1410 ========================================================================== */
1411.uk-panel-header .uk-panel-title {
1412 padding-bottom: 10px;
1413 border-bottom: 1px solid #ddd;
1414 color: #444;
1415}
1416/* Modifier: `uk-panel-space`
1417 ========================================================================== */
1418.uk-panel-space {
1419 padding: 30px;
1420}
1421.uk-panel-space .uk-panel-badge {
1422 top: 30px;
1423 right: 30px;
1424}
1425/* Modifier: `uk-panel-divider`
1426 ========================================================================== */
1427.uk-panel + .uk-panel-divider {
1428 margin-top: 50px !important;
1429}
1430.uk-panel + .uk-panel-divider:before {
1431 content: "";
1432 display: block;
1433 position: absolute;
1434 top: -25px;
1435 left: 0;
1436 right: 0;
1437 border-top: 1px solid #ddd;
1438}
1439/* Large screen and bigger */
1440@media (min-width: 1220px) {
1441 .uk-panel + .uk-panel-divider {
1442 margin-top: 70px !important;
1443 }
1444 .uk-panel + .uk-panel-divider:before {
1445 top: -35px;
1446 }
1447}
1448/* ========================================================================
1449 Component: Block
1450 ========================================================================== */
1451.uk-block {
1452 position: relative;
1453 box-sizing: border-box;
1454 padding-top: 20px;
1455 padding-bottom: 20px;
1456}
1457/* Phone landscape and bigger */
1458@media (min-width: 768px) {
1459 .uk-block {
1460 padding-top: 50px;
1461 padding-bottom: 50px;
1462 }
1463}
1464/*
1465 * Micro clearfix to make blocks more robust
1466 */
1467.uk-block:before,
1468.uk-block:after {
1469 content: "";
1470 display: table;
1471}
1472.uk-block:after {
1473 clear: both;
1474}
1475/*
1476 * Remove margin from the last-child
1477 */
1478.uk-block > :last-child {
1479 margin-bottom: 0;
1480}
1481/* Padding Modifier
1482 ========================================================================== */
1483/*
1484 * Large padding
1485 */
1486.uk-block-large {
1487 padding-top: 20px;
1488 padding-bottom: 20px;
1489}
1490/* Tablets and bigger */
1491@media (min-width: 768px) {
1492 .uk-block-large {
1493 padding-top: 50px;
1494 padding-bottom: 50px;
1495 }
1496}
1497/* Desktop and bigger */
1498@media (min-width: 960px) {
1499 .uk-block-large {
1500 padding-top: 100px;
1501 padding-bottom: 100px;
1502 }
1503}
1504/* Color Modifier
1505 ========================================================================== */
1506/*
1507 * Default
1508 */
1509.uk-block-default {
1510 background: #fff;
1511}
1512/*
1513 * Muted
1514 */
1515.uk-block-muted {
1516 background: #f9f9f9;
1517}
1518/*
1519 * Primary
1520 */
1521.uk-block-primary {
1522 background: #00a8e6;
1523}
1524/*
1525 * Secondary
1526 */
1527.uk-block-secondary {
1528 background: #222;
1529}
1530/*
1531 * Adjust padding between equal colored blocks
1532 */
1533.uk-block-default + .uk-block-default,
1534.uk-block-muted + .uk-block-muted,
1535.uk-block-primary + .uk-block-primary,
1536.uk-block-secondary + .uk-block-secondary {
1537 padding-top: 0;
1538}
1539/* ========================================================================
1540 Component: Article
1541 ========================================================================== */
1542/*
1543 * Micro clearfix to make articles more robust
1544 */
1545.uk-article:before,
1546.uk-article:after {
1547 content: "";
1548 display: table;
1549}
1550.uk-article:after {
1551 clear: both;
1552}
1553/*
1554 * Remove margin from the last-child
1555 */
1556.uk-article > :last-child {
1557 margin-bottom: 0;
1558}
1559/*
1560 * Vertical gutter for articles
1561 */
1562.uk-article + .uk-article {
1563 margin-top: 25px;
1564}
1565/* Sub-object `uk-article-title`
1566 ========================================================================== */
1567.uk-article-title {
1568 font-size: 36px;
1569 line-height: 42px;
1570 font-weight: normal;
1571 text-transform: none;
1572}
1573.uk-article-title a {
1574 color: inherit;
1575 text-decoration: none;
1576}
1577/* Sub-object `uk-article-meta`
1578 ========================================================================== */
1579.uk-article-meta {
1580 font-size: 12px;
1581 line-height: 18px;
1582 color: #999;
1583}
1584/* Sub-object `uk-article-lead`
1585 ========================================================================== */
1586.uk-article-lead {
1587 color: #444;
1588 font-size: 18px;
1589 line-height: 24px;
1590 font-weight: normal;
1591}
1592/* Sub-object `uk-article-divider`
1593 ========================================================================== */
1594.uk-article-divider {
1595 margin-bottom: 25px;
1596 border-color: #ddd;
1597}
1598* + .uk-article-divider {
1599 margin-top: 25px;
1600}
1601/* ========================================================================
1602 Component: Comment
1603 ========================================================================== */
1604/* Sub-object `uk-comment-header`
1605 ========================================================================== */
1606.uk-comment-header {
1607 margin-bottom: 15px;
1608}
1609/*
1610 * Micro clearfix
1611 */
1612.uk-comment-header:before,
1613.uk-comment-header:after {
1614 content: "";
1615 display: table;
1616}
1617.uk-comment-header:after {
1618 clear: both;
1619}
1620/* Sub-object `uk-comment-avatar`
1621 ========================================================================== */
1622.uk-comment-avatar {
1623 margin-right: 15px;
1624 float: left;
1625}
1626/* Sub-object `uk-comment-title`
1627 ========================================================================== */
1628.uk-comment-title {
1629 margin: 5px 0 0 0;
1630 font-size: 16px;
1631 line-height: 22px;
1632}
1633/* Sub-object `uk-comment-meta`
1634 ========================================================================== */
1635.uk-comment-meta {
1636 margin: 2px 0 0 0;
1637 font-size: 11px;
1638 line-height: 16px;
1639 color: #999;
1640}
1641/* Sub-object `uk-comment-body`
1642 ========================================================================== */
1643/*
1644 * Remove margin from the last-child
1645 */
1646.uk-comment-body > :last-child {
1647 margin-bottom: 0;
1648}
1649/* Sub-object `uk-comment-list`
1650 ========================================================================== */
1651.uk-comment-list {
1652 padding: 0;
1653 list-style: none;
1654}
1655.uk-comment-list .uk-comment + ul {
1656 margin: 15px 0 0 0;
1657 list-style: none;
1658}
1659.uk-comment-list > li:nth-child(n+2),
1660.uk-comment-list .uk-comment + ul > li:nth-child(n+2) {
1661 margin-top: 15px;
1662}
1663/* Tablet and bigger */
1664@media (min-width: 768px) {
1665 .uk-comment-list .uk-comment + ul {
1666 padding-left: 100px;
1667 }
1668}
1669/* Modifier `uk-comment-primary`
1670 ========================================================================== */
1671/* ========================================================================
1672 Component: Cover
1673 ========================================================================== */
1674/*
1675 * Background image always covers and centers its element
1676 */
1677.uk-cover-background {
1678 background-position: 50% 50%;
1679 background-size: cover;
1680 background-repeat: no-repeat;
1681}
1682/*
1683 * Emulates image cover, works with video and image elements
1684 * 1. Parent container which clips resized object
1685 * 2. Resizes the object to always covers its container
1686 * 3. Reset the responsive image CSS
1687 * 4. Center object
1688 */
1689/* 1 */
1690.uk-cover {
1691 overflow: hidden;
1692}
1693.uk-cover-object {
1694 /* 2 */
1695 width: auto;
1696 height: auto;
1697 min-width: 100%;
1698 min-height: 100%;
1699 /* 3 */
1700 max-width: none;
1701 /* 4 */
1702 position: relative;
1703 left: 50%;
1704 top: 50%;
1705 -webkit-transform: translate(-50%, -50%);
1706 transform: translate(-50%, -50%);
1707}
1708/*
1709 * To center iframes use `data-uk-cover` JavaScript
1710 */
1711[data-uk-cover] {
1712 position: relative;
1713 left: 50%;
1714 top: 50%;
1715 -webkit-transform: translate(-50%, -50%);
1716 transform: translate(-50%, -50%);
1717}
1718/* ========================================================================
1719 Component: Nav
1720 ========================================================================== */
1721.uk-nav,
1722.uk-nav ul {
1723 margin: 0;
1724 padding: 0;
1725 list-style: none;
1726}
1727/*
1728 * Items
1729 */
1730.uk-nav li > a {
1731 display: block;
1732 text-decoration: none;
1733}
1734.uk-nav > li > a {
1735 padding: 5px 15px;
1736}
1737/*
1738 * Nested items
1739 */
1740.uk-nav ul {
1741 padding-left: 15px;
1742}
1743.uk-nav ul a {
1744 padding: 2px 0;
1745}
1746/*
1747 * Item subtitle
1748 */
1749.uk-nav li > a > div {
1750 font-size: 12px;
1751 line-height: 18px;
1752}
1753/* Sub-object: `uk-nav-header`
1754 ========================================================================== */
1755.uk-nav-header {
1756 padding: 5px 15px;
1757 text-transform: uppercase;
1758 font-weight: bold;
1759 font-size: 12px;
1760}
1761.uk-nav-header:not(:first-child) {
1762 margin-top: 15px;
1763}
1764/* Sub-object: `uk-nav-divider`
1765 ========================================================================== */
1766.uk-nav-divider {
1767 margin: 9px 15px;
1768}
1769/* Sub-object: `uk-nav-sub`
1770 ========================================================================== */
1771/*
1772 * `ul` needed for higher specificity to override padding
1773 */
1774ul.uk-nav-sub {
1775 padding: 5px 0 5px 15px;
1776}
1777/* Modifier: `uk-nav-parent-icon`
1778 ========================================================================== */
1779.uk-nav-parent-icon > .uk-parent > a:after {
1780 content: "\f104";
1781 width: 20px;
1782 margin-right: -10px;
1783 float: right;
1784 font-family: FontAwesome;
1785 text-align: center;
1786}
1787.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
1788 content: "\f107";
1789}
1790/* Modifier `uk-nav-side`
1791 ========================================================================== */
1792/*
1793 * Items
1794 */
1795.uk-nav-side > li > a {
1796 color: #444;
1797}
1798/*
1799 * Hover
1800 * 1. Apply hover style also to focus state
1801 * 2. Remove default focus style
1802 */
1803.uk-nav-side > li > a:hover,
1804.uk-nav-side > li > a:focus {
1805 background: rgba(0, 0, 0, 0.05);
1806 color: #444;
1807 /* 2 */
1808 outline: none;
1809}
1810/* Active */
1811.uk-nav-side > li.uk-active > a {
1812 background: #00a8e6;
1813 color: #fff;
1814}
1815/*
1816 * Sub-object: `uk-nav-header`
1817 */
1818.uk-nav-side .uk-nav-header {
1819 color: #444;
1820}
1821/*
1822 * Sub-object: `uk-nav-divider`
1823 */
1824.uk-nav-side .uk-nav-divider {
1825 border-top: 1px solid #ddd;
1826}
1827/*
1828 * Nested items
1829 */
1830.uk-nav-side ul a {
1831 color: #07D;
1832}
1833.uk-nav-side ul a:hover {
1834 color: #059;
1835}
1836/* Modifier `uk-nav-dropdown`
1837 ========================================================================== */
1838/*
1839 * Items
1840 */
1841.uk-nav-dropdown > li > a {
1842 color: #444;
1843}
1844/*
1845 * Hover
1846 * 1. Apply hover style also to focus state
1847 * 2. Remove default focus style
1848 */
1849.uk-nav-dropdown > li > a:hover,
1850.uk-nav-dropdown > li > a:focus {
1851 background: #00a8e6;
1852 color: #fff;
1853 /* 2 */
1854 outline: none;
1855}
1856/*
1857 * Sub-object: `uk-nav-header`
1858 */
1859.uk-nav-dropdown .uk-nav-header {
1860 color: #999;
1861}
1862/*
1863 * Sub-object: `uk-nav-divider`
1864 */
1865.uk-nav-dropdown .uk-nav-divider {
1866 border-top: 1px solid #ddd;
1867}
1868/*
1869 * Nested items
1870 */
1871.uk-nav-dropdown ul a {
1872 color: #07D;
1873}
1874.uk-nav-dropdown ul a:hover {
1875 color: #059;
1876}
1877/* Modifier `uk-nav-navbar`
1878 ========================================================================== */
1879/*
1880 * Items
1881 */
1882.uk-nav-navbar > li > a {
1883 color: #444;
1884}
1885/*
1886 * Hover
1887 * 1. Apply hover style also to focus state
1888 * 2. Remove default focus style
1889 */
1890.uk-nav-navbar > li > a:hover,
1891.uk-nav-navbar > li > a:focus {
1892 background: #00a8e6;
1893 color: #fff;
1894 /* 2 */
1895 outline: none;
1896}
1897/*
1898 * Sub-object: `uk-nav-header`
1899 */
1900.uk-nav-navbar .uk-nav-header {
1901 color: #999;
1902}
1903/*
1904 * Sub-object: `uk-nav-divider`
1905 */
1906.uk-nav-navbar .uk-nav-divider {
1907 border-top: 1px solid #ddd;
1908}
1909/*
1910 * Nested items
1911 */
1912.uk-nav-navbar ul a {
1913 color: #07D;
1914}
1915.uk-nav-navbar ul a:hover {
1916 color: #059;
1917}
1918/* Modifier `uk-nav-offcanvas`
1919 ========================================================================== */
1920/*
1921 * Items
1922 */
1923.uk-nav-offcanvas > li > a {
1924 color: #ccc;
1925 padding: 10px 15px;
1926}
1927/*
1928 * Hover
1929 * No hover on touch devices because it behaves buggy in fixed offcanvas
1930 * 1. Apply hover style also to focus state
1931 * 2. Remove default focus style
1932 */
1933.uk-nav-offcanvas > .uk-open > a,
1934html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
1935html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
1936 background: #404040;
1937 color: #fff;
1938 /* 2 */
1939 outline: none;
1940}
1941/*
1942 * Active
1943 * `html .uk-nav` needed for higher specificity to override hover
1944 */
1945html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
1946 background: #1a1a1a;
1947 color: #fff;
1948}
1949/*
1950 * Sub-object: `uk-nav-header`
1951 */
1952.uk-nav-offcanvas .uk-nav-header {
1953 color: #777;
1954}
1955/*
1956 * Sub-object: `uk-nav-divider`
1957 */
1958.uk-nav-offcanvas .uk-nav-divider {
1959 border-top: 1px solid #1a1a1a;
1960}
1961/*
1962 * Nested items
1963 * No hover on touch devices because it behaves buggy in fixed offcanvas
1964 */
1965.uk-nav-offcanvas ul a {
1966 color: #ccc;
1967}
1968html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
1969 color: #fff;
1970}
1971/* ========================================================================
1972 Component: Navbar
1973 ========================================================================== */
1974.uk-navbar {
1975 background: #eee;
1976 color: #444;
1977}
1978/*
1979 * Micro clearfix
1980 */
1981.uk-navbar:before,
1982.uk-navbar:after {
1983 content: "";
1984 display: table;
1985}
1986.uk-navbar:after {
1987 clear: both;
1988}
1989/* Sub-object: `uk-navbar-nav`
1990 ========================================================================== */
1991.uk-navbar-nav {
1992 margin: 0;
1993 padding: 0;
1994 list-style: none;
1995 float: left;
1996}
1997/*
1998 * 1. Create position context for dropdowns
1999 */
2000.uk-navbar-nav > li {
2001 float: left;
2002 /* 1 */
2003 position: relative;
2004}
2005/*
2006 * 1. Dimensions
2007 * 2. Style
2008 */
2009.uk-navbar-nav > li > a {
2010 display: block;
2011 box-sizing: border-box;
2012 text-decoration: none;
2013 /* 1 */
2014 height: 40px;
2015 padding: 0 15px;
2016 line-height: 40px;
2017 /* 2 */
2018 color: #444;
2019 font-size: 14px;
2020 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
2021 font-weight: normal;
2022}
2023/* Appear not as link */
2024.uk-navbar-nav > li > a[href='#'] {
2025 cursor: text;
2026}
2027/*
2028 * Hover
2029 * 1. Apply hover style also to focus state
2030 * 2. Also apply if dropdown is opened
2031 * 3. Remove default focus style
2032 */
2033.uk-navbar-nav > li:hover > a,
2034.uk-navbar-nav > li > a:focus,
2035.uk-navbar-nav > li.uk-open > a {
2036 background-color: #f5f5f5;
2037 color: #444;
2038 /* 3 */
2039 outline: none;
2040}
2041/* OnClick */
2042.uk-navbar-nav > li > a:active {
2043 background-color: #ddd;
2044 color: #444;
2045}
2046/* Active */
2047.uk-navbar-nav > li.uk-active > a {
2048 background-color: #f5f5f5;
2049 color: #444;
2050}
2051/* Sub-objects: `uk-navbar-nav-subtitle`
2052 ========================================================================== */
2053.uk-navbar-nav .uk-navbar-nav-subtitle {
2054 line-height: 28px;
2055}
2056.uk-navbar-nav-subtitle > div {
2057 margin-top: -6px;
2058 font-size: 10px;
2059 line-height: 12px;
2060}
2061/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`
2062 ========================================================================== */
2063/*
2064 * Imitate navbar items
2065 */
2066.uk-navbar-content,
2067.uk-navbar-brand,
2068.uk-navbar-toggle {
2069 box-sizing: border-box;
2070 display: block;
2071 height: 40px;
2072 padding: 0 15px;
2073 float: left;
2074}
2075/*
2076 * Helper to center all child elements vertically
2077 */
2078.uk-navbar-content:before,
2079.uk-navbar-brand:before,
2080.uk-navbar-toggle:before {
2081 content: '';
2082 display: inline-block;
2083 height: 100%;
2084 vertical-align: middle;
2085}
2086/* Sub-objects: `uk-navbar-content`
2087 ========================================================================== */
2088/*
2089 * Better sibling spacing
2090 */
2091.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
2092 padding-left: 0;
2093}
2094/*
2095 * Link colors
2096 */
2097.uk-navbar-content > a:not([class]) {
2098 color: #07D;
2099}
2100.uk-navbar-content > a:not([class]):hover {
2101 color: #059;
2102}
2103/* Sub-objects: `uk-navbar-brand`
2104 ========================================================================== */
2105.uk-navbar-brand {
2106 font-size: 18px;
2107 color: #444;
2108 text-decoration: none;
2109}
2110/*
2111 * 1. Apply hover style also to focus state
2112 * 2. Remove default focus style
2113 */
2114.uk-navbar-brand:hover,
2115.uk-navbar-brand:focus {
2116 color: #444;
2117 text-decoration: none;
2118 /* 2 */
2119 outline: none;
2120}
2121/* Sub-object: `uk-navbar-toggle`
2122 ========================================================================== */
2123.uk-navbar-toggle {
2124 font-size: 18px;
2125 color: #444;
2126 text-decoration: none;
2127}
2128/*
2129 * 1. Apply hover style also to focus state
2130 * 2. Remove default focus style
2131 */
2132.uk-navbar-toggle:hover,
2133.uk-navbar-toggle:focus {
2134 color: #444;
2135 text-decoration: none;
2136 /* 2 */
2137 outline: none;
2138}
2139/*
2140 * 1. Center icon vertically
2141 */
2142.uk-navbar-toggle:after {
2143 content: "\f0c9";
2144 font-family: FontAwesome;
2145 /* 1 */
2146 vertical-align: middle;
2147}
2148.uk-navbar-toggle-alt:after {
2149 content: "\f002";
2150}
2151/* Sub-object: `uk-navbar-center`
2152 ========================================================================== */
2153/*
2154 * The element with this class needs to be last child in the navbar
2155 * 1. This hack is needed because other float elements shift centered text
2156 */
2157.uk-navbar-center {
2158 float: none;
2159 text-align: center;
2160 /* 1 */
2161 max-width: 50%;
2162 margin-left: auto;
2163 margin-right: auto;
2164}
2165/* Sub-object: `uk-navbar-flip`
2166 ========================================================================== */
2167.uk-navbar-flip {
2168 float: right;
2169}
2170/* ========================================================================
2171 Component: Subnav
2172 ========================================================================== */
2173/*
2174 * 1. Gutter
2175 * 2. Remove default list style
2176 */
2177.uk-subnav {
2178 display: -ms-flexbox;
2179 display: -webkit-flex;
2180 display: flex;
2181 -ms-flex-wrap: wrap;
2182 -webkit-flex-wrap: wrap;
2183 flex-wrap: wrap;
2184 /* 1 */
2185 margin-left: -10px;
2186 margin-top: -10px;
2187 /* 2 */
2188 padding: 0;
2189 list-style: none;
2190}
2191/*
2192 * 1. Space is allocated solely based on content dimensions
2193 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
2194 * 3. Create position context for dropdowns
2195 */
2196.uk-subnav > * {
2197 /* 1 */
2198 -ms-flex: none;
2199 -webkit-flex: none;
2200 flex: none;
2201 /* 2 */
2202 padding-left: 10px;
2203 margin-top: 10px;
2204 /* 3 */
2205 position: relative;
2206}
2207/*
2208 * DEPRECATED IE9 Support
2209 */
2210.uk-subnav:before,
2211.uk-subnav:after {
2212 content: "";
2213 display: block;
2214 overflow: hidden;
2215}
2216.uk-subnav:after {
2217 clear: both;
2218}
2219.uk-subnav > * {
2220 float: left;
2221}
2222/* Items
2223 ========================================================================== */
2224.uk-subnav > * > * {
2225 display: inline-block;
2226 color: #444;
2227}
2228/*
2229 * Hover
2230 * 1. Apply hover style also to focus state
2231 */
2232.uk-subnav > * > :hover,
2233.uk-subnav > * > :focus {
2234 color: #07D;
2235 text-decoration: none;
2236}
2237/*
2238 * Active
2239 */
2240.uk-subnav > .uk-active > * {
2241 color: #07D;
2242}
2243/* Modifier: 'subnav-line'
2244 ========================================================================== */
2245.uk-subnav-line > :before {
2246 content: "";
2247 display: inline-block;
2248 height: 10px;
2249 vertical-align: middle;
2250}
2251.uk-subnav-line > :nth-child(n+2):before {
2252 margin-right: 10px;
2253 border-left: 1px solid #ddd;
2254}
2255/* Modifier: 'subnav-pill'
2256 ========================================================================== */
2257.uk-subnav-pill > * > * {
2258 padding: 3px 9px;
2259}
2260/*
2261 * Hover
2262 * 1. Apply hover style also to focus state
2263 * 2. Remove default focus style
2264 */
2265.uk-subnav-pill > * > :hover,
2266.uk-subnav-pill > * > :focus {
2267 background: #eee;
2268 color: #444;
2269 text-decoration: none;
2270 /* 2 */
2271 outline: none;
2272}
2273/*
2274 * Active
2275 * `li` needed for higher specificity to override hover
2276 */
2277.uk-subnav-pill > .uk-active > * {
2278 background: #00a8e6;
2279 color: #fff;
2280}
2281/* Disabled state
2282 ========================================================================== */
2283.uk-subnav > .uk-disabled > * {
2284 background: none;
2285 color: #999;
2286 text-decoration: none;
2287 cursor: text;
2288}
2289/* ========================================================================
2290 Component: Breadcrumb
2291 ========================================================================== */
2292/*
2293 * 1. Remove default list style
2294 * 2. Remove whitespace between child elements when using `inline-block`
2295 */
2296.uk-breadcrumb {
2297 /* 1 */
2298 padding: 0;
2299 list-style: none;
2300 /* 2 */
2301 font-size: 0.001px;
2302}
2303/* Items
2304 ========================================================================== */
2305/*
2306 * Reset whitespace hack
2307 */
2308.uk-breadcrumb > li {
2309 font-size: 1rem;
2310 vertical-align: top;
2311}
2312.uk-breadcrumb > li,
2313.uk-breadcrumb > li > a,
2314.uk-breadcrumb > li > span {
2315 display: inline-block;
2316}
2317.uk-breadcrumb > li:nth-child(n+2):before {
2318 content: "/";
2319 display: inline-block;
2320 margin: 0 8px;
2321}
2322/*
2323 * Disabled
2324 */
2325.uk-breadcrumb > li:not(.uk-active) > span {
2326 color: #999;
2327}
2328/* ========================================================================
2329 Component: Pagination
2330 ========================================================================== */
2331/*
2332 * 1. Remove default list style
2333 * 2. Center pagination by default
2334 * 3. Remove whitespace between child elements when using `inline-block`
2335 */
2336.uk-pagination {
2337 /* 1 */
2338 padding: 0;
2339 list-style: none;
2340 /* 2 */
2341 text-align: center;
2342 /* 3 */
2343 font-size: 0.001px;
2344}
2345/*
2346 * Micro clearfix
2347 * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
2348 */
2349.uk-pagination:before,
2350.uk-pagination:after {
2351 content: "";
2352 display: table;
2353}
2354.uk-pagination:after {
2355 clear: both;
2356}
2357/* Items
2358 ========================================================================== */
2359/*
2360 * 1. Reset whitespace hack
2361 * 2. Remove the gap at the bottom of it container
2362 */
2363.uk-pagination > li {
2364 display: inline-block;
2365 /* 1 */
2366 font-size: 1rem;
2367 /* 2 */
2368 vertical-align: top;
2369}
2370.uk-pagination > li:nth-child(n+2) {
2371 margin-left: 5px;
2372}
2373/*
2374 * 1. Makes pagination more robust against different box-sizing use
2375 * 2. Reset text-align to center if alignment modifier is used
2376 */
2377.uk-pagination > li > a,
2378.uk-pagination > li > span {
2379 display: inline-block;
2380 min-width: 16px;
2381 padding: 3px 5px;
2382 line-height: 20px;
2383 text-decoration: none;
2384 /* 1 */
2385 box-sizing: content-box;
2386 /* 2 */
2387 text-align: center;
2388}
2389/*
2390 * Links
2391 */
2392.uk-pagination > li > a {
2393 background: #eee;
2394 color: #444;
2395}
2396/*
2397 * Hover
2398 * 1. Apply hover style also to focus state
2399 * 2. Remove default focus style
2400 */
2401.uk-pagination > li > a:hover,
2402.uk-pagination > li > a:focus {
2403 background-color: #f5f5f5;
2404 color: #444;
2405 /* 2 */
2406 outline: none;
2407}
2408/* OnClick */
2409.uk-pagination > li > a:active {
2410 background-color: #ddd;
2411 color: #444;
2412}
2413/*
2414 * Active
2415 */
2416.uk-pagination > .uk-active > span {
2417 background: #00a8e6;
2418 color: #fff;
2419}
2420/*
2421 * Disabled
2422 */
2423.uk-pagination > .uk-disabled > span {
2424 background-color: #f5f5f5;
2425 color: #999;
2426}
2427/* Previous and next navigation
2428 ========================================================================== */
2429.uk-pagination-previous {
2430 float: left;
2431}
2432.uk-pagination-next {
2433 float: right;
2434}
2435/* Alignment modifiers
2436 ========================================================================== */
2437.uk-pagination-left {
2438 text-align: left;
2439}
2440.uk-pagination-right {
2441 text-align: right;
2442}
2443/* ========================================================================
2444 Component: Tab
2445 ========================================================================== */
2446.uk-tab {
2447 margin: 0;
2448 padding: 0;
2449 list-style: none;
2450 border-bottom: 1px solid #ddd;
2451}
2452/*
2453 * Micro clearfix on the deepest container
2454 */
2455.uk-tab:before,
2456.uk-tab:after {
2457 content: "";
2458 display: table;
2459}
2460.uk-tab:after {
2461 clear: both;
2462}
2463/*
2464 * Items
2465 * 1. Create position context for dropdowns
2466 */
2467.uk-tab > li {
2468 margin-bottom: -1px;
2469 float: left;
2470 /* 1 */
2471 position: relative;
2472}
2473.uk-tab > li > a {
2474 display: block;
2475 padding: 8px 12px 8px 12px;
2476 border: 1px solid transparent;
2477 border-bottom-width: 0;
2478 color: #07D;
2479 text-decoration: none;
2480}
2481.uk-tab > li:nth-child(n+2) > a {
2482 margin-left: 5px;
2483}
2484/*
2485 * Hover
2486 * 1. Apply hover style also to focus state
2487 * 2. Also apply if dropdown is opened
2488 * 3. Remove default focus style
2489 */
2490.uk-tab > li > a:hover,
2491.uk-tab > li > a:focus,
2492.uk-tab > li.uk-open > a {
2493 border-color: #f5f5f5;
2494 background: #f5f5f5;
2495 color: #059;
2496 /* 2 */
2497 outline: none;
2498}
2499.uk-tab > li:not(.uk-active) > a:hover,
2500.uk-tab > li:not(.uk-active) > a:focus,
2501.uk-tab > li.uk-open:not(.uk-active) > a {
2502 margin-bottom: 1px;
2503 padding-bottom: 7px;
2504}
2505/* Active */
2506.uk-tab > li.uk-active > a {
2507 border-color: #ddd;
2508 border-bottom-color: transparent;
2509 background: #fff;
2510 color: #444;
2511}
2512/* Disabled */
2513.uk-tab > li.uk-disabled > a {
2514 color: #999;
2515 cursor: text;
2516}
2517.uk-tab > li.uk-disabled > a:hover,
2518.uk-tab > li.uk-disabled > a:focus,
2519.uk-tab > li.uk-disabled.uk-active > a {
2520 background: none;
2521 border-color: transparent;
2522}
2523/* Modifier: 'tab-flip'
2524 ========================================================================== */
2525.uk-tab-flip > li {
2526 float: right;
2527}
2528.uk-tab-flip > li:nth-child(n+2) > a {
2529 margin-left: 0;
2530 margin-right: 5px;
2531}
2532/* Modifier: 'tab-responsive'
2533 ========================================================================== */
2534.uk-tab > li.uk-tab-responsive > a {
2535 margin-left: 0;
2536 margin-right: 0;
2537}
2538/*
2539 * Icon
2540 */
2541.uk-tab-responsive > a:before {
2542 content: "\f0c9\00a0";
2543 font-family: FontAwesome;
2544}
2545/* Modifier: 'tab-center'
2546 ========================================================================== */
2547.uk-tab-center {
2548 border-bottom: 1px solid #ddd;
2549}
2550.uk-tab-center-bottom {
2551 border-bottom: none;
2552 border-top: 1px solid #ddd;
2553}
2554.uk-tab-center:before,
2555.uk-tab-center:after {
2556 content: "";
2557 display: table;
2558}
2559.uk-tab-center:after {
2560 clear: both;
2561}
2562/*
2563 * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs
2564 */
2565.uk-tab-center .uk-tab {
2566 position: relative;
2567 right: 50%;
2568 border: none;
2569 float: right;
2570}
2571.uk-tab-center .uk-tab > li {
2572 position: relative;
2573 right: -50%;
2574}
2575.uk-tab-center .uk-tab > li > a {
2576 text-align: center;
2577}
2578/* Modifier: 'tab-bottom'
2579 ========================================================================== */
2580.uk-tab-bottom {
2581 border-top: 1px solid #ddd;
2582 border-bottom: none;
2583}
2584.uk-tab-bottom > li {
2585 margin-top: -1px;
2586 margin-bottom: 0;
2587}
2588.uk-tab-bottom > li > a {
2589 padding-top: 8px;
2590 padding-bottom: 8px;
2591 border-bottom-width: 1px;
2592 border-top-width: 0;
2593}
2594.uk-tab-bottom > li:not(.uk-active) > a:hover,
2595.uk-tab-bottom > li:not(.uk-active) > a:focus,
2596.uk-tab-bottom > li.uk-open:not(.uk-active) > a {
2597 margin-bottom: 0;
2598 margin-top: 1px;
2599 padding-bottom: 8px;
2600 padding-top: 7px;
2601}
2602.uk-tab-bottom > li.uk-active > a {
2603 border-top-color: transparent;
2604 border-bottom-color: #ddd;
2605}
2606/* Modifier: 'tab-grid'
2607 ========================================================================== */
2608/*
2609 * 1. Create position context to prevent hidden border because of negative `z-index`
2610 */
2611.uk-tab-grid {
2612 margin-left: -5px;
2613 border-bottom: none;
2614 /* 1 */
2615 position: relative;
2616 z-index: 0;
2617}
2618.uk-tab-grid:before {
2619 display: block;
2620 position: absolute;
2621 left: 5px;
2622 right: 0;
2623 bottom: -1px;
2624 border-top: 1px solid #ddd;
2625 /* 1 */
2626 z-index: -1;
2627}
2628.uk-tab-grid > li:first-child > a {
2629 margin-left: 5px;
2630}
2631.uk-tab-grid > li > a {
2632 text-align: center;
2633}
2634/*
2635 * If `uk-tab-bottom`
2636 */
2637.uk-tab-grid.uk-tab-bottom {
2638 border-top: none;
2639}
2640.uk-tab-grid.uk-tab-bottom:before {
2641 top: -1px;
2642 bottom: auto;
2643}
2644/* Modifier: 'tab-left', 'tab-right'
2645 ========================================================================== */
2646/* Tablet and bigger */
2647@media (min-width: 768px) {
2648 .uk-tab-left,
2649 .uk-tab-right {
2650 border-bottom: none;
2651 }
2652 .uk-tab-left > li,
2653 .uk-tab-right > li {
2654 margin-bottom: 0;
2655 float: none;
2656 }
2657 .uk-tab-left > li > a,
2658 .uk-tab-right > li > a {
2659 padding-top: 8px;
2660 padding-bottom: 8px;
2661 }
2662 .uk-tab-left > li:nth-child(n+2) > a,
2663 .uk-tab-right > li:nth-child(n+2) > a {
2664 margin-left: 0;
2665 margin-top: 5px;
2666 }
2667 .uk-tab-left > li.uk-active > a,
2668 .uk-tab-right > li.uk-active > a {
2669 border-color: #ddd;
2670 }
2671 /*
2672 * Modifier: 'tab-left'
2673 */
2674 .uk-tab-left {
2675 border-right: 1px solid #ddd;
2676 }
2677 .uk-tab-left > li {
2678 margin-right: -1px;
2679 }
2680 .uk-tab-left > li > a {
2681 border-bottom-width: 1px;
2682 border-right-width: 0;
2683 }
2684 .uk-tab-left > li:not(.uk-active) > a:hover,
2685 .uk-tab-left > li:not(.uk-active) > a:focus {
2686 margin-bottom: 0;
2687 margin-right: 1px;
2688 padding-bottom: 8px;
2689 padding-right: 11px;
2690 }
2691 .uk-tab-left > li.uk-active > a {
2692 border-right-color: transparent;
2693 }
2694 /*
2695 * Modifier: 'tab-right'
2696 */
2697 .uk-tab-right {
2698 border-left: 1px solid #ddd;
2699 }
2700 .uk-tab-right > li {
2701 margin-left: -1px;
2702 }
2703 .uk-tab-right > li > a {
2704 border-bottom-width: 1px;
2705 border-left-width: 0;
2706 }
2707 .uk-tab-right > li:not(.uk-active) > a:hover,
2708 .uk-tab-right > li:not(.uk-active) > a:focus {
2709 margin-bottom: 0;
2710 margin-left: 1px;
2711 padding-bottom: 8px;
2712 padding-left: 11px;
2713 }
2714 .uk-tab-right > li.uk-active > a {
2715 border-left-color: transparent;
2716 }
2717}
2718/* ========================================================================
2719 Component: Thumbnav
2720 ========================================================================== */
2721/*
2722 * 1. Gutter
2723 * 2. Remove default list style
2724 */
2725.uk-thumbnav {
2726 display: -ms-flexbox;
2727 display: -webkit-flex;
2728 display: flex;
2729 -ms-flex-wrap: wrap;
2730 -webkit-flex-wrap: wrap;
2731 flex-wrap: wrap;
2732 /* 1 */
2733 margin-left: -10px;
2734 margin-top: -10px;
2735 /* 2 */
2736 padding: 0;
2737 list-style: none;
2738}
2739/*
2740 * 1. Space is allocated solely based on content dimensions
2741 * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
2742 */
2743.uk-thumbnav > * {
2744 /* 1 */
2745 -ms-flex: none;
2746 -webkit-flex: none;
2747 flex: none;
2748 /* 2 */
2749 padding-left: 10px;
2750 margin-top: 10px;
2751}
2752/*
2753 * DEPRECATED IE9 Support
2754 */
2755.uk-thumbnav:before,
2756.uk-thumbnav:after {
2757 content: "";
2758 display: block;
2759 overflow: hidden;
2760}
2761.uk-thumbnav:after {
2762 clear: both;
2763}
2764.uk-thumbnav > * {
2765 float: left;
2766}
2767/* Items
2768 ========================================================================== */
2769.uk-thumbnav > * > * {
2770 display: block;
2771 background: #fff;
2772}
2773.uk-thumbnav > * > * > img {
2774 opacity: 0.7;
2775 -webkit-transition: opacity 0.15s linear;
2776 transition: opacity 0.15s linear;
2777}
2778/*
2779 * Hover
2780 */
2781.uk-thumbnav > * > :hover > img,
2782.uk-thumbnav > * > :focus > img {
2783 opacity: 1;
2784}
2785/*
2786 * Active
2787 */
2788.uk-thumbnav > .uk-active > * > img {
2789 opacity: 1;
2790}
2791/* ========================================================================
2792 Component: List
2793 ========================================================================== */
2794.uk-list {
2795 padding: 0;
2796 list-style: none;
2797}
2798/*
2799 * Micro clearfix to make list more robust
2800 */
2801.uk-list > li:before,
2802.uk-list > li:after {
2803 content: "";
2804 display: table;
2805}
2806.uk-list > li:after {
2807 clear: both;
2808}
2809/*
2810 * Remove margin from the last-child
2811 */
2812.uk-list > li > :last-child {
2813 margin-bottom: 0;
2814}
2815/*
2816 * Nested lists
2817 */
2818.uk-list ul {
2819 margin: 0;
2820 padding-left: 20px;
2821 list-style: none;
2822}
2823/* Modifier: `uk-list-line`
2824 ========================================================================== */
2825.uk-list-line > li:nth-child(n+2) {
2826 margin-top: 5px;
2827 padding-top: 5px;
2828 border-top: 1px solid #ddd;
2829}
2830/* Modifier: `uk-list-striped`
2831 ========================================================================== */
2832.uk-list-striped > li {
2833 padding: 5px 5px;
2834}
2835.uk-list-striped > li:nth-of-type(odd) {
2836 background: #f5f5f5;
2837}
2838/* Modifier: `uk-list-space`
2839 ========================================================================== */
2840.uk-list-space > li:nth-child(n+2) {
2841 margin-top: 10px;
2842}
2843/* ========================================================================
2844 Component: Description list
2845 ========================================================================== */
2846/* Modifier: `uk-description-list-horizontal`
2847 ========================================================================== */
2848/* Tablet and bigger */
2849@media (min-width: 768px) {
2850 .uk-description-list-horizontal {
2851 overflow: hidden;
2852 }
2853 .uk-description-list-horizontal > dt {
2854 width: 160px;
2855 float: left;
2856 clear: both;
2857 overflow: hidden;
2858 text-overflow: ellipsis;
2859 white-space: nowrap;
2860 }
2861 .uk-description-list-horizontal > dd {
2862 margin-left: 180px;
2863 }
2864}
2865/* Modifier: `uk-description-list-line`
2866 ========================================================================== */
2867.uk-description-list-line > dt {
2868 font-weight: normal;
2869}
2870.uk-description-list-line > dt:nth-child(n+2) {
2871 margin-top: 5px;
2872 padding-top: 5px;
2873 border-top: 1px solid #ddd;
2874}
2875.uk-description-list-line > dd {
2876 color: #999;
2877}
2878/* ========================================================================
2879 Component: Table
2880 ========================================================================== */
2881/*
2882 * 1. Remove most spacing between table cells.
2883 * 2. Block element behavior
2884 * 3. Style
2885 */
2886.uk-table {
2887 /* 1 */
2888 border-collapse: collapse;
2889 border-spacing: 0;
2890 /* 2 */
2891 width: 100%;
2892 /* 3 */
2893 margin-bottom: 15px;
2894}
2895/*
2896 * Add margin if adjacent element
2897 */
2898* + .uk-table {
2899 margin-top: 15px;
2900}
2901.uk-table th,
2902.uk-table td {
2903 padding: 8px 8px;
2904}
2905/*
2906 * Set alignment
2907 */
2908.uk-table th {
2909 text-align: left;
2910}
2911.uk-table td {
2912 vertical-align: top;
2913}
2914.uk-table thead th {
2915 vertical-align: bottom;
2916}
2917/*
2918 * Caption and footer
2919 */
2920.uk-table caption,
2921.uk-table tfoot {
2922 font-size: 12px;
2923 font-style: italic;
2924}
2925.uk-table caption {
2926 text-align: left;
2927 color: #999;
2928}
2929/*
2930 * Active State
2931 */
2932.uk-table tbody tr.uk-active {
2933 background: #EEE;
2934}
2935/* Sub-modifier: `uk-table-middle`
2936 ========================================================================== */
2937.uk-table-middle,
2938.uk-table-middle td {
2939 vertical-align: middle !important;
2940}
2941/* Modifier: `uk-table-striped`
2942 ========================================================================== */
2943.uk-table-striped tbody tr:nth-of-type(odd) {
2944 background: #f5f5f5;
2945}
2946/* Modifier: `uk-table-condensed`
2947 ========================================================================== */
2948.uk-table-condensed td {
2949 padding: 4px 8px;
2950}
2951/* Modifier: `uk-table-hover`
2952 ========================================================================== */
2953.uk-table-hover tbody tr:hover {
2954 background: #EEE;
2955}
2956/* ========================================================================
2957 Component: Form
2958 ========================================================================== */
2959/*
2960 * 1. Define consistent box sizing.
2961 * Default is `content-box` with following exceptions set to `border-box`
2962 * `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]`
2963 * `input[type="search"]` in Chrome, Safari and Opera
2964 * `input[type="color"]` in Firefox
2965 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
2966 * 3. Remove `border-radius` in iOS.
2967 * 4. Correct `font` properties and `color` not being inherited.
2968 */
2969.uk-form input,
2970.uk-form select,
2971.uk-form textarea {
2972 /* 1 */
2973 box-sizing: border-box;
2974 /* 2 */
2975 margin: 0;
2976 /* 3 */
2977 border-radius: 0;
2978 /* 4 */
2979 font: inherit;
2980 color: inherit;
2981}
2982/*
2983 * Address inconsistent `text-transform` inheritance which is only inherit in Firefox
2984 */
2985.uk-form select {
2986 text-transform: none;
2987}
2988/*
2989 * 1. Correct `font` properties not being inherited.
2990 * 2. Don't inherit the `font-weight` and use `bold` instead.
2991 * NOTE: Both declarations don't work in Chrome, Safari and Opera.
2992 */
2993.uk-form optgroup {
2994 /* 1 */
2995 font: inherit;
2996 /* 2 */
2997 font-weight: bold;
2998}
2999/*
3000 * Removes inner padding and border in Firefox 4+.
3001 */
3002.uk-form input::-moz-focus-inner {
3003 border: 0;
3004 padding: 0;
3005}
3006/*
3007 * Removes excess padding in IE 8/9/10.
3008 */
3009.uk-form input[type="checkbox"],
3010.uk-form input[type="radio"] {
3011 padding: 0;
3012}
3013/*
3014 * Improves consistency of cursor style for clickable elements
3015 */
3016.uk-form input[type="checkbox"]:not(:disabled),
3017.uk-form input[type="radio"]:not(:disabled) {
3018 cursor: pointer;
3019}
3020/*
3021 * Remove default style in iOS.
3022 */
3023.uk-form textarea,
3024.uk-form input:not([type]),
3025.uk-form input[type="text"],
3026.uk-form input[type="password"],
3027.uk-form input[type="email"],
3028.uk-form input[type="url"],
3029.uk-form input[type="search"],
3030.uk-form input[type="tel"],
3031.uk-form input[type="number"],
3032.uk-form input[type="datetime"] {
3033 -webkit-appearance: none;
3034}
3035/*
3036 * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.
3037 */
3038.uk-form input[type="search"]::-webkit-search-cancel-button,
3039.uk-form input[type="search"]::-webkit-search-decoration {
3040 -webkit-appearance: none;
3041}
3042/*
3043 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
3044 * `font-size` values of the `input`, it causes the cursor style of the
3045 * decrement button to change from `default` to `text`.
3046 */
3047.uk-form input[type="number"]::-webkit-inner-spin-button,
3048.uk-form input[type="number"]::-webkit-outer-spin-button {
3049 height: auto;
3050}
3051/*
3052 * Define consistent border, margin, and padding.
3053 */
3054.uk-form fieldset {
3055 border: none;
3056 margin: 0;
3057 padding: 0;
3058}
3059/*
3060 * 1. Remove default vertical scrollbar in IE 8/9/10/11.
3061 * 2. Improve readability and alignment in all browsers.
3062 */
3063.uk-form textarea {
3064 /* 1 */
3065 overflow: auto;
3066 /* 2 */
3067 vertical-align: top;
3068}
3069/*
3070 * Removes placeholder transparency in Firefox.
3071 */
3072.uk-form ::-moz-placeholder {
3073 opacity: 1;
3074}
3075/*
3076 * Removes `box-shadow` for invalid controls in Firefox.
3077 */
3078.uk-form :invalid {
3079 box-shadow: none;
3080}
3081/*
3082 * Vertical alignment
3083 */
3084.uk-form input:not([type="radio"]):not([type="checkbox"]),
3085.uk-form select {
3086 vertical-align: middle;
3087}
3088/* Style
3089 ========================================================================== */
3090/*
3091 * Remove margin from the last-child
3092 */
3093.uk-form > :last-child {
3094 margin-bottom: 0;
3095}
3096/*
3097 * Controls
3098 * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`
3099 * 1. Must be `height` because `min-height` is not working in OSX
3100 * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports
3101 * 3. Vertical `padding` needed for `select` elements in Firefox
3102 * 4. Style
3103 */
3104.uk-form select,
3105.uk-form textarea,
3106.uk-form input:not([type]),
3107.uk-form input[type="text"],
3108.uk-form input[type="password"],
3109.uk-form input[type="datetime"],
3110.uk-form input[type="datetime-local"],
3111.uk-form input[type="date"],
3112.uk-form input[type="month"],
3113.uk-form input[type="time"],
3114.uk-form input[type="week"],
3115.uk-form input[type="number"],
3116.uk-form input[type="email"],
3117.uk-form input[type="url"],
3118.uk-form input[type="search"],
3119.uk-form input[type="tel"],
3120.uk-form input[type="color"] {
3121 /* 1 */
3122 height: 30px;
3123 /* 2 */
3124 max-width: 100%;
3125 /* 3 */
3126 padding: 4px 6px;
3127 /* 4 */
3128 border: 1px solid #ddd;
3129 background: #fff;
3130 color: #444;
3131 -webkit-transition: all 0.2s linear;
3132 -webkit-transition-property: border, background, color, box-shadow, padding;
3133 transition: all 0.2s linear;
3134 transition-property: border, background, color, box-shadow, padding;
3135}
3136.uk-form select:focus,
3137.uk-form textarea:focus,
3138.uk-form input:not([type]):focus,
3139.uk-form input[type="text"]:focus,
3140.uk-form input[type="password"]:focus,
3141.uk-form input[type="datetime"]:focus,
3142.uk-form input[type="datetime-local"]:focus,
3143.uk-form input[type="date"]:focus,
3144.uk-form input[type="month"]:focus,
3145.uk-form input[type="time"]:focus,
3146.uk-form input[type="week"]:focus,
3147.uk-form input[type="number"]:focus,
3148.uk-form input[type="email"]:focus,
3149.uk-form input[type="url"]:focus,
3150.uk-form input[type="search"]:focus,
3151.uk-form input[type="tel"]:focus,
3152.uk-form input[type="color"]:focus {
3153 border-color: #99baca;
3154 outline: 0;
3155 background: #f5fbfe;
3156 color: #444;
3157}
3158.uk-form select:disabled,
3159.uk-form textarea:disabled,
3160.uk-form input:not([type]):disabled,
3161.uk-form input[type="text"]:disabled,
3162.uk-form input[type="password"]:disabled,
3163.uk-form input[type="datetime"]:disabled,
3164.uk-form input[type="datetime-local"]:disabled,
3165.uk-form input[type="date"]:disabled,
3166.uk-form input[type="month"]:disabled,
3167.uk-form input[type="time"]:disabled,
3168.uk-form input[type="week"]:disabled,
3169.uk-form input[type="number"]:disabled,
3170.uk-form input[type="email"]:disabled,
3171.uk-form input[type="url"]:disabled,
3172.uk-form input[type="search"]:disabled,
3173.uk-form input[type="tel"]:disabled,
3174.uk-form input[type="color"]:disabled {
3175 border-color: #ddd;
3176 background-color: #f5f5f5;
3177 color: #999;
3178}
3179/*
3180 * Placeholder
3181 */
3182.uk-form :-ms-input-placeholder {
3183 color: #999 !important;
3184}
3185.uk-form ::-moz-placeholder {
3186 color: #999;
3187}
3188.uk-form ::-webkit-input-placeholder {
3189 color: #999;
3190}
3191.uk-form :disabled:-ms-input-placeholder {
3192 color: #999 !important;
3193}
3194.uk-form :disabled::-moz-placeholder {
3195 color: #999;
3196}
3197.uk-form :disabled::-webkit-input-placeholder {
3198 color: #999;
3199}
3200/*
3201 * Legend
3202 * 1. Behave like block element
3203 * 2. Correct `color` not being inherited in IE 8/9/10/11.
3204 * 3. Remove padding
3205 * 4. `margin-bottom` is not working in Safari and Opera.
3206 * Using `padding` and :after instead to create the border
3207 * 5. Style
3208 */
3209.uk-form legend {
3210 /* 1 */
3211 width: 100%;
3212 /* 2 */
3213 border: 0;
3214 /* 3 */
3215 padding: 0;
3216 /* 4 */
3217 padding-bottom: 15px;
3218 /* 5 */
3219 font-size: 18px;
3220 line-height: 30px;
3221}
3222/*
3223 * 1. Fixes IE9
3224 */
3225.uk-form legend:after {
3226 content: "";
3227 display: block;
3228 border-bottom: 1px solid #ddd;
3229 /* 1 */
3230 width: 100%;
3231}
3232/* Size modifiers
3233 * Higher specificity needed to override defaults
3234 ========================================================================== */
3235select.uk-form-small,
3236textarea.uk-form-small,
3237input[type].uk-form-small,
3238input:not([type]).uk-form-small {
3239 height: 25px;
3240 padding: 3px 3px;
3241 font-size: 12px;
3242}
3243select.uk-form-large,
3244textarea.uk-form-large,
3245input[type].uk-form-large,
3246input:not([type]).uk-form-large {
3247 height: 40px;
3248 padding: 8px 6px;
3249 font-size: 16px;
3250}
3251/* Reset height
3252 * Must be after size modifiers
3253 ========================================================================== */
3254.uk-form textarea,
3255.uk-form select[multiple],
3256.uk-form select[size] {
3257 height: auto;
3258}
3259/* Validation states
3260 * Using !important to keep the selector simple
3261 ========================================================================== */
3262/*
3263 * Error state
3264 */
3265.uk-form-danger {
3266 border-color: #dc8d99 !important;
3267 background: #fff7f8 !important;
3268 color: #d85030 !important;
3269}
3270/*
3271 * Success state
3272 */
3273.uk-form-success {
3274 border-color: #8ec73b !important;
3275 background: #fafff2 !important;
3276 color: #659f13 !important;
3277}
3278/* Style modifiers
3279 * Using !important to keep the selector simple
3280 ========================================================================== */
3281/*
3282 * Blank form
3283 */
3284.uk-form-blank {
3285 border-color: transparent !important;
3286 border-style: dashed !important;
3287 background: none !important;
3288}
3289.uk-form-blank:focus {
3290 border-color: #ddd !important;
3291}
3292/* Size sub-modifiers
3293 ========================================================================== */
3294/*
3295 * Fixed widths
3296 * Different widths for mini sized `input` and `select` elements
3297 */
3298input.uk-form-width-mini {
3299 width: 40px;
3300}
3301select.uk-form-width-mini {
3302 width: 65px;
3303}
3304.uk-form-width-small {
3305 width: 130px;
3306}
3307.uk-form-width-medium {
3308 width: 200px;
3309}
3310.uk-form-width-large {
3311 width: 500px;
3312}
3313/* Sub-objects: `uk-form-row`
3314 * Groups labels and controls in rows
3315 ========================================================================== */
3316/*
3317 * Micro clearfix
3318 * Needed for `uk-form-horizontal` modifier
3319 */
3320.uk-form-row:before,
3321.uk-form-row:after {
3322 content: "";
3323 display: table;
3324}
3325.uk-form-row:after {
3326 clear: both;
3327}
3328/*
3329 * Vertical gutter
3330 */
3331.uk-form-row + .uk-form-row {
3332 margin-top: 15px;
3333}
3334/* Help text
3335 * Sub-object: `uk-form-help-inline`, `uk-form-help-block`
3336 ========================================================================== */
3337.uk-form-help-inline {
3338 display: inline-block;
3339 margin: 0 0 0 10px;
3340}
3341.uk-form-help-block {
3342 margin: 5px 0 0 0;
3343}
3344/* Controls content
3345 * Sub-object: `uk-form-controls`, `uk-form-controls-condensed`
3346 ========================================================================== */
3347/*
3348 * Remove margins
3349 */
3350.uk-form-controls > :first-child {
3351 margin-top: 0;
3352}
3353.uk-form-controls > :last-child {
3354 margin-bottom: 0;
3355}
3356/*
3357 * Group controls and text into blocks with a small spacing between blocks
3358 */
3359.uk-form-controls-condensed {
3360 margin: 5px 0;
3361}
3362/* Modifier: `uk-form-stacked`
3363 * Requires sub-object: `uk-form-label`
3364 ========================================================================== */
3365.uk-form-stacked .uk-form-label {
3366 display: block;
3367 margin-bottom: 5px;
3368 font-weight: bold;
3369}
3370/* Modifier: `uk-form-horizontal`
3371 * Requires sub-objects: `uk-form-label`, `uk-form-controls`
3372 ========================================================================== */
3373/* Tablet portrait and smaller */
3374@media (max-width: 959px) {
3375 /* Behave like `uk-form-stacked` */
3376 .uk-form-horizontal .uk-form-label {
3377 display: block;
3378 margin-bottom: 5px;
3379 font-weight: bold;
3380 }
3381}
3382/* Desktop and bigger */
3383@media (min-width: 960px) {
3384 .uk-form-horizontal .uk-form-label {
3385 width: 200px;
3386 margin-top: 5px;
3387 float: left;
3388 }
3389 .uk-form-horizontal .uk-form-controls {
3390 margin-left: 215px;
3391 }
3392 /* Better vertical alignment if controls are checkboxes and radio buttons with text */
3393 .uk-form-horizontal .uk-form-controls-text {
3394 padding-top: 5px;
3395 }
3396}
3397/* Sub-object: `uk-form-icon`
3398 ========================================================================== */
3399/*
3400 * 1. Container width fits its content
3401 * 2. Create position context
3402 * 3. Prevent `inline-block` consequences
3403 */
3404.uk-form-icon {
3405 /* 1 */
3406 display: inline-block;
3407 /* 2 */
3408 position: relative;
3409 /* 3 */
3410 max-width: 100%;
3411}
3412/*
3413 * 1. Make form element clickable through icon
3414 */
3415.uk-form-icon > [class*='uk-icon-'] {
3416 position: absolute;
3417 top: 50%;
3418 width: 30px;
3419 margin-top: -7px;
3420 font-size: 14px;
3421 color: #999;
3422 text-align: center;
3423 /* 1 */
3424 pointer-events: none;
3425}
3426.uk-form-icon:not(.uk-form-icon-flip) > input {
3427 padding-left: 30px !important;
3428}
3429/*
3430 * Sub-modifier: `uk-form-icon-flip`
3431 */
3432.uk-form-icon-flip > [class*='uk-icon-'] {
3433 right: 0;
3434}
3435.uk-form-icon-flip > input {
3436 padding-right: 30px !important;
3437}
3438/* ========================================================================
3439 Component: Button
3440 ========================================================================== */
3441/*
3442 * Removes inner padding and border in Firefox 4+.
3443 */
3444.uk-button::-moz-focus-inner {
3445 border: 0;
3446 padding: 0;
3447}
3448/*
3449 * 1. Correct inability to style clickable `input` types in iOS.
3450 * 2. Remove margins in Chrome, Safari and Opera.
3451 * 3. Remove borders for `button`.
3452 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
3453 * 5. Correct `font` properties and `color` not being inherited for `button`.
3454 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
3455 * 7. Style
3456 * 8. `line-height` is used to create a height
3457 * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.
3458 * 10. Reset button group whitespace hack
3459 * 11. Required for `a`.
3460 */
3461.uk-button {
3462 /* 1 */
3463 -webkit-appearance: none;
3464 /* 2 */
3465 margin: 0;
3466 /* 3 */
3467 border: none;
3468 /* 4 */
3469 overflow: visible;
3470 /* 5 */
3471 font: inherit;
3472 color: #444;
3473 /* 6 */
3474 text-transform: none;
3475 /* 7 */
3476 display: inline-block;
3477 box-sizing: border-box;
3478 padding: 0 12px;
3479 background: #eee;
3480 vertical-align: middle;
3481 /* 8 */
3482 line-height: 30px;
3483 /* 9 */
3484 min-height: 30px;
3485 /* 10 */
3486 font-size: 1rem;
3487 /* 11 */
3488 text-decoration: none;
3489 text-align: center;
3490}
3491.uk-button:not(:disabled) {
3492 cursor: pointer;
3493}
3494/*
3495 * Hover
3496 * 1. Apply hover style also to focus state
3497 * 2. Remove default focus style
3498 * 3. Required for `a` elements
3499 */
3500.uk-button:hover,
3501.uk-button:focus {
3502 background-color: #f5f5f5;
3503 color: #444;
3504 /* 2 */
3505 outline: none;
3506 /* 3 */
3507 text-decoration: none;
3508}
3509/* Active */
3510.uk-button:active,
3511.uk-button.uk-active {
3512 background-color: #ddd;
3513 color: #444;
3514}
3515/* Color modifiers
3516 ========================================================================== */
3517/*
3518 * Modifier: `uk-button-primary`
3519 */
3520.uk-button-primary {
3521 background-color: #00a8e6;
3522 color: #fff;
3523}
3524/* Hover */
3525.uk-button-primary:hover,
3526.uk-button-primary:focus {
3527 background-color: #35b3ee;
3528 color: #fff;
3529}
3530/* Active */
3531.uk-button-primary:active,
3532.uk-button-primary.uk-active {
3533 background-color: #0091ca;
3534 color: #fff;
3535}
3536/*
3537 * Modifier: `uk-button-success`
3538 */
3539.uk-button-success {
3540 background-color: #8cc14c;
3541 color: #fff;
3542}
3543/* Hover */
3544.uk-button-success:hover,
3545.uk-button-success:focus {
3546 background-color: #8ec73b;
3547 color: #fff;
3548}
3549/* Active */
3550.uk-button-success:active,
3551.uk-button-success.uk-active {
3552 background-color: #72ae41;
3553 color: #fff;
3554}
3555/*
3556 * Modifier: `uk-button-danger`
3557 */
3558.uk-button-danger {
3559 background-color: #da314b;
3560 color: #fff;
3561}
3562/* Hover */
3563.uk-button-danger:hover,
3564.uk-button-danger:focus {
3565 background-color: #e4354f;
3566 color: #fff;
3567}
3568/* Active */
3569.uk-button-danger:active,
3570.uk-button-danger.uk-active {
3571 background-color: #c91032;
3572 color: #fff;
3573}
3574/* Disabled state
3575 * Overrides also the color modifiers
3576 ========================================================================== */
3577/* Equal for all button types */
3578.uk-button:disabled {
3579 background-color: #f5f5f5;
3580 color: #999;
3581}
3582/* Modifier: `uk-button-link`
3583 ========================================================================== */
3584/* Reset */
3585.uk-button-link,
3586.uk-button-link:hover,
3587.uk-button-link:focus,
3588.uk-button-link:active,
3589.uk-button-link.uk-active,
3590.uk-button-link:disabled {
3591 border-color: transparent;
3592 background: none;
3593}
3594/* Color */
3595.uk-button-link {
3596 color: #07D;
3597}
3598.uk-button-link:hover,
3599.uk-button-link:focus,
3600.uk-button-link:active,
3601.uk-button-link.uk-active {
3602 color: #059;
3603 text-decoration: underline;
3604}
3605.uk-button-link:disabled {
3606 color: #999;
3607}
3608/* Focus */
3609.uk-button-link:focus {
3610 outline: 1px dotted;
3611}
3612/* Size modifiers
3613 ========================================================================== */
3614.uk-button-mini {
3615 min-height: 20px;
3616 padding: 0 6px;
3617 line-height: 20px;
3618 font-size: 11px;
3619}
3620.uk-button-small {
3621 min-height: 25px;
3622 padding: 0 10px;
3623 line-height: 25px;
3624 font-size: 12px;
3625}
3626.uk-button-large {
3627 min-height: 40px;
3628 padding: 0 15px;
3629 line-height: 40px;
3630 font-size: 16px;
3631}
3632/* Sub-object `uk-button-group`
3633 ========================================================================== */
3634/*
3635 * 1. Behave like buttons
3636 * 2. Create position context for dropdowns
3637 * 3. Remove whitespace between child elements when using `inline-block`
3638 * 4. Prevent buttons from wrapping
3639 * 5. Remove whitespace between child elements when using `inline-block`
3640 */
3641.uk-button-group {
3642 /* 1 */
3643 display: inline-block;
3644 vertical-align: middle;
3645 /* 2 */
3646 position: relative;
3647 /* 3 */
3648 font-size: 0.001px;
3649 /* 4 */
3650 white-space: nowrap;
3651}
3652.uk-button-group > * {
3653 display: inline-block;
3654}
3655/* 5 */
3656.uk-button-group .uk-button {
3657 vertical-align: top;
3658}
3659/* Sub-object: `uk-button-dropdown`
3660 ========================================================================== */
3661/*
3662 * 1. Behave like buttons
3663 * 2. Create position context for dropdowns
3664 */
3665.uk-button-dropdown {
3666 /* 1 */
3667 display: inline-block;
3668 vertical-align: middle;
3669 /* 2 */
3670 position: relative;
3671}
3672/* ========================================================================
3673 Component: Icon
3674 ========================================================================== */
3675@font-face {
3676 font-family: 'FontAwesome';
3677 src: url("../fonts/fontawesome-webfont.woff2") format('woff2'), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
3678 font-weight: normal;
3679 font-style: normal;
3680}
3681/*
3682 * 1. Allow margin
3683 * 2. Prevent inherit font style
3684 * 4. Correct line-height
3685 * 5. Better font rendering
3686 * 6. Remove `text-decoration` for anchors
3687 */
3688[class*='uk-icon-'] {
3689 font-family: FontAwesome;
3690 /* 1 */
3691 display: inline-block;
3692 /* 2 */
3693 font-weight: normal;
3694 font-style: normal;
3695 /* 4 */
3696 line-height: 1;
3697 /* 5 */
3698 -webkit-font-smoothing: antialiased;
3699 -moz-osx-font-smoothing: grayscale;
3700}
3701/* 6 */
3702[class*='uk-icon-'],
3703[class*='uk-icon-']:hover,
3704[class*='uk-icon-']:focus {
3705 text-decoration: none;
3706}
3707/* Size modifiers
3708 ========================================================================== */
3709.uk-icon-small {
3710 font-size: 150%;
3711 vertical-align: -10%;
3712}
3713.uk-icon-medium {
3714 font-size: 200%;
3715 vertical-align: -16%;
3716}
3717.uk-icon-large {
3718 font-size: 250%;
3719 vertical-align: -22%;
3720}
3721/* Modifier: `uk-icon-justify`
3722 ========================================================================== */
3723.uk-icon-justify {
3724 width: 1em;
3725 text-align: center;
3726}
3727/* Modifier: `uk-icon-spin`
3728 ========================================================================== */
3729.uk-icon-spin {
3730 display: inline-block;
3731 -webkit-animation: uk-rotate 2s infinite linear;
3732 animation: uk-rotate 2s infinite linear;
3733}
3734/* Modifier: `uk-icon-hover`
3735 ========================================================================== */
3736.uk-icon-hover {
3737 color: #999;
3738}
3739/*
3740 * Hover
3741 */
3742.uk-icon-hover:hover {
3743 color: #444;
3744}
3745/* Modifier: `uk-icon-button`
3746 ========================================================================== */
3747.uk-icon-button {
3748 box-sizing: border-box;
3749 display: inline-block;
3750 width: 35px;
3751 height: 35px;
3752 border-radius: 100%;
3753 background: #eee;
3754 line-height: 35px;
3755 color: #444;
3756 font-size: 18px;
3757 text-align: center;
3758}
3759/*
3760 * Hover
3761 * 1. Apply hover style also to focus state
3762 * 2. Remove default focus style
3763 */
3764.uk-icon-button:hover,
3765.uk-icon-button:focus {
3766 background-color: #f5f5f5;
3767 color: #444;
3768 /* 2 */
3769 outline: none;
3770}
3771/* Active */
3772.uk-icon-button:active {
3773 background-color: #ddd;
3774 color: #444;
3775}
3776/* Icon mapping
3777 ========================================================================== */
3778.uk-icon-glass:before {
3779 content: "\f000";
3780}
3781.uk-icon-music:before {
3782 content: "\f001";
3783}
3784.uk-icon-search:before {
3785 content: "\f002";
3786}
3787.uk-icon-envelope-o:before {
3788 content: "\f003";
3789}
3790.uk-icon-heart:before {
3791 content: "\f004";
3792}
3793.uk-icon-star:before {
3794 content: "\f005";
3795}
3796.uk-icon-star-o:before {
3797 content: "\f006";
3798}
3799.uk-icon-user:before {
3800 content: "\f007";
3801}
3802.uk-icon-film:before {
3803 content: "\f008";
3804}
3805.uk-icon-th-large:before {
3806 content: "\f009";
3807}
3808.uk-icon-th:before {
3809 content: "\f00a";
3810}
3811.uk-icon-th-list:before {
3812 content: "\f00b";
3813}
3814.uk-icon-check:before {
3815 content: "\f00c";
3816}
3817.uk-icon-remove:before,
3818.uk-icon-close:before,
3819.uk-icon-times:before {
3820 content: "\f00d";
3821}
3822.uk-icon-search-plus:before {
3823 content: "\f00e";
3824}
3825.uk-icon-search-minus:before {
3826 content: "\f010";
3827}
3828.uk-icon-power-off:before {
3829 content: "\f011";
3830}
3831.uk-icon-signal:before {
3832 content: "\f012";
3833}
3834.uk-icon-gear:before,
3835.uk-icon-cog:before {
3836 content: "\f013";
3837}
3838.uk-icon-trash-o:before {
3839 content: "\f014";
3840}
3841.uk-icon-home:before {
3842 content: "\f015";
3843}
3844.uk-icon-file-o:before {
3845 content: "\f016";
3846}
3847.uk-icon-clock-o:before {
3848 content: "\f017";
3849}
3850.uk-icon-road:before {
3851 content: "\f018";
3852}
3853.uk-icon-download:before {
3854 content: "\f019";
3855}
3856.uk-icon-arrow-circle-o-down:before {
3857 content: "\f01a";
3858}
3859.uk-icon-arrow-circle-o-up:before {
3860 content: "\f01b";
3861}
3862.uk-icon-inbox:before {
3863 content: "\f01c";
3864}
3865.uk-icon-play-circle-o:before {
3866 content: "\f01d";
3867}
3868.uk-icon-rotate-right:before,
3869.uk-icon-repeat:before {
3870 content: "\f01e";
3871}
3872.uk-icon-refresh:before {
3873 content: "\f021";
3874}
3875.uk-icon-list-alt:before {
3876 content: "\f022";
3877}
3878.uk-icon-lock:before {
3879 content: "\f023";
3880}
3881.uk-icon-flag:before {
3882 content: "\f024";
3883}
3884.uk-icon-headphones:before {
3885 content: "\f025";
3886}
3887.uk-icon-volume-off:before {
3888 content: "\f026";
3889}
3890.uk-icon-volume-down:before {
3891 content: "\f027";
3892}
3893.uk-icon-volume-up:before {
3894 content: "\f028";
3895}
3896.uk-icon-qrcode:before {
3897 content: "\f029";
3898}
3899.uk-icon-barcode:before {
3900 content: "\f02a";
3901}
3902.uk-icon-tag:before {
3903 content: "\f02b";
3904}
3905.uk-icon-tags:before {
3906 content: "\f02c";
3907}
3908.uk-icon-book:before {
3909 content: "\f02d";
3910}
3911.uk-icon-bookmark:before {
3912 content: "\f02e";
3913}
3914.uk-icon-print:before {
3915 content: "\f02f";
3916}
3917.uk-icon-camera:before {
3918 content: "\f030";
3919}
3920.uk-icon-font:before {
3921 content: "\f031";
3922}
3923.uk-icon-bold:before {
3924 content: "\f032";
3925}
3926.uk-icon-italic:before {
3927 content: "\f033";
3928}
3929.uk-icon-text-height:before {
3930 content: "\f034";
3931}
3932.uk-icon-text-width:before {
3933 content: "\f035";
3934}
3935.uk-icon-align-left:before {
3936 content: "\f036";
3937}
3938.uk-icon-align-center:before {
3939 content: "\f037";
3940}
3941.uk-icon-align-right:before {
3942 content: "\f038";
3943}
3944.uk-icon-align-justify:before {
3945 content: "\f039";
3946}
3947.uk-icon-list:before {
3948 content: "\f03a";
3949}
3950.uk-icon-dedent:before,
3951.uk-icon-outdent:before {
3952 content: "\f03b";
3953}
3954.uk-icon-indent:before {
3955 content: "\f03c";
3956}
3957.uk-icon-video-camera:before {
3958 content: "\f03d";
3959}
3960.uk-icon-photo:before,
3961.uk-icon-image:before,
3962.uk-icon-picture-o:before {
3963 content: "\f03e";
3964}
3965.uk-icon-pencil:before {
3966 content: "\f040";
3967}
3968.uk-icon-map-marker:before {
3969 content: "\f041";
3970}
3971.uk-icon-adjust:before {
3972 content: "\f042";
3973}
3974.uk-icon-tint:before {
3975 content: "\f043";
3976}
3977.uk-icon-edit:before,
3978.uk-icon-pencil-square-o:before {
3979 content: "\f044";
3980}
3981.uk-icon-share-square-o:before {
3982 content: "\f045";
3983}
3984.uk-icon-check-square-o:before {
3985 content: "\f046";
3986}
3987.uk-icon-arrows:before {
3988 content: "\f047";
3989}
3990.uk-icon-step-backward:before {
3991 content: "\f048";
3992}
3993.uk-icon-fast-backward:before {
3994 content: "\f049";
3995}
3996.uk-icon-backward:before {
3997 content: "\f04a";
3998}
3999.uk-icon-play:before {
4000 content: "\f04b";
4001}
4002.uk-icon-pause:before {
4003 content: "\f04c";
4004}
4005.uk-icon-stop:before {
4006 content: "\f04d";
4007}
4008.uk-icon-forward:before {
4009 content: "\f04e";
4010}
4011.uk-icon-fast-forward:before {
4012 content: "\f050";
4013}
4014.uk-icon-step-forward:before {
4015 content: "\f051";
4016}
4017.uk-icon-eject:before {
4018 content: "\f052";
4019}
4020.uk-icon-chevron-left:before {
4021 content: "\f053";
4022}
4023.uk-icon-chevron-right:before {
4024 content: "\f054";
4025}
4026.uk-icon-plus-circle:before {
4027 content: "\f055";
4028}
4029.uk-icon-minus-circle:before {
4030 content: "\f056";
4031}
4032.uk-icon-times-circle:before {
4033 content: "\f057";
4034}
4035.uk-icon-check-circle:before {
4036 content: "\f058";
4037}
4038.uk-icon-question-circle:before {
4039 content: "\f059";
4040}
4041.uk-icon-info-circle:before {
4042 content: "\f05a";
4043}
4044.uk-icon-crosshairs:before {
4045 content: "\f05b";
4046}
4047.uk-icon-times-circle-o:before {
4048 content: "\f05c";
4049}
4050.uk-icon-check-circle-o:before {
4051 content: "\f05d";
4052}
4053.uk-icon-ban:before {
4054 content: "\f05e";
4055}
4056.uk-icon-arrow-left:before {
4057 content: "\f060";
4058}
4059.uk-icon-arrow-right:before {
4060 content: "\f061";
4061}
4062.uk-icon-arrow-up:before {
4063 content: "\f062";
4064}
4065.uk-icon-arrow-down:before {
4066 content: "\f063";
4067}
4068.uk-icon-mail-forward:before,
4069.uk-icon-share:before {
4070 content: "\f064";
4071}
4072.uk-icon-expand:before {
4073 content: "\f065";
4074}
4075.uk-icon-compress:before {
4076 content: "\f066";
4077}
4078.uk-icon-plus:before {
4079 content: "\f067";
4080}
4081.uk-icon-minus:before {
4082 content: "\f068";
4083}
4084.uk-icon-asterisk:before {
4085 content: "\f069";
4086}
4087.uk-icon-exclamation-circle:before {
4088 content: "\f06a";
4089}
4090.uk-icon-gift:before {
4091 content: "\f06b";
4092}
4093.uk-icon-leaf:before {
4094 content: "\f06c";
4095}
4096.uk-icon-fire:before {
4097 content: "\f06d";
4098}
4099.uk-icon-eye:before {
4100 content: "\f06e";
4101}
4102.uk-icon-eye-slash:before {
4103 content: "\f070";
4104}
4105.uk-icon-warning:before,
4106.uk-icon-exclamation-triangle:before {
4107 content: "\f071";
4108}
4109.uk-icon-plane:before {
4110 content: "\f072";
4111}
4112.uk-icon-calendar:before {
4113 content: "\f073";
4114}
4115.uk-icon-random:before {
4116 content: "\f074";
4117}
4118.uk-icon-comment:before {
4119 content: "\f075";
4120}
4121.uk-icon-magnet:before {
4122 content: "\f076";
4123}
4124.uk-icon-chevron-up:before {
4125 content: "\f077";
4126}
4127.uk-icon-chevron-down:before {
4128 content: "\f078";
4129}
4130.uk-icon-retweet:before {
4131 content: "\f079";
4132}
4133.uk-icon-shopping-cart:before {
4134 content: "\f07a";
4135}
4136.uk-icon-folder:before {
4137 content: "\f07b";
4138}
4139.uk-icon-folder-open:before {
4140 content: "\f07c";
4141}
4142.uk-icon-arrows-v:before {
4143 content: "\f07d";
4144}
4145.uk-icon-arrows-h:before {
4146 content: "\f07e";
4147}
4148.uk-icon-bar-chart-o:before,
4149.uk-icon-bar-chart:before {
4150 content: "\f080";
4151}
4152.uk-icon-twitter-square:before {
4153 content: "\f081";
4154}
4155.uk-icon-facebook-square:before {
4156 content: "\f082";
4157}
4158.uk-icon-camera-retro:before {
4159 content: "\f083";
4160}
4161.uk-icon-key:before {
4162 content: "\f084";
4163}
4164.uk-icon-gears:before,
4165.uk-icon-cogs:before {
4166 content: "\f085";
4167}
4168.uk-icon-comments:before {
4169 content: "\f086";
4170}
4171.uk-icon-thumbs-o-up:before {
4172 content: "\f087";
4173}
4174.uk-icon-thumbs-o-down:before {
4175 content: "\f088";
4176}
4177.uk-icon-star-half:before {
4178 content: "\f089";
4179}
4180.uk-icon-heart-o:before {
4181 content: "\f08a";
4182}
4183.uk-icon-sign-out:before {
4184 content: "\f08b";
4185}
4186.uk-icon-linkedin-square:before {
4187 content: "\f08c";
4188}
4189.uk-icon-thumb-tack:before {
4190 content: "\f08d";
4191}
4192.uk-icon-external-link:before {
4193 content: "\f08e";
4194}
4195.uk-icon-sign-in:before {
4196 content: "\f090";
4197}
4198.uk-icon-trophy:before {
4199 content: "\f091";
4200}
4201.uk-icon-github-square:before {
4202 content: "\f092";
4203}
4204.uk-icon-upload:before {
4205 content: "\f093";
4206}
4207.uk-icon-lemon-o:before {
4208 content: "\f094";
4209}
4210.uk-icon-phone:before {
4211 content: "\f095";
4212}
4213.uk-icon-square-o:before {
4214 content: "\f096";
4215}
4216.uk-icon-bookmark-o:before {
4217 content: "\f097";
4218}
4219.uk-icon-phone-square:before {
4220 content: "\f098";
4221}
4222.uk-icon-twitter:before {
4223 content: "\f099";
4224}
4225.uk-icon-facebook-f:before,
4226.uk-icon-facebook:before {
4227 content: "\f09a";
4228}
4229.uk-icon-github:before {
4230 content: "\f09b";
4231}
4232.uk-icon-unlock:before {
4233 content: "\f09c";
4234}
4235.uk-icon-credit-card:before {
4236 content: "\f09d";
4237}
4238.uk-icon-rss:before {
4239 content: "\f09e";
4240}
4241.uk-icon-hdd-o:before {
4242 content: "\f0a0";
4243}
4244.uk-icon-bullhorn:before {
4245 content: "\f0a1";
4246}
4247.uk-icon-bell:before {
4248 content: "\f0f3";
4249}
4250.uk-icon-certificate:before {
4251 content: "\f0a3";
4252}
4253.uk-icon-hand-o-right:before {
4254 content: "\f0a4";
4255}
4256.uk-icon-hand-o-left:before {
4257 content: "\f0a5";
4258}
4259.uk-icon-hand-o-up:before {
4260 content: "\f0a6";
4261}
4262.uk-icon-hand-o-down:before {
4263 content: "\f0a7";
4264}
4265.uk-icon-arrow-circle-left:before {
4266 content: "\f0a8";
4267}
4268.uk-icon-arrow-circle-right:before {
4269 content: "\f0a9";
4270}
4271.uk-icon-arrow-circle-up:before {
4272 content: "\f0aa";
4273}
4274.uk-icon-arrow-circle-down:before {
4275 content: "\f0ab";
4276}
4277.uk-icon-globe:before {
4278 content: "\f0ac";
4279}
4280.uk-icon-wrench:before {
4281 content: "\f0ad";
4282}
4283.uk-icon-tasks:before {
4284 content: "\f0ae";
4285}
4286.uk-icon-filter:before {
4287 content: "\f0b0";
4288}
4289.uk-icon-briefcase:before {
4290 content: "\f0b1";
4291}
4292.uk-icon-arrows-alt:before {
4293 content: "\f0b2";
4294}
4295.uk-icon-group:before,
4296.uk-icon-users:before {
4297 content: "\f0c0";
4298}
4299.uk-icon-chain:before,
4300.uk-icon-link:before {
4301 content: "\f0c1";
4302}
4303.uk-icon-cloud:before {
4304 content: "\f0c2";
4305}
4306.uk-icon-flask:before {
4307 content: "\f0c3";
4308}
4309.uk-icon-cut:before,
4310.uk-icon-scissors:before {
4311 content: "\f0c4";
4312}
4313.uk-icon-copy:before,
4314.uk-icon-files-o:before {
4315 content: "\f0c5";
4316}
4317.uk-icon-paperclip:before {
4318 content: "\f0c6";
4319}
4320.uk-icon-save:before,
4321.uk-icon-floppy-o:before {
4322 content: "\f0c7";
4323}
4324.uk-icon-square:before {
4325 content: "\f0c8";
4326}
4327.uk-icon-navicon:before,
4328.uk-icon-reorder:before,
4329.uk-icon-bars:before {
4330 content: "\f0c9";
4331}
4332.uk-icon-list-ul:before {
4333 content: "\f0ca";
4334}
4335.uk-icon-list-ol:before {
4336 content: "\f0cb";
4337}
4338.uk-icon-strikethrough:before {
4339 content: "\f0cc";
4340}
4341.uk-icon-underline:before {
4342 content: "\f0cd";
4343}
4344.uk-icon-table:before {
4345 content: "\f0ce";
4346}
4347.uk-icon-magic:before {
4348 content: "\f0d0";
4349}
4350.uk-icon-truck:before {
4351 content: "\f0d1";
4352}
4353.uk-icon-pinterest:before {
4354 content: "\f0d2";
4355}
4356.uk-icon-pinterest-square:before {
4357 content: "\f0d3";
4358}
4359.uk-icon-google-plus-square:before {
4360 content: "\f0d4";
4361}
4362.uk-icon-google-plus:before {
4363 content: "\f0d5";
4364}
4365.uk-icon-money:before {
4366 content: "\f0d6";
4367}
4368.uk-icon-caret-down:before {
4369 content: "\f0d7";
4370}
4371.uk-icon-caret-up:before {
4372 content: "\f0d8";
4373}
4374.uk-icon-caret-left:before {
4375 content: "\f0d9";
4376}
4377.uk-icon-caret-right:before {
4378 content: "\f0da";
4379}
4380.uk-icon-columns:before {
4381 content: "\f0db";
4382}
4383.uk-icon-unsorted:before,
4384.uk-icon-sort:before {
4385 content: "\f0dc";
4386}
4387.uk-icon-sort-down:before,
4388.uk-icon-sort-desc:before {
4389 content: "\f0dd";
4390}
4391.uk-icon-sort-up:before,
4392.uk-icon-sort-asc:before {
4393 content: "\f0de";
4394}
4395.uk-icon-envelope:before {
4396 content: "\f0e0";
4397}
4398.uk-icon-linkedin:before {
4399 content: "\f0e1";
4400}
4401.uk-icon-rotate-left:before,
4402.uk-icon-undo:before {
4403 content: "\f0e2";
4404}
4405.uk-icon-legal:before,
4406.uk-icon-gavel:before {
4407 content: "\f0e3";
4408}
4409.uk-icon-dashboard:before,
4410.uk-icon-tachometer:before {
4411 content: "\f0e4";
4412}
4413.uk-icon-comment-o:before {
4414 content: "\f0e5";
4415}
4416.uk-icon-comments-o:before {
4417 content: "\f0e6";
4418}
4419.uk-icon-flash:before,
4420.uk-icon-bolt:before {
4421 content: "\f0e7";
4422}
4423.uk-icon-sitemap:before {
4424 content: "\f0e8";
4425}
4426.uk-icon-umbrella:before {
4427 content: "\f0e9";
4428}
4429.uk-icon-paste:before,
4430.uk-icon-clipboard:before {
4431 content: "\f0ea";
4432}
4433.uk-icon-lightbulb-o:before {
4434 content: "\f0eb";
4435}
4436.uk-icon-exchange:before {
4437 content: "\f0ec";
4438}
4439.uk-icon-cloud-download:before {
4440 content: "\f0ed";
4441}
4442.uk-icon-cloud-upload:before {
4443 content: "\f0ee";
4444}
4445.uk-icon-user-md:before {
4446 content: "\f0f0";
4447}
4448.uk-icon-stethoscope:before {
4449 content: "\f0f1";
4450}
4451.uk-icon-suitcase:before {
4452 content: "\f0f2";
4453}
4454.uk-icon-bell-o:before {
4455 content: "\f0a2";
4456}
4457.uk-icon-coffee:before {
4458 content: "\f0f4";
4459}
4460.uk-icon-cutlery:before {
4461 content: "\f0f5";
4462}
4463.uk-icon-file-text-o:before {
4464 content: "\f0f6";
4465}
4466.uk-icon-building-o:before {
4467 content: "\f0f7";
4468}
4469.uk-icon-hospital-o:before {
4470 content: "\f0f8";
4471}
4472.uk-icon-ambulance:before {
4473 content: "\f0f9";
4474}
4475.uk-icon-medkit:before {
4476 content: "\f0fa";
4477}
4478.uk-icon-fighter-jet:before {
4479 content: "\f0fb";
4480}
4481.uk-icon-beer:before {
4482 content: "\f0fc";
4483}
4484.uk-icon-h-square:before {
4485 content: "\f0fd";
4486}
4487.uk-icon-plus-square:before {
4488 content: "\f0fe";
4489}
4490.uk-icon-angle-double-left:before {
4491 content: "\f100";
4492}
4493.uk-icon-angle-double-right:before {
4494 content: "\f101";
4495}
4496.uk-icon-angle-double-up:before {
4497 content: "\f102";
4498}
4499.uk-icon-angle-double-down:before {
4500 content: "\f103";
4501}
4502.uk-icon-angle-left:before {
4503 content: "\f104";
4504}
4505.uk-icon-angle-right:before {
4506 content: "\f105";
4507}
4508.uk-icon-angle-up:before {
4509 content: "\f106";
4510}
4511.uk-icon-angle-down:before {
4512 content: "\f107";
4513}
4514.uk-icon-desktop:before {
4515 content: "\f108";
4516}
4517.uk-icon-laptop:before {
4518 content: "\f109";
4519}
4520.uk-icon-tablet:before {
4521 content: "\f10a";
4522}
4523.uk-icon-mobile-phone:before,
4524.uk-icon-mobile:before {
4525 content: "\f10b";
4526}
4527.uk-icon-circle-o:before {
4528 content: "\f10c";
4529}
4530.uk-icon-quote-left:before {
4531 content: "\f10d";
4532}
4533.uk-icon-quote-right:before {
4534 content: "\f10e";
4535}
4536.uk-icon-spinner:before {
4537 content: "\f110";
4538}
4539.uk-icon-circle:before {
4540 content: "\f111";
4541}
4542.uk-icon-mail-reply:before,
4543.uk-icon-reply:before {
4544 content: "\f112";
4545}
4546.uk-icon-github-alt:before {
4547 content: "\f113";
4548}
4549.uk-icon-folder-o:before {
4550 content: "\f114";
4551}
4552.uk-icon-folder-open-o:before {
4553 content: "\f115";
4554}
4555.uk-icon-smile-o:before {
4556 content: "\f118";
4557}
4558.uk-icon-frown-o:before {
4559 content: "\f119";
4560}
4561.uk-icon-meh-o:before {
4562 content: "\f11a";
4563}
4564.uk-icon-gamepad:before {
4565 content: "\f11b";
4566}
4567.uk-icon-keyboard-o:before {
4568 content: "\f11c";
4569}
4570.uk-icon-flag-o:before {
4571 content: "\f11d";
4572}
4573.uk-icon-flag-checkered:before {
4574 content: "\f11e";
4575}
4576.uk-icon-terminal:before {
4577 content: "\f120";
4578}
4579.uk-icon-code:before {
4580 content: "\f121";
4581}
4582.uk-icon-mail-reply-all:before,
4583.uk-icon-reply-all:before {
4584 content: "\f122";
4585}
4586.uk-icon-star-half-empty:before,
4587.uk-icon-star-half-full:before,
4588.uk-icon-star-half-o:before {
4589 content: "\f123";
4590}
4591.uk-icon-location-arrow:before {
4592 content: "\f124";
4593}
4594.uk-icon-crop:before {
4595 content: "\f125";
4596}
4597.uk-icon-code-fork:before {
4598 content: "\f126";
4599}
4600.uk-icon-unlink:before,
4601.uk-icon-chain-broken:before {
4602 content: "\f127";
4603}
4604.uk-icon-question:before {
4605 content: "\f128";
4606}
4607.uk-icon-info:before {
4608 content: "\f129";
4609}
4610.uk-icon-exclamation:before {
4611 content: "\f12a";
4612}
4613.uk-icon-superscript:before {
4614 content: "\f12b";
4615}
4616.uk-icon-subscript:before {
4617 content: "\f12c";
4618}
4619.uk-icon-eraser:before {
4620 content: "\f12d";
4621}
4622.uk-icon-puzzle-piece:before {
4623 content: "\f12e";
4624}
4625.uk-icon-microphone:before {
4626 content: "\f130";
4627}
4628.uk-icon-microphone-slash:before {
4629 content: "\f131";
4630}
4631.uk-icon-shield:before {
4632 content: "\f132";
4633}
4634.uk-icon-calendar-o:before {
4635 content: "\f133";
4636}
4637.uk-icon-fire-extinguisher:before {
4638 content: "\f134";
4639}
4640.uk-icon-rocket:before {
4641 content: "\f135";
4642}
4643.uk-icon-maxcdn:before {
4644 content: "\f136";
4645}
4646.uk-icon-chevron-circle-left:before {
4647 content: "\f137";
4648}
4649.uk-icon-chevron-circle-right:before {
4650 content: "\f138";
4651}
4652.uk-icon-chevron-circle-up:before {
4653 content: "\f139";
4654}
4655.uk-icon-chevron-circle-down:before {
4656 content: "\f13a";
4657}
4658.uk-icon-html5:before {
4659 content: "\f13b";
4660}
4661.uk-icon-css3:before {
4662 content: "\f13c";
4663}
4664.uk-icon-anchor:before {
4665 content: "\f13d";
4666}
4667.uk-icon-unlock-alt:before {
4668 content: "\f13e";
4669}
4670.uk-icon-bullseye:before {
4671 content: "\f140";
4672}
4673.uk-icon-ellipsis-h:before {
4674 content: "\f141";
4675}
4676.uk-icon-ellipsis-v:before {
4677 content: "\f142";
4678}
4679.uk-icon-rss-square:before {
4680 content: "\f143";
4681}
4682.uk-icon-play-circle:before {
4683 content: "\f144";
4684}
4685.uk-icon-ticket:before {
4686 content: "\f145";
4687}
4688.uk-icon-minus-square:before {
4689 content: "\f146";
4690}
4691.uk-icon-minus-square-o:before {
4692 content: "\f147";
4693}
4694.uk-icon-level-up:before {
4695 content: "\f148";
4696}
4697.uk-icon-level-down:before {
4698 content: "\f149";
4699}
4700.uk-icon-check-square:before {
4701 content: "\f14a";
4702}
4703.uk-icon-pencil-square:before {
4704 content: "\f14b";
4705}
4706.uk-icon-external-link-square:before {
4707 content: "\f14c";
4708}
4709.uk-icon-share-square:before {
4710 content: "\f14d";
4711}
4712.uk-icon-compass:before {
4713 content: "\f14e";
4714}
4715.uk-icon-toggle-down:before,
4716.uk-icon-caret-square-o-down:before {
4717 content: "\f150";
4718}
4719.uk-icon-toggle-up:before,
4720.uk-icon-caret-square-o-up:before {
4721 content: "\f151";
4722}
4723.uk-icon-toggle-right:before,
4724.uk-icon-caret-square-o-right:before {
4725 content: "\f152";
4726}
4727.uk-icon-euro:before,
4728.uk-icon-eur:before {
4729 content: "\f153";
4730}
4731.uk-icon-gbp:before {
4732 content: "\f154";
4733}
4734.uk-icon-dollar:before,
4735.uk-icon-usd:before {
4736 content: "\f155";
4737}
4738.uk-icon-rupee:before,
4739.uk-icon-inr:before {
4740 content: "\f156";
4741}
4742.uk-icon-cny:before,
4743.uk-icon-rmb:before,
4744.uk-icon-yen:before,
4745.uk-icon-jpy:before {
4746 content: "\f157";
4747}
4748.uk-icon-ruble:before,
4749.uk-icon-rouble:before,
4750.uk-icon-rub:before {
4751 content: "\f158";
4752}
4753.uk-icon-won:before,
4754.uk-icon-krw:before {
4755 content: "\f159";
4756}
4757.uk-icon-bitcoin:before,
4758.uk-icon-btc:before {
4759 content: "\f15a";
4760}
4761.uk-icon-file:before {
4762 content: "\f15b";
4763}
4764.uk-icon-file-text:before {
4765 content: "\f15c";
4766}
4767.uk-icon-sort-alpha-asc:before {
4768 content: "\f15d";
4769}
4770.uk-icon-sort-alpha-desc:before {
4771 content: "\f15e";
4772}
4773.uk-icon-sort-amount-asc:before {
4774 content: "\f160";
4775}
4776.uk-icon-sort-amount-desc:before {
4777 content: "\f161";
4778}
4779.uk-icon-sort-numeric-asc:before {
4780 content: "\f162";
4781}
4782.uk-icon-sort-numeric-desc:before {
4783 content: "\f163";
4784}
4785.uk-icon-thumbs-up:before {
4786 content: "\f164";
4787}
4788.uk-icon-thumbs-down:before {
4789 content: "\f165";
4790}
4791.uk-icon-youtube-square:before {
4792 content: "\f166";
4793}
4794.uk-icon-youtube:before {
4795 content: "\f167";
4796}
4797.uk-icon-xing:before {
4798 content: "\f168";
4799}
4800.uk-icon-xing-square:before {
4801 content: "\f169";
4802}
4803.uk-icon-youtube-play:before {
4804 content: "\f16a";
4805}
4806.uk-icon-dropbox:before {
4807 content: "\f16b";
4808}
4809.uk-icon-stack-overflow:before {
4810 content: "\f16c";
4811}
4812.uk-icon-instagram:before {
4813 content: "\f16d";
4814}
4815.uk-icon-flickr:before {
4816 content: "\f16e";
4817}
4818.uk-icon-adn:before {
4819 content: "\f170";
4820}
4821.uk-icon-bitbucket:before {
4822 content: "\f171";
4823}
4824.uk-icon-bitbucket-square:before {
4825 content: "\f172";
4826}
4827.uk-icon-tumblr:before {
4828 content: "\f173";
4829}
4830.uk-icon-tumblr-square:before {
4831 content: "\f174";
4832}
4833.uk-icon-long-arrow-down:before {
4834 content: "\f175";
4835}
4836.uk-icon-long-arrow-up:before {
4837 content: "\f176";
4838}
4839.uk-icon-long-arrow-left:before {
4840 content: "\f177";
4841}
4842.uk-icon-long-arrow-right:before {
4843 content: "\f178";
4844}
4845.uk-icon-apple:before {
4846 content: "\f179";
4847}
4848.uk-icon-windows:before {
4849 content: "\f17a";
4850}
4851.uk-icon-android:before {
4852 content: "\f17b";
4853}
4854.uk-icon-linux:before {
4855 content: "\f17c";
4856}
4857.uk-icon-dribbble:before {
4858 content: "\f17d";
4859}
4860.uk-icon-skype:before {
4861 content: "\f17e";
4862}
4863.uk-icon-foursquare:before {
4864 content: "\f180";
4865}
4866.uk-icon-trello:before {
4867 content: "\f181";
4868}
4869.uk-icon-female:before {
4870 content: "\f182";
4871}
4872.uk-icon-male:before {
4873 content: "\f183";
4874}
4875.uk-icon-gittip:before,
4876.uk-icon-gratipay:before {
4877 content: "\f184";
4878}
4879.uk-icon-sun-o:before {
4880 content: "\f185";
4881}
4882.uk-icon-moon-o:before {
4883 content: "\f186";
4884}
4885.uk-icon-archive:before {
4886 content: "\f187";
4887}
4888.uk-icon-bug:before {
4889 content: "\f188";
4890}
4891.uk-icon-vk:before {
4892 content: "\f189";
4893}
4894.uk-icon-weibo:before {
4895 content: "\f18a";
4896}
4897.uk-icon-renren:before {
4898 content: "\f18b";
4899}
4900.uk-icon-pagelines:before {
4901 content: "\f18c";
4902}
4903.uk-icon-stack-exchange:before {
4904 content: "\f18d";
4905}
4906.uk-icon-arrow-circle-o-right:before {
4907 content: "\f18e";
4908}
4909.uk-icon-arrow-circle-o-left:before {
4910 content: "\f190";
4911}
4912.uk-icon-toggle-left:before,
4913.uk-icon-caret-square-o-left:before {
4914 content: "\f191";
4915}
4916.uk-icon-dot-circle-o:before {
4917 content: "\f192";
4918}
4919.uk-icon-wheelchair:before {
4920 content: "\f193";
4921}
4922.uk-icon-vimeo-square:before {
4923 content: "\f194";
4924}
4925.uk-icon-turkish-lira:before,
4926.uk-icon-try:before {
4927 content: "\f195";
4928}
4929.uk-icon-plus-square-o:before {
4930 content: "\f196";
4931}
4932.uk-icon-space-shuttle:before {
4933 content: "\f197";
4934}
4935.uk-icon-slack:before {
4936 content: "\f198";
4937}
4938.uk-icon-envelope-square:before {
4939 content: "\f199";
4940}
4941.uk-icon-wordpress:before {
4942 content: "\f19a";
4943}
4944.uk-icon-openid:before {
4945 content: "\f19b";
4946}
4947.uk-icon-institution:before,
4948.uk-icon-bank:before,
4949.uk-icon-university:before {
4950 content: "\f19c";
4951}
4952.uk-icon-mortar-board:before,
4953.uk-icon-graduation-cap:before {
4954 content: "\f19d";
4955}
4956.uk-icon-yahoo:before {
4957 content: "\f19e";
4958}
4959.uk-icon-google:before {
4960 content: "\f1a0";
4961}
4962.uk-icon-reddit:before {
4963 content: "\f1a1";
4964}
4965.uk-icon-reddit-square:before {
4966 content: "\f1a2";
4967}
4968.uk-icon-stumbleupon-circle:before {
4969 content: "\f1a3";
4970}
4971.uk-icon-stumbleupon:before {
4972 content: "\f1a4";
4973}
4974.uk-icon-delicious:before {
4975 content: "\f1a5";
4976}
4977.uk-icon-digg:before {
4978 content: "\f1a6";
4979}
4980.uk-icon-pied-piper:before {
4981 content: "\f1a7";
4982}
4983.uk-icon-pied-piper-alt:before {
4984 content: "\f1a8";
4985}
4986.uk-icon-drupal:before {
4987 content: "\f1a9";
4988}
4989.uk-icon-joomla:before {
4990 content: "\f1aa";
4991}
4992.uk-icon-language:before {
4993 content: "\f1ab";
4994}
4995.uk-icon-fax:before {
4996 content: "\f1ac";
4997}
4998.uk-icon-building:before {
4999 content: "\f1ad";
5000}
5001.uk-icon-child:before {
5002 content: "\f1ae";
5003}
5004.uk-icon-paw:before {
5005 content: "\f1b0";
5006}
5007.uk-icon-spoon:before {
5008 content: "\f1b1";
5009}
5010.uk-icon-cube:before {
5011 content: "\f1b2";
5012}
5013.uk-icon-cubes:before {
5014 content: "\f1b3";
5015}
5016.uk-icon-behance:before {
5017 content: "\f1b4";
5018}
5019.uk-icon-behance-square:before {
5020 content: "\f1b5";
5021}
5022.uk-icon-steam:before {
5023 content: "\f1b6";
5024}
5025.uk-icon-steam-square:before {
5026 content: "\f1b7";
5027}
5028.uk-icon-recycle:before {
5029 content: "\f1b8";
5030}
5031.uk-icon-automobile:before,
5032.uk-icon-car:before {
5033 content: "\f1b9";
5034}
5035.uk-icon-cab:before,
5036.uk-icon-taxi:before {
5037 content: "\f1ba";
5038}
5039.uk-icon-tree:before {
5040 content: "\f1bb";
5041}
5042.uk-icon-spotify:before {
5043 content: "\f1bc";
5044}
5045.uk-icon-deviantart:before {
5046 content: "\f1bd";
5047}
5048.uk-icon-soundcloud:before {
5049 content: "\f1be";
5050}
5051.uk-icon-database:before {
5052 content: "\f1c0";
5053}
5054.uk-icon-file-pdf-o:before {
5055 content: "\f1c1";
5056}
5057.uk-icon-file-word-o:before {
5058 content: "\f1c2";
5059}
5060.uk-icon-file-excel-o:before {
5061 content: "\f1c3";
5062}
5063.uk-icon-file-powerpoint-o:before {
5064 content: "\f1c4";
5065}
5066.uk-icon-file-photo-o:before,
5067.uk-icon-file-picture-o:before,
5068.uk-icon-file-image-o:before {
5069 content: "\f1c5";
5070}
5071.uk-icon-file-zip-o:before,
5072.uk-icon-file-archive-o:before {
5073 content: "\f1c6";
5074}
5075.uk-icon-file-sound-o:before,
5076.uk-icon-file-audio-o:before {
5077 content: "\f1c7";
5078}
5079.uk-icon-file-movie-o:before,
5080.uk-icon-file-video-o:before {
5081 content: "\f1c8";
5082}
5083.uk-icon-file-code-o:before {
5084 content: "\f1c9";
5085}
5086.uk-icon-vine:before {
5087 content: "\f1ca";
5088}
5089.uk-icon-codepen:before {
5090 content: "\f1cb";
5091}
5092.uk-icon-jsfiddle:before {
5093 content: "\f1cc";
5094}
5095.uk-icon-life-bouy:before,
5096.uk-icon-life-buoy:before,
5097.uk-icon-life-saver:before,
5098.uk-icon-support:before,
5099.uk-icon-life-ring:before {
5100 content: "\f1cd";
5101}
5102.uk-icon-circle-o-notch:before {
5103 content: "\f1ce";
5104}
5105.uk-icon-ra:before,
5106.uk-icon-rebel:before {
5107 content: "\f1d0";
5108}
5109.uk-icon-ge:before,
5110.uk-icon-empire:before {
5111 content: "\f1d1";
5112}
5113.uk-icon-git-square:before {
5114 content: "\f1d2";
5115}
5116.uk-icon-git:before {
5117 content: "\f1d3";
5118}
5119.uk-icon-hacker-news:before {
5120 content: "\f1d4";
5121}
5122.uk-icon-tencent-weibo:before {
5123 content: "\f1d5";
5124}
5125.uk-icon-qq:before {
5126 content: "\f1d6";
5127}
5128.uk-icon-wechat:before,
5129.uk-icon-weixin:before {
5130 content: "\f1d7";
5131}
5132.uk-icon-send:before,
5133.uk-icon-paper-plane:before {
5134 content: "\f1d8";
5135}
5136.uk-icon-send-o:before,
5137.uk-icon-paper-plane-o:before {
5138 content: "\f1d9";
5139}
5140.uk-icon-history:before {
5141 content: "\f1da";
5142}
5143.uk-icon-genderless:before,
5144.uk-icon-circle-thin:before {
5145 content: "\f1db";
5146}
5147.uk-icon-header:before {
5148 content: "\f1dc";
5149}
5150.uk-icon-paragraph:before {
5151 content: "\f1dd";
5152}
5153.uk-icon-sliders:before {
5154 content: "\f1de";
5155}
5156.uk-icon-share-alt:before {
5157 content: "\f1e0";
5158}
5159.uk-icon-share-alt-square:before {
5160 content: "\f1e1";
5161}
5162.uk-icon-bomb:before {
5163 content: "\f1e2";
5164}
5165.uk-icon-soccer-ball-o:before,
5166.uk-icon-futbol-o:before {
5167 content: "\f1e3";
5168}
5169.uk-icon-tty:before {
5170 content: "\f1e4";
5171}
5172.uk-icon-binoculars:before {
5173 content: "\f1e5";
5174}
5175.uk-icon-plug:before {
5176 content: "\f1e6";
5177}
5178.uk-icon-slideshare:before {
5179 content: "\f1e7";
5180}
5181.uk-icon-twitch:before {
5182 content: "\f1e8";
5183}
5184.uk-icon-yelp:before {
5185 content: "\f1e9";
5186}
5187.uk-icon-newspaper-o:before {
5188 content: "\f1ea";
5189}
5190.uk-icon-wifi:before {
5191 content: "\f1eb";
5192}
5193.uk-icon-calculator:before {
5194 content: "\f1ec";
5195}
5196.uk-icon-paypal:before {
5197 content: "\f1ed";
5198}
5199.uk-icon-google-wallet:before {
5200 content: "\f1ee";
5201}
5202.uk-icon-cc-visa:before {
5203 content: "\f1f0";
5204}
5205.uk-icon-cc-mastercard:before {
5206 content: "\f1f1";
5207}
5208.uk-icon-cc-discover:before {
5209 content: "\f1f2";
5210}
5211.uk-icon-cc-amex:before {
5212 content: "\f1f3";
5213}
5214.uk-icon-cc-paypal:before {
5215 content: "\f1f4";
5216}
5217.uk-icon-cc-stripe:before {
5218 content: "\f1f5";
5219}
5220.uk-icon-bell-slash:before {
5221 content: "\f1f6";
5222}
5223.uk-icon-bell-slash-o:before {
5224 content: "\f1f7";
5225}
5226.uk-icon-trash:before {
5227 content: "\f1f8";
5228}
5229.uk-icon-copyright:before {
5230 content: "\f1f9";
5231}
5232.uk-icon-at:before {
5233 content: "\f1fa";
5234}
5235.uk-icon-eyedropper:before {
5236 content: "\f1fb";
5237}
5238.uk-icon-paint-brush:before {
5239 content: "\f1fc";
5240}
5241.uk-icon-birthday-cake:before {
5242 content: "\f1fd";
5243}
5244.uk-icon-area-chart:before {
5245 content: "\f1fe";
5246}
5247.uk-icon-pie-chart:before {
5248 content: "\f200";
5249}
5250.uk-icon-line-chart:before {
5251 content: "\f201";
5252}
5253.uk-icon-lastfm:before {
5254 content: "\f202";
5255}
5256.uk-icon-lastfm-square:before {
5257 content: "\f203";
5258}
5259.uk-icon-toggle-off:before {
5260 content: "\f204";
5261}
5262.uk-icon-toggle-on:before {
5263 content: "\f205";
5264}
5265.uk-icon-bicycle:before {
5266 content: "\f206";
5267}
5268.uk-icon-bus:before {
5269 content: "\f207";
5270}
5271.uk-icon-ioxhost:before {
5272 content: "\f208";
5273}
5274.uk-icon-angellist:before {
5275 content: "\f209";
5276}
5277.uk-icon-cc:before {
5278 content: "\f20a";
5279}
5280.uk-icon-shekel:before,
5281.uk-icon-sheqel:before,
5282.uk-icon-ils:before {
5283 content: "\f20b";
5284}
5285.uk-icon-meanpath:before {
5286 content: "\f20c";
5287}
5288.uk-icon-buysellads:before {
5289 content: "\f20d";
5290}
5291.uk-icon-connectdevelop:before {
5292 content: "\f20e";
5293}
5294.uk-icon-dashcube:before {
5295 content: "\f210";
5296}
5297.uk-icon-forumbee:before {
5298 content: "\f211";
5299}
5300.uk-icon-leanpub:before {
5301 content: "\f212";
5302}
5303.uk-icon-sellsy:before {
5304 content: "\f213";
5305}
5306.uk-icon-shirtsinbulk:before {
5307 content: "\f214";
5308}
5309.uk-icon-simplybuilt:before {
5310 content: "\f215";
5311}
5312.uk-icon-skyatlas:before {
5313 content: "\f216";
5314}
5315.uk-icon-cart-plus:before {
5316 content: "\f217";
5317}
5318.uk-icon-cart-arrow-down:before {
5319 content: "\f218";
5320}
5321.uk-icon-diamond:before {
5322 content: "\f219";
5323}
5324.uk-icon-ship:before {
5325 content: "\f21a";
5326}
5327.uk-icon-user-secret:before {
5328 content: "\f21b";
5329}
5330.uk-icon-motorcycle:before {
5331 content: "\f21c";
5332}
5333.uk-icon-street-view:before {
5334 content: "\f21d";
5335}
5336.uk-icon-heartbeat:before {
5337 content: "\f21e";
5338}
5339.uk-icon-venus:before {
5340 content: "\f221";
5341}
5342.uk-icon-mars:before {
5343 content: "\f222";
5344}
5345.uk-icon-mercury:before {
5346 content: "\f223";
5347}
5348.uk-icon-transgender:before {
5349 content: "\f224";
5350}
5351.uk-icon-transgender-alt:before {
5352 content: "\f225";
5353}
5354.uk-icon-venus-double:before {
5355 content: "\f226";
5356}
5357.uk-icon-mars-double:before {
5358 content: "\f227";
5359}
5360.uk-icon-venus-mars:before {
5361 content: "\f228";
5362}
5363.uk-icon-mars-stroke:before {
5364 content: "\f229";
5365}
5366.uk-icon-mars-stroke-v:before {
5367 content: "\f22a";
5368}
5369.uk-icon-mars-stroke-h:before {
5370 content: "\f22b";
5371}
5372.uk-icon-neuter:before {
5373 content: "\f22c";
5374}
5375.uk-icon-facebook-official:before {
5376 content: "\f230";
5377}
5378.uk-icon-pinterest-p:before {
5379 content: "\f231";
5380}
5381.uk-icon-whatsapp:before {
5382 content: "\f232";
5383}
5384.uk-icon-server:before {
5385 content: "\f233";
5386}
5387.uk-icon-user-plus:before {
5388 content: "\f234";
5389}
5390.uk-icon-user-times:before {
5391 content: "\f235";
5392}
5393.uk-icon-hotel:before,
5394.uk-icon-bed:before {
5395 content: "\f236";
5396}
5397.uk-icon-viacoin:before {
5398 content: "\f237";
5399}
5400.uk-icon-train:before {
5401 content: "\f238";
5402}
5403.uk-icon-subway:before {
5404 content: "\f239";
5405}
5406.uk-icon-medium-logo:before {
5407 content: "\f23a";
5408}
5409.uk-icon-500px:before {
5410 content: "\f26e";
5411}
5412.uk-icon-amazon:before {
5413 content: "\f270";
5414}
5415.uk-icon-balance-scale:before {
5416 content: "\f24e";
5417}
5418.uk-icon-battery-empty:before,
5419.uk-icon-battery-0:before {
5420 content: "\f244";
5421}
5422.uk-icon-battery-quarter:before,
5423.uk-icon-battery-1:before {
5424 content: "\f243";
5425}
5426.uk-icon-battery-half:before,
5427.uk-icon-battery-2:before {
5428 content: "\f242";
5429}
5430.uk-icon-battery-three-quarters:before,
5431.uk-icon-battery-3:before {
5432 content: "\f241";
5433}
5434.uk-icon-battery-full:before,
5435.uk-icon-battery-4:before {
5436 content: "\f240";
5437}
5438.uk-icon-black-tie:before {
5439 content: "\f27e";
5440}
5441.uk-icon-calendar-check-o:before {
5442 content: "\f274";
5443}
5444.uk-icon-calendar-minus-o:before {
5445 content: "\f272";
5446}
5447.uk-icon-calendar-plus-o:before {
5448 content: "\f271";
5449}
5450.uk-icon-calendar-times-o:before {
5451 content: "\f273";
5452}
5453.uk-icon-cc-diners-club:before {
5454 content: "\f24c";
5455}
5456.uk-icon-cc-jcb:before {
5457 content: "\f24b";
5458}
5459.uk-icon-chrome:before {
5460 content: "\f268";
5461}
5462.uk-icon-clone:before {
5463 content: "\f24d";
5464}
5465.uk-icon-commenting:before {
5466 content: "\f27a";
5467}
5468.uk-icon-commenting-o:before {
5469 content: "\f27b";
5470}
5471.uk-icon-contao:before {
5472 content: "\f26d";
5473}
5474.uk-icon-creative-commons:before {
5475 content: "\f25e";
5476}
5477.uk-icon-expeditedssl:before {
5478 content: "\f23e";
5479}
5480.uk-icon-firefox:before {
5481 content: "\f269";
5482}
5483.uk-icon-fonticons:before {
5484 content: "\f280";
5485}
5486.uk-icon-get-pocket:before {
5487 content: "\f265";
5488}
5489.uk-icon-gg:before {
5490 content: "\f260";
5491}
5492.uk-icon-gg-circle:before {
5493 content: "\f261";
5494}
5495.uk-icon-hand-lizard-o:before {
5496 content: "\f258";
5497}
5498.uk-icon-hand-stop-o:before,
5499.uk-icon-hand-paper-o:before {
5500 content: "\f256";
5501}
5502.uk-icon-hand-peace-o:before {
5503 content: "\f25b";
5504}
5505.uk-icon-hand-pointer-o:before {
5506 content: "\f25a";
5507}
5508.uk-icon-hand-grab-o:before,
5509.uk-icon-hand-rock-o:before {
5510 content: "\f255";
5511}
5512.uk-icon-hand-scissors-o:before {
5513 content: "\f257";
5514}
5515.uk-icon-hand-spock-o:before {
5516 content: "\f259";
5517}
5518.uk-icon-hourglass:before {
5519 content: "\f254";
5520}
5521.uk-icon-hourglass-o:before {
5522 content: "\f250";
5523}
5524.uk-icon-hourglass-1:before,
5525.uk-icon-hourglass-start:before {
5526 content: "\f251";
5527}
5528.uk-icon-hourglass-2:before,
5529.uk-icon-hourglass-half:before {
5530 content: "\f252";
5531}
5532.uk-icon-hourglass-3:before,
5533.uk-icon-hourglass-end:before {
5534 content: "\f253";
5535}
5536.uk-icon-houzz:before {
5537 content: "\f27c";
5538}
5539.uk-icon-i-cursor:before {
5540 content: "\f246";
5541}
5542.uk-icon-industry:before {
5543 content: "\f275";
5544}
5545.uk-icon-internet-explorer:before {
5546 content: "\f26b";
5547}
5548.uk-icon-map:before {
5549 content: "\f279";
5550}
5551.uk-icon-map-o:before {
5552 content: "\f278";
5553}
5554.uk-icon-map-pin:before {
5555 content: "\f276";
5556}
5557.uk-icon-map-signs:before {
5558 content: "\f277";
5559}
5560.uk-icon-mouse-pointer:before {
5561 content: "\f245";
5562}
5563.uk-icon-object-group:before {
5564 content: "\f247";
5565}
5566.uk-icon-object-ungroup:before {
5567 content: "\f248";
5568}
5569.uk-icon-odnoklassniki:before {
5570 content: "\f263";
5571}
5572.uk-icon-odnoklassniki-square:before {
5573 content: "\f264";
5574}
5575.uk-icon-opencart:before {
5576 content: "\f23d";
5577}
5578.uk-icon-opera:before {
5579 content: "\f26a";
5580}
5581.uk-icon-optin-monster:before {
5582 content: "\f23c";
5583}
5584.uk-icon-registered:before {
5585 content: "\f25d";
5586}
5587.uk-icon-safari:before {
5588 content: "\f267";
5589}
5590.uk-icon-sticky-note:before {
5591 content: "\f249";
5592}
5593.uk-icon-sticky-note-o:before {
5594 content: "\f24a";
5595}
5596.uk-icon-tv:before,
5597.uk-icon-television:before {
5598 content: "\f26c";
5599}
5600.uk-icon-trademark:before {
5601 content: "\f25c";
5602}
5603.uk-icon-tripadvisor:before {
5604 content: "\f262";
5605}
5606.uk-icon-vimeo:before {
5607 content: "\f27d";
5608}
5609.uk-icon-wikipedia-w:before {
5610 content: "\f266";
5611}
5612.uk-icon-yc:before,
5613.uk-icon-y-combinator:before {
5614 content: "\f23b";
5615}
5616.uk-icon-yc-square:before,
5617.uk-icon-y-combinator-square:before {
5618 content: "\f1d4";
5619}
5620.uk-icon-bluetooth:before {
5621 content: "\f293";
5622}
5623.uk-icon-bluetooth-b:before {
5624 content: "\f294";
5625}
5626.uk-icon-codiepie:before {
5627 content: "\f284";
5628}
5629.uk-icon-credit-card-alt:before {
5630 content: "\f283";
5631}
5632.uk-icon-edge:before {
5633 content: "\f282";
5634}
5635.uk-icon-fort-awesome:before {
5636 content: "\f286";
5637}
5638.uk-icon-hashtag:before {
5639 content: "\f292";
5640}
5641.uk-icon-mixcloud:before {
5642 content: "\f289";
5643}
5644.uk-icon-modx:before {
5645 content: "\f285";
5646}
5647.uk-icon-pause-circle:before {
5648 content: "\f28b";
5649}
5650.uk-icon-pause-circle-o:before {
5651 content: "\f28c";
5652}
5653.uk-icon-percent:before {
5654 content: "\f295";
5655}
5656.uk-icon-product-hunt:before {
5657 content: "\f288";
5658}
5659.uk-icon-reddit-alien:before {
5660 content: "\f281";
5661}
5662.uk-icon-scribd:before {
5663 content: "\f28a";
5664}
5665.uk-icon-shopping-bag:before {
5666 content: "\f290";
5667}
5668.uk-icon-shopping-basket:before {
5669 content: "\f291";
5670}
5671.uk-icon-stop-circle:before {
5672 content: "\f28d";
5673}
5674.uk-icon-stop-circle-o:before {
5675 content: "\f28e";
5676}
5677.uk-icon-usb:before {
5678 content: "\f287";
5679}
5680.uk-icon-american-sign-language-interpreting:before,
5681.uk-icon-asl-interpreting:before {
5682 content: "\f2a3";
5683}
5684.uk-icon-assistive-listening-systems:before {
5685 content: "\f2a2";
5686}
5687.uk-icon-audio-description:before {
5688 content: "\f29e";
5689}
5690.uk-icon-blind:before {
5691 content: "\f29d";
5692}
5693.uk-icon-braille:before {
5694 content: "\f2a1";
5695}
5696.uk-icon-deaf:before {
5697 content: "\f2a4";
5698}
5699.uk-icon-deafness:before {
5700 content: "\f2a4";
5701}
5702.uk-icon-envira:before {
5703 content: "\f299";
5704}
5705.uk-icon-gitlab:before {
5706 content: "\f296";
5707}
5708.uk-icon-glide:before {
5709 content: "\f2a5";
5710}
5711.uk-icon-glide-g:before {
5712 content: "\f2a6";
5713}
5714.uk-icon-hard-of-hearing:before {
5715 content: "\f2a4";
5716}
5717.uk-icon-low-vision:before {
5718 content: "\f2a8";
5719}
5720.uk-icon-question-circle-o:before {
5721 content: "\f29c";
5722}
5723.uk-icon-sign-language:before,
5724.uk-icon-signing:before {
5725 content: "\f2a7";
5726}
5727.uk-icon-snapchat:before {
5728 content: "\f2ab";
5729}
5730.uk-icon-snapchat-ghost:before {
5731 content: "\f2ac";
5732}
5733.uk-icon-snapchat-square:before {
5734 content: "\f2ad";
5735}
5736.uk-icon-universal-access:before {
5737 content: "\f29a";
5738}
5739.uk-icon-viadeo:before {
5740 content: "\f2a9";
5741}
5742.uk-icon-viadeo-square:before {
5743 content: "\f2aa";
5744}
5745.uk-icon-volume-control-phone:before {
5746 content: "\f2a0";
5747}
5748.uk-icon-wheelchair-alt:before {
5749 content: "\f29b";
5750}
5751.uk-icon-wpbeginner:before {
5752 content: "\f297";
5753}
5754.uk-icon-wpforms:before {
5755 content: "\f298";
5756}
5757/* ========================================================================
5758 Component: Close
5759 ========================================================================== */
5760/*
5761 * Removes inner padding and border in Firefox 4+.
5762 */
5763.uk-close::-moz-focus-inner {
5764 border: 0;
5765 padding: 0;
5766}
5767/*
5768 * 1. Correct inability to style clickable `input` types in iOS.
5769 * 2. Remove margins in Chrome, Safari and Opera.
5770 * 3. Remove borders for `button`.
5771 * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
5772 * 5. Correct `font` properties and `color` not being inherited for `button`.
5773 * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
5774 * 7. Remove default `button` padding and background color
5775 * 8. Style
5776 */
5777.uk-close {
5778 /* 1 */
5779 -webkit-appearance: none;
5780 /* 2 */
5781 margin: 0;
5782 /* 3 */
5783 border: none;
5784 /* 4 */
5785 overflow: visible;
5786 /* 5 */
5787 font: inherit;
5788 color: inherit;
5789 /* 6 */
5790 text-transform: none;
5791 /* 7. */
5792 padding: 0;
5793 background: transparent;
5794 /* 8 */
5795 display: inline-block;
5796 box-sizing: content-box;
5797 width: 20px;
5798 line-height: 20px;
5799 text-align: center;
5800 vertical-align: middle;
5801 opacity: 0.3;
5802}
5803/* Icon */
5804.uk-close:after {
5805 display: block;
5806 content: "\f00d";
5807 font-family: FontAwesome;
5808}
5809/*
5810 * Hover
5811 * 1. Apply hover style also to focus state
5812 * 2. Remove default focus style
5813 * 3. Required for `a` elements
5814 */
5815.uk-close:hover,
5816.uk-close:focus {
5817 opacity: 0.5;
5818 /* 2 */
5819 outline: none;
5820 /* 3 */
5821 color: inherit;
5822 text-decoration: none;
5823 cursor: pointer;
5824}
5825/* Modifier
5826 ========================================================================== */
5827.uk-close-alt {
5828 padding: 2px;
5829 border-radius: 50%;
5830 background: #eee;
5831 opacity: 1;
5832}
5833/* Hover */
5834.uk-close-alt:hover,
5835.uk-close-alt:focus {
5836 opacity: 1;
5837}
5838/* Icon */
5839.uk-close-alt:after {
5840 opacity: 0.5;
5841}
5842.uk-close-alt:hover:after,
5843.uk-close-alt:focus:after {
5844 opacity: 0.8;
5845}
5846/* ========================================================================
5847 Component: Badge
5848 ========================================================================== */
5849.uk-badge {
5850 display: inline-block;
5851 padding: 0 5px;
5852 background: #00a8e6;
5853 font-size: 10px;
5854 font-weight: bold;
5855 line-height: 14px;
5856 color: #fff;
5857 text-align: center;
5858 vertical-align: middle;
5859 text-transform: none;
5860}
5861/*
5862 * Keep color when badge is a link
5863 */
5864a.uk-badge:hover {
5865 color: #fff;
5866}
5867/* Modifier: `uk-badge-notification`;
5868 ========================================================================== */
5869.uk-badge-notification {
5870 box-sizing: border-box;
5871 min-width: 18px;
5872 border-radius: 500px;
5873 font-size: 12px;
5874 line-height: 18px;
5875}
5876/* Color modifier
5877 ========================================================================== */
5878/*
5879 * Modifier: `uk-badge-success`
5880 */
5881.uk-badge-success {
5882 background-color: #8cc14c;
5883}
5884/*
5885 * Modifier: `uk-badge-warning`
5886 */
5887.uk-badge-warning {
5888 background-color: #faa732;
5889}
5890/*
5891 * Modifier: `uk-badge-danger`
5892 */
5893.uk-badge-danger {
5894 background-color: #da314b;
5895}
5896/* ========================================================================
5897 Component: Alert
5898 ========================================================================== */
5899.uk-alert {
5900 margin-bottom: 15px;
5901 padding: 10px;
5902 background: #ebf7fd;
5903 color: #2d7091;
5904}
5905/*
5906 * Add margin if adjacent element
5907 */
5908* + .uk-alert {
5909 margin-top: 15px;
5910}
5911/*
5912 * Remove margin from the last-child
5913 */
5914.uk-alert > :last-child {
5915 margin-bottom: 0;
5916}
5917/*
5918 * Keep color for headings if the default heading color is changed
5919 */
5920.uk-alert h1,
5921.uk-alert h2,
5922.uk-alert h3,
5923.uk-alert h4,
5924.uk-alert h5,
5925.uk-alert h6 {
5926 color: inherit;
5927}
5928/* Close in alert
5929 ========================================================================== */
5930.uk-alert > .uk-close:first-child {
5931 float: right;
5932}
5933/*
5934 * Remove margin from adjacent element
5935 */
5936.uk-alert > .uk-close:first-child + * {
5937 margin-top: 0;
5938}
5939/* Modifier: `uk-alert-success`
5940 ========================================================================== */
5941.uk-alert-success {
5942 background: #f2fae3;
5943 color: #659f13;
5944}
5945/* Modifier: `uk-alert-warning`
5946 ========================================================================== */
5947.uk-alert-warning {
5948 background: #fffceb;
5949 color: #e28327;
5950}
5951/* Modifier: `uk-alert-danger`
5952 ========================================================================== */
5953.uk-alert-danger {
5954 background: #fff1f0;
5955 color: #d85030;
5956}
5957/* Modifier: `uk-alert-large`
5958 ========================================================================== */
5959.uk-alert-large {
5960 padding: 20px;
5961}
5962.uk-alert-large > .uk-close:first-child {
5963 margin: -10px -10px 0 0;
5964}
5965/* ========================================================================
5966 Component: Thumbnail
5967 ========================================================================== */
5968/*
5969 * 1. Container width fits its content
5970 * 2. Responsive behavior
5971 * 3. Corrects `max-width` behavior sed
5972 * 4. Required for `figure` element
5973 * 5. Style
5974 */
5975.uk-thumbnail {
5976 /* 1 */
5977 display: inline-block;
5978 /* 2 */
5979 max-width: 100%;
5980 /* 3 */
5981 box-sizing: border-box;
5982 /* 3 */
5983 margin: 0;
5984 /* 4 */
5985 padding: 4px;
5986 border: 1px solid #ddd;
5987 background: #fff;
5988}
5989/*
5990 * Hover state for `a` elements
5991 * 1. Apply hover style also to focus state
5992 * 2. Needed for caption
5993 * 3. Remove default focus style
5994 */
5995a.uk-thumbnail:hover,
5996a.uk-thumbnail:focus {
5997 border-color: #aaaaaa;
5998 background-color: #fff;
5999 /* 2 */
6000 text-decoration: none;
6001 /* 3 */
6002 outline: none;
6003}
6004/* Caption
6005 ========================================================================== */
6006.uk-thumbnail-caption {
6007 padding-top: 4px;
6008 text-align: center;
6009 color: #444;
6010}
6011/* Sizes
6012 ========================================================================== */
6013.uk-thumbnail-mini {
6014 width: 150px;
6015}
6016.uk-thumbnail-small {
6017 width: 200px;
6018}
6019.uk-thumbnail-medium {
6020 width: 300px;
6021}
6022.uk-thumbnail-large {
6023 width: 400px;
6024}
6025.uk-thumbnail-expand,
6026.uk-thumbnail-expand > img {
6027 width: 100%;
6028}
6029/* ========================================================================
6030 Component: Overlay
6031 ========================================================================== */
6032/*
6033 * 1. Container width fits its content
6034 * 2. Create position context
6035 * 3. Set max-width for responsive images to prevent `inline-block` consequences
6036 * 4. Remove the gap between the container and its child element
6037 * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome
6038 * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
6039 * 7. Reset margin
6040 */
6041.uk-overlay {
6042 /* 1 */
6043 display: inline-block;
6044 /* 2 */
6045 position: relative;
6046 /* 3 */
6047 max-width: 100%;
6048 /* 4 */
6049 vertical-align: middle;
6050 /* 5 */
6051 overflow: hidden;
6052 /* 6 */
6053 -webkit-transform: translateZ(0);
6054 /* 7 */
6055 margin: 0;
6056}
6057/* 6 for Safari */
6058.uk-overlay.uk-border-circle {
6059 -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
6060}
6061/*
6062 * Remove margin from content
6063 */
6064.uk-overlay > :first-child {
6065 margin-bottom: 0;
6066}
6067/* Sub-object `uk-overlay-panel`
6068 ========================================================================== */
6069/*
6070 * 1. Position cover
6071 * 2. Style
6072 */
6073.uk-overlay-panel {
6074 /* 1 */
6075 position: absolute;
6076 top: 0;
6077 bottom: 0;
6078 left: 0;
6079 right: 0;
6080 /* 2 */
6081 padding: 20px;
6082 color: #fff;
6083}
6084/*
6085 * Remove margin from the last-child
6086 */
6087.uk-overlay-panel > :last-child,
6088.uk-overlay-panel.uk-flex > * > :last-child {
6089 margin-bottom: 0;
6090}
6091/*
6092 * Keep color for headings if the default heading color is changed
6093 */
6094.uk-overlay-panel h1,
6095.uk-overlay-panel h2,
6096.uk-overlay-panel h3,
6097.uk-overlay-panel h4,
6098.uk-overlay-panel h5,
6099.uk-overlay-panel h6 {
6100 color: inherit;
6101}
6102.uk-overlay-panel a:not([class]) {
6103 color: inherit;
6104 text-decoration: underline;
6105}
6106.uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) {
6107 color: inherit;
6108}
6109/* Sub-object `uk-overlay-hover` and `uk-overlay-active`
6110 ========================================================================== */
6111.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
6112 opacity: 0;
6113}
6114.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) {
6115 opacity: 0;
6116}
6117/* Modifier `uk-overlay-background`
6118 ========================================================================== */
6119.uk-overlay-background {
6120 background: rgba(0, 0, 0, 0.5);
6121}
6122/* Modifier `uk-overlay-image`
6123 ========================================================================== */
6124/*
6125 * Reset panel
6126 */
6127.uk-overlay-image {
6128 padding: 0;
6129}
6130/* Position modifiers
6131 ========================================================================== */
6132.uk-overlay-top {
6133 bottom: auto;
6134}
6135.uk-overlay-bottom {
6136 top: auto;
6137}
6138.uk-overlay-left {
6139 right: auto;
6140}
6141.uk-overlay-right {
6142 left: auto;
6143}
6144/* Sub-object `uk-overlay-icon`
6145 ========================================================================== */
6146.uk-overlay-icon:before {
6147 content: "\f002";
6148 position: absolute;
6149 top: 50%;
6150 left: 50%;
6151 width: 50px;
6152 height: 50px;
6153 margin-top: -25px;
6154 margin-left: -25px;
6155 font-size: 50px;
6156 line-height: 1;
6157 font-family: FontAwesome;
6158 text-align: center;
6159 color: #fff;
6160}
6161/* Transitions
6162 ========================================================================== */
6163.uk-overlay-fade,
6164.uk-overlay-scale,
6165.uk-overlay-spin,
6166.uk-overlay-grayscale,
6167.uk-overlay-blur,
6168[class*='uk-overlay-slide'] {
6169 transition-duration: 0.3s;
6170 transition-timing-function: ease-out;
6171 transition-property: opacity, transform, filter;
6172}
6173.uk-overlay-active .uk-overlay-fade,
6174.uk-overlay-active .uk-overlay-scale,
6175.uk-overlay-active .uk-overlay-spin,
6176.uk-overlay-active [class*='uk-overlay-slide'] {
6177 transition-duration: 0.8s;
6178}
6179/*
6180 * Fade
6181 */
6182.uk-overlay-fade {
6183 opacity: 0.7;
6184}
6185.uk-overlay-hover:hover .uk-overlay-fade,
6186.uk-overlay-hover.uk-hover .uk-overlay-fade,
6187.uk-overlay-active .uk-active > .uk-overlay-fade {
6188 opacity: 1;
6189}
6190/*
6191 * Scale
6192 */
6193.uk-overlay-scale {
6194 -webkit-transform: scale(1);
6195 transform: scale(1);
6196}
6197.uk-overlay-hover:hover .uk-overlay-scale,
6198.uk-overlay-hover.uk-hover .uk-overlay-scale,
6199.uk-overlay-active .uk-active > .uk-overlay-scale {
6200 -webkit-transform: scale(1.1);
6201 transform: scale(1.1);
6202}
6203/*
6204 * Spin
6205 */
6206.uk-overlay-spin {
6207 -webkit-transform: scale(1) rotate(0deg);
6208 transform: scale(1) rotate(0deg);
6209}
6210.uk-overlay-hover:hover .uk-overlay-spin,
6211.uk-overlay-hover.uk-hover .uk-overlay-spin,
6212.uk-overlay-active .uk-active > .uk-overlay-spin {
6213 -webkit-transform: scale(1.1) rotate(3deg);
6214 transform: scale(1.1) rotate(3deg);
6215}
6216/*
6217 * Grayscale
6218 */
6219.uk-overlay-grayscale {
6220 -webkit-filter: grayscale(100%);
6221 filter: grayscale(100%);
6222}
6223.uk-overlay-hover:hover .uk-overlay-grayscale,
6224.uk-overlay-hover.uk-hover .uk-overlay-grayscale,
6225.uk-overlay-active .uk-active > .uk-overlay-grayscale {
6226 -webkit-filter: grayscale(0%);
6227 filter: grayscale(0%);
6228}
6229/*
6230 * Slide
6231 */
6232[class*='uk-overlay-slide'] {
6233 opacity: 0;
6234}
6235/* Top */
6236.uk-overlay-slide-top {
6237 -webkit-transform: translateY(-100%);
6238 transform: translateY(-100%);
6239}
6240/* Bottom */
6241.uk-overlay-slide-bottom {
6242 -webkit-transform: translateY(100%);
6243 transform: translateY(100%);
6244}
6245/* Left */
6246.uk-overlay-slide-left {
6247 -webkit-transform: translateX(-100%);
6248 transform: translateX(-100%);
6249}
6250/* Right */
6251.uk-overlay-slide-right {
6252 -webkit-transform: translateX(100%);
6253 transform: translateX(100%);
6254}
6255/* Hover */
6256.uk-overlay-hover:hover [class*='uk-overlay-slide'],
6257.uk-overlay-hover.uk-hover [class*='uk-overlay-slide'],
6258.uk-overlay-active .uk-active > [class*='uk-overlay-slide'] {
6259 opacity: 1;
6260 -webkit-transform: translateX(0) translateY(0);
6261 transform: translateX(0) translateY(0);
6262}
6263/* DEPRECATED
6264 * Sub-object `uk-overlay-area`
6265 ========================================================================== */
6266/*
6267 * 1. Set position
6268 * 2. Set style
6269 * 3. Fade-in transition
6270 */
6271.uk-overlay-area {
6272 /* 1 */
6273 position: absolute;
6274 top: 0;
6275 bottom: 0;
6276 left: 0;
6277 right: 0;
6278 /* 2 */
6279 background: rgba(0, 0, 0, 0.3);
6280 /* 3 */
6281 opacity: 0;
6282 -webkit-transition: opacity 0.15s linear;
6283 transition: opacity 0.15s linear;
6284 -webkit-transform: translate3d(0, 0, 0);
6285}
6286/*
6287 * Hover
6288 * 1. `uk-hover` to support touch devices
6289 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
6290 */
6291.uk-overlay:hover .uk-overlay-area,
6292.uk-overlay.uk-hover .uk-overlay-area,
6293.uk-overlay-toggle:hover .uk-overlay-area,
6294.uk-overlay-toggle.uk-hover .uk-overlay-area {
6295 opacity: 1;
6296}
6297/*
6298 * Icon
6299 */
6300.uk-overlay-area:empty:before {
6301 content: "\f002";
6302 position: absolute;
6303 top: 50%;
6304 left: 50%;
6305 width: 50px;
6306 height: 50px;
6307 margin-top: -25px;
6308 margin-left: -25px;
6309 font-size: 50px;
6310 line-height: 1;
6311 font-family: FontAwesome;
6312 text-align: center;
6313 color: #fff;
6314}
6315/* DEPRECATED
6316 * Sub-object `uk-overlay-area-content`
6317 ========================================================================== */
6318/*
6319 * Remove whitespace between child elements when using `inline-block`
6320 * Needed for Firefox
6321 */
6322.uk-overlay-area:not(:empty) {
6323 font-size: 0.001px;
6324}
6325/*
6326 * 1. Needed for vertical alignment
6327 */
6328.uk-overlay-area:not(:empty):before {
6329 content: '';
6330 display: inline-block;
6331 height: 100%;
6332 vertical-align: middle;
6333}
6334/*
6335 * 1. Set vertical alignment
6336 * 2. Reset whitespace hack
6337 * 3. Set horizontal alignment
6338 * 4. Set style
6339 */
6340.uk-overlay-area-content {
6341 /* 1 */
6342 display: inline-block;
6343 box-sizing: border-box;
6344 width: 100%;
6345 vertical-align: middle;
6346 /* 2 */
6347 font-size: 1rem;
6348 /* 3 */
6349 text-align: center;
6350 /* 4 */
6351 padding: 0 15px;
6352 color: #fff;
6353}
6354/*
6355 * Remove margin from the last-child
6356 */
6357.uk-overlay-area-content > :last-child {
6358 margin-bottom: 0;
6359}
6360/*
6361 * Links in overlay area
6362 */
6363.uk-overlay-area-content a:not([class]),
6364.uk-overlay-area-content a:not([class]):hover {
6365 color: inherit;
6366}
6367/* DEPRECATED
6368 * Sub-object `uk-overlay-caption`
6369 ========================================================================== */
6370/*
6371 * 1. Set position
6372 * 2. Set style
6373 * 3. Fade-in transition
6374 */
6375.uk-overlay-caption {
6376 /* 1 */
6377 position: absolute;
6378 bottom: 0;
6379 left: 0;
6380 right: 0;
6381 /* 2 */
6382 padding: 15px;
6383 background: rgba(0, 0, 0, 0.5);
6384 color: #fff;
6385 /* 3 */
6386 opacity: 0;
6387 -webkit-transition: opacity 0.15s linear;
6388 transition: opacity 0.15s linear;
6389 -webkit-transform: translate3d(0, 0, 0);
6390}
6391/*
6392 * Hover
6393 * 1. `uk-hover` to support touch devices
6394 * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
6395 */
6396.uk-overlay:hover .uk-overlay-caption,
6397.uk-overlay.uk-hover .uk-overlay-caption,
6398.uk-overlay-toggle:hover .uk-overlay-caption,
6399.uk-overlay-toggle.uk-hover .uk-overlay-caption {
6400 opacity: 1;
6401}
6402/* ========================================================================
6403 Component: Column
6404 ========================================================================== */
6405[class*='uk-column-'] {
6406 -webkit-column-gap: 25px;
6407 -moz-column-gap: 25px;
6408 column-gap: 25px;
6409}
6410/* Width modifiers
6411 ========================================================================== */
6412.uk-column-1-2 {
6413 -webkit-column-count: 2;
6414 -moz-column-count: 2;
6415 column-count: 2;
6416}
6417.uk-column-1-3 {
6418 -webkit-column-count: 3;
6419 -moz-column-count: 3;
6420 column-count: 3;
6421}
6422.uk-column-1-4 {
6423 -webkit-column-count: 4;
6424 -moz-column-count: 4;
6425 column-count: 4;
6426}
6427.uk-column-1-5 {
6428 -webkit-column-count: 5;
6429 -moz-column-count: 5;
6430 column-count: 5;
6431}
6432.uk-column-1-6 {
6433 -webkit-column-count: 6;
6434 -moz-column-count: 6;
6435 column-count: 6;
6436}
6437/* Phone landscape and bigger */
6438@media (min-width: 480px) {
6439 .uk-column-small-1-2 {
6440 -webkit-column-count: 2;
6441 -moz-column-count: 2;
6442 column-count: 2;
6443 }
6444 .uk-column-small-1-3 {
6445 -webkit-column-count: 3;
6446 -moz-column-count: 3;
6447 column-count: 3;
6448 }
6449 .uk-column-small-1-4 {
6450 -webkit-column-count: 4;
6451 -moz-column-count: 4;
6452 column-count: 4;
6453 }
6454 .uk-column-small-1-5 {
6455 -webkit-column-count: 5;
6456 -moz-column-count: 5;
6457 column-count: 5;
6458 }
6459 .uk-column-small-1-6 {
6460 -webkit-column-count: 6;
6461 -moz-column-count: 6;
6462 column-count: 6;
6463 }
6464}
6465/* Tablet and bigger */
6466@media (min-width: 768px) {
6467 .uk-column-medium-1-2 {
6468 -webkit-column-count: 2;
6469 -moz-column-count: 2;
6470 column-count: 2;
6471 }
6472 .uk-column-medium-1-3 {
6473 -webkit-column-count: 3;
6474 -moz-column-count: 3;
6475 column-count: 3;
6476 }
6477 .uk-column-medium-1-4 {
6478 -webkit-column-count: 4;
6479 -moz-column-count: 4;
6480 column-count: 4;
6481 }
6482 .uk-column-medium-1-5 {
6483 -webkit-column-count: 5;
6484 -moz-column-count: 5;
6485 column-count: 5;
6486 }
6487 .uk-column-medium-1-6 {
6488 -webkit-column-count: 6;
6489 -moz-column-count: 6;
6490 column-count: 6;
6491 }
6492}
6493/* Desktop and bigger */
6494@media (min-width: 960px) {
6495 .uk-column-large-1-2 {
6496 -webkit-column-count: 2;
6497 -moz-column-count: 2;
6498 column-count: 2;
6499 }
6500 .uk-column-large-1-3 {
6501 -webkit-column-count: 3;
6502 -moz-column-count: 3;
6503 column-count: 3;
6504 }
6505 .uk-column-large-1-4 {
6506 -webkit-column-count: 4;
6507 -moz-column-count: 4;
6508 column-count: 4;
6509 }
6510 .uk-column-large-1-5 {
6511 -webkit-column-count: 5;
6512 -moz-column-count: 5;
6513 column-count: 5;
6514 }
6515 .uk-column-large-1-6 {
6516 -webkit-column-count: 6;
6517 -moz-column-count: 6;
6518 column-count: 6;
6519 }
6520}
6521/* Large screen and bigger */
6522@media (min-width: 1220px) {
6523 .uk-column-xlarge-1-2 {
6524 -webkit-column-count: 2;
6525 -moz-column-count: 2;
6526 column-count: 2;
6527 }
6528 .uk-column-xlarge-1-3 {
6529 -webkit-column-count: 3;
6530 -moz-column-count: 3;
6531 column-count: 3;
6532 }
6533 .uk-column-xlarge-1-4 {
6534 -webkit-column-count: 4;
6535 -moz-column-count: 4;
6536 column-count: 4;
6537 }
6538 .uk-column-xlarge-1-5 {
6539 -webkit-column-count: 5;
6540 -moz-column-count: 5;
6541 column-count: 5;
6542 }
6543 .uk-column-xlarge-1-6 {
6544 -webkit-column-count: 6;
6545 -moz-column-count: 6;
6546 column-count: 6;
6547 }
6548}
6549/* ========================================================================
6550 Component: Animation
6551 ========================================================================== */
6552[class*='uk-animation-'] {
6553 -webkit-animation-duration: 0.5s;
6554 animation-duration: 0.5s;
6555 -webkit-animation-timing-function: ease-out;
6556 animation-timing-function: ease-out;
6557 -webkit-animation-fill-mode: both;
6558 animation-fill-mode: both;
6559}
6560/* Hide animated element if scrollspy is used */
6561@media screen {
6562 [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) {
6563 opacity: 0;
6564 }
6565}
6566/*
6567 * Fade
6568 * Higher specificity (!important) needed because of reverse modifier
6569 */
6570.uk-animation-fade {
6571 -webkit-animation-name: uk-fade;
6572 animation-name: uk-fade;
6573 -webkit-animation-duration: 0.8s;
6574 animation-duration: 0.8s;
6575 -webkit-animation-timing-function: linear !important;
6576 animation-timing-function: linear !important;
6577}
6578/*
6579 * Fade with scale
6580 */
6581.uk-animation-scale-up {
6582 -webkit-animation-name: uk-fade-scale-02;
6583 animation-name: uk-fade-scale-02;
6584}
6585.uk-animation-scale-down {
6586 -webkit-animation-name: uk-fade-scale-18;
6587 animation-name: uk-fade-scale-18;
6588}
6589/*
6590 * Fade with slide
6591 */
6592.uk-animation-slide-top {
6593 -webkit-animation-name: uk-fade-top;
6594 animation-name: uk-fade-top;
6595}
6596.uk-animation-slide-bottom {
6597 -webkit-animation-name: uk-fade-bottom;
6598 animation-name: uk-fade-bottom;
6599}
6600.uk-animation-slide-left {
6601 -webkit-animation-name: uk-fade-left;
6602 animation-name: uk-fade-left;
6603}
6604.uk-animation-slide-right {
6605 -webkit-animation-name: uk-fade-right;
6606 animation-name: uk-fade-right;
6607}
6608/*
6609 * Scale
6610 */
6611.uk-animation-scale {
6612 -webkit-animation-name: uk-scale-12;
6613 animation-name: uk-scale-12;
6614}
6615/*
6616 * Shake
6617 */
6618.uk-animation-shake {
6619 -webkit-animation-name: uk-shake;
6620 animation-name: uk-shake;
6621}
6622/* Direction modifiers
6623 ========================================================================== */
6624.uk-animation-reverse {
6625 -webkit-animation-direction: reverse;
6626 animation-direction: reverse;
6627 -webkit-animation-timing-function: ease-in;
6628 animation-timing-function: ease-in;
6629}
6630/* Duration modifiers
6631========================================================================== */
6632.uk-animation-15 {
6633 -webkit-animation-duration: 15s;
6634 animation-duration: 15s;
6635}
6636/* Origin modifiers
6637========================================================================== */
6638.uk-animation-top-left {
6639 -webkit-transform-origin: 0 0;
6640 transform-origin: 0 0;
6641}
6642.uk-animation-top-center {
6643 -webkit-transform-origin: 50% 0;
6644 transform-origin: 50% 0;
6645}
6646.uk-animation-top-right {
6647 -webkit-transform-origin: 100% 0;
6648 transform-origin: 100% 0;
6649}
6650.uk-animation-middle-left {
6651 -webkit-transform-origin: 0 50%;
6652 transform-origin: 0 50%;
6653}
6654.uk-animation-middle-right {
6655 -webkit-transform-origin: 100% 50%;
6656 transform-origin: 100% 50%;
6657}
6658.uk-animation-bottom-left {
6659 -webkit-transform-origin: 0 100%;
6660 transform-origin: 0 100%;
6661}
6662.uk-animation-bottom-center {
6663 -webkit-transform-origin: 50% 100%;
6664 transform-origin: 50% 100%;
6665}
6666.uk-animation-bottom-right {
6667 -webkit-transform-origin: 100% 100%;
6668 transform-origin: 100% 100%;
6669}
6670/* Sub-object: `uk-animation-hover`
6671========================================================================== */
6672/*
6673 * Enable animation only on hover
6674 * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block`
6675 */
6676.uk-animation-hover:not(:hover),
6677.uk-animation-hover:not(:hover) [class*='uk-animation-'],
6678.uk-touch .uk-animation-hover:not(.uk-hover),
6679.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] {
6680 -webkit-animation-name: none;
6681 animation-name: none;
6682}
6683/* Keyframes: Fade
6684 * Used by dropdown, datepicker and slideshow component
6685 ========================================================================== */
6686@-webkit-keyframes uk-fade {
6687 0% {
6688 opacity: 0;
6689 }
6690 100% {
6691 opacity: 1;
6692 }
6693}
6694@keyframes uk-fade {
6695 0% {
6696 opacity: 0;
6697 }
6698 100% {
6699 opacity: 1;
6700 }
6701}
6702/* Keyframes: Fade with slide
6703 ========================================================================== */
6704/*
6705 * Top
6706 */
6707@-webkit-keyframes uk-fade-top {
6708 0% {
6709 opacity: 0;
6710 -webkit-transform: translateY(-100%);
6711 }
6712 100% {
6713 opacity: 1;
6714 -webkit-transform: translateY(0);
6715 }
6716}
6717@keyframes uk-fade-top {
6718 0% {
6719 opacity: 0;
6720 transform: translateY(-100%);
6721 }
6722 100% {
6723 opacity: 1;
6724 transform: translateY(0);
6725 }
6726}
6727/*
6728 * Bottom
6729 */
6730@-webkit-keyframes uk-fade-bottom {
6731 0% {
6732 opacity: 0;
6733 -webkit-transform: translateY(100%);
6734 }
6735 100% {
6736 opacity: 1;
6737 -webkit-transform: translateY(0);
6738 }
6739}
6740@keyframes uk-fade-bottom {
6741 0% {
6742 opacity: 0;
6743 transform: translateY(100%);
6744 }
6745 100% {
6746 opacity: 1;
6747 transform: translateY(0);
6748 }
6749}
6750/*
6751 * Left
6752 */
6753@-webkit-keyframes uk-fade-left {
6754 0% {
6755 opacity: 0;
6756 -webkit-transform: translateX(-100%);
6757 }
6758 100% {
6759 opacity: 1;
6760 -webkit-transform: translateX(0);
6761 }
6762}
6763@keyframes uk-fade-left {
6764 0% {
6765 opacity: 0;
6766 transform: translateX(-100%);
6767 }
6768 100% {
6769 opacity: 1;
6770 transform: translateX(0);
6771 }
6772}
6773/*
6774 * Right
6775 */
6776@-webkit-keyframes uk-fade-right {
6777 0% {
6778 opacity: 0;
6779 -webkit-transform: translateX(100%);
6780 }
6781 100% {
6782 opacity: 1;
6783 -webkit-transform: translateX(0);
6784 }
6785}
6786@keyframes uk-fade-right {
6787 0% {
6788 opacity: 0;
6789 transform: translateX(100%);
6790 }
6791 100% {
6792 opacity: 1;
6793 transform: translateX(0);
6794 }
6795}
6796/* Keyframes: Fade with scale
6797 ========================================================================== */
6798/*
6799 * Scale by 0.2
6800 */
6801@-webkit-keyframes uk-fade-scale-02 {
6802 0% {
6803 opacity: 0;
6804 -webkit-transform: scale(0.2);
6805 }
6806 100% {
6807 opacity: 1;
6808 -webkit-transform: scale(1);
6809 }
6810}
6811@keyframes uk-fade-scale-02 {
6812 0% {
6813 opacity: 0;
6814 transform: scale(0.2);
6815 }
6816 100% {
6817 opacity: 1;
6818 transform: scale(1);
6819 }
6820}
6821/*
6822 * Scale by 1.5
6823 * Used by slideshow component
6824 */
6825@-webkit-keyframes uk-fade-scale-15 {
6826 0% {
6827 opacity: 0;
6828 -webkit-transform: scale(1.5);
6829 }
6830 100% {
6831 opacity: 1;
6832 -webkit-transform: scale(1);
6833 }
6834}
6835@keyframes uk-fade-scale-15 {
6836 0% {
6837 opacity: 0;
6838 transform: scale(1.5);
6839 }
6840 100% {
6841 opacity: 1;
6842 transform: scale(1);
6843 }
6844}
6845/*
6846 * Scale by 1.8
6847 */
6848@-webkit-keyframes uk-fade-scale-18 {
6849 0% {
6850 opacity: 0;
6851 -webkit-transform: scale(1.8);
6852 }
6853 100% {
6854 opacity: 1;
6855 -webkit-transform: scale(1);
6856 }
6857}
6858@keyframes uk-fade-scale-18 {
6859 0% {
6860 opacity: 0;
6861 transform: scale(1.8);
6862 }
6863 100% {
6864 opacity: 1;
6865 transform: scale(1);
6866 }
6867}
6868/* Keyframes: Slide
6869 * Used by slideshow component
6870 ========================================================================== */
6871/*
6872 * Left
6873 */
6874@-webkit-keyframes uk-slide-left {
6875 0% {
6876 -webkit-transform: translateX(-100%);
6877 }
6878 100% {
6879 -webkit-transform: translateX(0);
6880 }
6881}
6882@keyframes uk-slide-left {
6883 0% {
6884 transform: translateX(-100%);
6885 }
6886 100% {
6887 transform: translateX(0);
6888 }
6889}
6890/*
6891 * Right
6892 */
6893@-webkit-keyframes uk-slide-right {
6894 0% {
6895 -webkit-transform: translateX(100%);
6896 }
6897 100% {
6898 -webkit-transform: translateX(0);
6899 }
6900}
6901@keyframes uk-slide-right {
6902 0% {
6903 transform: translateX(100%);
6904 }
6905 100% {
6906 transform: translateX(0);
6907 }
6908}
6909/*
6910 * Left third
6911 */
6912@-webkit-keyframes uk-slide-left-33 {
6913 0% {
6914 -webkit-transform: translateX(33%);
6915 }
6916 100% {
6917 -webkit-transform: translateX(0);
6918 }
6919}
6920@keyframes uk-slide-left-33 {
6921 0% {
6922 transform: translateX(33%);
6923 }
6924 100% {
6925 transform: translateX(0);
6926 }
6927}
6928/*
6929 * Right third
6930 */
6931@-webkit-keyframes uk-slide-right-33 {
6932 0% {
6933 -webkit-transform: translateX(-33%);
6934 }
6935 100% {
6936 -webkit-transform: translateX(0);
6937 }
6938}
6939@keyframes uk-slide-right-33 {
6940 0% {
6941 transform: translateX(-33%);
6942 }
6943 100% {
6944 transform: translateX(0);
6945 }
6946}
6947/* Keyframes: Scale
6948 ========================================================================== */
6949@-webkit-keyframes uk-scale-12 {
6950 0% {
6951 -webkit-transform: scale(1.2);
6952 }
6953 100% {
6954 -webkit-transform: scale(1);
6955 }
6956}
6957@keyframes uk-scale-12 {
6958 0% {
6959 transform: scale(1.2);
6960 }
6961 100% {
6962 transform: scale(1);
6963 }
6964}
6965/* Keyframes: Rotate
6966 * Used by icon component
6967 ========================================================================== */
6968@-webkit-keyframes uk-rotate {
6969 0% {
6970 -webkit-transform: rotate(0deg);
6971 }
6972 100% {
6973 -webkit-transform: rotate(359deg);
6974 }
6975}
6976@keyframes uk-rotate {
6977 0% {
6978 transform: rotate(0deg);
6979 }
6980 100% {
6981 transform: rotate(359deg);
6982 }
6983}
6984/* Keyframes: Shake
6985 ========================================================================== */
6986@-webkit-keyframes uk-shake {
6987 0%,
6988 100% {
6989 -webkit-transform: translateX(0);
6990 }
6991 10% {
6992 -webkit-transform: translateX(-9px);
6993 }
6994 20% {
6995 -webkit-transform: translateX(8px);
6996 }
6997 30% {
6998 -webkit-transform: translateX(-7px);
6999 }
7000 40% {
7001 -webkit-transform: translateX(6px);
7002 }
7003 50% {
7004 -webkit-transform: translateX(-5px);
7005 }
7006 60% {
7007 -webkit-transform: translateX(4px);
7008 }
7009 70% {
7010 -webkit-transform: translateX(-3px);
7011 }
7012 80% {
7013 -webkit-transform: translateX(2px);
7014 }
7015 90% {
7016 -webkit-transform: translateX(-1px);
7017 }
7018}
7019@keyframes uk-shake {
7020 0%,
7021 100% {
7022 transform: translateX(0);
7023 }
7024 10% {
7025 transform: translateX(-9px);
7026 }
7027 20% {
7028 transform: translateX(8px);
7029 }
7030 30% {
7031 transform: translateX(-7px);
7032 }
7033 40% {
7034 transform: translateX(6px);
7035 }
7036 50% {
7037 transform: translateX(-5px);
7038 }
7039 60% {
7040 transform: translateX(4px);
7041 }
7042 70% {
7043 transform: translateX(-3px);
7044 }
7045 80% {
7046 transform: translateX(2px);
7047 }
7048 90% {
7049 transform: translateX(-1px);
7050 }
7051}
7052/* Keyframes: Fade with slide fixed
7053 * Used by dropdown and search component
7054 ========================================================================== */
7055/*
7056 * Top fixed
7057 */
7058@-webkit-keyframes uk-slide-top-fixed {
7059 0% {
7060 opacity: 0;
7061 -webkit-transform: translateY(-10px);
7062 }
7063 100% {
7064 opacity: 1;
7065 -webkit-transform: translateY(0);
7066 }
7067}
7068@keyframes uk-slide-top-fixed {
7069 0% {
7070 opacity: 0;
7071 transform: translateY(-10px);
7072 }
7073 100% {
7074 opacity: 1;
7075 transform: translateY(0);
7076 }
7077}
7078/*
7079 * Bottom fixed
7080 */
7081@-webkit-keyframes uk-slide-bottom-fixed {
7082 0% {
7083 opacity: 0;
7084 -webkit-transform: translateY(10px);
7085 }
7086 100% {
7087 opacity: 1;
7088 -webkit-transform: translateY(0);
7089 }
7090}
7091@keyframes uk-slide-bottom-fixed {
7092 0% {
7093 opacity: 0;
7094 transform: translateY(10px);
7095 }
7096 100% {
7097 opacity: 1;
7098 transform: translateY(0);
7099 }
7100}
7101/* ========================================================================
7102 Component: Dropdown
7103 ========================================================================== */
7104/*
7105 * 1. Hide by default
7106 * 2. Set position
7107 * 3. Box-sizing is needed for `uk-dropdown-justify`
7108 * 4. Set width
7109 */
7110.uk-dropdown,
7111.uk-dropdown-blank {
7112 /* 1 */
7113 display: none;
7114 /* 2 */
7115 position: absolute;
7116 z-index: 1020;
7117 /* 3 */
7118 box-sizing: border-box;
7119 /* 4 */
7120 width: 200px;
7121}
7122/*
7123 * Dropdown style
7124 * 1. Reset button group whitespace hack
7125 */
7126.uk-dropdown {
7127 padding: 15px;
7128 background: #f5f5f5;
7129 color: #444;
7130 /* 1 */
7131 font-size: 1rem;
7132 vertical-align: top;
7133}
7134/*
7135 * 1. Show dropdown
7136 * 2. Set animation
7137 * 3. Needed for scale animation
7138 */
7139.uk-open > .uk-dropdown,
7140.uk-open > .uk-dropdown-blank {
7141 /* 1 */
7142 display: block;
7143 /* 2 */
7144 -webkit-animation: uk-fade 0.2s ease-in-out;
7145 animation: uk-fade 0.2s ease-in-out;
7146 /* 3 */
7147 -webkit-transform-origin: 0 0;
7148 transform-origin: 0 0;
7149}
7150/* Alignment modifiers
7151 ========================================================================== */
7152/*
7153 * Modifier
7154 */
7155.uk-dropdown-top {
7156 margin-top: -5px;
7157}
7158.uk-dropdown-bottom {
7159 margin-top: 5px;
7160}
7161.uk-dropdown-left {
7162 margin-left: -5px;
7163}
7164.uk-dropdown-right {
7165 margin-left: 5px;
7166}
7167/* Nav in dropdown
7168 ========================================================================== */
7169.uk-dropdown .uk-nav {
7170 margin: 0 -15px;
7171}
7172/* Grid and panel in dropdown
7173 ========================================================================== */
7174/*
7175* Vertical gutter
7176*/
7177/*
7178 * Grid
7179 * Higher specificity to override large gutter
7180 */
7181.uk-grid .uk-dropdown-grid + .uk-dropdown-grid {
7182 margin-top: 15px;
7183}
7184/* Panels */
7185.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel {
7186 margin-top: 15px;
7187}
7188/* Tablet and bigger */
7189@media (min-width: 768px) {
7190 /*
7191 * Horizontal gutter
7192 */
7193 .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {
7194 margin-left: -15px;
7195 margin-right: -15px;
7196 }
7197 .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] {
7198 padding-left: 15px;
7199 padding-right: 15px;
7200 }
7201 /*
7202 * Column divider
7203 */
7204 .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
7205 border-left: 1px solid #ddd;
7206 }
7207 /*
7208 * Width multiplier for dropdown columns
7209 */
7210 .uk-dropdown-width-2:not(.uk-dropdown-stack) {
7211 width: 400px;
7212 }
7213 .uk-dropdown-width-3:not(.uk-dropdown-stack) {
7214 width: 600px;
7215 }
7216 .uk-dropdown-width-4:not(.uk-dropdown-stack) {
7217 width: 800px;
7218 }
7219 .uk-dropdown-width-5:not(.uk-dropdown-stack) {
7220 width: 1000px;
7221 }
7222}
7223/* Phone landscape and smaller */
7224@media (max-width: 767px) {
7225 /*
7226 * Stack columns and take full width
7227 */
7228 .uk-dropdown-grid > [class*='uk-width-'] {
7229 width: 100%;
7230 }
7231 /*
7232 * Vertical gutter
7233 */
7234 .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
7235 margin-top: 15px;
7236 }
7237}
7238/*
7239* Stack grid columns
7240*/
7241.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] {
7242 width: 100%;
7243}
7244.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
7245 margin-top: 15px;
7246}
7247/* Modifier `uk-dropdown-small`
7248 ========================================================================== */
7249/*
7250 * Set min-width and text expands dropdown if needed
7251 */
7252.uk-dropdown-small {
7253 min-width: 150px;
7254 width: auto;
7255 padding: 5px;
7256 white-space: nowrap;
7257}
7258/*
7259 * Nav in dropdown
7260 */
7261.uk-dropdown-small .uk-nav {
7262 margin: 0 -5px;
7263}
7264/* Modifier: `uk-dropdown-navbar`
7265 ========================================================================== */
7266.uk-dropdown-navbar {
7267 margin-top: 0;
7268 background: #f5f5f5;
7269 color: #444;
7270}
7271.uk-open > .uk-dropdown-navbar {
7272 -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
7273 animation: uk-slide-top-fixed 0.2s ease-in-out;
7274}
7275/* Modifier `uk-dropdown-scrollable`
7276 ========================================================================== */
7277/*
7278 * Usefull for long lists
7279 */
7280.uk-dropdown-scrollable {
7281 overflow-y: auto;
7282 max-height: 200px;
7283}
7284/* Sub-object: `uk-dropdown-overlay`
7285 ========================================================================== */
7286/* ========================================================================
7287 Component: Modal
7288 ========================================================================== */
7289/*
7290 * This is the modal overlay and modal dialog container
7291 * 1. Hide by default
7292 * 2. Set fixed position
7293 * 3. Allow scrolling for the modal dialog
7294 * 4. Mask the background page
7295 * 5. Fade-in transition
7296 * 6. Deactivate browser history navigation in IE11
7297 * 7. force hardware acceleration to prevent browser rendering hiccups
7298 */
7299.uk-modal {
7300 /* 1 */
7301 display: none;
7302 /* 2 */
7303 position: fixed;
7304 top: 0;
7305 right: 0;
7306 bottom: 0;
7307 left: 0;
7308 z-index: 1010;
7309 /* 3 */
7310 overflow-y: auto;
7311 -webkit-overflow-scrolling: touch;
7312 /* 4 */
7313 background: rgba(0, 0, 0, 0.6);
7314 /* 5 */
7315 opacity: 0;
7316 -webkit-transition: opacity 0.15s linear;
7317 transition: opacity 0.15s linear;
7318 /* 6 */
7319 touch-action: cross-slide-y pinch-zoom double-tap-zoom;
7320 /* 7 */
7321 -webkit-transform: translateZ(0);
7322 transform: translateZ(0);
7323}
7324/*
7325 * Open state
7326 */
7327.uk-modal.uk-open {
7328 opacity: 1;
7329}
7330/*
7331 * Prevents duplicated scrollbar caused by 4.
7332 */
7333.uk-modal-page,
7334.uk-modal-page body {
7335 overflow: hidden;
7336}
7337/* Sub-object: `uk-modal-dialog`
7338 ========================================================================== */
7339/*
7340 * 1. Create position context for caption, spinner and close button
7341 * 2. Set box sizing
7342 * 3. Set style
7343 * 4. Slide-in transition
7344 */
7345.uk-modal-dialog {
7346 /* 1 */
7347 position: relative;
7348 /* 2 */
7349 box-sizing: border-box;
7350 margin: 50px auto;
7351 padding: 20px;
7352 width: 600px;
7353 max-width: 100%;
7354 max-width: calc(100% - 20px);
7355 /* 3 */
7356 background: #fff;
7357 /* 4 */
7358 opacity: 0;
7359 -webkit-transform: translateY(-100px);
7360 transform: translateY(-100px);
7361 -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
7362 transition: opacity 0.3s linear, transform 0.3s ease-out;
7363}
7364/* Phone landscape and smaller */
7365@media (max-width: 767px) {
7366 /*
7367 * Fit in small screen
7368 */
7369 .uk-modal-dialog {
7370 width: auto;
7371 margin: 10px auto;
7372 }
7373}
7374/*
7375 * Open state
7376 */
7377.uk-open .uk-modal-dialog {
7378 /* 4 */
7379 opacity: 1;
7380 -webkit-transform: translateY(0);
7381 transform: translateY(0);
7382}
7383/*
7384 * Remove margin from the last-child
7385 */
7386.uk-modal-dialog > :not([class*='uk-modal-']):last-child {
7387 margin-bottom: 0;
7388}
7389/* Close in modal
7390 ========================================================================== */
7391.uk-modal-dialog > .uk-close:first-child {
7392 margin: -10px -10px 0 0;
7393 float: right;
7394}
7395/*
7396 * Remove margin from adjacent element
7397 */
7398.uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) {
7399 margin-top: 0;
7400}
7401/* Modifier: `uk-modal-dialog-lightbox`
7402 ========================================================================== */
7403.uk-modal-dialog-lightbox {
7404 margin: 15px auto;
7405 padding: 0;
7406 max-width: 95%;
7407 max-width: calc(100% - 30px);
7408 min-height: 50px;
7409}
7410/*
7411 * Close button
7412 */
7413.uk-modal-dialog-lightbox > .uk-close:first-child {
7414 position: absolute;
7415 top: -12px;
7416 right: -12px;
7417 margin: 0;
7418 float: none;
7419}
7420/* Phone landscape and smaller */
7421@media (max-width: 767px) {
7422 .uk-modal-dialog-lightbox > .uk-close:first-child {
7423 top: -7px;
7424 right: -7px;
7425 }
7426}
7427/* Modifier: `uk-modal-dialog-blank`
7428 ========================================================================== */
7429.uk-modal-dialog-blank {
7430 margin: 0;
7431 padding: 0;
7432 width: 100%;
7433 max-width: 100%;
7434 -webkit-transition: opacity 0.3s linear;
7435 transition: opacity 0.3s linear;
7436}
7437/*
7438* Close button
7439*/
7440.uk-modal-dialog-blank > .uk-close:first-child {
7441 position: absolute;
7442 top: 20px;
7443 right: 20px;
7444 z-index: 1;
7445 margin: 0;
7446 float: none;
7447}
7448/* Modifier: `uk-modal-dialog-large`
7449 ========================================================================== */
7450/* Tablet and bigger */
7451@media (min-width: 768px) {
7452 .uk-modal-dialog-large {
7453 width: 930px;
7454 }
7455}
7456/* Large screen and bigger */
7457@media (min-width: 1220px) {
7458 .uk-modal-dialog-large {
7459 width: 1130px;
7460 }
7461}
7462/* Sub-Object: `uk-modal-header` and `uk-modal-footer`
7463 ========================================================================== */
7464.uk-modal-header {
7465 margin-bottom: 15px;
7466}
7467.uk-modal-footer {
7468 margin-top: 15px;
7469}
7470/*
7471 * Remove margin from the last-child
7472 */
7473.uk-modal-header > :last-child,
7474.uk-modal-footer > :last-child {
7475 margin-bottom: 0;
7476}
7477/* Sub-Object: `uk-modal-caption`
7478 ========================================================================== */
7479.uk-modal-caption {
7480 position: absolute;
7481 left: 0;
7482 right: 0;
7483 bottom: -20px;
7484 margin-bottom: -10px;
7485 color: #fff;
7486 text-align: center;
7487 overflow: hidden;
7488 text-overflow: ellipsis;
7489 white-space: nowrap;
7490}
7491/* Sub-Object: `uk-modal-spinner`
7492 ========================================================================== */
7493.uk-modal-spinner {
7494 position: absolute;
7495 top: 50%;
7496 left: 50%;
7497 -webkit-transform: translate(-50%, -50%);
7498 transform: translate(-50%, -50%);
7499 font-size: 25px;
7500 color: #ddd;
7501}
7502.uk-modal-spinner:after {
7503 content: "\f110";
7504 display: block;
7505 font-family: FontAwesome;
7506 -webkit-animation: uk-rotate 2s infinite linear;
7507 animation: uk-rotate 2s infinite linear;
7508}
7509/* ========================================================================
7510 Component: Off-canvas
7511 ========================================================================== */
7512/*
7513 * This is the offcanvas overlay and bar container
7514 * 1. Hide by default
7515 * 2. Set fixed position
7516 * 3. Deactivate browser touch actions in IE11
7517 * 4. Mask the background page
7518 */
7519.uk-offcanvas {
7520 /* 1 */
7521 display: none;
7522 /* 2 */
7523 position: fixed;
7524 top: 0;
7525 right: 0;
7526 bottom: 0;
7527 left: 0;
7528 z-index: 1000;
7529 /* 3 */
7530 touch-action: none;
7531 /* 4 */
7532 background: rgba(0, 0, 0, 0.1);
7533}
7534.uk-offcanvas.uk-active {
7535 display: block;
7536}
7537/* Sub-object `uk-offcanvas-page`
7538 ========================================================================== */
7539/*
7540 * Prepares the whole HTML page to slide-out
7541 * 1. Fix the main page and disallow scrolling
7542 * 2. Side-out transition
7543 */
7544.uk-offcanvas-page {
7545 /* 1 */
7546 position: fixed;
7547 /* 2 */
7548 -webkit-transition: margin-left 0.3s ease-in-out;
7549 transition: margin-left 0.3s ease-in-out;
7550}
7551/* Sub-object `uk-offcanvas-bar`
7552 ========================================================================== */
7553/*
7554 * This is the offcanvas bar
7555 * 1. Set fixed position
7556 * 2. Size and style
7557 * 3. Allow scrolling
7558 * 4. Side-out transition
7559 * 5. Deactivate scroll chaining in IE11
7560 */
7561.uk-offcanvas-bar {
7562 /* 1 */
7563 position: fixed;
7564 top: 0;
7565 bottom: 0;
7566 left: 0;
7567 -webkit-transform: translateX(-100%);
7568 transform: translateX(-100%);
7569 z-index: 1001;
7570 /* 2 */
7571 width: 270px;
7572 max-width: 100%;
7573 background: #333;
7574 /* 3 */
7575 overflow-y: auto;
7576 -webkit-overflow-scrolling: touch;
7577 /* 4 */
7578 -webkit-transition: -webkit-transform 0.3s ease-in-out;
7579 transition: transform 0.3s ease-in-out;
7580 /* 5 */
7581 -ms-scroll-chaining: none;
7582}
7583.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
7584 -webkit-transform: translateX(0%);
7585 transform: translateX(0%);
7586}
7587/* Modifier `uk-offcanvas-bar-flip`
7588 ========================================================================== */
7589.uk-offcanvas-bar-flip {
7590 left: auto;
7591 right: 0;
7592 -webkit-transform: translateX(100%);
7593 transform: translateX(100%);
7594}
7595/* Panel in offcanvas
7596 ========================================================================== */
7597.uk-offcanvas .uk-panel {
7598 margin: 20px 15px;
7599 color: #777;
7600}
7601.uk-offcanvas .uk-panel-title {
7602 color: #ccc;
7603}
7604.uk-offcanvas .uk-panel a:not([class]) {
7605 color: #ccc;
7606}
7607.uk-offcanvas .uk-panel a:not([class]):hover {
7608 color: #fff;
7609}
7610/* ========================================================================
7611 Component: Switcher
7612 ========================================================================== */
7613/*
7614 * 1. Deactivate browser history navigation in IE11
7615 */
7616.uk-switcher {
7617 margin: 0;
7618 padding: 0;
7619 list-style: none;
7620 /* 1 */
7621 touch-action: cross-slide-y pinch-zoom double-tap-zoom;
7622}
7623/*
7624 * Items
7625 */
7626.uk-switcher > :not(.uk-active) {
7627 display: none;
7628}
7629/* ========================================================================
7630 Component: Text
7631 ========================================================================== */
7632/* Size modifiers
7633 ========================================================================== */
7634.uk-text-small {
7635 font-size: 11px;
7636 line-height: 16px;
7637}
7638.uk-text-large {
7639 font-size: 18px;
7640 line-height: 24px;
7641 font-weight: normal;
7642}
7643/* Weight modifiers
7644 ========================================================================== */
7645.uk-text-bold {
7646 font-weight: bold;
7647}
7648/* Color modifiers
7649 ========================================================================== */
7650.uk-text-muted {
7651 color: #999 !important;
7652}
7653.uk-text-primary {
7654 color: #2d7091 !important;
7655}
7656.uk-text-success {
7657 color: #659f13 !important;
7658}
7659.uk-text-warning {
7660 color: #e28327 !important;
7661}
7662.uk-text-danger {
7663 color: #d85030 !important;
7664}
7665.uk-text-contrast {
7666 color: #fff !important;
7667}
7668/* Alignment modifiers
7669 ========================================================================== */
7670.uk-text-left {
7671 text-align: left !important;
7672}
7673.uk-text-right {
7674 text-align: right !important;
7675}
7676.uk-text-center {
7677 text-align: center !important;
7678}
7679.uk-text-justify {
7680 text-align: justify !important;
7681}
7682.uk-text-top {
7683 vertical-align: top !important;
7684}
7685.uk-text-middle {
7686 vertical-align: middle !important;
7687}
7688.uk-text-bottom {
7689 vertical-align: bottom !important;
7690}
7691/* Only tablets portrait and smaller */
7692@media (max-width: 959px) {
7693 .uk-text-center-medium {
7694 text-align: center !important;
7695 }
7696 .uk-text-left-medium {
7697 text-align: left !important;
7698 }
7699}
7700/* Phone landscape and smaller */
7701@media (max-width: 767px) {
7702 .uk-text-center-small {
7703 text-align: center !important;
7704 }
7705 .uk-text-left-small {
7706 text-align: left !important;
7707 }
7708}
7709/* Wrap modifiers
7710 ========================================================================== */
7711/*
7712 * Prevent text from wrapping onto multiple lines
7713 */
7714.uk-text-nowrap {
7715 white-space: nowrap;
7716}
7717/*
7718 * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
7719 */
7720.uk-text-truncate {
7721 overflow: hidden;
7722 text-overflow: ellipsis;
7723 white-space: nowrap;
7724}
7725/*
7726 * Break strings if their length exceeds the width of their container
7727 */
7728.uk-text-break {
7729 word-wrap: break-word;
7730 -webkit-hyphens: auto;
7731 -ms-hyphens: auto;
7732 -moz-hyphens: auto;
7733 hyphens: auto;
7734}
7735/* ========================================================================
7736 Component: Utility
7737 ========================================================================== */
7738/* Container
7739 ========================================================================== */
7740.uk-container {
7741 box-sizing: border-box;
7742 max-width: 980px;
7743 padding: 0 25px;
7744}
7745/* Large screen and bigger */
7746@media (min-width: 1220px) {
7747 .uk-container {
7748 max-width: 1200px;
7749 padding: 0 35px;
7750 }
7751}
7752/*
7753 * Micro clearfix
7754 */
7755.uk-container:before,
7756.uk-container:after {
7757 content: "";
7758 display: table;
7759}
7760.uk-container:after {
7761 clear: both;
7762}
7763/*
7764 * Center container
7765 */
7766.uk-container-center {
7767 margin-left: auto;
7768 margin-right: auto;
7769}
7770/* Clearing
7771 ========================================================================== */
7772/*
7773 * Micro clearfix
7774* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
7775 * `table` is used again with `:after` because `clear` only works with block elements.
7776 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
7777 */
7778.uk-clearfix:before {
7779 content: "";
7780 display: table-cell;
7781}
7782.uk-clearfix:after {
7783 content: "";
7784 display: table;
7785 clear: both;
7786}
7787/*
7788 * Create a new block formatting context
7789 */
7790.uk-nbfc {
7791 overflow: hidden;
7792}
7793.uk-nbfc-alt {
7794 display: table-cell;
7795 width: 10000px;
7796}
7797/* Alignment of block elements
7798 ========================================================================== */
7799/*
7800 * Float blocks
7801 * 1. Prevent content overflow on small devices
7802 */
7803.uk-float-left {
7804 float: left;
7805}
7806.uk-float-right {
7807 float: right;
7808}
7809/* 1 */
7810[class*='uk-float-'] {
7811 max-width: 100%;
7812}
7813/* Alignment of images and objects
7814 ========================================================================== */
7815/*
7816 * Alignment
7817 */
7818[class*='uk-align-'] {
7819 display: block;
7820 margin-bottom: 15px;
7821}
7822.uk-align-left {
7823 margin-right: 15px;
7824 float: left;
7825}
7826.uk-align-right {
7827 margin-left: 15px;
7828 float: right;
7829}
7830/* Tablet and bigger */
7831@media (min-width: 768px) {
7832 .uk-align-medium-left {
7833 margin-right: 15px;
7834 float: left;
7835 }
7836 .uk-align-medium-right {
7837 margin-left: 15px;
7838 float: right;
7839 }
7840}
7841.uk-align-center {
7842 margin-left: auto;
7843 margin-right: auto;
7844}
7845/* Vertical alignment
7846 ========================================================================== */
7847/*
7848 * Remove whitespace between child elements when using `inline-block`
7849 */
7850.uk-vertical-align {
7851 font-size: 0.001px;
7852}
7853/*
7854 * The `uk-vertical-align` container needs a specific height
7855 */
7856.uk-vertical-align:before {
7857 content: '';
7858 display: inline-block;
7859 height: 100%;
7860 vertical-align: middle;
7861}
7862/*
7863 * Sub-object which can have any height
7864 * 1. Reset whitespace hack
7865 */
7866.uk-vertical-align-middle,
7867.uk-vertical-align-bottom {
7868 display: inline-block;
7869 max-width: 100%;
7870 /* 1 */
7871 font-size: 1rem;
7872}
7873.uk-vertical-align-middle {
7874 vertical-align: middle;
7875}
7876.uk-vertical-align-bottom {
7877 vertical-align: bottom;
7878}
7879/* Height
7880 ========================================================================== */
7881/*
7882 * More robust if padding and border are used
7883 */
7884[class*='uk-height'] {
7885 box-sizing: border-box;
7886}
7887/*
7888 * Useful to extend the `html` and `body` element to the full height of the page.
7889 */
7890.uk-height-1-1 {
7891 height: 100%;
7892}
7893/*
7894 * Useful to create image teasers
7895 */
7896.uk-height-viewport {
7897 height: 100vh;
7898 min-height: 600px;
7899}
7900/* Responsive objects
7901 * Note: Images are already responsive by default, see Base component
7902 ========================================================================== */
7903/*
7904 * 1. Corrects `max-width` and `max-height` behavior if padding and border are used
7905 */
7906.uk-responsive-width,
7907.uk-responsive-height {
7908 box-sizing: border-box;
7909}
7910/*
7911 * Responsiveness: Sets a maximum width relative to the parent and auto scales the height
7912 * `important` needed to override `uk-img-preserve img`
7913 */
7914.uk-responsive-width {
7915 max-width: 100% !important;
7916 height: auto;
7917}
7918/*
7919 * Responsiveness: Sets a maximum height relative to the parent and auto scales the width
7920 * Only works if the parent element has a fixed height.
7921 */
7922.uk-responsive-height {
7923 max-height: 100%;
7924 width: auto;
7925}
7926/* Margin
7927 ========================================================================== */
7928/*
7929 * Create a block with the same margin of a paragraph
7930 * Add margin if adjacent element
7931 */
7932.uk-margin {
7933 margin-bottom: 15px;
7934}
7935* + .uk-margin {
7936 margin-top: 15px;
7937}
7938.uk-margin-top {
7939 margin-top: 15px !important;
7940}
7941.uk-margin-bottom {
7942 margin-bottom: 15px !important;
7943}
7944.uk-margin-left {
7945 margin-left: 15px !important;
7946}
7947.uk-margin-right {
7948 margin-right: 15px !important;
7949}
7950/*
7951 * Larger margins
7952 */
7953.uk-margin-large {
7954 margin-bottom: 50px;
7955}
7956* + .uk-margin-large {
7957 margin-top: 50px;
7958}
7959.uk-margin-large-top {
7960 margin-top: 50px !important;
7961}
7962.uk-margin-large-bottom {
7963 margin-bottom: 50px !important;
7964}
7965.uk-margin-large-left {
7966 margin-left: 50px !important;
7967}
7968.uk-margin-large-right {
7969 margin-right: 50px !important;
7970}
7971/*
7972 * Smaller margins
7973 */
7974.uk-margin-small {
7975 margin-bottom: 5px;
7976}
7977* + .uk-margin-small {
7978 margin-top: 5px;
7979}
7980.uk-margin-small-top {
7981 margin-top: 5px !important;
7982}
7983.uk-margin-small-bottom {
7984 margin-bottom: 5px !important;
7985}
7986.uk-margin-small-left {
7987 margin-left: 5px !important;
7988}
7989.uk-margin-small-right {
7990 margin-right: 5px !important;
7991}
7992/*
7993 * Remove margins
7994 */
7995.uk-margin-remove {
7996 margin: 0 !important;
7997}
7998.uk-margin-top-remove {
7999 margin-top: 0 !important;
8000}
8001.uk-margin-bottom-remove {
8002 margin-bottom: 0 !important;
8003}
8004/* Padding
8005 ========================================================================== */
8006.uk-padding-remove {
8007 padding: 0 !important;
8008}
8009.uk-padding-top-remove {
8010 padding-top: 0 !important;
8011}
8012.uk-padding-bottom-remove {
8013 padding-bottom: 0 !important;
8014}
8015.uk-padding-vertical-remove {
8016 padding-top: 0 !important;
8017 padding-bottom: 0 !important;
8018}
8019/* Border
8020 ========================================================================== */
8021.uk-border-circle {
8022 border-radius: 50%;
8023}
8024.uk-border-rounded {
8025 border-radius: 5px;
8026}
8027/* Headings
8028 ========================================================================== */
8029.uk-heading-large {
8030 font-size: 36px;
8031 line-height: 42px;
8032}
8033/* Tablet and bigger */
8034@media (min-width: 768px) {
8035 .uk-heading-large {
8036 font-size: 52px;
8037 line-height: 64px;
8038 }
8039}
8040/* Link
8041 ========================================================================== */
8042/*
8043 * Let links appear in default text color
8044 */
8045.uk-link-muted,
8046.uk-link-muted a {
8047 color: #444;
8048}
8049.uk-link-muted:hover,
8050.uk-link-muted a:hover {
8051 color: #444;
8052}
8053/*
8054 * Reset link style
8055 */
8056.uk-link-reset,
8057.uk-link-reset a,
8058.uk-link-reset:hover,
8059.uk-link-reset a:hover,
8060.uk-link-reset:focus,
8061.uk-link-reset a:focus {
8062 color: inherit;
8063 text-decoration: none;
8064}
8065/* Scrollable
8066 ========================================================================== */
8067/*
8068 * Enable scrolling for preformatted text
8069 */
8070.uk-scrollable-text {
8071 height: 300px;
8072 overflow-y: scroll;
8073 -webkit-overflow-scrolling: touch;
8074 resize: both;
8075}
8076/*
8077 * Box with scrolling enabled
8078 */
8079.uk-scrollable-box {
8080 box-sizing: border-box;
8081 height: 170px;
8082 padding: 10px;
8083 border: 1px solid #ddd;
8084 overflow: auto;
8085 -webkit-overflow-scrolling: touch;
8086 resize: both;
8087}
8088.uk-scrollable-box > :last-child {
8089 margin-bottom: 0;
8090}
8091/* Overflow
8092 ========================================================================== */
8093.uk-overflow-hidden {
8094 overflow: hidden;
8095}
8096/*
8097 * Enable scrollbars if content is clipped
8098 */
8099.uk-overflow-container {
8100 overflow: auto;
8101 -webkit-overflow-scrolling: touch;
8102}
8103.uk-overflow-container > :last-child {
8104 margin-bottom: 0;
8105}
8106/* Position
8107 ========================================================================== */
8108.uk-position-absolute,
8109[class*='uk-position-top'],
8110[class*='uk-position-bottom'] {
8111 position: absolute !important;
8112}
8113/* Don't use `width: 100%` because it is wrong if the parent has padding. */
8114.uk-position-top {
8115 top: 0;
8116 left: 0;
8117 right: 0;
8118}
8119.uk-position-bottom {
8120 bottom: 0;
8121 left: 0;
8122 right: 0;
8123}
8124.uk-position-top-left {
8125 top: 0;
8126 left: 0;
8127}
8128.uk-position-top-right {
8129 top: 0;
8130 right: 0;
8131}
8132.uk-position-bottom-left {
8133 bottom: 0;
8134 left: 0;
8135}
8136.uk-position-bottom-right {
8137 bottom: 0;
8138 right: 0;
8139}
8140/*
8141 * Cover
8142 */
8143.uk-position-cover {
8144 position: absolute;
8145 top: 0;
8146 bottom: 0;
8147 left: 0;
8148 right: 0;
8149}
8150/*
8151 * Relative
8152 */
8153.uk-position-relative {
8154 position: relative !important;
8155}
8156/*
8157 * Z-index
8158 */
8159.uk-position-z-index {
8160 z-index: 1;
8161}
8162/* Display
8163 ========================================================================== */
8164/*
8165 * Display
8166 * 1. Required if child is a responsive image
8167 */
8168.uk-display-block {
8169 display: block !important;
8170}
8171.uk-display-inline {
8172 display: inline !important;
8173}
8174.uk-display-inline-block {
8175 display: inline-block !important;
8176 /* 1 */
8177 max-width: 100%;
8178}
8179/*
8180 * Visibility
8181 * Avoids setting display to `block` so it works also with `inline-block` and `table`
8182 */
8183/* Desktop and bigger */
8184@media (min-width: 960px) {
8185 .uk-visible-small {
8186 display: none !important;
8187 }
8188 .uk-visible-medium {
8189 display: none !important;
8190 }
8191 .uk-hidden-large {
8192 display: none !important;
8193 }
8194}
8195/* Tablets portrait */
8196@media (min-width: 768px) and (max-width: 959px) {
8197 .uk-visible-small {
8198 display: none !important;
8199 }
8200 .uk-visible-large {
8201 display: none !important ;
8202 }
8203 .uk-hidden-medium {
8204 display: none !important;
8205 }
8206}
8207/* Phone landscape and smaller*/
8208@media (max-width: 767px) {
8209 .uk-visible-medium {
8210 display: none !important;
8211 }
8212 .uk-visible-large {
8213 display: none !important;
8214 }
8215 .uk-hidden-small {
8216 display: none !important;
8217 }
8218}
8219/* Remove from the flow and screen readers on any device */
8220.uk-hidden {
8221 display: none !important;
8222 visibility: hidden !important;
8223}
8224/* It's hidden, but still affects layout */
8225.uk-invisible {
8226 visibility: hidden !important;
8227}
8228/* Show on hover */
8229.uk-visible-hover:hover .uk-hidden,
8230.uk-visible-hover:hover .uk-invisible {
8231 display: block !important;
8232 visibility: visible !important;
8233}
8234.uk-visible-hover-inline:hover .uk-hidden,
8235.uk-visible-hover-inline:hover .uk-invisible {
8236 display: inline-block !important;
8237 visibility: visible !important;
8238}
8239/* Hide on touch */
8240.uk-touch .uk-hidden-touch,
8241.uk-notouch .uk-hidden-notouch {
8242 display: none !important;
8243}
8244/* ========================================================================
8245 Component: Flex
8246 ========================================================================== */
8247.uk-flex {
8248 display: -ms-flexbox;
8249 display: -webkit-flex;
8250 display: flex;
8251}
8252.uk-flex-inline {
8253 display: -ms-inline-flexbox;
8254 display: -webkit-inline-flex;
8255 display: inline-flex;
8256}
8257/*
8258 * Fixes initial flex-shrink value in IE10
8259 */
8260.uk-flex > *,
8261.uk-flex-inline > * {
8262 -ms-flex-negative: 1;
8263}
8264/* Alignment
8265 ========================================================================== */
8266/*
8267 * Vertical alignment
8268 * Default value is `stretch`
8269 */
8270.uk-flex-top {
8271 -ms-flex-align: start;
8272 -webkit-align-items: flex-start;
8273 align-items: flex-start;
8274}
8275.uk-flex-middle {
8276 -ms-flex-align: center;
8277 -webkit-align-items: center;
8278 align-items: center;
8279}
8280.uk-flex-bottom {
8281 -ms-flex-align: end;
8282 -webkit-align-items: flex-end;
8283 align-items: flex-end;
8284}
8285/*
8286 * Horizontal alignment
8287 * Default value is `flex-start`
8288 */
8289.uk-flex-center {
8290 -ms-flex-pack: center;
8291 -webkit-justify-content: center;
8292 justify-content: center;
8293}
8294.uk-flex-right {
8295 -ms-flex-pack: end;
8296 -webkit-justify-content: flex-end;
8297 justify-content: flex-end;
8298}
8299.uk-flex-space-between {
8300 -ms-flex-pack: justify;
8301 -webkit-justify-content: space-between;
8302 justify-content: space-between;
8303}
8304.uk-flex-space-around {
8305 -ms-flex-pack: distribute;
8306 -webkit-justify-content: space-around;
8307 justify-content: space-around;
8308}
8309/* Direction
8310 ========================================================================== */
8311.uk-flex-row-reverse {
8312 -ms-flex-direction: row-reverse;
8313 -webkit-flex-direction: row-reverse;
8314 flex-direction: row-reverse;
8315}
8316.uk-flex-column {
8317 -ms-flex-direction: column;
8318 -webkit-flex-direction: column;
8319 flex-direction: column;
8320}
8321.uk-flex-column-reverse {
8322 -ms-flex-direction: column-reverse;
8323 -webkit-flex-direction: column-reverse;
8324 flex-direction: column-reverse;
8325}
8326/* Wrap
8327 ========================================================================== */
8328.uk-flex-nowrap {
8329 -ms-flex-wrap: nowrap;
8330 -webkit-flex-wrap: nowrap;
8331 flex-wrap: nowrap;
8332}
8333.uk-flex-wrap {
8334 -ms-flex-wrap: wrap;
8335 -webkit-flex-wrap: wrap;
8336 flex-wrap: wrap;
8337}
8338.uk-flex-wrap-reverse {
8339 -ms-flex-wrap: wrap-reverse;
8340 -webkit-flex-wrap: wrap-reverse;
8341 flex-wrap: wrap-reverse;
8342}
8343/*
8344 * Horizontal alignment
8345 * Default value is `stretch`
8346 */
8347.uk-flex-wrap-top {
8348 -ms-flex-line-pack: start;
8349 -webkit-align-content: flex-start;
8350 align-content: flex-start;
8351}
8352.uk-flex-wrap-middle {
8353 -ms-flex-line-pack: center;
8354 -webkit-align-content: center;
8355 align-content: center;
8356}
8357.uk-flex-wrap-bottom {
8358 -ms-flex-line-pack: end;
8359 -webkit-align-content: flex-end;
8360 align-content: flex-end;
8361}
8362.uk-flex-wrap-space-between {
8363 -ms-flex-line-pack: justify;
8364 -webkit-align-content: space-between;
8365 align-content: space-between;
8366}
8367.uk-flex-wrap-space-around {
8368 -ms-flex-line-pack: distribute;
8369 -webkit-align-content: space-around;
8370 align-content: space-around;
8371}
8372/* Item ordering
8373 ========================================================================== */
8374/*
8375 * Default is 0
8376 */
8377.uk-flex-order-first {
8378 -ms-flex-order: -1;
8379 -webkit-order: -1;
8380 order: -1;
8381}
8382.uk-flex-order-last {
8383 -ms-flex-order: 99;
8384 -webkit-order: 99;
8385 order: 99;
8386}
8387/* Phone landscape and bigger */
8388@media (min-width: 480px) {
8389 .uk-flex-order-first-small {
8390 -ms-flex-order: -1;
8391 -webkit-order: -1;
8392 order: -1;
8393 }
8394 .uk-flex-order-last-small {
8395 -ms-flex-order: 99;
8396 -webkit-order: 99;
8397 order: 99;
8398 }
8399}
8400/* Tablet and bigger */
8401@media (min-width: 768px) {
8402 .uk-flex-order-first-medium {
8403 -ms-flex-order: -1;
8404 -webkit-order: -1;
8405 order: -1;
8406 }
8407 .uk-flex-order-last-medium {
8408 -ms-flex-order: 99;
8409 -webkit-order: 99;
8410 order: 99;
8411 }
8412}
8413/* Desktop and bigger */
8414@media (min-width: 960px) {
8415 .uk-flex-order-first-large {
8416 -ms-flex-order: -1;
8417 -webkit-order: -1;
8418 order: -1;
8419 }
8420 .uk-flex-order-last-large {
8421 -ms-flex-order: 99;
8422 -webkit-order: 99;
8423 order: 99;
8424 }
8425}
8426/* Large screen and bigger */
8427@media (min-width: 1220px) {
8428 .uk-flex-order-first-xlarge {
8429 -ms-flex-order: -1;
8430 -webkit-order: -1;
8431 order: -1;
8432 }
8433 .uk-flex-order-last-xlarge {
8434 -ms-flex-order: 99;
8435 -webkit-order: 99;
8436 order: 99;
8437 }
8438}
8439/* Item dimensions
8440 ========================================================================== */
8441/*
8442 * Initial: 0 1 auto
8443 * Content dimensions, but shrinks
8444 */
8445/*
8446 * No Flex: 0 0 auto
8447 * Content dimensions
8448 */
8449.uk-flex-item-none {
8450 -ms-flex: none;
8451 -webkit-flex: none;
8452 flex: none;
8453}
8454/*
8455 * Relative Flex: 1 1 auto
8456 * Space is allocated considering content
8457 * 1. Fixes flex-shrink value in IE10
8458 */
8459.uk-flex-item-auto {
8460 -ms-flex: auto;
8461 -webkit-flex: auto;
8462 flex: auto;
8463 /* 1 */
8464 -ms-flex-negative: 1;
8465}
8466/*
8467 * Absolute Flex: 1 1 0%
8468 * Space is allocated solely based on flex
8469 */
8470.uk-flex-item-1 {
8471 -ms-flex: 1;
8472 -webkit-flex: 1;
8473 flex: 1;
8474}
8475/* ========================================================================
8476 Component: Contrast
8477 ========================================================================== */
8478.uk-contrast {
8479 color: #fff;
8480 /* Active */
8481}
8482.uk-contrast a:not([class]),
8483.uk-contrast .uk-link {
8484 color: rgba(255, 255, 255, 0.7);
8485 text-decoration: none;
8486}
8487.uk-contrast a:not([class]):hover,
8488.uk-contrast .uk-link:hover {
8489 color: #fff;
8490 text-decoration: underline;
8491}
8492.uk-contrast :not(pre) > code,
8493.uk-contrast :not(pre) > kbd,
8494.uk-contrast :not(pre) > samp {
8495 color: #fff;
8496}
8497.uk-contrast em {
8498 color: #fff;
8499}
8500.uk-contrast h1,
8501.uk-contrast h2,
8502.uk-contrast h3,
8503.uk-contrast h4,
8504.uk-contrast h5,
8505.uk-contrast h6 {
8506 color: #fff;
8507}
8508.uk-contrast hr {
8509 border-top-color: rgba(255, 255, 255, 0.2);
8510}
8511.uk-contrast .uk-nav li > a,
8512.uk-contrast .uk-nav li > a:hover {
8513 text-decoration: none;
8514}
8515.uk-contrast .uk-nav-side > li > a {
8516 color: #fff;
8517}
8518.uk-contrast .uk-nav-side > li > a:hover,
8519.uk-contrast .uk-nav-side > li > a:focus {
8520 background: rgba(255, 255, 255, 0.1);
8521 color: #fff;
8522}
8523.uk-contrast .uk-nav-side > li.uk-active > a {
8524 background: #fff;
8525 color: #444;
8526}
8527.uk-contrast .uk-nav-side .uk-nav-header {
8528 color: #fff;
8529}
8530.uk-contrast .uk-nav-side .uk-nav-divider {
8531 border-top-color: rgba(255, 255, 255, 0.2);
8532}
8533.uk-contrast .uk-nav-side ul a {
8534 color: rgba(255, 255, 255, 0.7);
8535}
8536.uk-contrast .uk-nav-side ul a:hover {
8537 color: #fff;
8538}
8539.uk-contrast .uk-subnav > * > a {
8540 color: rgba(255, 255, 255, 0.7);
8541 text-decoration: none;
8542}
8543.uk-contrast .uk-subnav > * > a:hover,
8544.uk-contrast .uk-subnav > * > a:focus {
8545 color: #fff;
8546 text-decoration: none;
8547}
8548.uk-contrast .uk-subnav > .uk-active > a {
8549 color: #fff;
8550}
8551.uk-contrast .uk-subnav-line > :nth-child(n+2):before {
8552 border-left-color: rgba(255, 255, 255, 0.2);
8553}
8554.uk-contrast .uk-subnav-pill > * > a:hover,
8555.uk-contrast .uk-subnav-pill > * > a:focus {
8556 background: rgba(255, 255, 255, 0.7);
8557 color: #444;
8558 text-decoration: none;
8559}
8560.uk-contrast .uk-subnav-pill > .uk-active > a {
8561 background: #fff;
8562 color: #444;
8563}
8564.uk-contrast .uk-tab {
8565 border-bottom-color: rgba(255, 255, 255, 0.2);
8566}
8567.uk-contrast .uk-tab > li > a {
8568 border-color: transparent;
8569 color: rgba(255, 255, 255, 0.7);
8570}
8571.uk-contrast .uk-tab > li > a:hover,
8572.uk-contrast .uk-tab > li > a:focus,
8573.uk-contrast .uk-tab > li.uk-open > a {
8574 border-color: rgba(255, 255, 255, 0.7);
8575 background: rgba(255, 255, 255, 0.7);
8576 color: #444;
8577 text-decoration: none;
8578}
8579.uk-contrast .uk-tab > li.uk-active > a {
8580 border-color: rgba(255, 255, 255, 0.2);
8581 border-bottom-color: transparent;
8582 background: #fff;
8583 color: #444;
8584}
8585.uk-contrast .uk-tab-center {
8586 border-bottom-color: rgba(255, 255, 255, 0.2);
8587}
8588.uk-contrast .uk-tab-grid:before {
8589 border-top-color: rgba(255, 255, 255, 0.2);
8590}
8591.uk-contrast .uk-list-line > li:nth-child(n+2) {
8592 border-top-color: rgba(255, 255, 255, 0.2);
8593}
8594.uk-contrast .uk-form select,
8595.uk-contrast .uk-form textarea,
8596.uk-contrast .uk-form input:not([type]),
8597.uk-contrast .uk-form input[type="text"],
8598.uk-contrast .uk-form input[type="password"],
8599.uk-contrast .uk-form input[type="datetime"],
8600.uk-contrast .uk-form input[type="datetime-local"],
8601.uk-contrast .uk-form input[type="date"],
8602.uk-contrast .uk-form input[type="month"],
8603.uk-contrast .uk-form input[type="time"],
8604.uk-contrast .uk-form input[type="week"],
8605.uk-contrast .uk-form input[type="number"],
8606.uk-contrast .uk-form input[type="email"],
8607.uk-contrast .uk-form input[type="url"],
8608.uk-contrast .uk-form input[type="search"],
8609.uk-contrast .uk-form input[type="tel"],
8610.uk-contrast .uk-form input[type="color"] {
8611 border-color: rgba(255, 255, 255, 0.8);
8612 background: rgba(255, 255, 255, 0.8);
8613 color: #444;
8614 background-clip: padding-box;
8615}
8616.uk-contrast .uk-form select:focus,
8617.uk-contrast .uk-form textarea:focus,
8618.uk-contrast .uk-form input:not([type]):focus,
8619.uk-contrast .uk-form input[type="text"]:focus,
8620.uk-contrast .uk-form input[type="password"]:focus,
8621.uk-contrast .uk-form input[type="datetime"]:focus,
8622.uk-contrast .uk-form input[type="datetime-local"]:focus,
8623.uk-contrast .uk-form input[type="date"]:focus,
8624.uk-contrast .uk-form input[type="month"]:focus,
8625.uk-contrast .uk-form input[type="time"]:focus,
8626.uk-contrast .uk-form input[type="week"]:focus,
8627.uk-contrast .uk-form input[type="number"]:focus,
8628.uk-contrast .uk-form input[type="email"]:focus,
8629.uk-contrast .uk-form input[type="url"]:focus,
8630.uk-contrast .uk-form input[type="search"]:focus,
8631.uk-contrast .uk-form input[type="tel"]:focus,
8632.uk-contrast .uk-form input[type="color"]:focus {
8633 border-color: #fff;
8634 background: #fff;
8635 color: #444;
8636}
8637.uk-contrast .uk-form :-ms-input-placeholder {
8638 color: rgba(68, 68, 68, 0.7) !important;
8639}
8640.uk-contrast .uk-form ::-moz-placeholder {
8641 color: rgba(68, 68, 68, 0.7);
8642}
8643.uk-contrast .uk-form ::-webkit-input-placeholder {
8644 color: rgba(68, 68, 68, 0.7);
8645}
8646.uk-contrast .uk-button {
8647 color: #444;
8648 background: #fff;
8649}
8650.uk-contrast .uk-button:hover,
8651.uk-contrast .uk-button:focus {
8652 background-color: rgba(255, 255, 255, 0.8);
8653 color: #444;
8654}
8655.uk-contrast .uk-button:active,
8656.uk-contrast .uk-button.uk-active {
8657 background-color: rgba(255, 255, 255, 0.7);
8658 color: #444;
8659}
8660.uk-contrast .uk-button-primary {
8661 background-color: #00a8e6;
8662 color: #fff;
8663}
8664.uk-contrast .uk-button-primary:hover,
8665.uk-contrast .uk-button-primary:focus {
8666 background-color: #35b3ee;
8667 color: #fff;
8668}
8669.uk-contrast .uk-button-primary:active,
8670.uk-contrast .uk-button-primary.uk-active {
8671 background-color: #0091ca;
8672 color: #fff;
8673}
8674.uk-contrast .uk-icon-hover {
8675 color: rgba(255, 255, 255, 0.7);
8676}
8677.uk-contrast .uk-icon-hover:hover {
8678 color: #fff;
8679}
8680.uk-contrast .uk-icon-button {
8681 background: #fff;
8682 color: #444;
8683}
8684.uk-contrast .uk-icon-button:hover,
8685.uk-contrast .uk-icon-button:focus {
8686 background-color: rgba(255, 255, 255, 0.8);
8687 color: #444;
8688}
8689.uk-contrast .uk-icon-button:active {
8690 background-color: rgba(255, 255, 255, 0.7);
8691 color: #444;
8692}
8693.uk-contrast .uk-text-muted {
8694 color: rgba(255, 255, 255, 0.6) !important;
8695}
8696.uk-contrast .uk-text-primary {
8697 color: #2d7091 !important;
8698}
8699/* ========================================================================
8700 Component: Print
8701 ========================================================================== */
8702@media print {
8703 *,
8704 *:before,
8705 *:after {
8706 background: transparent !important;
8707 color: black !important;
8708 box-shadow: none !important;
8709 text-shadow: none !important;
8710 }
8711 a,
8712 a:visited {
8713 text-decoration: underline;
8714 }
8715 pre,
8716 blockquote {
8717 border: 1px solid #999;
8718 page-break-inside: avoid;
8719 }
8720 thead {
8721 display: table-header-group;
8722 }
8723 tr,
8724 img {
8725 page-break-inside: avoid;
8726 }
8727 img {
8728 max-width: 100% !important;
8729 }
8730 @page {
8731 margin: 0.5cm;
8732 }
8733 p,
8734 h2,
8735 h3 {
8736 orphans: 3;
8737 widows: 3;
8738 }
8739 h2,
8740 h3 {
8741 page-break-after: avoid;
8742 }
8743}