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