master
1html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
2 margin: 0;
3 padding: 0;
4 border: 0;
5 font-size: 100%;
6 font-weight: normal;
7 vertical-align: baseline;
8 background: transparent;
9}
10
11article, aside, figure, footer, header, nav, section, details, summary {
12 display: block;
13}
14
15html {
16 box-sizing: border-box;
17}
18
19*,
20*:before,
21*:after {
22 box-sizing: inherit;
23}
24
25img,
26object,
27embed {
28 max-width: 100%;
29}
30
31html {
32 overflow-y: scroll;
33}
34
35ul {
36 list-style: none;
37}
38
39blockquote, q {
40 quotes: none;
41}
42
43blockquote:before,
44blockquote:after,
45q:before,
46q:after {
47 content: '';
48 content: none;
49}
50
51a {
52 margin: 0;
53 padding: 0;
54 font-size: 100%;
55 vertical-align: baseline;
56 background: transparent;
57}
58
59del {
60 text-decoration: line-through;
61}
62
63abbr[title], dfn[title] {
64 border-bottom: 1px dotted #000;
65 cursor: help;
66}
67
68table {
69 border-collapse: collapse;
70 border-spacing: 0;
71}
72
73th {
74 font-weight: bold;
75 vertical-align: bottom;
76}
77
78td {
79 font-weight: normal;
80 vertical-align: top;
81}
82
83hr {
84 display: block;
85 height: 1px;
86 border: 0;
87 border-top: 1px solid #ccc;
88 margin: 1em 0;
89 padding: 0;
90}
91
92input, select {
93 vertical-align: middle;
94}
95
96pre {
97 white-space: pre;
98 white-space: pre-wrap;
99 white-space: pre-line;
100 word-wrap: break-word;
101}
102
103input[type="radio"] {
104 vertical-align: text-bottom;
105}
106
107input[type="checkbox"] {
108 vertical-align: bottom;
109}
110
111select, input, textarea {
112 font: 99% sans-serif;
113}
114
115table {
116 font-size: inherit;
117 font: 100%;
118}
119
120small {
121 font-size: 85%;
122}
123
124strong {
125 font-weight: bold;
126}
127
128td, td img {
129 vertical-align: top;
130}
131
132sub, sup {
133 font-size: 75%;
134 line-height: 0;
135 position: relative;
136}
137
138sup {
139 top: -0.5em;
140}
141
142sub {
143 bottom: -0.25em;
144}
145
146pre, code, kbd, samp {
147 font-family: monospace, sans-serif;
148}
149
150label,
151input[type=button],
152input[type=submit],
153input[type=file],
154button {
155 cursor: pointer;
156}
157
158button, input, select, textarea {
159 margin: 0;
160}
161
162button,
163input[type=button] {
164 width: auto;
165 overflow: visible;
166}
167
168@-webkit-keyframes spin-around {
169 from {
170 -webkit-transform: rotate(0deg);
171 transform: rotate(0deg);
172 }
173 to {
174 -webkit-transform: rotate(359deg);
175 transform: rotate(359deg);
176 }
177}
178
179@keyframes spin-around {
180 from {
181 -webkit-transform: rotate(0deg);
182 transform: rotate(0deg);
183 }
184 to {
185 -webkit-transform: rotate(359deg);
186 transform: rotate(359deg);
187 }
188}
189
190html {
191 background: #f5f7fa;
192 font-size: 14px;
193 -moz-osx-font-smoothing: grayscale;
194 -webkit-font-smoothing: antialiased;
195 min-width: 300px;
196 overflow-x: hidden;
197 overflow-y: scroll;
198 text-rendering: optimizeLegibility;
199}
200
201article,
202aside,
203figure,
204footer,
205header,
206hgroup,
207section {
208 display: block;
209}
210
211body,
212button,
213input,
214select,
215textarea {
216 font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
217}
218
219code,
220pre {
221 -moz-osx-font-smoothing: auto;
222 -webkit-font-smoothing: auto;
223 font-family: "Source Code Pro", "Monaco", "Inconsolata", monospace;
224 line-height: 1.25;
225}
226
227body {
228 color: #69707a;
229 font-size: 1rem;
230 font-weight: 400;
231 line-height: 1.428571428571429;
232}
233
234a {
235 color: #42afe3;
236 cursor: pointer;
237 -webkit-transition: none 86ms ease-out;
238 transition: none 86ms ease-out;
239}
240
241a:hover {
242 color: #222324;
243}
244
245code {
246 background: #f5f7fa;
247 color: #ed6c63;
248 font-size: 12px;
249 font-weight: normal;
250 padding: 1px 2px 2px;
251}
252
253hr {
254 border-top-color: #d3d6db;
255 margin: 20px 0;
256}
257
258img {
259 max-width: 100%;
260}
261
262input[type="checkbox"],
263input[type="radio"] {
264 vertical-align: baseline;
265}
266
267small {
268 font-size: 11px;
269}
270
271span {
272 font-style: inherit;
273 font-weight: inherit;
274}
275
276strong {
277 color: #222324;
278 font-weight: 700;
279}
280
281pre {
282 background: #f5f7fa;
283 color: #69707a;
284 white-space: pre;
285 word-wrap: normal;
286}
287
288pre code {
289 background: #f5f7fa;
290 color: #69707a;
291 display: block;
292 overflow-x: auto;
293 padding: 16px 20px;
294}
295
296table {
297 width: 100%;
298}
299
300table td,
301table th {
302 text-align: left;
303 vertical-align: top;
304}
305
306table th {
307 color: #222324;
308}
309
310.block:not(:last-child), .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .title:not(:last-child),
311.subtitle:not(:last-child), .highlight:not(:last-child), .level:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
312 margin-bottom: 20px;
313}
314
315.container {
316 position: relative;
317}
318
319@media screen and (min-width: 980px) {
320 .container {
321 margin: 0 auto;
322 max-width: 960px;
323 }
324 .container.is-fluid {
325 margin: 0 20px;
326 max-width: none;
327 }
328}
329
330@media screen and (min-width: 1180px) {
331 .container {
332 max-width: 1200px;
333 }
334}
335
336.fa {
337 font-size: 21px;
338 text-align: center;
339 vertical-align: top;
340}
341
342.is-block {
343 display: block;
344}
345
346@media screen and (max-width: 768px) {
347 .is-block-mobile {
348 display: block !important;
349 }
350}
351
352@media screen and (min-width: 769px) {
353 .is-block-tablet {
354 display: block !important;
355 }
356}
357
358@media screen and (min-width: 769px) and (max-width: 979px) {
359 .is-block-tablet-only {
360 display: block !important;
361 }
362}
363
364@media screen and (max-width: 979px) {
365 .is-block-touch {
366 display: block !important;
367 }
368}
369
370@media screen and (min-width: 980px) {
371 .is-block-desktop {
372 display: block !important;
373 }
374}
375
376@media screen and (min-width: 980px) and (max-width: 1179px) {
377 .is-block-desktop-only {
378 display: block !important;
379 }
380}
381
382@media screen and (min-width: 1180px) {
383 .is-block-widescreen {
384 display: block !important;
385 }
386}
387
388.is-flex {
389 display: -webkit-box;
390 display: -webkit-flex;
391 display: -ms-flexbox;
392 display: flex;
393}
394
395@media screen and (max-width: 768px) {
396 .is-flex-mobile {
397 display: -webkit-box !important;
398 display: -webkit-flex !important;
399 display: -ms-flexbox !important;
400 display: flex !important;
401 }
402}
403
404@media screen and (min-width: 769px) {
405 .is-flex-tablet {
406 display: -webkit-box !important;
407 display: -webkit-flex !important;
408 display: -ms-flexbox !important;
409 display: flex !important;
410 }
411}
412
413@media screen and (min-width: 769px) and (max-width: 979px) {
414 .is-flex-tablet-only {
415 display: -webkit-box !important;
416 display: -webkit-flex !important;
417 display: -ms-flexbox !important;
418 display: flex !important;
419 }
420}
421
422@media screen and (max-width: 979px) {
423 .is-flex-touch {
424 display: -webkit-box !important;
425 display: -webkit-flex !important;
426 display: -ms-flexbox !important;
427 display: flex !important;
428 }
429}
430
431@media screen and (min-width: 980px) {
432 .is-flex-desktop {
433 display: -webkit-box !important;
434 display: -webkit-flex !important;
435 display: -ms-flexbox !important;
436 display: flex !important;
437 }
438}
439
440@media screen and (min-width: 980px) and (max-width: 1179px) {
441 .is-flex-desktop-only {
442 display: -webkit-box !important;
443 display: -webkit-flex !important;
444 display: -ms-flexbox !important;
445 display: flex !important;
446 }
447}
448
449@media screen and (min-width: 1180px) {
450 .is-flex-widescreen {
451 display: -webkit-box !important;
452 display: -webkit-flex !important;
453 display: -ms-flexbox !important;
454 display: flex !important;
455 }
456}
457
458.is-inline {
459 display: inline;
460}
461
462@media screen and (max-width: 768px) {
463 .is-inline-mobile {
464 display: inline !important;
465 }
466}
467
468@media screen and (min-width: 769px) {
469 .is-inline-tablet {
470 display: inline !important;
471 }
472}
473
474@media screen and (min-width: 769px) and (max-width: 979px) {
475 .is-inline-tablet-only {
476 display: inline !important;
477 }
478}
479
480@media screen and (max-width: 979px) {
481 .is-inline-touch {
482 display: inline !important;
483 }
484}
485
486@media screen and (min-width: 980px) {
487 .is-inline-desktop {
488 display: inline !important;
489 }
490}
491
492@media screen and (min-width: 980px) and (max-width: 1179px) {
493 .is-inline-desktop-only {
494 display: inline !important;
495 }
496}
497
498@media screen and (min-width: 1180px) {
499 .is-inline-widescreen {
500 display: inline !important;
501 }
502}
503
504.is-inline-block {
505 display: inline-block;
506}
507
508@media screen and (max-width: 768px) {
509 .is-inline-block-mobile {
510 display: inline-block !important;
511 }
512}
513
514@media screen and (min-width: 769px) {
515 .is-inline-block-tablet {
516 display: inline-block !important;
517 }
518}
519
520@media screen and (min-width: 769px) and (max-width: 979px) {
521 .is-inline-block-tablet-only {
522 display: inline-block !important;
523 }
524}
525
526@media screen and (max-width: 979px) {
527 .is-inline-block-touch {
528 display: inline-block !important;
529 }
530}
531
532@media screen and (min-width: 980px) {
533 .is-inline-block-desktop {
534 display: inline-block !important;
535 }
536}
537
538@media screen and (min-width: 980px) and (max-width: 1179px) {
539 .is-inline-block-desktop-only {
540 display: inline-block !important;
541 }
542}
543
544@media screen and (min-width: 1180px) {
545 .is-inline-block-widescreen {
546 display: inline-block !important;
547 }
548}
549
550.is-inline-flex {
551 display: -webkit-inline-box;
552 display: -webkit-inline-flex;
553 display: -ms-inline-flexbox;
554 display: inline-flex;
555}
556
557@media screen and (max-width: 768px) {
558 .is-inline-flex-mobile {
559 display: -webkit-inline-box !important;
560 display: -webkit-inline-flex !important;
561 display: -ms-inline-flexbox !important;
562 display: inline-flex !important;
563 }
564}
565
566@media screen and (min-width: 769px) {
567 .is-inline-flex-tablet {
568 display: -webkit-inline-box !important;
569 display: -webkit-inline-flex !important;
570 display: -ms-inline-flexbox !important;
571 display: inline-flex !important;
572 }
573}
574
575@media screen and (min-width: 769px) and (max-width: 979px) {
576 .is-inline-flex-tablet-only {
577 display: -webkit-inline-box !important;
578 display: -webkit-inline-flex !important;
579 display: -ms-inline-flexbox !important;
580 display: inline-flex !important;
581 }
582}
583
584@media screen and (max-width: 979px) {
585 .is-inline-flex-touch {
586 display: -webkit-inline-box !important;
587 display: -webkit-inline-flex !important;
588 display: -ms-inline-flexbox !important;
589 display: inline-flex !important;
590 }
591}
592
593@media screen and (min-width: 980px) {
594 .is-inline-flex-desktop {
595 display: -webkit-inline-box !important;
596 display: -webkit-inline-flex !important;
597 display: -ms-inline-flexbox !important;
598 display: inline-flex !important;
599 }
600}
601
602@media screen and (min-width: 980px) and (max-width: 1179px) {
603 .is-inline-flex-desktop-only {
604 display: -webkit-inline-box !important;
605 display: -webkit-inline-flex !important;
606 display: -ms-inline-flexbox !important;
607 display: inline-flex !important;
608 }
609}
610
611@media screen and (min-width: 1180px) {
612 .is-inline-flex-widescreen {
613 display: -webkit-inline-box !important;
614 display: -webkit-inline-flex !important;
615 display: -ms-inline-flexbox !important;
616 display: inline-flex !important;
617 }
618}
619
620.is-clearfix:after {
621 clear: both;
622 content: " ";
623 display: table;
624}
625
626.is-pulled-left {
627 float: left;
628}
629
630.is-pulled-right {
631 float: right;
632}
633
634.is-clipped {
635 overflow: hidden !important;
636}
637
638.is-overlay {
639 bottom: 0;
640 left: 0;
641 position: absolute;
642 right: 0;
643 top: 0;
644}
645
646.has-text-centered {
647 text-align: center;
648}
649
650.has-text-left {
651 text-align: left;
652}
653
654.has-text-right {
655 text-align: right;
656}
657
658.is-hidden {
659 display: none !important;
660}
661
662@media screen and (max-width: 768px) {
663 .is-hidden-mobile {
664 display: none !important;
665 }
666}
667
668@media screen and (min-width: 769px) {
669 .is-hidden-tablet {
670 display: none !important;
671 }
672}
673
674@media screen and (min-width: 769px) and (max-width: 979px) {
675 .is-hidden-tablet-only {
676 display: none !important;
677 }
678}
679
680@media screen and (max-width: 979px) {
681 .is-hidden-touch {
682 display: none !important;
683 }
684}
685
686@media screen and (min-width: 980px) {
687 .is-hidden-desktop {
688 display: none !important;
689 }
690}
691
692@media screen and (min-width: 980px) and (max-width: 1179px) {
693 .is-hidden-desktop-only {
694 display: none !important;
695 }
696}
697
698@media screen and (min-width: 1180px) {
699 .is-hidden-widescreen {
700 display: none !important;
701 }
702}
703
704.is-disabled {
705 pointer-events: none;
706}
707
708.is-marginless {
709 margin: 0 !important;
710}
711
712.box {
713 background: #fff;
714 border-radius: 5px;
715 box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1), 0 0 0 1px rgba(17, 17, 17, 0.1);
716 display: block;
717 padding: 20px;
718}
719
720a.box:hover, a.box:focus {
721 box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1), 0 0 0 1px #1fc8db;
722}
723
724a.box:active {
725 box-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.2), 0 0 0 1px #1fc8db;
726}
727
728.button {
729 -moz-appearance: none;
730 -webkit-appearance: none;
731 -webkit-box-align: center;
732 -webkit-align-items: center;
733 -ms-flex-align: center;
734 align-items: center;
735 background: white;
736 border: 1px solid #d3d6db;
737 border-radius: 3px;
738 color: #222324;
739 display: -webkit-inline-box;
740 display: -webkit-inline-flex;
741 display: -ms-inline-flexbox;
742 display: inline-flex;
743 font-size: 14px;
744 height: 32px;
745 -webkit-box-pack: start;
746 -webkit-justify-content: flex-start;
747 -ms-flex-pack: start;
748 justify-content: flex-start;
749 line-height: 24px;
750 padding-left: 8px;
751 padding-right: 8px;
752 position: relative;
753 vertical-align: top;
754 -webkit-box-pack: center;
755 -webkit-justify-content: center;
756 -ms-flex-pack: center;
757 justify-content: center;
758 padding-left: 10px;
759 padding-right: 10px;
760 text-align: center;
761 white-space: nowrap;
762}
763
764.button:hover {
765 border-color: #aeb1b5;
766}
767
768.button:active, .button:focus, .button.is-active {
769 border-color: #1fc8db;
770 outline: none;
771}
772
773.button[disabled], .button.is-disabled {
774 background: #f5f7fa;
775 border-color: #d3d6db;
776 cursor: not-allowed;
777 pointer-events: none;
778}
779
780.button[disabled]::-moz-placeholder, .button.is-disabled::-moz-placeholder {
781 color: rgba(34, 35, 36, 0.3);
782}
783
784.button[disabled]::-webkit-input-placeholder, .button.is-disabled::-webkit-input-placeholder {
785 color: rgba(34, 35, 36, 0.3);
786}
787
788.button[disabled]:-moz-placeholder, .button.is-disabled:-moz-placeholder {
789 color: rgba(34, 35, 36, 0.3);
790}
791
792.button[disabled]:-ms-input-placeholder, .button.is-disabled:-ms-input-placeholder {
793 color: rgba(34, 35, 36, 0.3);
794}
795
796.button strong {
797 color: inherit;
798}
799
800.button small {
801 display: block;
802 font-size: 11px;
803 line-height: 1;
804 margin-top: 5px;
805}
806
807.button .icon:first-child,
808.button .tag:first-child {
809 margin-left: -2px;
810 margin-right: 4px;
811}
812
813.button .icon:last-child,
814.button .tag:last-child {
815 margin-left: 4px;
816 margin-right: -2px;
817}
818
819.button:hover, .button:focus, .button.is-active {
820 color: #222324;
821}
822
823.button:active {
824 box-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.2);
825}
826
827.button.is-white {
828 background: #fff;
829 border-color: transparent;
830 color: #111;
831}
832
833.button.is-white:hover, .button.is-white:focus, .button.is-white.is-active {
834 background: #e6e6e6;
835 border-color: transparent;
836 color: #111;
837}
838
839.button.is-white:active {
840 border-color: transparent;
841}
842
843.button.is-white.is-inverted {
844 background: #111;
845 color: #fff;
846}
847
848.button.is-white.is-inverted:hover {
849 background: #040404;
850}
851
852.button.is-white.is-loading:after {
853 border-color: transparent transparent #111 #111 !important;
854}
855
856.button.is-white.is-outlined {
857 background: transparent;
858 border-color: #fff;
859 color: #fff;
860}
861
862.button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
863 background: #fff;
864 border-color: #fff;
865 color: #111;
866}
867
868.button.is-black {
869 background: #111;
870 border-color: transparent;
871 color: #fff;
872}
873
874.button.is-black:hover, .button.is-black:focus, .button.is-black.is-active {
875 background: black;
876 border-color: transparent;
877 color: #fff;
878}
879
880.button.is-black:active {
881 border-color: transparent;
882}
883
884.button.is-black.is-inverted {
885 background: #fff;
886 color: #111;
887}
888
889.button.is-black.is-inverted:hover {
890 background: #f2f2f2;
891}
892
893.button.is-black.is-loading:after {
894 border-color: transparent transparent #fff #fff !important;
895}
896
897.button.is-black.is-outlined {
898 background: transparent;
899 border-color: #111;
900 color: #111;
901}
902
903.button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
904 background: #111;
905 border-color: #111;
906 color: #fff;
907}
908
909.button.is-light {
910 background: #f5f7fa;
911 border-color: transparent;
912 color: #69707a;
913}
914
915.button.is-light:hover, .button.is-light:focus, .button.is-light.is-active {
916 background: #d3dce9;
917 border-color: transparent;
918 color: #69707a;
919}
920
921.button.is-light:active {
922 border-color: transparent;
923}
924
925.button.is-light.is-inverted {
926 background: #69707a;
927 color: #f5f7fa;
928}
929
930.button.is-light.is-inverted:hover {
931 background: #5d636c;
932}
933
934.button.is-light.is-loading:after {
935 border-color: transparent transparent #69707a #69707a !important;
936}
937
938.button.is-light.is-outlined {
939 background: transparent;
940 border-color: #f5f7fa;
941 color: #f5f7fa;
942}
943
944.button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
945 background: #f5f7fa;
946 border-color: #f5f7fa;
947 color: #69707a;
948}
949
950.button.is-dark {
951 background: #69707a;
952 border-color: transparent;
953 color: #f5f7fa;
954}
955
956.button.is-dark:hover, .button.is-dark:focus, .button.is-dark.is-active {
957 background: #51575f;
958 border-color: transparent;
959 color: #f5f7fa;
960}
961
962.button.is-dark:active {
963 border-color: transparent;
964}
965
966.button.is-dark.is-inverted {
967 background: #f5f7fa;
968 color: #69707a;
969}
970
971.button.is-dark.is-inverted:hover {
972 background: #e4e9f2;
973}
974
975.button.is-dark.is-loading:after {
976 border-color: transparent transparent #f5f7fa #f5f7fa !important;
977}
978
979.button.is-dark.is-outlined {
980 background: transparent;
981 border-color: #69707a;
982 color: #69707a;
983}
984
985.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
986 background: #69707a;
987 border-color: #69707a;
988 color: #f5f7fa;
989}
990
991.button.is-primary {
992 background: #1fc8db;
993 border-color: transparent;
994 color: white;
995}
996
997.button.is-primary:hover, .button.is-primary:focus, .button.is-primary.is-active {
998 background: #199fae;
999 border-color: transparent;
1000 color: white;
1001}
1002
1003.button.is-primary:active {
1004 border-color: transparent;
1005}
1006
1007.button.is-primary.is-inverted {
1008 background: white;
1009 color: #1fc8db;
1010}
1011
1012.button.is-primary.is-inverted:hover {
1013 background: #f2f2f2;
1014}
1015
1016.button.is-primary.is-loading:after {
1017 border-color: transparent transparent white white !important;
1018}
1019
1020.button.is-primary.is-outlined {
1021 background: transparent;
1022 border-color: #1fc8db;
1023 color: #1fc8db;
1024}
1025
1026.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
1027 background: #1fc8db;
1028 border-color: #1fc8db;
1029 color: white;
1030}
1031
1032.button.is-info {
1033 background: #42afe3;
1034 border-color: transparent;
1035 color: white;
1036}
1037
1038.button.is-info:hover, .button.is-info:focus, .button.is-info.is-active {
1039 background: #1f99d3;
1040 border-color: transparent;
1041 color: white;
1042}
1043
1044.button.is-info:active {
1045 border-color: transparent;
1046}
1047
1048.button.is-info.is-inverted {
1049 background: white;
1050 color: #42afe3;
1051}
1052
1053.button.is-info.is-inverted:hover {
1054 background: #f2f2f2;
1055}
1056
1057.button.is-info.is-loading:after {
1058 border-color: transparent transparent white white !important;
1059}
1060
1061.button.is-info.is-outlined {
1062 background: transparent;
1063 border-color: #42afe3;
1064 color: #42afe3;
1065}
1066
1067.button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
1068 background: #42afe3;
1069 border-color: #42afe3;
1070 color: white;
1071}
1072
1073.button.is-success {
1074 background: #97cd76;
1075 border-color: transparent;
1076 color: white;
1077}
1078
1079.button.is-success:hover, .button.is-success:focus, .button.is-success.is-active {
1080 background: #7bbf51;
1081 border-color: transparent;
1082 color: white;
1083}
1084
1085.button.is-success:active {
1086 border-color: transparent;
1087}
1088
1089.button.is-success.is-inverted {
1090 background: white;
1091 color: #97cd76;
1092}
1093
1094.button.is-success.is-inverted:hover {
1095 background: #f2f2f2;
1096}
1097
1098.button.is-success.is-loading:after {
1099 border-color: transparent transparent white white !important;
1100}
1101
1102.button.is-success.is-outlined {
1103 background: transparent;
1104 border-color: #97cd76;
1105 color: #97cd76;
1106}
1107
1108.button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
1109 background: #97cd76;
1110 border-color: #97cd76;
1111 color: white;
1112}
1113
1114.button.is-warning {
1115 background: #fce473;
1116 border-color: transparent;
1117 color: rgba(17, 17, 17, 0.5);
1118}
1119
1120.button.is-warning:hover, .button.is-warning:focus, .button.is-warning.is-active {
1121 background: #fbda41;
1122 border-color: transparent;
1123 color: rgba(17, 17, 17, 0.5);
1124}
1125
1126.button.is-warning:active {
1127 border-color: transparent;
1128}
1129
1130.button.is-warning.is-inverted {
1131 background: rgba(17, 17, 17, 0.5);
1132 color: #fce473;
1133}
1134
1135.button.is-warning.is-inverted:hover {
1136 background: rgba(4, 4, 4, 0.5);
1137}
1138
1139.button.is-warning.is-loading:after {
1140 border-color: transparent transparent rgba(17, 17, 17, 0.5) rgba(17, 17, 17, 0.5) !important;
1141}
1142
1143.button.is-warning.is-outlined {
1144 background: transparent;
1145 border-color: #fce473;
1146 color: #fce473;
1147}
1148
1149.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
1150 background: #fce473;
1151 border-color: #fce473;
1152 color: rgba(17, 17, 17, 0.5);
1153}
1154
1155.button.is-danger {
1156 background: #ed6c63;
1157 border-color: transparent;
1158 color: white;
1159}
1160
1161.button.is-danger:hover, .button.is-danger:focus, .button.is-danger.is-active {
1162 background: #e84135;
1163 border-color: transparent;
1164 color: white;
1165}
1166
1167.button.is-danger:active {
1168 border-color: transparent;
1169}
1170
1171.button.is-danger.is-inverted {
1172 background: white;
1173 color: #ed6c63;
1174}
1175
1176.button.is-danger.is-inverted:hover {
1177 background: #f2f2f2;
1178}
1179
1180.button.is-danger.is-loading:after {
1181 border-color: transparent transparent white white !important;
1182}
1183
1184.button.is-danger.is-outlined {
1185 background: transparent;
1186 border-color: #ed6c63;
1187 color: #ed6c63;
1188}
1189
1190.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
1191 background: #ed6c63;
1192 border-color: #ed6c63;
1193 color: white;
1194}
1195
1196.button.is-link {
1197 background: transparent;
1198 border-color: transparent;
1199 color: #69707a;
1200 text-decoration: underline;
1201}
1202
1203.button.is-link:hover, .button.is-link:focus {
1204 background: #d3d6db;
1205 color: #222324;
1206}
1207
1208.button.is-small {
1209 border-radius: 2px;
1210 font-size: 11px;
1211 height: 24px;
1212 line-height: 16px;
1213 padding-left: 6px;
1214 padding-right: 6px;
1215}
1216
1217.button.is-medium {
1218 font-size: 18px;
1219 height: 40px;
1220 padding-left: 14px;
1221 padding-right: 14px;
1222}
1223
1224.button.is-large {
1225 font-size: 22px;
1226 height: 48px;
1227 padding-left: 20px;
1228 padding-right: 20px;
1229}
1230
1231.button[disabled], .button.is-disabled {
1232 opacity: 0.5;
1233}
1234
1235.button.is-fullwidth {
1236 display: -webkit-box;
1237 display: -webkit-flex;
1238 display: -ms-flexbox;
1239 display: flex;
1240 width: 100%;
1241}
1242
1243.button.is-loading {
1244 color: transparent !important;
1245 pointer-events: none;
1246}
1247
1248.button.is-loading:after {
1249 left: 50%;
1250 margin-left: -8px;
1251 margin-top: -8px;
1252 position: absolute;
1253 top: 50%;
1254 position: absolute !important;
1255}
1256
1257.content a {
1258 border-bottom: 1px solid #d3d6db;
1259}
1260
1261.content a:visited {
1262 color: #847bb9;
1263}
1264
1265.content a:hover {
1266 border-bottom-color: #1fc8db;
1267}
1268
1269.content li + li {
1270 margin-top: 0.25em;
1271}
1272
1273.content blockquote:not(:last-child),
1274.content p:not(:last-child),
1275.content ol:not(:last-child),
1276.content ul:not(:last-child) {
1277 margin-bottom: 1em;
1278}
1279
1280.content h1,
1281.content h2,
1282.content h3,
1283.content h4,
1284.content h5,
1285.content h6 {
1286 color: #222324;
1287 font-weight: 300;
1288 line-height: 1.125;
1289 margin-bottom: 20px;
1290}
1291
1292.content h1:not(:first-child),
1293.content h2:not(:first-child),
1294.content h3:not(:first-child) {
1295 margin-top: 40px;
1296}
1297
1298.content blockquote {
1299 background: #f5f7fa;
1300 border-left: 5px solid #d3d6db;
1301 padding: 1.5em;
1302}
1303
1304.content h1 {
1305 font-size: 2em;
1306}
1307
1308.content h2 {
1309 font-size: 1.75em;
1310}
1311
1312.content h3 {
1313 font-size: 1.5em;
1314}
1315
1316.content h4 {
1317 font-size: 1.25em;
1318}
1319
1320.content h5 {
1321 font-size: 1.125em;
1322}
1323
1324.content h6 {
1325 font-size: 1em;
1326}
1327
1328.content ol {
1329 list-style: decimal outside;
1330 margin-left: 2em;
1331 margin-right: 2em;
1332 margin-top: 1em;
1333}
1334
1335.content ul {
1336 list-style: disc outside;
1337 margin-left: 2em;
1338 margin-right: 2em;
1339 margin-top: 1em;
1340}
1341
1342.content ul ul {
1343 list-style-type: circle;
1344 margin-top: 0.5em;
1345}
1346
1347.content ul ul ul {
1348 list-style-type: square;
1349}
1350
1351.content.is-medium {
1352 font-size: 18px;
1353}
1354
1355.content.is-medium code {
1356 font-size: 14px;
1357}
1358
1359.content.is-large {
1360 font-size: 24px;
1361}
1362
1363.content.is-large code {
1364 font-size: 18px;
1365}
1366
1367.input, .textarea {
1368 -moz-appearance: none;
1369 -webkit-appearance: none;
1370 -webkit-box-align: center;
1371 -webkit-align-items: center;
1372 -ms-flex-align: center;
1373 align-items: center;
1374 background: white;
1375 border: 1px solid #d3d6db;
1376 border-radius: 3px;
1377 color: #222324;
1378 display: -webkit-inline-box;
1379 display: -webkit-inline-flex;
1380 display: -ms-inline-flexbox;
1381 display: inline-flex;
1382 font-size: 14px;
1383 height: 32px;
1384 -webkit-box-pack: start;
1385 -webkit-justify-content: flex-start;
1386 -ms-flex-pack: start;
1387 justify-content: flex-start;
1388 line-height: 24px;
1389 padding-left: 8px;
1390 padding-right: 8px;
1391 position: relative;
1392 vertical-align: top;
1393 box-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.1);
1394 max-width: 100%;
1395 width: 100%;
1396}
1397
1398.input:hover, .textarea:hover {
1399 border-color: #aeb1b5;
1400}
1401
1402.input:active, .textarea:active, .input:focus, .textarea:focus, .input.is-active, .is-active.textarea {
1403 border-color: #1fc8db;
1404 outline: none;
1405}
1406
1407.input[disabled], [disabled].textarea, .input.is-disabled, .is-disabled.textarea {
1408 background: #f5f7fa;
1409 border-color: #d3d6db;
1410 cursor: not-allowed;
1411 pointer-events: none;
1412}
1413
1414.input[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, .input.is-disabled::-moz-placeholder, .is-disabled.textarea::-moz-placeholder {
1415 color: rgba(34, 35, 36, 0.3);
1416}
1417
1418.input[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, .input.is-disabled::-webkit-input-placeholder, .is-disabled.textarea::-webkit-input-placeholder {
1419 color: rgba(34, 35, 36, 0.3);
1420}
1421
1422.input[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, .input.is-disabled:-moz-placeholder, .is-disabled.textarea:-moz-placeholder {
1423 color: rgba(34, 35, 36, 0.3);
1424}
1425
1426.input[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, .input.is-disabled:-ms-input-placeholder, .is-disabled.textarea:-ms-input-placeholder {
1427 color: rgba(34, 35, 36, 0.3);
1428}
1429
1430.input.is-white, .is-white.textarea {
1431 border-color: #fff;
1432}
1433
1434.input.is-black, .is-black.textarea {
1435 border-color: #111;
1436}
1437
1438.input.is-light, .is-light.textarea {
1439 border-color: #f5f7fa;
1440}
1441
1442.input.is-dark, .is-dark.textarea {
1443 border-color: #69707a;
1444}
1445
1446.input.is-primary, .is-primary.textarea {
1447 border-color: #1fc8db;
1448}
1449
1450.input.is-info, .is-info.textarea {
1451 border-color: #42afe3;
1452}
1453
1454.input.is-success, .is-success.textarea {
1455 border-color: #97cd76;
1456}
1457
1458.input.is-warning, .is-warning.textarea {
1459 border-color: #fce473;
1460}
1461
1462.input.is-danger, .is-danger.textarea {
1463 border-color: #ed6c63;
1464}
1465
1466.input[type="search"], [type="search"].textarea {
1467 border-radius: 290486px;
1468}
1469
1470.input.is-small, .is-small.textarea {
1471 border-radius: 2px;
1472 font-size: 11px;
1473 height: 24px;
1474 line-height: 16px;
1475 padding-left: 6px;
1476 padding-right: 6px;
1477}
1478
1479.input.is-medium, .is-medium.textarea {
1480 font-size: 18px;
1481 height: 40px;
1482 line-height: 32px;
1483 padding-left: 10px;
1484 padding-right: 10px;
1485}
1486
1487.input.is-large, .is-large.textarea {
1488 font-size: 24px;
1489 height: 48px;
1490 line-height: 40px;
1491 padding-left: 12px;
1492 padding-right: 12px;
1493}
1494
1495.input.is-fullwidth, .is-fullwidth.textarea {
1496 display: block;
1497 width: 100%;
1498}
1499
1500.input.is-inline, .is-inline.textarea {
1501 display: inline;
1502 width: auto;
1503}
1504
1505.textarea {
1506 display: block;
1507 line-height: 1.2;
1508 max-height: 600px;
1509 max-width: 100%;
1510 min-height: 120px;
1511 min-width: 100%;
1512 padding: 10px;
1513 resize: vertical;
1514}
1515
1516.checkbox, .radio {
1517 cursor: pointer;
1518 display: inline-block;
1519 line-height: 16px;
1520 position: relative;
1521 vertical-align: top;
1522}
1523
1524.checkbox input, .radio input {
1525 cursor: pointer;
1526}
1527
1528.checkbox:hover, .radio:hover {
1529 color: #222324;
1530}
1531
1532.is-disabled.checkbox, .is-disabled.radio {
1533 color: #aeb1b5;
1534 pointer-events: none;
1535}
1536
1537.is-disabled.checkbox input, .is-disabled.radio input {
1538 pointer-events: none;
1539}
1540
1541.radio + .radio {
1542 margin-left: 10px;
1543}
1544
1545.select {
1546 display: inline-block;
1547 height: 32px;
1548 position: relative;
1549 vertical-align: top;
1550}
1551
1552.select select {
1553 -moz-appearance: none;
1554 -webkit-appearance: none;
1555 -webkit-box-align: center;
1556 -webkit-align-items: center;
1557 -ms-flex-align: center;
1558 align-items: center;
1559 background: white;
1560 border: 1px solid #d3d6db;
1561 border-radius: 3px;
1562 color: #222324;
1563 display: -webkit-inline-box;
1564 display: -webkit-inline-flex;
1565 display: -ms-inline-flexbox;
1566 display: inline-flex;
1567 font-size: 14px;
1568 height: 32px;
1569 -webkit-box-pack: start;
1570 -webkit-justify-content: flex-start;
1571 -ms-flex-pack: start;
1572 justify-content: flex-start;
1573 line-height: 24px;
1574 padding-left: 8px;
1575 padding-right: 8px;
1576 position: relative;
1577 vertical-align: top;
1578 cursor: pointer;
1579 display: block;
1580 outline: none;
1581 padding-right: 36px;
1582}
1583
1584.select select:hover {
1585 border-color: #aeb1b5;
1586}
1587
1588.select select:active, .select select:focus, .select select.is-active {
1589 border-color: #1fc8db;
1590 outline: none;
1591}
1592
1593.select select[disabled], .select select.is-disabled {
1594 background: #f5f7fa;
1595 border-color: #d3d6db;
1596 cursor: not-allowed;
1597 pointer-events: none;
1598}
1599
1600.select select[disabled]::-moz-placeholder, .select select.is-disabled::-moz-placeholder {
1601 color: rgba(34, 35, 36, 0.3);
1602}
1603
1604.select select[disabled]::-webkit-input-placeholder, .select select.is-disabled::-webkit-input-placeholder {
1605 color: rgba(34, 35, 36, 0.3);
1606}
1607
1608.select select[disabled]:-moz-placeholder, .select select.is-disabled:-moz-placeholder {
1609 color: rgba(34, 35, 36, 0.3);
1610}
1611
1612.select select[disabled]:-ms-input-placeholder, .select select.is-disabled:-ms-input-placeholder {
1613 color: rgba(34, 35, 36, 0.3);
1614}
1615
1616.select select.is-white {
1617 border-color: #fff;
1618}
1619
1620.select select.is-black {
1621 border-color: #111;
1622}
1623
1624.select select.is-light {
1625 border-color: #f5f7fa;
1626}
1627
1628.select select.is-dark {
1629 border-color: #69707a;
1630}
1631
1632.select select.is-primary {
1633 border-color: #1fc8db;
1634}
1635
1636.select select.is-info {
1637 border-color: #42afe3;
1638}
1639
1640.select select.is-success {
1641 border-color: #97cd76;
1642}
1643
1644.select select.is-warning {
1645 border-color: #fce473;
1646}
1647
1648.select select.is-danger {
1649 border-color: #ed6c63;
1650}
1651
1652.select select:hover {
1653 border-color: #aeb1b5;
1654}
1655
1656.select select::ms-expand {
1657 display: none;
1658}
1659
1660.select.is-fullwidth {
1661 width: 100%;
1662}
1663
1664.select.is-fullwidth select {
1665 width: 100%;
1666}
1667
1668.select:after {
1669 border: 1px solid #1fc8db;
1670 border-right: 0;
1671 border-top: 0;
1672 content: " ";
1673 display: block;
1674 height: 7px;
1675 pointer-events: none;
1676 position: absolute;
1677 -webkit-transform: rotate(-45deg);
1678 transform: rotate(-45deg);
1679 width: 7px;
1680 margin-top: -6px;
1681 right: 16px;
1682 top: 50%;
1683}
1684
1685.select:hover:after {
1686 border-color: #222324;
1687}
1688
1689.select.is-small {
1690 height: 24px;
1691}
1692
1693.select.is-small select {
1694 border-radius: 2px;
1695 font-size: 11px;
1696 height: 24px;
1697 line-height: 16px;
1698 padding-left: 6px;
1699 padding-right: 6px;
1700 padding-right: 28px;
1701}
1702
1703.select.is-medium {
1704 height: 40px;
1705}
1706
1707.select.is-medium select {
1708 font-size: 18px;
1709 height: 40px;
1710 line-height: 32px;
1711 padding-left: 10px;
1712 padding-right: 10px;
1713 padding-right: 44px;
1714}
1715
1716.select.is-large {
1717 height: 48px;
1718}
1719
1720.select.is-large select {
1721 font-size: 24px;
1722 height: 48px;
1723 line-height: 40px;
1724 padding-left: 12px;
1725 padding-right: 12px;
1726 padding-right: 52px;
1727}
1728
1729.label {
1730 color: #222324;
1731 display: block;
1732 font-weight: bold;
1733}
1734
1735.label:not(:last-child) {
1736 margin-bottom: 5px;
1737}
1738
1739.help {
1740 display: block;
1741 font-size: 11px;
1742 margin-top: 5px;
1743}
1744
1745.help.is-white {
1746 color: #fff;
1747}
1748
1749.help.is-black {
1750 color: #111;
1751}
1752
1753.help.is-light {
1754 color: #f5f7fa;
1755}
1756
1757.help.is-dark {
1758 color: #69707a;
1759}
1760
1761.help.is-primary {
1762 color: #1fc8db;
1763}
1764
1765.help.is-info {
1766 color: #42afe3;
1767}
1768
1769.help.is-success {
1770 color: #97cd76;
1771}
1772
1773.help.is-warning {
1774 color: #fce473;
1775}
1776
1777.help.is-danger {
1778 color: #ed6c63;
1779}
1780
1781@media screen and (max-width: 768px) {
1782 .control-label {
1783 margin-bottom: 5px;
1784 }
1785}
1786
1787@media screen and (min-width: 769px) {
1788 .control-label {
1789 -webkit-box-flex: 1;
1790 -webkit-flex: 1;
1791 -ms-flex: 1;
1792 flex: 1;
1793 margin-right: 20px;
1794 padding-top: 7px;
1795 text-align: right;
1796 }
1797}
1798
1799.control {
1800 position: relative;
1801 text-align: left;
1802}
1803
1804.control:not(:last-child) {
1805 margin-bottom: 10px;
1806}
1807
1808.control.has-addons {
1809 display: -webkit-box;
1810 display: -webkit-flex;
1811 display: -ms-flexbox;
1812 display: flex;
1813 -webkit-box-pack: start;
1814 -webkit-justify-content: flex-start;
1815 -ms-flex-pack: start;
1816 justify-content: flex-start;
1817}
1818
1819.control.has-addons .button,
1820.control.has-addons .input,
1821.control.has-addons .textarea,
1822.control.has-addons .select {
1823 border-radius: 0;
1824 margin-right: -1px;
1825 width: auto;
1826}
1827
1828.control.has-addons .button:hover,
1829.control.has-addons .input:hover,
1830.control.has-addons .textarea:hover,
1831.control.has-addons .select:hover {
1832 z-index: 2;
1833}
1834
1835.control.has-addons .button:active, .control.has-addons .button:focus,
1836.control.has-addons .input:active,
1837.control.has-addons .textarea:active,
1838.control.has-addons .input:focus,
1839.control.has-addons .textarea:focus,
1840.control.has-addons .select:active,
1841.control.has-addons .select:focus {
1842 z-index: 3;
1843}
1844
1845.control.has-addons .button:first-child,
1846.control.has-addons .input:first-child,
1847.control.has-addons .textarea:first-child,
1848.control.has-addons .select:first-child {
1849 border-radius: 3px 0 0 3px;
1850}
1851
1852.control.has-addons .button:first-child select,
1853.control.has-addons .input:first-child select,
1854.control.has-addons .textarea:first-child select,
1855.control.has-addons .select:first-child select {
1856 border-radius: 3px 0 0 3px;
1857}
1858
1859.control.has-addons .button:last-child,
1860.control.has-addons .input:last-child,
1861.control.has-addons .textarea:last-child,
1862.control.has-addons .select:last-child {
1863 border-radius: 0 3px 3px 0;
1864}
1865
1866.control.has-addons .button:last-child select,
1867.control.has-addons .input:last-child select,
1868.control.has-addons .textarea:last-child select,
1869.control.has-addons .select:last-child select {
1870 border-radius: 0 3px 3px 0;
1871}
1872
1873.control.has-addons .button.is-expanded,
1874.control.has-addons .input.is-expanded,
1875.control.has-addons .is-expanded.textarea,
1876.control.has-addons .select.is-expanded {
1877 -webkit-box-flex: 1;
1878 -webkit-flex: 1;
1879 -ms-flex: 1;
1880 flex: 1;
1881}
1882
1883.control.has-addons.has-addons-centered {
1884 -webkit-box-pack: center;
1885 -webkit-justify-content: center;
1886 -ms-flex-pack: center;
1887 justify-content: center;
1888}
1889
1890.control.has-addons.has-addons-right {
1891 -webkit-box-pack: end;
1892 -webkit-justify-content: flex-end;
1893 -ms-flex-pack: end;
1894 justify-content: flex-end;
1895}
1896
1897.control.has-addons.has-addons-fullwidth .button,
1898.control.has-addons.has-addons-fullwidth .input,
1899.control.has-addons.has-addons-fullwidth .textarea,
1900.control.has-addons.has-addons-fullwidth .select {
1901 -webkit-box-flex: 1;
1902 -webkit-flex: 1;
1903 -ms-flex: 1;
1904 flex: 1;
1905}
1906
1907.control.has-icon > .fa {
1908 display: inline-block;
1909 font-size: 14px;
1910 height: 24px;
1911 line-height: 24px;
1912 text-align: center;
1913 vertical-align: top;
1914 width: 24px;
1915 color: #aeb1b5;
1916 pointer-events: none;
1917 position: absolute;
1918 top: 4px;
1919 z-index: 4;
1920}
1921
1922.control.has-icon .input:focus + .fa, .control.has-icon .textarea:focus + .fa {
1923 color: #222324;
1924}
1925
1926.control.has-icon .input.is-small + .fa, .control.has-icon .is-small.textarea + .fa {
1927 font-size: 10.5px;
1928 top: 0;
1929}
1930
1931.control.has-icon .input.is-medium + .fa, .control.has-icon .is-medium.textarea + .fa {
1932 font-size: 21px;
1933 top: 8px;
1934}
1935
1936.control.has-icon .input.is-large + .fa, .control.has-icon .is-large.textarea + .fa {
1937 font-size: 21px;
1938 top: 12px;
1939}
1940
1941.control.has-icon:not(.has-icon-right) > .fa {
1942 left: 4px;
1943}
1944
1945.control.has-icon:not(.has-icon-right) .input, .control.has-icon:not(.has-icon-right) .textarea {
1946 padding-left: 32px;
1947}
1948
1949.control.has-icon:not(.has-icon-right) .input.is-small, .control.has-icon:not(.has-icon-right) .is-small.textarea {
1950 padding-left: 24px;
1951}
1952
1953.control.has-icon:not(.has-icon-right) .input.is-small + .fa, .control.has-icon:not(.has-icon-right) .is-small.textarea + .fa {
1954 left: 0;
1955}
1956
1957.control.has-icon:not(.has-icon-right) .input.is-medium, .control.has-icon:not(.has-icon-right) .is-medium.textarea {
1958 padding-left: 40px;
1959}
1960
1961.control.has-icon:not(.has-icon-right) .input.is-medium + .fa, .control.has-icon:not(.has-icon-right) .is-medium.textarea + .fa {
1962 left: 8px;
1963}
1964
1965.control.has-icon:not(.has-icon-right) .input.is-large, .control.has-icon:not(.has-icon-right) .is-large.textarea {
1966 padding-left: 48px;
1967}
1968
1969.control.has-icon:not(.has-icon-right) .input.is-large + .fa, .control.has-icon:not(.has-icon-right) .is-large.textarea + .fa {
1970 left: 12px;
1971}
1972
1973.control.has-icon.has-icon-right > .fa {
1974 right: 4px;
1975}
1976
1977.control.has-icon.has-icon-right .input, .control.has-icon.has-icon-right .textarea {
1978 padding-right: 32px;
1979}
1980
1981.control.has-icon.has-icon-right .input.is-small, .control.has-icon.has-icon-right .is-small.textarea {
1982 padding-right: 24px;
1983}
1984
1985.control.has-icon.has-icon-right .input.is-small + .fa, .control.has-icon.has-icon-right .is-small.textarea + .fa {
1986 right: 0;
1987}
1988
1989.control.has-icon.has-icon-right .input.is-medium, .control.has-icon.has-icon-right .is-medium.textarea {
1990 padding-right: 40px;
1991}
1992
1993.control.has-icon.has-icon-right .input.is-medium + .fa, .control.has-icon.has-icon-right .is-medium.textarea + .fa {
1994 right: 8px;
1995}
1996
1997.control.has-icon.has-icon-right .input.is-large, .control.has-icon.has-icon-right .is-large.textarea {
1998 padding-right: 48px;
1999}
2000
2001.control.has-icon.has-icon-right .input.is-large + .fa, .control.has-icon.has-icon-right .is-large.textarea + .fa {
2002 right: 12px;
2003}
2004
2005.control.is-grouped {
2006 display: -webkit-box;
2007 display: -webkit-flex;
2008 display: -ms-flexbox;
2009 display: flex;
2010 -webkit-box-pack: start;
2011 -webkit-justify-content: flex-start;
2012 -ms-flex-pack: start;
2013 justify-content: flex-start;
2014}
2015
2016.control.is-grouped > .control:not(:last-child) {
2017 margin-bottom: 0;
2018 margin-right: 10px;
2019}
2020
2021.control.is-grouped > .control.is-expanded {
2022 -webkit-box-flex: 1;
2023 -webkit-flex: 1;
2024 -ms-flex: 1;
2025 flex: 1;
2026}
2027
2028.control.is-grouped.is-grouped-centered {
2029 -webkit-box-pack: center;
2030 -webkit-justify-content: center;
2031 -ms-flex-pack: center;
2032 justify-content: center;
2033}
2034
2035.control.is-grouped.is-grouped-right {
2036 -webkit-box-pack: end;
2037 -webkit-justify-content: flex-end;
2038 -ms-flex-pack: end;
2039 justify-content: flex-end;
2040}
2041
2042@media screen and (min-width: 769px) {
2043 .control.is-horizontal {
2044 display: -webkit-box;
2045 display: -webkit-flex;
2046 display: -ms-flexbox;
2047 display: flex;
2048 }
2049 .control.is-horizontal > .control {
2050 display: -webkit-box;
2051 display: -webkit-flex;
2052 display: -ms-flexbox;
2053 display: flex;
2054 -webkit-box-flex: 5;
2055 -webkit-flex: 5;
2056 -ms-flex: 5;
2057 flex: 5;
2058 }
2059}
2060
2061.control.is-loading:after {
2062 position: absolute !important;
2063 right: 8px;
2064 top: 8px;
2065}
2066
2067.image {
2068 display: block;
2069 position: relative;
2070}
2071
2072.image img {
2073 display: block;
2074 height: auto;
2075 width: 100%;
2076}
2077
2078.image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img {
2079 bottom: 0;
2080 left: 0;
2081 position: absolute;
2082 right: 0;
2083 top: 0;
2084 height: 100%;
2085 width: 100%;
2086}
2087
2088.image.is-square, .image.is-1by1 {
2089 padding-top: 100%;
2090}
2091
2092.image.is-4by3 {
2093 padding-top: 75%;
2094}
2095
2096.image.is-3by2 {
2097 padding-top: 66.6666%;
2098}
2099
2100.image.is-16by9 {
2101 padding-top: 56.25%;
2102}
2103
2104.image.is-2by1 {
2105 padding-top: 50%;
2106}
2107
2108.image.is-16x16 {
2109 height: 16px;
2110 width: 16px;
2111}
2112
2113.image.is-24x24 {
2114 height: 24px;
2115 width: 24px;
2116}
2117
2118.image.is-32x32 {
2119 height: 32px;
2120 width: 32px;
2121}
2122
2123.image.is-48x48 {
2124 height: 48px;
2125 width: 48px;
2126}
2127
2128.image.is-64x64 {
2129 height: 64px;
2130 width: 64px;
2131}
2132
2133.image.is-96x96 {
2134 height: 96px;
2135 width: 96px;
2136}
2137
2138.image.is-128x128 {
2139 height: 128px;
2140 width: 128px;
2141}
2142
2143.notification {
2144 background: #f5f7fa;
2145 border-radius: 3px;
2146 padding: 16px 20px;
2147 position: relative;
2148}
2149
2150.notification:after {
2151 clear: both;
2152 content: " ";
2153 display: table;
2154}
2155
2156.notification .delete, .notification .modal-close {
2157 border-radius: 0 3px;
2158 float: right;
2159 margin: -16px -20px 0 20px;
2160}
2161
2162.notification .subtitle,
2163.notification .title {
2164 color: inherit;
2165}
2166
2167.notification.is-white {
2168 background: #fff;
2169 color: #111;
2170}
2171
2172.notification.is-black {
2173 background: #111;
2174 color: #fff;
2175}
2176
2177.notification.is-light {
2178 background: #f5f7fa;
2179 color: #69707a;
2180}
2181
2182.notification.is-dark {
2183 background: #69707a;
2184 color: #f5f7fa;
2185}
2186
2187.notification.is-primary {
2188 background: #1fc8db;
2189 color: white;
2190}
2191
2192.notification.is-info {
2193 background: #42afe3;
2194 color: white;
2195}
2196
2197.notification.is-success {
2198 background: #97cd76;
2199 color: white;
2200}
2201
2202.notification.is-warning {
2203 background: #fce473;
2204 color: rgba(17, 17, 17, 0.5);
2205}
2206
2207.notification.is-danger {
2208 background: #ed6c63;
2209 color: white;
2210}
2211
2212.progress {
2213 -moz-appearance: none;
2214 -webkit-appearance: none;
2215 border: none;
2216 border-radius: 290486px;
2217 display: block;
2218 height: 12px;
2219 overflow: hidden;
2220 padding: 0;
2221 width: 100%;
2222}
2223
2224.progress::-webkit-progress-bar {
2225 background: #d3d6db;
2226}
2227
2228.progress::-webkit-progress-value {
2229 background: #69707a;
2230}
2231
2232.progress::-moz-progress-bar {
2233 background: #69707a;
2234}
2235
2236.progress.is-white::-webkit-progress-value {
2237 background: #fff;
2238}
2239
2240.progress.is-white::-moz-progress-bar {
2241 background: #fff;
2242}
2243
2244.progress.is-black::-webkit-progress-value {
2245 background: #111;
2246}
2247
2248.progress.is-black::-moz-progress-bar {
2249 background: #111;
2250}
2251
2252.progress.is-light::-webkit-progress-value {
2253 background: #f5f7fa;
2254}
2255
2256.progress.is-light::-moz-progress-bar {
2257 background: #f5f7fa;
2258}
2259
2260.progress.is-dark::-webkit-progress-value {
2261 background: #69707a;
2262}
2263
2264.progress.is-dark::-moz-progress-bar {
2265 background: #69707a;
2266}
2267
2268.progress.is-primary::-webkit-progress-value {
2269 background: #1fc8db;
2270}
2271
2272.progress.is-primary::-moz-progress-bar {
2273 background: #1fc8db;
2274}
2275
2276.progress.is-info::-webkit-progress-value {
2277 background: #42afe3;
2278}
2279
2280.progress.is-info::-moz-progress-bar {
2281 background: #42afe3;
2282}
2283
2284.progress.is-success::-webkit-progress-value {
2285 background: #97cd76;
2286}
2287
2288.progress.is-success::-moz-progress-bar {
2289 background: #97cd76;
2290}
2291
2292.progress.is-warning::-webkit-progress-value {
2293 background: #fce473;
2294}
2295
2296.progress.is-warning::-moz-progress-bar {
2297 background: #fce473;
2298}
2299
2300.progress.is-danger::-webkit-progress-value {
2301 background: #ed6c63;
2302}
2303
2304.progress.is-danger::-moz-progress-bar {
2305 background: #ed6c63;
2306}
2307
2308.progress.is-small {
2309 height: 8px;
2310}
2311
2312.progress.is-medium {
2313 height: 16px;
2314}
2315
2316.progress.is-large {
2317 height: 20px;
2318}
2319
2320.table {
2321 background: #fff;
2322 color: #222324;
2323 margin-bottom: 20px;
2324 width: 100%;
2325}
2326
2327.table td,
2328.table th {
2329 border: 1px solid #d3d6db;
2330 border-width: 0 0 1px;
2331 padding: 8px 10px;
2332 vertical-align: top;
2333}
2334
2335.table td.is-icon,
2336.table th.is-icon {
2337 padding: 5px;
2338 text-align: center;
2339 white-space: nowrap;
2340 width: 1%;
2341}
2342
2343.table td.is-icon .fa,
2344.table th.is-icon .fa {
2345 display: inline-block;
2346 font-size: 21px;
2347 height: 24px;
2348 line-height: 24px;
2349 text-align: center;
2350 vertical-align: top;
2351 width: 24px;
2352}
2353
2354.table td.is-icon.is-link,
2355.table th.is-icon.is-link {
2356 padding: 0;
2357}
2358
2359.table td.is-icon.is-link > a,
2360.table th.is-icon.is-link > a {
2361 padding: 5px;
2362}
2363
2364.table td.is-link,
2365.table th.is-link {
2366 padding: 0;
2367}
2368
2369.table td.is-link > a,
2370.table th.is-link > a {
2371 display: block;
2372 padding: 8px 10px;
2373}
2374
2375.table td.is-link > a:hover,
2376.table th.is-link > a:hover {
2377 background: #1fc8db;
2378 color: white;
2379}
2380
2381.table td.is-narrow,
2382.table th.is-narrow {
2383 white-space: nowrap;
2384 width: 1%;
2385}
2386
2387.table th {
2388 color: #222324;
2389 text-align: left;
2390}
2391
2392.table tr:hover {
2393 background: #f5f7fa;
2394 color: #222324;
2395}
2396
2397.table thead td,
2398.table thead th {
2399 border-width: 0 0 2px;
2400 color: #aeb1b5;
2401}
2402
2403.table tbody tr:last-child td,
2404.table tbody tr:last-child th {
2405 border-bottom-width: 0;
2406}
2407
2408.table tfoot td,
2409.table tfoot th {
2410 border-width: 2px 0 0;
2411 color: #aeb1b5;
2412}
2413
2414.table.is-bordered td,
2415.table.is-bordered th {
2416 border-width: 1px;
2417}
2418
2419.table.is-bordered tr:last-child td,
2420.table.is-bordered tr:last-child th {
2421 border-bottom-width: 1px;
2422}
2423
2424.table.is-narrow td,
2425.table.is-narrow th {
2426 padding: 5px 10px;
2427}
2428
2429.table.is-narrow td.is-icon,
2430.table.is-narrow th.is-icon {
2431 padding: 2px;
2432}
2433
2434.table.is-narrow td.is-icon.is-link,
2435.table.is-narrow th.is-icon.is-link {
2436 padding: 0;
2437}
2438
2439.table.is-narrow td.is-icon.is-link > a,
2440.table.is-narrow th.is-icon.is-link > a {
2441 padding: 2px;
2442}
2443
2444.table.is-narrow td.is-link,
2445.table.is-narrow th.is-link {
2446 padding: 0;
2447}
2448
2449.table.is-narrow td.is-link > a,
2450.table.is-narrow th.is-link > a {
2451 padding: 5px 10px;
2452}
2453
2454.table.is-striped tbody tr:hover {
2455 background: #eef2f7;
2456}
2457
2458.table.is-striped tbody tr:nth-child(2n) {
2459 background: #f5f7fa;
2460}
2461
2462.table.is-striped tbody tr:nth-child(2n):hover {
2463 background: #eef2f7;
2464}
2465
2466.title,
2467.subtitle {
2468 font-weight: 300;
2469 word-break: break-word;
2470}
2471
2472.title em,
2473.title span,
2474.subtitle em,
2475.subtitle span {
2476 font-weight: 300;
2477}
2478
2479.title a:hover,
2480.subtitle a:hover {
2481 border-bottom: 1px solid;
2482}
2483
2484.title strong,
2485.subtitle strong {
2486 font-weight: 500;
2487}
2488
2489.title .tag,
2490.subtitle .tag {
2491 vertical-align: bottom;
2492}
2493
2494.title {
2495 color: #222324;
2496 font-size: 28px;
2497 line-height: 1;
2498}
2499
2500.title code {
2501 display: inline-block;
2502 font-size: 28px;
2503}
2504
2505.title strong {
2506 color: inherit;
2507}
2508
2509.title + .highlight {
2510 margin-top: -10px;
2511}
2512
2513.title + .subtitle {
2514 margin-top: -10px;
2515}
2516
2517.title.is-1 {
2518 font-size: 48px;
2519}
2520
2521.title.is-1 code {
2522 font-size: 40px;
2523}
2524
2525.title.is-2 {
2526 font-size: 40px;
2527}
2528
2529.title.is-2 code {
2530 font-size: 28px;
2531}
2532
2533.title.is-3 {
2534 font-size: 28px;
2535}
2536
2537.title.is-3 code {
2538 font-size: 24px;
2539}
2540
2541.title.is-4 {
2542 font-size: 24px;
2543}
2544
2545.title.is-4 code {
2546 font-size: 18px;
2547}
2548
2549.title.is-5 {
2550 font-size: 18px;
2551}
2552
2553.title.is-5 code {
2554 font-size: 14px;
2555}
2556
2557.title.is-6 {
2558 font-size: 14px;
2559}
2560
2561.title.is-6 code {
2562 font-size: 14px;
2563}
2564
2565.title.is-normal {
2566 font-weight: 400;
2567}
2568
2569.title.is-normal strong {
2570 font-weight: 700;
2571}
2572
2573@media screen and (min-width: 769px) {
2574 .title + .subtitle {
2575 margin-top: -15px;
2576 }
2577}
2578
2579.subtitle {
2580 color: #69707a;
2581 font-size: 18px;
2582 line-height: 1.125;
2583}
2584
2585.subtitle code {
2586 border-radius: 3px;
2587 display: inline-block;
2588 font-size: 14px;
2589 padding: 2px 3px;
2590 vertical-align: top;
2591}
2592
2593.subtitle strong {
2594 color: #222324;
2595}
2596
2597.subtitle + .title {
2598 margin-top: -20px;
2599}
2600
2601.subtitle.is-1 {
2602 font-size: 48px;
2603}
2604
2605.subtitle.is-1 code {
2606 font-size: 40px;
2607}
2608
2609.subtitle.is-2 {
2610 font-size: 40px;
2611}
2612
2613.subtitle.is-2 code {
2614 font-size: 28px;
2615}
2616
2617.subtitle.is-3 {
2618 font-size: 28px;
2619}
2620
2621.subtitle.is-3 code {
2622 font-size: 24px;
2623}
2624
2625.subtitle.is-4 {
2626 font-size: 24px;
2627}
2628
2629.subtitle.is-4 code {
2630 font-size: 18px;
2631}
2632
2633.subtitle.is-5 {
2634 font-size: 18px;
2635}
2636
2637.subtitle.is-5 code {
2638 font-size: 14px;
2639}
2640
2641.subtitle.is-6 {
2642 font-size: 14px;
2643}
2644
2645.subtitle.is-6 code {
2646 font-size: 14px;
2647}
2648
2649.subtitle.is-normal {
2650 font-weight: 400;
2651}
2652
2653.subtitle.is-normal strong {
2654 font-weight: 700;
2655}
2656
2657.delete, .modal-close {
2658 -moz-appearance: none;
2659 -webkit-appearance: none;
2660 background: rgba(17, 17, 17, 0.2);
2661 border: none;
2662 border-radius: 290486px;
2663 cursor: pointer;
2664 display: inline-block;
2665 height: 24px;
2666 position: relative;
2667 vertical-align: top;
2668 width: 24px;
2669}
2670
2671.delete:before, .modal-close:before, .delete:after, .modal-close:after {
2672 background: #fff;
2673 content: "";
2674 display: block;
2675 height: 2px;
2676 left: 50%;
2677 margin-left: -25%;
2678 margin-top: -1px;
2679 position: absolute;
2680 top: 50%;
2681 width: 50%;
2682}
2683
2684.delete:before, .modal-close:before {
2685 -webkit-transform: rotate(45deg);
2686 transform: rotate(45deg);
2687}
2688
2689.delete:after, .modal-close:after {
2690 -webkit-transform: rotate(-45deg);
2691 transform: rotate(-45deg);
2692}
2693
2694.delete:hover, .modal-close:hover {
2695 background: rgba(17, 17, 17, 0.5);
2696}
2697
2698.delete.is-small, .tag:not(.is-large) .delete, .tag:not(.is-large) .modal-close, .is-small.modal-close {
2699 height: 16px;
2700 width: 16px;
2701}
2702
2703.delete.is-medium, .is-medium.modal-close {
2704 height: 32px;
2705 width: 32px;
2706}
2707
2708.delete.is-large, .is-large.modal-close {
2709 height: 40px;
2710 width: 40px;
2711}
2712
2713.icon {
2714 display: inline-block;
2715 font-size: 21px;
2716 height: 24px;
2717 line-height: 24px;
2718 text-align: center;
2719 vertical-align: top;
2720 width: 24px;
2721}
2722
2723.icon .fa {
2724 font-size: inherit;
2725 line-height: inherit;
2726}
2727
2728.icon.is-small {
2729 display: inline-block;
2730 font-size: 14px;
2731 height: 16px;
2732 line-height: 16px;
2733 text-align: center;
2734 vertical-align: top;
2735 width: 16px;
2736}
2737
2738.icon.is-medium {
2739 display: inline-block;
2740 font-size: 28px;
2741 height: 32px;
2742 line-height: 32px;
2743 text-align: center;
2744 vertical-align: top;
2745 width: 32px;
2746}
2747
2748.icon.is-large {
2749 display: inline-block;
2750 font-size: 42px;
2751 height: 48px;
2752 line-height: 48px;
2753 text-align: center;
2754 vertical-align: top;
2755 width: 48px;
2756}
2757
2758.hamburger, .nav-toggle {
2759 cursor: pointer;
2760 display: block;
2761 height: 50px;
2762 position: relative;
2763 width: 50px;
2764}
2765
2766.hamburger span, .nav-toggle span {
2767 background: #69707a;
2768 display: block;
2769 height: 1px;
2770 left: 50%;
2771 margin-left: -7px;
2772 position: absolute;
2773 top: 50%;
2774 -webkit-transition: none 86ms ease-out;
2775 transition: none 86ms ease-out;
2776 -webkit-transition-property: background, left, opacity, -webkit-transform;
2777 transition-property: background, left, opacity, -webkit-transform;
2778 transition-property: background, left, opacity, transform;
2779 transition-property: background, left, opacity, transform, -webkit-transform;
2780 width: 15px;
2781}
2782
2783.hamburger span:nth-child(1), .nav-toggle span:nth-child(1) {
2784 margin-top: -6px;
2785}
2786
2787.hamburger span:nth-child(2), .nav-toggle span:nth-child(2) {
2788 margin-top: -1px;
2789}
2790
2791.hamburger span:nth-child(3), .nav-toggle span:nth-child(3) {
2792 margin-top: 4px;
2793}
2794
2795.hamburger:hover, .nav-toggle:hover {
2796 background: #f5f7fa;
2797}
2798
2799.hamburger.is-active span, .is-active.nav-toggle span {
2800 background: #1fc8db;
2801}
2802
2803.hamburger.is-active span:nth-child(1), .is-active.nav-toggle span:nth-child(1) {
2804 margin-left: -5px;
2805 -webkit-transform: rotate(45deg);
2806 transform: rotate(45deg);
2807 -webkit-transform-origin: left top;
2808 transform-origin: left top;
2809}
2810
2811.hamburger.is-active span:nth-child(2), .is-active.nav-toggle span:nth-child(2) {
2812 opacity: 0;
2813}
2814
2815.hamburger.is-active span:nth-child(3), .is-active.nav-toggle span:nth-child(3) {
2816 margin-left: -5px;
2817 -webkit-transform: rotate(-45deg);
2818 transform: rotate(-45deg);
2819 -webkit-transform-origin: left bottom;
2820 transform-origin: left bottom;
2821}
2822
2823.heading {
2824 display: block;
2825 font-size: 11px;
2826 letter-spacing: 1px;
2827 margin-bottom: 5px;
2828 text-transform: uppercase;
2829}
2830
2831.highlight {
2832 font-size: 12px;
2833 font-weight: normal;
2834 max-width: 100%;
2835 overflow: hidden;
2836 padding: 0;
2837}
2838
2839.highlight pre {
2840 overflow: auto;
2841 max-width: 100%;
2842}
2843
2844.loader, .button.is-loading:after, .control.is-loading:after {
2845 -webkit-animation: spin-around 500ms infinite linear;
2846 animation: spin-around 500ms infinite linear;
2847 border: 2px solid #d3d6db;
2848 border-radius: 290486px;
2849 border-right-color: transparent;
2850 border-top-color: transparent;
2851 content: "";
2852 display: block;
2853 height: 16px;
2854 position: relative;
2855 width: 16px;
2856}
2857
2858.number {
2859 background: #f5f7fa;
2860 border-radius: 290486px;
2861 display: inline-block;
2862 font-size: 18px;
2863 vertical-align: top;
2864}
2865
2866.tag {
2867 -webkit-box-align: center;
2868 -webkit-align-items: center;
2869 -ms-flex-align: center;
2870 align-items: center;
2871 background: #f5f7fa;
2872 border-radius: 290486px;
2873 color: #69707a;
2874 display: -webkit-inline-box;
2875 display: -webkit-inline-flex;
2876 display: -ms-inline-flexbox;
2877 display: inline-flex;
2878 font-size: 12px;
2879 height: 24px;
2880 -webkit-box-pack: center;
2881 -webkit-justify-content: center;
2882 -ms-flex-pack: center;
2883 justify-content: center;
2884 line-height: 16px;
2885 padding-left: 10px;
2886 padding-right: 10px;
2887 vertical-align: top;
2888 white-space: nowrap;
2889}
2890
2891.tag .delete, .tag .modal-close {
2892 margin-left: 4px;
2893 margin-right: -6px;
2894}
2895
2896.tag.is-white {
2897 background: #fff;
2898 color: #111;
2899}
2900
2901.tag.is-black {
2902 background: #111;
2903 color: #fff;
2904}
2905
2906.tag.is-light {
2907 background: #f5f7fa;
2908 color: #69707a;
2909}
2910
2911.tag.is-dark {
2912 background: #69707a;
2913 color: #f5f7fa;
2914}
2915
2916.tag.is-primary {
2917 background: #1fc8db;
2918 color: white;
2919}
2920
2921.tag.is-info {
2922 background: #42afe3;
2923 color: white;
2924}
2925
2926.tag.is-success {
2927 background: #97cd76;
2928 color: white;
2929}
2930
2931.tag.is-warning {
2932 background: #fce473;
2933 color: rgba(17, 17, 17, 0.5);
2934}
2935
2936.tag.is-danger {
2937 background: #ed6c63;
2938 color: white;
2939}
2940
2941.tag.is-small {
2942 font-size: 11px;
2943 height: 20px;
2944 padding-left: 8px;
2945 padding-right: 8px;
2946}
2947
2948.tag.is-medium {
2949 font-size: 14px;
2950 height: 32px;
2951 padding-left: 14px;
2952 padding-right: 14px;
2953}
2954
2955.tag.is-large {
2956 font-size: 18px;
2957 height: 40px;
2958 line-height: 24px;
2959 padding-left: 18px;
2960 padding-right: 18px;
2961}
2962
2963.tag.is-large .delete, .tag.is-large .modal-close {
2964 margin-left: 4px;
2965 margin-right: -8px;
2966}
2967
2968.unselectable, .is-unselectable, .button, .delete, .modal-close, .tabs {
2969 -webkit-touch-callout: none;
2970 -webkit-user-select: none;
2971 -moz-user-select: none;
2972 -ms-user-select: none;
2973 user-select: none;
2974}
2975
2976.card-header {
2977 -webkit-box-align: stretch;
2978 -webkit-align-items: stretch;
2979 -ms-flex-align: stretch;
2980 align-items: stretch;
2981 box-shadow: 0 1px 2px rgba(17, 17, 17, 0.1);
2982 display: -webkit-box;
2983 display: -webkit-flex;
2984 display: -ms-flexbox;
2985 display: flex;
2986 min-height: 40px;
2987}
2988
2989.card-header-title {
2990 -webkit-box-align: start;
2991 -webkit-align-items: flex-start;
2992 -ms-flex-align: start;
2993 align-items: flex-start;
2994 color: #222324;
2995 display: -webkit-box;
2996 display: -webkit-flex;
2997 display: -ms-flexbox;
2998 display: flex;
2999 -webkit-box-flex: 1;
3000 -webkit-flex: 1;
3001 -ms-flex: 1;
3002 flex: 1;
3003 font-weight: bold;
3004 padding: 10px;
3005}
3006
3007.card-header-icon {
3008 -webkit-box-align: center;
3009 -webkit-align-items: center;
3010 -ms-flex-align: center;
3011 align-items: center;
3012 cursor: pointer;
3013 display: -webkit-box;
3014 display: -webkit-flex;
3015 display: -ms-flexbox;
3016 display: flex;
3017 -webkit-box-pack: center;
3018 -webkit-justify-content: center;
3019 -ms-flex-pack: center;
3020 justify-content: center;
3021 width: 40px;
3022}
3023
3024.card-image {
3025 display: block;
3026 position: relative;
3027}
3028
3029.card-content {
3030 padding: 20px;
3031}
3032
3033.card-content .title + .subtitle {
3034 margin-top: -20px;
3035}
3036
3037.card-footer {
3038 border-top: 1px solid #d3d6db;
3039 -webkit-box-align: stretch;
3040 -webkit-align-items: stretch;
3041 -ms-flex-align: stretch;
3042 align-items: stretch;
3043 display: -webkit-box;
3044 display: -webkit-flex;
3045 display: -ms-flexbox;
3046 display: flex;
3047}
3048
3049.card-footer-item {
3050 -webkit-box-align: center;
3051 -webkit-align-items: center;
3052 -ms-flex-align: center;
3053 align-items: center;
3054 display: -webkit-box;
3055 display: -webkit-flex;
3056 display: -ms-flexbox;
3057 display: flex;
3058 -webkit-box-flex: 1;
3059 -webkit-flex: 1;
3060 -ms-flex: 1;
3061 flex: 1;
3062 -webkit-box-pack: center;
3063 -webkit-justify-content: center;
3064 -ms-flex-pack: center;
3065 justify-content: center;
3066 padding: 10px;
3067}
3068
3069.card-footer-item:not(:last-child) {
3070 border-right: 1px solid #d3d6db;
3071}
3072
3073.card {
3074 background: #fff;
3075 box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1), 0 0 0 1px rgba(17, 17, 17, 0.1);
3076 color: #69707a;
3077 max-width: 100%;
3078 position: relative;
3079 width: 300px;
3080}
3081
3082.card .media:not(:last-child) {
3083 margin-bottom: 10px;
3084}
3085
3086.card.is-fullwidth {
3087 width: 100%;
3088}
3089
3090.card.is-rounded {
3091 border-radius: 5px;
3092}
3093
3094.column {
3095 -webkit-box-flex: 1;
3096 -webkit-flex: 1;
3097 -ms-flex: 1;
3098 flex: 1;
3099 padding: 10px;
3100}
3101
3102.columns.is-mobile > .column.is-narrow {
3103 -webkit-box-flex: 0;
3104 -webkit-flex: none;
3105 -ms-flex: none;
3106 flex: none;
3107}
3108
3109.columns.is-mobile > .column.is-full {
3110 -webkit-box-flex: 0;
3111 -webkit-flex: none;
3112 -ms-flex: none;
3113 flex: none;
3114 width: 100%;
3115}
3116
3117.columns.is-mobile > .column.is-three-quarters {
3118 -webkit-box-flex: 0;
3119 -webkit-flex: none;
3120 -ms-flex: none;
3121 flex: none;
3122 width: 75%;
3123}
3124
3125.columns.is-mobile > .column.is-two-thirds {
3126 -webkit-box-flex: 0;
3127 -webkit-flex: none;
3128 -ms-flex: none;
3129 flex: none;
3130 width: 66.6666%;
3131}
3132
3133.columns.is-mobile > .column.is-half {
3134 -webkit-box-flex: 0;
3135 -webkit-flex: none;
3136 -ms-flex: none;
3137 flex: none;
3138 width: 50%;
3139}
3140
3141.columns.is-mobile > .column.is-one-third {
3142 -webkit-box-flex: 0;
3143 -webkit-flex: none;
3144 -ms-flex: none;
3145 flex: none;
3146 width: 33.3333%;
3147}
3148
3149.columns.is-mobile > .column.is-one-quarter {
3150 -webkit-box-flex: 0;
3151 -webkit-flex: none;
3152 -ms-flex: none;
3153 flex: none;
3154 width: 25%;
3155}
3156
3157.columns.is-mobile > .column.is-offset-three-quarters {
3158 margin-left: 75%;
3159}
3160
3161.columns.is-mobile > .column.is-offset-two-thirds {
3162 margin-left: 66.6666%;
3163}
3164
3165.columns.is-mobile > .column.is-offset-half {
3166 margin-left: 50%;
3167}
3168
3169.columns.is-mobile > .column.is-offset-one-third {
3170 margin-left: 33.3333%;
3171}
3172
3173.columns.is-mobile > .column.is-offset-one-quarter {
3174 margin-left: 25%;
3175}
3176
3177.columns.is-mobile > .column.is-1 {
3178 -webkit-box-flex: 0;
3179 -webkit-flex: none;
3180 -ms-flex: none;
3181 flex: none;
3182 width: 8.33333%;
3183}
3184
3185.columns.is-mobile > .column.is-offset-1 {
3186 margin-left: 8.33333%;
3187}
3188
3189.columns.is-mobile > .column.is-2 {
3190 -webkit-box-flex: 0;
3191 -webkit-flex: none;
3192 -ms-flex: none;
3193 flex: none;
3194 width: 16.66667%;
3195}
3196
3197.columns.is-mobile > .column.is-offset-2 {
3198 margin-left: 16.66667%;
3199}
3200
3201.columns.is-mobile > .column.is-3 {
3202 -webkit-box-flex: 0;
3203 -webkit-flex: none;
3204 -ms-flex: none;
3205 flex: none;
3206 width: 25%;
3207}
3208
3209.columns.is-mobile > .column.is-offset-3 {
3210 margin-left: 25%;
3211}
3212
3213.columns.is-mobile > .column.is-4 {
3214 -webkit-box-flex: 0;
3215 -webkit-flex: none;
3216 -ms-flex: none;
3217 flex: none;
3218 width: 33.33333%;
3219}
3220
3221.columns.is-mobile > .column.is-offset-4 {
3222 margin-left: 33.33333%;
3223}
3224
3225.columns.is-mobile > .column.is-5 {
3226 -webkit-box-flex: 0;
3227 -webkit-flex: none;
3228 -ms-flex: none;
3229 flex: none;
3230 width: 41.66667%;
3231}
3232
3233.columns.is-mobile > .column.is-offset-5 {
3234 margin-left: 41.66667%;
3235}
3236
3237.columns.is-mobile > .column.is-6 {
3238 -webkit-box-flex: 0;
3239 -webkit-flex: none;
3240 -ms-flex: none;
3241 flex: none;
3242 width: 50%;
3243}
3244
3245.columns.is-mobile > .column.is-offset-6 {
3246 margin-left: 50%;
3247}
3248
3249.columns.is-mobile > .column.is-7 {
3250 -webkit-box-flex: 0;
3251 -webkit-flex: none;
3252 -ms-flex: none;
3253 flex: none;
3254 width: 58.33333%;
3255}
3256
3257.columns.is-mobile > .column.is-offset-7 {
3258 margin-left: 58.33333%;
3259}
3260
3261.columns.is-mobile > .column.is-8 {
3262 -webkit-box-flex: 0;
3263 -webkit-flex: none;
3264 -ms-flex: none;
3265 flex: none;
3266 width: 66.66667%;
3267}
3268
3269.columns.is-mobile > .column.is-offset-8 {
3270 margin-left: 66.66667%;
3271}
3272
3273.columns.is-mobile > .column.is-9 {
3274 -webkit-box-flex: 0;
3275 -webkit-flex: none;
3276 -ms-flex: none;
3277 flex: none;
3278 width: 75%;
3279}
3280
3281.columns.is-mobile > .column.is-offset-9 {
3282 margin-left: 75%;
3283}
3284
3285.columns.is-mobile > .column.is-10 {
3286 -webkit-box-flex: 0;
3287 -webkit-flex: none;
3288 -ms-flex: none;
3289 flex: none;
3290 width: 83.33333%;
3291}
3292
3293.columns.is-mobile > .column.is-offset-10 {
3294 margin-left: 83.33333%;
3295}
3296
3297.columns.is-mobile > .column.is-11 {
3298 -webkit-box-flex: 0;
3299 -webkit-flex: none;
3300 -ms-flex: none;
3301 flex: none;
3302 width: 91.66667%;
3303}
3304
3305.columns.is-mobile > .column.is-offset-11 {
3306 margin-left: 91.66667%;
3307}
3308
3309.columns.is-mobile > .column.is-12 {
3310 -webkit-box-flex: 0;
3311 -webkit-flex: none;
3312 -ms-flex: none;
3313 flex: none;
3314 width: 100%;
3315}
3316
3317.columns.is-mobile > .column.is-offset-12 {
3318 margin-left: 100%;
3319}
3320
3321@media screen and (max-width: 768px) {
3322 .column.is-narrow-mobile {
3323 -webkit-box-flex: 0;
3324 -webkit-flex: none;
3325 -ms-flex: none;
3326 flex: none;
3327 }
3328 .column.is-full-mobile {
3329 -webkit-box-flex: 0;
3330 -webkit-flex: none;
3331 -ms-flex: none;
3332 flex: none;
3333 width: 100%;
3334 }
3335 .column.is-three-quarters-mobile {
3336 -webkit-box-flex: 0;
3337 -webkit-flex: none;
3338 -ms-flex: none;
3339 flex: none;
3340 width: 75%;
3341 }
3342 .column.is-two-thirds-mobile {
3343 -webkit-box-flex: 0;
3344 -webkit-flex: none;
3345 -ms-flex: none;
3346 flex: none;
3347 width: 66.6666%;
3348 }
3349 .column.is-half-mobile {
3350 -webkit-box-flex: 0;
3351 -webkit-flex: none;
3352 -ms-flex: none;
3353 flex: none;
3354 width: 50%;
3355 }
3356 .column.is-one-third-mobile {
3357 -webkit-box-flex: 0;
3358 -webkit-flex: none;
3359 -ms-flex: none;
3360 flex: none;
3361 width: 33.3333%;
3362 }
3363 .column.is-one-quarter-mobile {
3364 -webkit-box-flex: 0;
3365 -webkit-flex: none;
3366 -ms-flex: none;
3367 flex: none;
3368 width: 25%;
3369 }
3370 .column.is-offset-three-quarters-mobile {
3371 margin-left: 75%;
3372 }
3373 .column.is-offset-two-thirds-mobile {
3374 margin-left: 66.6666%;
3375 }
3376 .column.is-offset-half-mobile {
3377 margin-left: 50%;
3378 }
3379 .column.is-offset-one-third-mobile {
3380 margin-left: 33.3333%;
3381 }
3382 .column.is-offset-one-quarter-mobile {
3383 margin-left: 25%;
3384 }
3385 .column.is-1-mobile {
3386 -webkit-box-flex: 0;
3387 -webkit-flex: none;
3388 -ms-flex: none;
3389 flex: none;
3390 width: 8.33333%;
3391 }
3392 .column.is-offset-1-mobile {
3393 margin-left: 8.33333%;
3394 }
3395 .column.is-2-mobile {
3396 -webkit-box-flex: 0;
3397 -webkit-flex: none;
3398 -ms-flex: none;
3399 flex: none;
3400 width: 16.66667%;
3401 }
3402 .column.is-offset-2-mobile {
3403 margin-left: 16.66667%;
3404 }
3405 .column.is-3-mobile {
3406 -webkit-box-flex: 0;
3407 -webkit-flex: none;
3408 -ms-flex: none;
3409 flex: none;
3410 width: 25%;
3411 }
3412 .column.is-offset-3-mobile {
3413 margin-left: 25%;
3414 }
3415 .column.is-4-mobile {
3416 -webkit-box-flex: 0;
3417 -webkit-flex: none;
3418 -ms-flex: none;
3419 flex: none;
3420 width: 33.33333%;
3421 }
3422 .column.is-offset-4-mobile {
3423 margin-left: 33.33333%;
3424 }
3425 .column.is-5-mobile {
3426 -webkit-box-flex: 0;
3427 -webkit-flex: none;
3428 -ms-flex: none;
3429 flex: none;
3430 width: 41.66667%;
3431 }
3432 .column.is-offset-5-mobile {
3433 margin-left: 41.66667%;
3434 }
3435 .column.is-6-mobile {
3436 -webkit-box-flex: 0;
3437 -webkit-flex: none;
3438 -ms-flex: none;
3439 flex: none;
3440 width: 50%;
3441 }
3442 .column.is-offset-6-mobile {
3443 margin-left: 50%;
3444 }
3445 .column.is-7-mobile {
3446 -webkit-box-flex: 0;
3447 -webkit-flex: none;
3448 -ms-flex: none;
3449 flex: none;
3450 width: 58.33333%;
3451 }
3452 .column.is-offset-7-mobile {
3453 margin-left: 58.33333%;
3454 }
3455 .column.is-8-mobile {
3456 -webkit-box-flex: 0;
3457 -webkit-flex: none;
3458 -ms-flex: none;
3459 flex: none;
3460 width: 66.66667%;
3461 }
3462 .column.is-offset-8-mobile {
3463 margin-left: 66.66667%;
3464 }
3465 .column.is-9-mobile {
3466 -webkit-box-flex: 0;
3467 -webkit-flex: none;
3468 -ms-flex: none;
3469 flex: none;
3470 width: 75%;
3471 }
3472 .column.is-offset-9-mobile {
3473 margin-left: 75%;
3474 }
3475 .column.is-10-mobile {
3476 -webkit-box-flex: 0;
3477 -webkit-flex: none;
3478 -ms-flex: none;
3479 flex: none;
3480 width: 83.33333%;
3481 }
3482 .column.is-offset-10-mobile {
3483 margin-left: 83.33333%;
3484 }
3485 .column.is-11-mobile {
3486 -webkit-box-flex: 0;
3487 -webkit-flex: none;
3488 -ms-flex: none;
3489 flex: none;
3490 width: 91.66667%;
3491 }
3492 .column.is-offset-11-mobile {
3493 margin-left: 91.66667%;
3494 }
3495 .column.is-12-mobile {
3496 -webkit-box-flex: 0;
3497 -webkit-flex: none;
3498 -ms-flex: none;
3499 flex: none;
3500 width: 100%;
3501 }
3502 .column.is-offset-12-mobile {
3503 margin-left: 100%;
3504 }
3505}
3506
3507@media screen and (min-width: 769px) {
3508 .column.is-narrow, .column.is-narrow-tablet {
3509 -webkit-box-flex: 0;
3510 -webkit-flex: none;
3511 -ms-flex: none;
3512 flex: none;
3513 }
3514 .column.is-full, .column.is-full-tablet {
3515 -webkit-box-flex: 0;
3516 -webkit-flex: none;
3517 -ms-flex: none;
3518 flex: none;
3519 width: 100%;
3520 }
3521 .column.is-three-quarters, .column.is-three-quarters-tablet {
3522 -webkit-box-flex: 0;
3523 -webkit-flex: none;
3524 -ms-flex: none;
3525 flex: none;
3526 width: 75%;
3527 }
3528 .column.is-two-thirds, .column.is-two-thirds-tablet {
3529 -webkit-box-flex: 0;
3530 -webkit-flex: none;
3531 -ms-flex: none;
3532 flex: none;
3533 width: 66.6666%;
3534 }
3535 .column.is-half, .column.is-half-tablet {
3536 -webkit-box-flex: 0;
3537 -webkit-flex: none;
3538 -ms-flex: none;
3539 flex: none;
3540 width: 50%;
3541 }
3542 .column.is-one-third, .column.is-one-third-tablet {
3543 -webkit-box-flex: 0;
3544 -webkit-flex: none;
3545 -ms-flex: none;
3546 flex: none;
3547 width: 33.3333%;
3548 }
3549 .column.is-one-quarter, .column.is-one-quarter-tablet {
3550 -webkit-box-flex: 0;
3551 -webkit-flex: none;
3552 -ms-flex: none;
3553 flex: none;
3554 width: 25%;
3555 }
3556 .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
3557 margin-left: 75%;
3558 }
3559 .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
3560 margin-left: 66.6666%;
3561 }
3562 .column.is-offset-half, .column.is-offset-half-tablet {
3563 margin-left: 50%;
3564 }
3565 .column.is-offset-one-third, .column.is-offset-one-third-tablet {
3566 margin-left: 33.3333%;
3567 }
3568 .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
3569 margin-left: 25%;
3570 }
3571 .column.is-1, .column.is-1-tablet {
3572 -webkit-box-flex: 0;
3573 -webkit-flex: none;
3574 -ms-flex: none;
3575 flex: none;
3576 width: 8.33333%;
3577 }
3578 .column.is-offset-1, .column.is-offset-1-tablet {
3579 margin-left: 8.33333%;
3580 }
3581 .column.is-2, .column.is-2-tablet {
3582 -webkit-box-flex: 0;
3583 -webkit-flex: none;
3584 -ms-flex: none;
3585 flex: none;
3586 width: 16.66667%;
3587 }
3588 .column.is-offset-2, .column.is-offset-2-tablet {
3589 margin-left: 16.66667%;
3590 }
3591 .column.is-3, .column.is-3-tablet {
3592 -webkit-box-flex: 0;
3593 -webkit-flex: none;
3594 -ms-flex: none;
3595 flex: none;
3596 width: 25%;
3597 }
3598 .column.is-offset-3, .column.is-offset-3-tablet {
3599 margin-left: 25%;
3600 }
3601 .column.is-4, .column.is-4-tablet {
3602 -webkit-box-flex: 0;
3603 -webkit-flex: none;
3604 -ms-flex: none;
3605 flex: none;
3606 width: 33.33333%;
3607 }
3608 .column.is-offset-4, .column.is-offset-4-tablet {
3609 margin-left: 33.33333%;
3610 }
3611 .column.is-5, .column.is-5-tablet {
3612 -webkit-box-flex: 0;
3613 -webkit-flex: none;
3614 -ms-flex: none;
3615 flex: none;
3616 width: 41.66667%;
3617 }
3618 .column.is-offset-5, .column.is-offset-5-tablet {
3619 margin-left: 41.66667%;
3620 }
3621 .column.is-6, .column.is-6-tablet {
3622 -webkit-box-flex: 0;
3623 -webkit-flex: none;
3624 -ms-flex: none;
3625 flex: none;
3626 width: 50%;
3627 }
3628 .column.is-offset-6, .column.is-offset-6-tablet {
3629 margin-left: 50%;
3630 }
3631 .column.is-7, .column.is-7-tablet {
3632 -webkit-box-flex: 0;
3633 -webkit-flex: none;
3634 -ms-flex: none;
3635 flex: none;
3636 width: 58.33333%;
3637 }
3638 .column.is-offset-7, .column.is-offset-7-tablet {
3639 margin-left: 58.33333%;
3640 }
3641 .column.is-8, .column.is-8-tablet {
3642 -webkit-box-flex: 0;
3643 -webkit-flex: none;
3644 -ms-flex: none;
3645 flex: none;
3646 width: 66.66667%;
3647 }
3648 .column.is-offset-8, .column.is-offset-8-tablet {
3649 margin-left: 66.66667%;
3650 }
3651 .column.is-9, .column.is-9-tablet {
3652 -webkit-box-flex: 0;
3653 -webkit-flex: none;
3654 -ms-flex: none;
3655 flex: none;
3656 width: 75%;
3657 }
3658 .column.is-offset-9, .column.is-offset-9-tablet {
3659 margin-left: 75%;
3660 }
3661 .column.is-10, .column.is-10-tablet {
3662 -webkit-box-flex: 0;
3663 -webkit-flex: none;
3664 -ms-flex: none;
3665 flex: none;
3666 width: 83.33333%;
3667 }
3668 .column.is-offset-10, .column.is-offset-10-tablet {
3669 margin-left: 83.33333%;
3670 }
3671 .column.is-11, .column.is-11-tablet {
3672 -webkit-box-flex: 0;
3673 -webkit-flex: none;
3674 -ms-flex: none;
3675 flex: none;
3676 width: 91.66667%;
3677 }
3678 .column.is-offset-11, .column.is-offset-11-tablet {
3679 margin-left: 91.66667%;
3680 }
3681 .column.is-12, .column.is-12-tablet {
3682 -webkit-box-flex: 0;
3683 -webkit-flex: none;
3684 -ms-flex: none;
3685 flex: none;
3686 width: 100%;
3687 }
3688 .column.is-offset-12, .column.is-offset-12-tablet {
3689 margin-left: 100%;
3690 }
3691}
3692
3693@media screen and (min-width: 980px) {
3694 .column.is-narrow-desktop {
3695 -webkit-box-flex: 0;
3696 -webkit-flex: none;
3697 -ms-flex: none;
3698 flex: none;
3699 }
3700 .column.is-full-desktop {
3701 -webkit-box-flex: 0;
3702 -webkit-flex: none;
3703 -ms-flex: none;
3704 flex: none;
3705 width: 100%;
3706 }
3707 .column.is-three-quarters-desktop {
3708 -webkit-box-flex: 0;
3709 -webkit-flex: none;
3710 -ms-flex: none;
3711 flex: none;
3712 width: 75%;
3713 }
3714 .column.is-two-thirds-desktop {
3715 -webkit-box-flex: 0;
3716 -webkit-flex: none;
3717 -ms-flex: none;
3718 flex: none;
3719 width: 66.6666%;
3720 }
3721 .column.is-half-desktop {
3722 -webkit-box-flex: 0;
3723 -webkit-flex: none;
3724 -ms-flex: none;
3725 flex: none;
3726 width: 50%;
3727 }
3728 .column.is-one-third-desktop {
3729 -webkit-box-flex: 0;
3730 -webkit-flex: none;
3731 -ms-flex: none;
3732 flex: none;
3733 width: 33.3333%;
3734 }
3735 .column.is-one-quarter-desktop {
3736 -webkit-box-flex: 0;
3737 -webkit-flex: none;
3738 -ms-flex: none;
3739 flex: none;
3740 width: 25%;
3741 }
3742 .column.is-offset-three-quarters-desktop {
3743 margin-left: 75%;
3744 }
3745 .column.is-offset-two-thirds-desktop {
3746 margin-left: 66.6666%;
3747 }
3748 .column.is-offset-half-desktop {
3749 margin-left: 50%;
3750 }
3751 .column.is-offset-one-third-desktop {
3752 margin-left: 33.3333%;
3753 }
3754 .column.is-offset-one-quarter-desktop {
3755 margin-left: 25%;
3756 }
3757 .column.is-1-desktop {
3758 -webkit-box-flex: 0;
3759 -webkit-flex: none;
3760 -ms-flex: none;
3761 flex: none;
3762 width: 8.33333%;
3763 }
3764 .column.is-offset-1-desktop {
3765 margin-left: 8.33333%;
3766 }
3767 .column.is-2-desktop {
3768 -webkit-box-flex: 0;
3769 -webkit-flex: none;
3770 -ms-flex: none;
3771 flex: none;
3772 width: 16.66667%;
3773 }
3774 .column.is-offset-2-desktop {
3775 margin-left: 16.66667%;
3776 }
3777 .column.is-3-desktop {
3778 -webkit-box-flex: 0;
3779 -webkit-flex: none;
3780 -ms-flex: none;
3781 flex: none;
3782 width: 25%;
3783 }
3784 .column.is-offset-3-desktop {
3785 margin-left: 25%;
3786 }
3787 .column.is-4-desktop {
3788 -webkit-box-flex: 0;
3789 -webkit-flex: none;
3790 -ms-flex: none;
3791 flex: none;
3792 width: 33.33333%;
3793 }
3794 .column.is-offset-4-desktop {
3795 margin-left: 33.33333%;
3796 }
3797 .column.is-5-desktop {
3798 -webkit-box-flex: 0;
3799 -webkit-flex: none;
3800 -ms-flex: none;
3801 flex: none;
3802 width: 41.66667%;
3803 }
3804 .column.is-offset-5-desktop {
3805 margin-left: 41.66667%;
3806 }
3807 .column.is-6-desktop {
3808 -webkit-box-flex: 0;
3809 -webkit-flex: none;
3810 -ms-flex: none;
3811 flex: none;
3812 width: 50%;
3813 }
3814 .column.is-offset-6-desktop {
3815 margin-left: 50%;
3816 }
3817 .column.is-7-desktop {
3818 -webkit-box-flex: 0;
3819 -webkit-flex: none;
3820 -ms-flex: none;
3821 flex: none;
3822 width: 58.33333%;
3823 }
3824 .column.is-offset-7-desktop {
3825 margin-left: 58.33333%;
3826 }
3827 .column.is-8-desktop {
3828 -webkit-box-flex: 0;
3829 -webkit-flex: none;
3830 -ms-flex: none;
3831 flex: none;
3832 width: 66.66667%;
3833 }
3834 .column.is-offset-8-desktop {
3835 margin-left: 66.66667%;
3836 }
3837 .column.is-9-desktop {
3838 -webkit-box-flex: 0;
3839 -webkit-flex: none;
3840 -ms-flex: none;
3841 flex: none;
3842 width: 75%;
3843 }
3844 .column.is-offset-9-desktop {
3845 margin-left: 75%;
3846 }
3847 .column.is-10-desktop {
3848 -webkit-box-flex: 0;
3849 -webkit-flex: none;
3850 -ms-flex: none;
3851 flex: none;
3852 width: 83.33333%;
3853 }
3854 .column.is-offset-10-desktop {
3855 margin-left: 83.33333%;
3856 }
3857 .column.is-11-desktop {
3858 -webkit-box-flex: 0;
3859 -webkit-flex: none;
3860 -ms-flex: none;
3861 flex: none;
3862 width: 91.66667%;
3863 }
3864 .column.is-offset-11-desktop {
3865 margin-left: 91.66667%;
3866 }
3867 .column.is-12-desktop {
3868 -webkit-box-flex: 0;
3869 -webkit-flex: none;
3870 -ms-flex: none;
3871 flex: none;
3872 width: 100%;
3873 }
3874 .column.is-offset-12-desktop {
3875 margin-left: 100%;
3876 }
3877}
3878
3879@media screen and (min-width: 1180px) {
3880 .column.is-narrow-widescreen {
3881 -webkit-box-flex: 0;
3882 -webkit-flex: none;
3883 -ms-flex: none;
3884 flex: none;
3885 }
3886 .column.is-full-widescreen {
3887 -webkit-box-flex: 0;
3888 -webkit-flex: none;
3889 -ms-flex: none;
3890 flex: none;
3891 width: 100%;
3892 }
3893 .column.is-three-quarters-widescreen {
3894 -webkit-box-flex: 0;
3895 -webkit-flex: none;
3896 -ms-flex: none;
3897 flex: none;
3898 width: 75%;
3899 }
3900 .column.is-two-thirds-widescreen {
3901 -webkit-box-flex: 0;
3902 -webkit-flex: none;
3903 -ms-flex: none;
3904 flex: none;
3905 width: 66.6666%;
3906 }
3907 .column.is-half-widescreen {
3908 -webkit-box-flex: 0;
3909 -webkit-flex: none;
3910 -ms-flex: none;
3911 flex: none;
3912 width: 50%;
3913 }
3914 .column.is-one-third-widescreen {
3915 -webkit-box-flex: 0;
3916 -webkit-flex: none;
3917 -ms-flex: none;
3918 flex: none;
3919 width: 33.3333%;
3920 }
3921 .column.is-one-quarter-widescreen {
3922 -webkit-box-flex: 0;
3923 -webkit-flex: none;
3924 -ms-flex: none;
3925 flex: none;
3926 width: 25%;
3927 }
3928 .column.is-offset-three-quarters-widescreen {
3929 margin-left: 75%;
3930 }
3931 .column.is-offset-two-thirds-widescreen {
3932 margin-left: 66.6666%;
3933 }
3934 .column.is-offset-half-widescreen {
3935 margin-left: 50%;
3936 }
3937 .column.is-offset-one-third-widescreen {
3938 margin-left: 33.3333%;
3939 }
3940 .column.is-offset-one-quarter-widescreen {
3941 margin-left: 25%;
3942 }
3943 .column.is-1-widescreen {
3944 -webkit-box-flex: 0;
3945 -webkit-flex: none;
3946 -ms-flex: none;
3947 flex: none;
3948 width: 8.33333%;
3949 }
3950 .column.is-offset-1-widescreen {
3951 margin-left: 8.33333%;
3952 }
3953 .column.is-2-widescreen {
3954 -webkit-box-flex: 0;
3955 -webkit-flex: none;
3956 -ms-flex: none;
3957 flex: none;
3958 width: 16.66667%;
3959 }
3960 .column.is-offset-2-widescreen {
3961 margin-left: 16.66667%;
3962 }
3963 .column.is-3-widescreen {
3964 -webkit-box-flex: 0;
3965 -webkit-flex: none;
3966 -ms-flex: none;
3967 flex: none;
3968 width: 25%;
3969 }
3970 .column.is-offset-3-widescreen {
3971 margin-left: 25%;
3972 }
3973 .column.is-4-widescreen {
3974 -webkit-box-flex: 0;
3975 -webkit-flex: none;
3976 -ms-flex: none;
3977 flex: none;
3978 width: 33.33333%;
3979 }
3980 .column.is-offset-4-widescreen {
3981 margin-left: 33.33333%;
3982 }
3983 .column.is-5-widescreen {
3984 -webkit-box-flex: 0;
3985 -webkit-flex: none;
3986 -ms-flex: none;
3987 flex: none;
3988 width: 41.66667%;
3989 }
3990 .column.is-offset-5-widescreen {
3991 margin-left: 41.66667%;
3992 }
3993 .column.is-6-widescreen {
3994 -webkit-box-flex: 0;
3995 -webkit-flex: none;
3996 -ms-flex: none;
3997 flex: none;
3998 width: 50%;
3999 }
4000 .column.is-offset-6-widescreen {
4001 margin-left: 50%;
4002 }
4003 .column.is-7-widescreen {
4004 -webkit-box-flex: 0;
4005 -webkit-flex: none;
4006 -ms-flex: none;
4007 flex: none;
4008 width: 58.33333%;
4009 }
4010 .column.is-offset-7-widescreen {
4011 margin-left: 58.33333%;
4012 }
4013 .column.is-8-widescreen {
4014 -webkit-box-flex: 0;
4015 -webkit-flex: none;
4016 -ms-flex: none;
4017 flex: none;
4018 width: 66.66667%;
4019 }
4020 .column.is-offset-8-widescreen {
4021 margin-left: 66.66667%;
4022 }
4023 .column.is-9-widescreen {
4024 -webkit-box-flex: 0;
4025 -webkit-flex: none;
4026 -ms-flex: none;
4027 flex: none;
4028 width: 75%;
4029 }
4030 .column.is-offset-9-widescreen {
4031 margin-left: 75%;
4032 }
4033 .column.is-10-widescreen {
4034 -webkit-box-flex: 0;
4035 -webkit-flex: none;
4036 -ms-flex: none;
4037 flex: none;
4038 width: 83.33333%;
4039 }
4040 .column.is-offset-10-widescreen {
4041 margin-left: 83.33333%;
4042 }
4043 .column.is-11-widescreen {
4044 -webkit-box-flex: 0;
4045 -webkit-flex: none;
4046 -ms-flex: none;
4047 flex: none;
4048 width: 91.66667%;
4049 }
4050 .column.is-offset-11-widescreen {
4051 margin-left: 91.66667%;
4052 }
4053 .column.is-12-widescreen {
4054 -webkit-box-flex: 0;
4055 -webkit-flex: none;
4056 -ms-flex: none;
4057 flex: none;
4058 width: 100%;
4059 }
4060 .column.is-offset-12-widescreen {
4061 margin-left: 100%;
4062 }
4063}
4064
4065.columns {
4066 margin-left: -10px;
4067 margin-right: -10px;
4068 margin-top: -10px;
4069}
4070
4071.columns:last-child {
4072 margin-bottom: -10px;
4073}
4074
4075.columns:not(:last-child) {
4076 margin-bottom: 10px;
4077}
4078
4079.columns.is-centered {
4080 -webkit-box-pack: center;
4081 -webkit-justify-content: center;
4082 -ms-flex-pack: center;
4083 justify-content: center;
4084}
4085
4086.columns.is-gapless {
4087 margin-left: 0;
4088 margin-right: 0;
4089 margin-top: 0;
4090}
4091
4092.columns.is-gapless:last-child {
4093 margin-bottom: 0;
4094}
4095
4096.columns.is-gapless:not(:last-child) {
4097 margin-bottom: 20px;
4098}
4099
4100.columns.is-gapless > .column {
4101 margin: 0;
4102 padding: 0;
4103}
4104
4105@media screen and (min-width: 769px) {
4106 .columns.is-grid {
4107 -webkit-flex-wrap: wrap;
4108 -ms-flex-wrap: wrap;
4109 flex-wrap: wrap;
4110 }
4111 .columns.is-grid > .column {
4112 -webkit-flex-basis: 33.3333%;
4113 -ms-flex-preferred-size: 33.3333%;
4114 flex-basis: 33.3333%;
4115 max-width: 33.3333%;
4116 padding: 10px;
4117 width: 33.3333%;
4118 }
4119 .columns.is-grid > .column + .column {
4120 margin-left: 0;
4121 }
4122}
4123
4124.columns.is-mobile {
4125 display: -webkit-box;
4126 display: -webkit-flex;
4127 display: -ms-flexbox;
4128 display: flex;
4129}
4130
4131.columns.is-multiline {
4132 -webkit-flex-wrap: wrap;
4133 -ms-flex-wrap: wrap;
4134 flex-wrap: wrap;
4135}
4136
4137.columns.is-vcentered {
4138 -webkit-box-align: center;
4139 -webkit-align-items: center;
4140 -ms-flex-align: center;
4141 -ms-grid-row-align: center;
4142 align-items: center;
4143}
4144
4145@media screen and (min-width: 769px) {
4146 .columns:not(.is-desktop) {
4147 display: -webkit-box;
4148 display: -webkit-flex;
4149 display: -ms-flexbox;
4150 display: flex;
4151 }
4152}
4153
4154@media screen and (min-width: 980px) {
4155 .columns.is-desktop {
4156 display: -webkit-box;
4157 display: -webkit-flex;
4158 display: -ms-flexbox;
4159 display: flex;
4160 }
4161}
4162
4163.tile {
4164 -webkit-box-align: stretch;
4165 -webkit-align-items: stretch;
4166 -ms-flex-align: stretch;
4167 -ms-grid-row-align: stretch;
4168 align-items: stretch;
4169 -webkit-box-flex: 1;
4170 -webkit-flex: 1;
4171 -ms-flex: 1;
4172 flex: 1;
4173}
4174
4175.tile.is-ancestor {
4176 margin-left: -10px;
4177 margin-right: -10px;
4178 margin-top: -10px;
4179}
4180
4181.tile.is-ancestor:last-child {
4182 margin-bottom: -10px;
4183}
4184
4185.tile.is-ancestor:not(:last-child) {
4186 margin-bottom: 10px;
4187}
4188
4189.tile.is-child {
4190 margin: 0 !important;
4191}
4192
4193.tile.is-parent {
4194 padding: 10px;
4195}
4196
4197.tile.is-vertical {
4198 -webkit-box-orient: vertical;
4199 -webkit-box-direction: normal;
4200 -webkit-flex-direction: column;
4201 -ms-flex-direction: column;
4202 flex-direction: column;
4203}
4204
4205.tile.is-vertical > .tile.is-child:not(:last-child) {
4206 margin-bottom: 20px !important;
4207}
4208
4209@media screen and (min-width: 769px) {
4210 .tile:not(.is-child) {
4211 display: -webkit-box;
4212 display: -webkit-flex;
4213 display: -ms-flexbox;
4214 display: flex;
4215 }
4216 .tile.is-1 {
4217 -webkit-box-flex: 0;
4218 -webkit-flex: none;
4219 -ms-flex: none;
4220 flex: none;
4221 width: 8.33333%;
4222 }
4223 .tile.is-2 {
4224 -webkit-box-flex: 0;
4225 -webkit-flex: none;
4226 -ms-flex: none;
4227 flex: none;
4228 width: 16.66667%;
4229 }
4230 .tile.is-3 {
4231 -webkit-box-flex: 0;
4232 -webkit-flex: none;
4233 -ms-flex: none;
4234 flex: none;
4235 width: 25%;
4236 }
4237 .tile.is-4 {
4238 -webkit-box-flex: 0;
4239 -webkit-flex: none;
4240 -ms-flex: none;
4241 flex: none;
4242 width: 33.33333%;
4243 }
4244 .tile.is-5 {
4245 -webkit-box-flex: 0;
4246 -webkit-flex: none;
4247 -ms-flex: none;
4248 flex: none;
4249 width: 41.66667%;
4250 }
4251 .tile.is-6 {
4252 -webkit-box-flex: 0;
4253 -webkit-flex: none;
4254 -ms-flex: none;
4255 flex: none;
4256 width: 50%;
4257 }
4258 .tile.is-7 {
4259 -webkit-box-flex: 0;
4260 -webkit-flex: none;
4261 -ms-flex: none;
4262 flex: none;
4263 width: 58.33333%;
4264 }
4265 .tile.is-8 {
4266 -webkit-box-flex: 0;
4267 -webkit-flex: none;
4268 -ms-flex: none;
4269 flex: none;
4270 width: 66.66667%;
4271 }
4272 .tile.is-9 {
4273 -webkit-box-flex: 0;
4274 -webkit-flex: none;
4275 -ms-flex: none;
4276 flex: none;
4277 width: 75%;
4278 }
4279 .tile.is-10 {
4280 -webkit-box-flex: 0;
4281 -webkit-flex: none;
4282 -ms-flex: none;
4283 flex: none;
4284 width: 83.33333%;
4285 }
4286 .tile.is-11 {
4287 -webkit-box-flex: 0;
4288 -webkit-flex: none;
4289 -ms-flex: none;
4290 flex: none;
4291 width: 91.66667%;
4292 }
4293 .tile.is-12 {
4294 -webkit-box-flex: 0;
4295 -webkit-flex: none;
4296 -ms-flex: none;
4297 flex: none;
4298 width: 100%;
4299 }
4300}
4301
4302.highlight {
4303 background-color: #fdf6e3;
4304 color: #586e75;
4305}
4306
4307.highlight .c {
4308 color: #93a1a1;
4309}
4310
4311.highlight .err,
4312.highlight .g {
4313 color: #586e75;
4314}
4315
4316.highlight .k {
4317 color: #859900;
4318}
4319
4320.highlight .l,
4321.highlight .n {
4322 color: #586e75;
4323}
4324
4325.highlight .o {
4326 color: #859900;
4327}
4328
4329.highlight .x {
4330 color: #cb4b16;
4331}
4332
4333.highlight .p {
4334 color: #586e75;
4335}
4336
4337.highlight .cm {
4338 color: #93a1a1;
4339}
4340
4341.highlight .cp {
4342 color: #859900;
4343}
4344
4345.highlight .c1 {
4346 color: #93a1a1;
4347}
4348
4349.highlight .cs {
4350 color: #859900;
4351}
4352
4353.highlight .gd {
4354 color: #2aa198;
4355}
4356
4357.highlight .ge {
4358 color: #586e75;
4359 font-style: italic;
4360}
4361
4362.highlight .gr {
4363 color: #dc322f;
4364}
4365
4366.highlight .gh {
4367 color: #cb4b16;
4368}
4369
4370.highlight .gi {
4371 color: #859900;
4372}
4373
4374.highlight .go,
4375.highlight .gp {
4376 color: #586e75;
4377}
4378
4379.highlight .gs {
4380 color: #586e75;
4381 font-weight: bold;
4382}
4383
4384.highlight .gu {
4385 color: #cb4b16;
4386}
4387
4388.highlight .gt {
4389 color: #586e75;
4390}
4391
4392.highlight .kc {
4393 color: #cb4b16;
4394}
4395
4396.highlight .kd {
4397 color: #268bd2;
4398}
4399
4400.highlight .kn,
4401.highlight .kp {
4402 color: #859900;
4403}
4404
4405.highlight .kr {
4406 color: #268bd2;
4407}
4408
4409.highlight .kt {
4410 color: #dc322f;
4411}
4412
4413.highlight .ld {
4414 color: #586e75;
4415}
4416
4417.highlight .m,
4418.highlight .s {
4419 color: #2aa198;
4420}
4421
4422.highlight .na {
4423 color: #B58900;
4424}
4425
4426.highlight .nb {
4427 color: #586e75;
4428}
4429
4430.highlight .nc {
4431 color: #268bd2;
4432}
4433
4434.highlight .no {
4435 color: #cb4b16;
4436}
4437
4438.highlight .nd {
4439 color: #268bd2;
4440}
4441
4442.highlight .ni,
4443.highlight .ne {
4444 color: #cb4b16;
4445}
4446
4447.highlight .nf {
4448 color: #268bd2;
4449}
4450
4451.highlight .nl,
4452.highlight .nn,
4453.highlight .nx,
4454.highlight .py {
4455 color: #586e75;
4456}
4457
4458.highlight .nt,
4459.highlight .nv {
4460 color: #268bd2;
4461}
4462
4463.highlight .ow {
4464 color: #859900;
4465}
4466
4467.highlight .w {
4468 color: #586e75;
4469}
4470
4471.highlight .mf,
4472.highlight .mh,
4473.highlight .mi,
4474.highlight .mo {
4475 color: #2aa198;
4476}
4477
4478.highlight .sb {
4479 color: #93a1a1;
4480}
4481
4482.highlight .sc {
4483 color: #2aa198;
4484}
4485
4486.highlight .sd {
4487 color: #586e75;
4488}
4489
4490.highlight .s2 {
4491 color: #2aa198;
4492}
4493
4494.highlight .se {
4495 color: #cb4b16;
4496}
4497
4498.highlight .sh {
4499 color: #586e75;
4500}
4501
4502.highlight .si,
4503.highlight .sx {
4504 color: #2aa198;
4505}
4506
4507.highlight .sr {
4508 color: #dc322f;
4509}
4510
4511.highlight .s1,
4512.highlight .ss {
4513 color: #2aa198;
4514}
4515
4516.highlight .bp,
4517.highlight .vc,
4518.highlight .vg,
4519.highlight .vi {
4520 color: #268bd2;
4521}
4522
4523.highlight .il {
4524 color: #2aa198;
4525}
4526
4527.level-item .title,
4528.level-item .subtitle {
4529 margin-bottom: 0;
4530}
4531
4532@media screen and (max-width: 768px) {
4533 .level-item:not(:last-child) {
4534 margin-bottom: 10px;
4535 }
4536}
4537
4538.level-left .level-item:not(:last-child),
4539.level-right .level-item:not(:last-child) {
4540 margin-right: 10px;
4541}
4542
4543.level-left .level-item.is-flexible,
4544.level-right .level-item.is-flexible {
4545 -webkit-box-flex: 1;
4546 -webkit-flex: 1;
4547 -ms-flex: 1;
4548 flex: 1;
4549}
4550
4551@media screen and (max-width: 768px) {
4552 .level-left + .level-right {
4553 margin-top: 20px;
4554 }
4555}
4556
4557@media screen and (min-width: 769px) {
4558 .level-left {
4559 -webkit-box-align: center;
4560 -webkit-align-items: center;
4561 -ms-flex-align: center;
4562 align-items: center;
4563 display: -webkit-box;
4564 display: -webkit-flex;
4565 display: -ms-flexbox;
4566 display: flex;
4567 }
4568}
4569
4570@media screen and (min-width: 769px) {
4571 .level-right {
4572 -webkit-box-align: center;
4573 -webkit-align-items: center;
4574 -ms-flex-align: center;
4575 align-items: center;
4576 display: -webkit-box;
4577 display: -webkit-flex;
4578 display: -ms-flexbox;
4579 display: flex;
4580 -webkit-box-pack: end;
4581 -webkit-justify-content: flex-end;
4582 -ms-flex-pack: end;
4583 justify-content: flex-end;
4584 }
4585}
4586
4587.level {
4588 -webkit-box-align: center;
4589 -webkit-align-items: center;
4590 -ms-flex-align: center;
4591 -ms-grid-row-align: center;
4592 align-items: center;
4593 -webkit-box-pack: justify;
4594 -webkit-justify-content: space-between;
4595 -ms-flex-pack: justify;
4596 justify-content: space-between;
4597}
4598
4599.level code {
4600 border-radius: 3px;
4601}
4602
4603.level img {
4604 display: inline-block;
4605 vertical-align: top;
4606}
4607
4608.level.is-mobile {
4609 display: -webkit-box;
4610 display: -webkit-flex;
4611 display: -ms-flexbox;
4612 display: flex;
4613}
4614
4615.level.is-mobile > .level-item:not(:last-child) {
4616 margin-bottom: 0;
4617}
4618
4619.level.is-mobile > .level-item:not(.is-narrow) {
4620 -webkit-box-flex: 1;
4621 -webkit-flex: 1;
4622 -ms-flex: 1;
4623 flex: 1;
4624}
4625
4626@media screen and (min-width: 769px) {
4627 .level {
4628 display: -webkit-box;
4629 display: -webkit-flex;
4630 display: -ms-flexbox;
4631 display: flex;
4632 }
4633 .level > .level-item:not(.is-narrow) {
4634 -webkit-box-flex: 1;
4635 -webkit-flex: 1;
4636 -ms-flex: 1;
4637 flex: 1;
4638 }
4639}
4640
4641.media-number {
4642 background: #f5f7fa;
4643 border-radius: 290486px;
4644 display: inline-block;
4645 font-size: 18px;
4646 height: 32px;
4647 line-height: 24px;
4648 min-width: 32px;
4649 padding: 4px 8px;
4650 text-align: center;
4651 vertical-align: top;
4652}
4653
4654@media screen and (max-width: 768px) {
4655 .media-number {
4656 margin-bottom: 10px;
4657 }
4658}
4659
4660@media screen and (min-width: 769px) {
4661 .media-number {
4662 margin-right: 10px;
4663 }
4664}
4665
4666.media-left {
4667 margin-right: 10px;
4668}
4669
4670.media-right {
4671 margin-left: 10px;
4672}
4673
4674.media-content {
4675 -webkit-box-flex: 1;
4676 -webkit-flex: 1;
4677 -ms-flex: 1;
4678 flex: 1;
4679 text-align: left;
4680}
4681
4682.media {
4683 -webkit-box-align: start;
4684 -webkit-align-items: flex-start;
4685 -ms-flex-align: start;
4686 align-items: flex-start;
4687 display: -webkit-box;
4688 display: -webkit-flex;
4689 display: -ms-flexbox;
4690 display: flex;
4691 text-align: left;
4692}
4693
4694.media .content:not(:last-child) {
4695 margin-bottom: 10px;
4696}
4697
4698.media .media {
4699 border-top: 1px solid rgba(211, 214, 219, 0.5);
4700 display: -webkit-box;
4701 display: -webkit-flex;
4702 display: -ms-flexbox;
4703 display: flex;
4704 padding-top: 10px;
4705}
4706
4707.media .media .content:not(:last-child),
4708.media .media .control:not(:last-child) {
4709 margin-bottom: 5px;
4710}
4711
4712.media .media .media {
4713 padding-top: 5px;
4714}
4715
4716.media .media .media + .media {
4717 margin-top: 5px;
4718}
4719
4720.media + .media {
4721 border-top: 1px solid rgba(211, 214, 219, 0.5);
4722 margin-top: 10px;
4723 padding-top: 10px;
4724}
4725
4726.media.is-large + .media {
4727 margin-top: 20px;
4728 padding-top: 20px;
4729}
4730
4731@media screen and (min-width: 769px) {
4732 .media.is-large .media-number {
4733 margin-right: 20px;
4734 }
4735}
4736
4737.menu-nav a {
4738 display: block;
4739 padding: 5px 10px;
4740}
4741
4742.menu-list a {
4743 border-radius: 2px;
4744 color: #69707a;
4745 display: block;
4746 padding: 5px 10px;
4747}
4748
4749.menu-list a:hover {
4750 background: #f5f7fa;
4751 color: #1fc8db;
4752}
4753
4754.menu-list a.is-active {
4755 background: #1fc8db;
4756 color: white;
4757}
4758
4759.menu-list li ul {
4760 border-left: 1px solid #d3d6db;
4761 margin: 10px;
4762 padding-left: 10px;
4763}
4764
4765.menu-label {
4766 color: #aeb1b5;
4767 font-size: 11px;
4768 letter-spacing: 1px;
4769 margin-bottom: 5px;
4770 text-transform: uppercase;
4771}
4772
4773.menu-label:not(:first-child) {
4774 margin-top: 20px;
4775}
4776
4777.message-body {
4778 border: 1px solid #d3d6db;
4779 border-radius: 3px;
4780 padding: 12px 15px;
4781}
4782
4783.message-body strong {
4784 color: inherit;
4785}
4786
4787.message-header {
4788 background: #69707a;
4789 border-radius: 3px 3px 0 0;
4790 color: white;
4791 padding: 7px 10px;
4792}
4793
4794.message-header strong {
4795 color: inherit;
4796}
4797
4798.message-header + .message-body {
4799 border-radius: 0 0 3px 3px;
4800 border-top: none;
4801}
4802
4803.message {
4804 background: #f5f7fa;
4805 border-radius: 3px;
4806}
4807
4808.message.is-white {
4809 background: white;
4810}
4811
4812.message.is-white .message-header {
4813 background: #fff;
4814 color: #111;
4815}
4816
4817.message.is-white .message-body {
4818 border-color: #fff;
4819 color: #666666;
4820}
4821
4822.message.is-black {
4823 background: whitesmoke;
4824}
4825
4826.message.is-black .message-header {
4827 background: #111;
4828 color: #fff;
4829}
4830
4831.message.is-black .message-body {
4832 border-color: #111;
4833 color: gray;
4834}
4835
4836.message.is-light {
4837 background: #f5f7fa;
4838}
4839
4840.message.is-light .message-header {
4841 background: #f5f7fa;
4842 color: #69707a;
4843}
4844
4845.message.is-light .message-body {
4846 border-color: #f5f7fa;
4847 color: #666666;
4848}
4849
4850.message.is-dark {
4851 background: #f4f5f6;
4852}
4853
4854.message.is-dark .message-header {
4855 background: #69707a;
4856 color: #f5f7fa;
4857}
4858
4859.message.is-dark .message-body {
4860 border-color: #69707a;
4861 color: gray;
4862}
4863
4864.message.is-primary {
4865 background: #edfbfc;
4866}
4867
4868.message.is-primary .message-header {
4869 background: #1fc8db;
4870 color: white;
4871}
4872
4873.message.is-primary .message-body {
4874 border-color: #1fc8db;
4875 color: gray;
4876}
4877
4878.message.is-info {
4879 background: #edf7fc;
4880}
4881
4882.message.is-info .message-header {
4883 background: #42afe3;
4884 color: white;
4885}
4886
4887.message.is-info .message-body {
4888 border-color: #42afe3;
4889 color: gray;
4890}
4891
4892.message.is-success {
4893 background: #f4faf0;
4894}
4895
4896.message.is-success .message-header {
4897 background: #97cd76;
4898 color: white;
4899}
4900
4901.message.is-success .message-body {
4902 border-color: #97cd76;
4903 color: gray;
4904}
4905
4906.message.is-warning {
4907 background: #fffbeb;
4908}
4909
4910.message.is-warning .message-header {
4911 background: #fce473;
4912 color: rgba(17, 17, 17, 0.5);
4913}
4914
4915.message.is-warning .message-body {
4916 border-color: #fce473;
4917 color: #666666;
4918}
4919
4920.message.is-danger {
4921 background: #fdeeed;
4922}
4923
4924.message.is-danger .message-header {
4925 background: #ed6c63;
4926 color: white;
4927}
4928
4929.message.is-danger .message-body {
4930 border-color: #ed6c63;
4931 color: gray;
4932}
4933
4934.modal-background {
4935 bottom: 0;
4936 left: 0;
4937 position: absolute;
4938 right: 0;
4939 top: 0;
4940 background: rgba(17, 17, 17, 0.86);
4941}
4942
4943.modal-content, .modal-card {
4944 margin: 0 20px;
4945 max-height: calc(100vh - 160px);
4946 overflow: auto;
4947 position: relative;
4948 width: 100%;
4949}
4950
4951@media screen and (min-width: 769px) {
4952 .modal-content, .modal-card {
4953 margin: 0 auto;
4954 max-height: calc(100vh - 40px);
4955 width: 640px;
4956 }
4957}
4958
4959.modal-close {
4960 background: none;
4961 height: 40px;
4962 position: fixed;
4963 right: 20px;
4964 top: 20px;
4965 width: 40px;
4966}
4967
4968.modal-card {
4969 background: #fff;
4970 border-radius: 5px;
4971 display: -webkit-box;
4972 display: -webkit-flex;
4973 display: -ms-flexbox;
4974 display: flex;
4975 -webkit-box-orient: vertical;
4976 -webkit-box-direction: normal;
4977 -webkit-flex-direction: column;
4978 -ms-flex-direction: column;
4979 flex-direction: column;
4980 max-height: calc(100vh - 40px);
4981 overflow: hidden;
4982}
4983
4984.modal-card-head,
4985.modal-card-foot {
4986 -webkit-box-align: center;
4987 -webkit-align-items: center;
4988 -ms-flex-align: center;
4989 align-items: center;
4990 background: #f5f7fa;
4991 display: -webkit-box;
4992 display: -webkit-flex;
4993 display: -ms-flexbox;
4994 display: flex;
4995 -webkit-flex-shrink: 0;
4996 -ms-flex-negative: 0;
4997 flex-shrink: 0;
4998 -webkit-box-pack: start;
4999 -webkit-justify-content: flex-start;
5000 -ms-flex-pack: start;
5001 justify-content: flex-start;
5002 padding: 20px;
5003 position: relative;
5004}
5005
5006.modal-card-head {
5007 border-bottom: 1px solid #d3d6db;
5008}
5009
5010.modal-card-title {
5011 color: #222324;
5012 -webkit-box-flex: 1;
5013 -webkit-flex: 1;
5014 -ms-flex: 1;
5015 flex: 1;
5016 font-size: 24px;
5017 line-height: 1;
5018}
5019
5020.modal-card-foot {
5021 border-top: 1px solid #d3d6db;
5022}
5023
5024.modal-card-foot .button:not(:last-child) {
5025 margin-right: 10px;
5026}
5027
5028.modal-card-body {
5029 -webkit-box-flex: 1;
5030 -webkit-flex: 1;
5031 -ms-flex: 1;
5032 flex: 1;
5033 overflow: auto;
5034 padding: 20px;
5035}
5036
5037.modal {
5038 bottom: 0;
5039 left: 0;
5040 position: absolute;
5041 right: 0;
5042 top: 0;
5043 -webkit-box-align: center;
5044 -webkit-align-items: center;
5045 -ms-flex-align: center;
5046 -ms-grid-row-align: center;
5047 align-items: center;
5048 display: none;
5049 -webkit-box-pack: center;
5050 -webkit-justify-content: center;
5051 -ms-flex-pack: center;
5052 justify-content: center;
5053 overflow: hidden;
5054 position: fixed;
5055 z-index: 1986;
5056}
5057
5058.modal.is-active {
5059 display: -webkit-box;
5060 display: -webkit-flex;
5061 display: -ms-flexbox;
5062 display: flex;
5063}
5064
5065@media screen and (min-width: 769px) {
5066 .nav-toggle {
5067 display: none;
5068 }
5069}
5070
5071.nav-item {
5072 -webkit-box-align: center;
5073 -webkit-align-items: center;
5074 -ms-flex-align: center;
5075 align-items: center;
5076 display: -webkit-box;
5077 display: -webkit-flex;
5078 display: -ms-flexbox;
5079 display: flex;
5080 -webkit-box-pack: center;
5081 -webkit-justify-content: center;
5082 -ms-flex-pack: center;
5083 justify-content: center;
5084 padding: 10px;
5085}
5086
5087.nav-item a {
5088 -webkit-box-flex: 1;
5089 -webkit-flex-grow: 1;
5090 -ms-flex-positive: 1;
5091 flex-grow: 1;
5092}
5093
5094.nav-item img {
5095 max-height: 24px;
5096}
5097
5098.nav-item .button + .button {
5099 margin-left: 10px;
5100}
5101
5102.nav-item .tag:first-child {
5103 margin-right: 5px;
5104}
5105
5106.nav-item .tag:last-child {
5107 margin-left: 5px;
5108}
5109
5110@media screen and (max-width: 768px) {
5111 .nav-item {
5112 -webkit-box-pack: start;
5113 -webkit-justify-content: flex-start;
5114 -ms-flex-pack: start;
5115 justify-content: flex-start;
5116 }
5117}
5118
5119.nav-item a,
5120a.nav-item {
5121 color: #69707a;
5122}
5123
5124.nav-item a:hover,
5125a.nav-item:hover {
5126 color: #222324;
5127}
5128
5129.nav-item a.is-active,
5130a.nav-item.is-active {
5131 color: #222324;
5132}
5133
5134.nav-item a.is-tab,
5135a.nav-item.is-tab {
5136 border-bottom: 1px solid transparent;
5137 border-top: 1px solid transparent;
5138 padding-left: 12px;
5139 padding-right: 12px;
5140}
5141
5142.nav-item a.is-tab:hover,
5143a.nav-item.is-tab:hover {
5144 border-bottom: 1px solid #1fc8db;
5145 border-top: 1px solid transparent;
5146}
5147
5148.nav-item a.is-tab.is-active,
5149a.nav-item.is-tab.is-active {
5150 border-bottom: 3px solid #1fc8db;
5151 border-top: 3px solid transparent;
5152 color: #1fc8db;
5153}
5154
5155@media screen and (max-width: 768px) {
5156 .nav-menu {
5157 background: #fff;
5158 box-shadow: 0 4px 7px rgba(17, 17, 17, 0.1);
5159 left: 0;
5160 display: none;
5161 right: 0;
5162 top: 100%;
5163 position: absolute;
5164 }
5165 .nav-menu .nav-item {
5166 border-top: 1px solid rgba(211, 214, 219, 0.5);
5167 padding: 10px;
5168 }
5169 .nav-menu.is-active {
5170 display: block;
5171 }
5172}
5173
5174.nav-left {
5175 -webkit-box-align: stretch;
5176 -webkit-align-items: stretch;
5177 -ms-flex-align: stretch;
5178 align-items: stretch;
5179 display: -webkit-box;
5180 display: -webkit-flex;
5181 display: -ms-flexbox;
5182 display: flex;
5183 -webkit-box-flex: 1;
5184 -webkit-flex: 1;
5185 -ms-flex: 1;
5186 flex: 1;
5187 -webkit-box-pack: start;
5188 -webkit-justify-content: flex-start;
5189 -ms-flex-pack: start;
5190 justify-content: flex-start;
5191 overflow: hidden;
5192 overflow-x: auto;
5193 white-space: nowrap;
5194}
5195
5196.nav-center {
5197 -webkit-box-align: stretch;
5198 -webkit-align-items: stretch;
5199 -ms-flex-align: stretch;
5200 align-items: stretch;
5201 display: -webkit-box;
5202 display: -webkit-flex;
5203 display: -ms-flexbox;
5204 display: flex;
5205 -webkit-box-pack: center;
5206 -webkit-justify-content: center;
5207 -ms-flex-pack: center;
5208 justify-content: center;
5209}
5210
5211@media screen and (min-width: 769px) {
5212 .nav-right {
5213 -webkit-box-align: stretch;
5214 -webkit-align-items: stretch;
5215 -ms-flex-align: stretch;
5216 align-items: stretch;
5217 display: -webkit-box;
5218 display: -webkit-flex;
5219 display: -ms-flexbox;
5220 display: flex;
5221 -webkit-box-flex: 1;
5222 -webkit-flex: 1;
5223 -ms-flex: 1;
5224 flex: 1;
5225 -webkit-box-pack: end;
5226 -webkit-justify-content: flex-end;
5227 -ms-flex-pack: end;
5228 justify-content: flex-end;
5229 }
5230}
5231
5232.nav {
5233 -webkit-box-align: stretch;
5234 -webkit-align-items: stretch;
5235 -ms-flex-align: stretch;
5236 align-items: stretch;
5237 background: #fff;
5238 display: -webkit-box;
5239 display: -webkit-flex;
5240 display: -ms-flexbox;
5241 display: flex;
5242 min-height: 50px;
5243 position: relative;
5244 text-align: center;
5245 z-index: 2;
5246}
5247
5248.nav > .container {
5249 -webkit-box-align: stretch;
5250 -webkit-align-items: stretch;
5251 -ms-flex-align: stretch;
5252 align-items: stretch;
5253 display: -webkit-box;
5254 display: -webkit-flex;
5255 display: -ms-flexbox;
5256 display: flex;
5257 min-height: 50px;
5258 width: 100%;
5259}
5260
5261.nav > .container > .nav-left > .nav-item:first-child:not(.is-tab) {
5262 padding-left: 0;
5263}
5264
5265.nav > .container > .nav-right > .nav-item:last-child:not(.is-tab) {
5266 padding-right: 0;
5267}
5268
5269.container > .nav > .nav-left > .nav-item:first-child:not(.is-tab) {
5270 padding-left: 0;
5271}
5272
5273.container > .nav > .nav-right > .nav-item:last-child:not(.is-tab) {
5274 padding-right: 0;
5275}
5276
5277.nav.has-shadow {
5278 box-shadow: 0 2px 3px rgba(17, 17, 17, 0.1);
5279}
5280
5281.pagination {
5282 -webkit-box-align: center;
5283 -webkit-align-items: center;
5284 -ms-flex-align: center;
5285 align-items: center;
5286 display: -webkit-box;
5287 display: -webkit-flex;
5288 display: -ms-flexbox;
5289 display: flex;
5290 -webkit-box-pack: center;
5291 -webkit-justify-content: center;
5292 -ms-flex-pack: center;
5293 justify-content: center;
5294 text-align: center;
5295}
5296
5297.pagination a {
5298 display: block;
5299 min-width: 32px;
5300 padding: 3px 8px;
5301}
5302
5303.pagination span {
5304 color: #aeb1b5;
5305 display: block;
5306 margin: 0 4px;
5307}
5308
5309.pagination li {
5310 margin: 0 2px;
5311}
5312
5313.pagination ul {
5314 -webkit-box-align: center;
5315 -webkit-align-items: center;
5316 -ms-flex-align: center;
5317 align-items: center;
5318 display: -webkit-box;
5319 display: -webkit-flex;
5320 display: -ms-flexbox;
5321 display: flex;
5322 -webkit-box-flex: 1;
5323 -webkit-flex: 1;
5324 -ms-flex: 1;
5325 flex: 1;
5326 -webkit-box-pack: center;
5327 -webkit-justify-content: center;
5328 -ms-flex-pack: center;
5329 justify-content: center;
5330}
5331
5332@media screen and (max-width: 768px) {
5333 .pagination {
5334 -webkit-flex-wrap: wrap;
5335 -ms-flex-wrap: wrap;
5336 flex-wrap: wrap;
5337 }
5338 .pagination > a {
5339 width: calc(50% - 5px);
5340 }
5341 .pagination > a:not(:first-child) {
5342 margin-left: 10px;
5343 }
5344 .pagination li {
5345 -webkit-box-flex: 1;
5346 -webkit-flex: 1;
5347 -ms-flex: 1;
5348 flex: 1;
5349 }
5350 .pagination ul {
5351 margin-top: 10px;
5352 }
5353}
5354
5355@media screen and (min-width: 769px) {
5356 .pagination > a:not(:first-child) {
5357 -webkit-box-ordinal-group: 2;
5358 -webkit-order: 1;
5359 -ms-flex-order: 1;
5360 order: 1;
5361 }
5362}
5363
5364.panel-icon {
5365 display: inline-block;
5366 font-size: 14px;
5367 height: 16px;
5368 line-height: 16px;
5369 text-align: center;
5370 vertical-align: top;
5371 width: 16px;
5372 color: #aeb1b5;
5373 float: left;
5374 margin: 0 4px 0 -2px;
5375}
5376
5377.panel-icon .fa {
5378 font-size: inherit;
5379 line-height: inherit;
5380}
5381
5382.panel-heading {
5383 background: #f5f7fa;
5384 border-bottom: 1px solid #d3d6db;
5385 border-radius: 4px 4px 0 0;
5386 color: #222324;
5387 font-size: 18px;
5388 font-weight: 300;
5389 padding: 10px;
5390}
5391
5392.panel-list a {
5393 color: #69707a;
5394}
5395
5396.panel-list a:hover {
5397 color: #1fc8db;
5398}
5399
5400.panel-tabs {
5401 display: -webkit-box;
5402 display: -webkit-flex;
5403 display: -ms-flexbox;
5404 display: flex;
5405 font-size: 11px;
5406 padding: 5px 10px 0;
5407 -webkit-box-pack: center;
5408 -webkit-justify-content: center;
5409 -ms-flex-pack: center;
5410 justify-content: center;
5411}
5412
5413.panel-tabs a {
5414 border-bottom: 1px solid #d3d6db;
5415 margin-bottom: -1px;
5416 padding: 5px;
5417}
5418
5419.panel-tabs a.is-active {
5420 border-bottom-color: #222324;
5421 color: #222324;
5422}
5423
5424.panel-tabs:not(:last-child) {
5425 border-bottom: 1px solid #d3d6db;
5426}
5427
5428.panel-block {
5429 color: #222324;
5430 display: block;
5431 line-height: 16px;
5432 padding: 10px;
5433}
5434
5435.panel-block:not(:last-child) {
5436 border-bottom: 1px solid #d3d6db;
5437}
5438
5439a.panel-block:hover {
5440 background: #f5f7fa;
5441}
5442
5443.panel {
5444 border: 1px solid #d3d6db;
5445 border-radius: 5px;
5446}
5447
5448.panel:not(:last-child) {
5449 margin-bottom: 20px;
5450}
5451
5452.tabs {
5453 -webkit-box-align: stretch;
5454 -webkit-align-items: stretch;
5455 -ms-flex-align: stretch;
5456 align-items: stretch;
5457 display: -webkit-box;
5458 display: -webkit-flex;
5459 display: -ms-flexbox;
5460 display: flex;
5461 -webkit-box-pack: justify;
5462 -webkit-justify-content: space-between;
5463 -ms-flex-pack: justify;
5464 justify-content: space-between;
5465 line-height: 24px;
5466 overflow: hidden;
5467 overflow-x: auto;
5468 white-space: nowrap;
5469}
5470
5471.tabs a {
5472 -webkit-box-align: center;
5473 -webkit-align-items: center;
5474 -ms-flex-align: center;
5475 align-items: center;
5476 border-bottom: 1px solid #d3d6db;
5477 color: #69707a;
5478 display: -webkit-box;
5479 display: -webkit-flex;
5480 display: -ms-flexbox;
5481 display: flex;
5482 -webkit-box-pack: center;
5483 -webkit-justify-content: center;
5484 -ms-flex-pack: center;
5485 justify-content: center;
5486 margin-bottom: -1px;
5487 padding: 6px 12px;
5488 vertical-align: top;
5489}
5490
5491.tabs a:hover {
5492 border-bottom-color: #222324;
5493 color: #222324;
5494}
5495
5496.tabs li {
5497 display: block;
5498}
5499
5500.tabs li.is-active a {
5501 border-bottom-color: #1fc8db;
5502 color: #1fc8db;
5503}
5504
5505.tabs ul {
5506 -webkit-box-align: center;
5507 -webkit-align-items: center;
5508 -ms-flex-align: center;
5509 align-items: center;
5510 border-bottom: 1px solid #d3d6db;
5511 display: -webkit-box;
5512 display: -webkit-flex;
5513 display: -ms-flexbox;
5514 display: flex;
5515 -webkit-box-flex: 1;
5516 -webkit-flex: 1;
5517 -ms-flex: 1;
5518 flex: 1;
5519 -webkit-box-pack: start;
5520 -webkit-justify-content: flex-start;
5521 -ms-flex-pack: start;
5522 justify-content: flex-start;
5523}
5524
5525.tabs ul.is-left {
5526 padding-right: 10px;
5527}
5528
5529.tabs ul.is-center {
5530 -webkit-box-flex: 0;
5531 -webkit-flex: none;
5532 -ms-flex: none;
5533 flex: none;
5534 -webkit-box-pack: center;
5535 -webkit-justify-content: center;
5536 -ms-flex-pack: center;
5537 justify-content: center;
5538 padding-left: 10px;
5539 padding-right: 10px;
5540}
5541
5542.tabs ul.is-right {
5543 -webkit-box-pack: end;
5544 -webkit-justify-content: flex-end;
5545 -ms-flex-pack: end;
5546 justify-content: flex-end;
5547 padding-left: 10px;
5548}
5549
5550.tabs .icon:first-child {
5551 margin-right: 8px;
5552}
5553
5554.tabs .icon:last-child {
5555 margin-left: 8px;
5556}
5557
5558.tabs.is-centered ul {
5559 -webkit-box-pack: center;
5560 -webkit-justify-content: center;
5561 -ms-flex-pack: center;
5562 justify-content: center;
5563}
5564
5565.tabs.is-right ul {
5566 -webkit-box-pack: end;
5567 -webkit-justify-content: flex-end;
5568 -ms-flex-pack: end;
5569 justify-content: flex-end;
5570}
5571
5572.tabs.is-boxed a {
5573 border: 1px solid transparent;
5574 border-radius: 3px 3px 0 0;
5575 padding-bottom: 5px;
5576 padding-top: 5px;
5577}
5578
5579.tabs.is-boxed a:hover {
5580 background: #f5f7fa;
5581 border-bottom-color: #d3d6db;
5582}
5583
5584.tabs.is-boxed li.is-active a {
5585 background: #fff;
5586 border-color: #d3d6db;
5587 border-bottom-color: transparent !important;
5588}
5589
5590.tabs.is-fullwidth li {
5591 -webkit-box-flex: 1;
5592 -webkit-flex: 1;
5593 -ms-flex: 1;
5594 flex: 1;
5595}
5596
5597.tabs.is-toggle a {
5598 border: 1px solid #d3d6db;
5599 margin-bottom: 0;
5600 padding-bottom: 5px;
5601 padding-top: 5px;
5602 position: relative;
5603}
5604
5605.tabs.is-toggle a:hover {
5606 background: #f5f7fa;
5607 border-color: #aeb1b5;
5608 z-index: 2;
5609}
5610
5611.tabs.is-toggle li + li {
5612 margin-left: -1px;
5613}
5614
5615.tabs.is-toggle li:first-child a {
5616 border-radius: 3px 0 0 3px;
5617}
5618
5619.tabs.is-toggle li:last-child a {
5620 border-radius: 0 3px 3px 0;
5621}
5622
5623.tabs.is-toggle li.is-active a {
5624 background: #1fc8db;
5625 border-color: #1fc8db;
5626 color: white;
5627 z-index: 1;
5628}
5629
5630.tabs.is-toggle ul {
5631 border-bottom: none;
5632}
5633
5634.tabs.is-small {
5635 font-size: 11px;
5636}
5637
5638.tabs.is-small a {
5639 padding: 2px 8px;
5640}
5641
5642.tabs.is-small.is-boxed a, .tabs.is-small.is-toggle a {
5643 padding-bottom: 1px;
5644 padding-top: 1px;
5645}
5646
5647.tabs.is-medium {
5648 font-size: 18px;
5649}
5650
5651.tabs.is-medium a {
5652 padding: 10px 16px;
5653}
5654
5655.tabs.is-medium.is-boxed a, .tabs.is-medium.is-toggle a {
5656 padding-bottom: 9px;
5657 padding-top: 9px;
5658}
5659
5660.tabs.is-large {
5661 font-size: 28px;
5662}
5663
5664.tabs.is-large a {
5665 padding: 14px 20px;
5666}
5667
5668.tabs.is-large.is-boxed a, .tabs.is-large.is-toggle a {
5669 padding-bottom: 13px;
5670 padding-top: 13px;
5671}
5672
5673.hero-video {
5674 bottom: 0;
5675 left: 0;
5676 position: absolute;
5677 right: 0;
5678 top: 0;
5679 overflow: hidden;
5680}
5681
5682.hero-video video {
5683 left: 50%;
5684 min-height: 100%;
5685 min-width: 100%;
5686 position: absolute;
5687 top: 50%;
5688 -webkit-transform: translate3d(-50%, -50%, 0);
5689 transform: translate3d(-50%, -50%, 0);
5690}
5691
5692.hero-video.is-transparent {
5693 opacity: 0.3;
5694}
5695
5696@media screen and (max-width: 768px) {
5697 .hero-video {
5698 display: none;
5699 }
5700}
5701
5702.hero-buttons {
5703 margin-top: 20px;
5704}
5705
5706@media screen and (max-width: 768px) {
5707 .hero-buttons .button {
5708 display: -webkit-box;
5709 display: -webkit-flex;
5710 display: -ms-flexbox;
5711 display: flex;
5712 }
5713 .hero-buttons .button:not(:last-child) {
5714 margin-bottom: 10px;
5715 }
5716}
5717
5718@media screen and (min-width: 769px) {
5719 .hero-buttons {
5720 display: -webkit-box;
5721 display: -webkit-flex;
5722 display: -ms-flexbox;
5723 display: flex;
5724 -webkit-box-pack: center;
5725 -webkit-justify-content: center;
5726 -ms-flex-pack: center;
5727 justify-content: center;
5728 }
5729 .hero-buttons .button:not(:last-child) {
5730 margin-right: 20px;
5731 }
5732}
5733
5734.hero-head,
5735.hero-foot {
5736 -webkit-flex-shrink: 0;
5737 -ms-flex-negative: 0;
5738 flex-shrink: 0;
5739}
5740
5741.hero-body {
5742 -webkit-box-flex: 1;
5743 -webkit-flex: 1;
5744 -ms-flex: 1;
5745 flex: 1;
5746 padding: 40px 20px;
5747}
5748
5749@media screen and (min-width: 980px) {
5750 .hero-body {
5751 padding-left: 0;
5752 padding-right: 0;
5753 }
5754}
5755
5756.hero {
5757 -webkit-box-align: stretch;
5758 -webkit-align-items: stretch;
5759 -ms-flex-align: stretch;
5760 align-items: stretch;
5761 background: #fff;
5762 display: -webkit-box;
5763 display: -webkit-flex;
5764 display: -ms-flexbox;
5765 display: flex;
5766 -webkit-box-orient: vertical;
5767 -webkit-box-direction: normal;
5768 -webkit-flex-direction: column;
5769 -ms-flex-direction: column;
5770 flex-direction: column;
5771 -webkit-box-pack: justify;
5772 -webkit-justify-content: space-between;
5773 -ms-flex-pack: justify;
5774 justify-content: space-between;
5775}
5776
5777.hero .nav {
5778 background: none;
5779 box-shadow: 0 1px 0 rgba(211, 214, 219, 0.3);
5780}
5781
5782.hero .tabs ul {
5783 border-bottom: none;
5784}
5785
5786.hero.is-white {
5787 background: #fff;
5788 color: #111;
5789}
5790
5791.hero.is-white .title {
5792 color: #111;
5793}
5794
5795.hero.is-white .title a,
5796.hero.is-white .title strong {
5797 color: inherit;
5798}
5799
5800.hero.is-white .subtitle {
5801 color: rgba(17, 17, 17, 0.7);
5802}
5803
5804.hero.is-white .subtitle a,
5805.hero.is-white .subtitle strong {
5806 color: #111;
5807}
5808
5809.hero.is-white .nav {
5810 box-shadow: 0 1px 0 rgba(17, 17, 17, 0.2);
5811}
5812
5813@media screen and (max-width: 768px) {
5814 .hero.is-white .nav-menu {
5815 background: #fff;
5816 }
5817}
5818
5819.hero.is-white a.nav-item,
5820.hero.is-white .nav-item a:not(.button) {
5821 color: rgba(17, 17, 17, 0.5);
5822}
5823
5824.hero.is-white a.nav-item:hover, .hero.is-white a.nav-item.is-active,
5825.hero.is-white .nav-item a:not(.button):hover,
5826.hero.is-white .nav-item a:not(.button).is-active {
5827 color: #111;
5828}
5829
5830.hero.is-white .tabs a {
5831 color: #111;
5832 opacity: 0.5;
5833}
5834
5835.hero.is-white .tabs a:hover {
5836 opacity: 1;
5837}
5838
5839.hero.is-white .tabs li.is-active a {
5840 opacity: 1;
5841}
5842
5843.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
5844 color: #111;
5845}
5846
5847.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
5848 background: rgba(17, 17, 17, 0.1);
5849}
5850
5851.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
5852 background: #111;
5853 border-color: #111;
5854 color: #fff;
5855}
5856
5857.hero.is-white.is-bold {
5858 background-image: -webkit-linear-gradient(309deg, #e6e6e6 0%, #fff 71%, white 100%);
5859 background-image: linear-gradient(141deg, #e6e6e6 0%, #fff 71%, white 100%);
5860}
5861
5862@media screen and (max-width: 768px) {
5863 .hero.is-white .nav-toggle span {
5864 background: #111;
5865 }
5866 .hero.is-white .nav-toggle:hover {
5867 background: rgba(17, 17, 17, 0.1);
5868 }
5869 .hero.is-white .nav-toggle.is-active span {
5870 background: #111;
5871 }
5872 .hero.is-white .nav-menu .nav-item {
5873 border-top-color: rgba(17, 17, 17, 0.2);
5874 }
5875}
5876
5877.hero.is-black {
5878 background: #111;
5879 color: #fff;
5880}
5881
5882.hero.is-black .title {
5883 color: #fff;
5884}
5885
5886.hero.is-black .title a,
5887.hero.is-black .title strong {
5888 color: inherit;
5889}
5890
5891.hero.is-black .subtitle {
5892 color: rgba(255, 255, 255, 0.7);
5893}
5894
5895.hero.is-black .subtitle a,
5896.hero.is-black .subtitle strong {
5897 color: #fff;
5898}
5899
5900.hero.is-black .nav {
5901 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
5902}
5903
5904@media screen and (max-width: 768px) {
5905 .hero.is-black .nav-menu {
5906 background: #111;
5907 }
5908}
5909
5910.hero.is-black a.nav-item,
5911.hero.is-black .nav-item a:not(.button) {
5912 color: rgba(255, 255, 255, 0.5);
5913}
5914
5915.hero.is-black a.nav-item:hover, .hero.is-black a.nav-item.is-active,
5916.hero.is-black .nav-item a:not(.button):hover,
5917.hero.is-black .nav-item a:not(.button).is-active {
5918 color: #fff;
5919}
5920
5921.hero.is-black .tabs a {
5922 color: #fff;
5923 opacity: 0.5;
5924}
5925
5926.hero.is-black .tabs a:hover {
5927 opacity: 1;
5928}
5929
5930.hero.is-black .tabs li.is-active a {
5931 opacity: 1;
5932}
5933
5934.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
5935 color: #fff;
5936}
5937
5938.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
5939 background: rgba(17, 17, 17, 0.1);
5940}
5941
5942.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
5943 background: #fff;
5944 border-color: #fff;
5945 color: #111;
5946}
5947
5948.hero.is-black.is-bold {
5949 background-image: -webkit-linear-gradient(309deg, black 0%, #111 71%, #1f1c1c 100%);
5950 background-image: linear-gradient(141deg, black 0%, #111 71%, #1f1c1c 100%);
5951}
5952
5953@media screen and (max-width: 768px) {
5954 .hero.is-black .nav-toggle span {
5955 background: #fff;
5956 }
5957 .hero.is-black .nav-toggle:hover {
5958 background: rgba(17, 17, 17, 0.1);
5959 }
5960 .hero.is-black .nav-toggle.is-active span {
5961 background: #fff;
5962 }
5963 .hero.is-black .nav-menu .nav-item {
5964 border-top-color: rgba(255, 255, 255, 0.2);
5965 }
5966}
5967
5968.hero.is-light {
5969 background: #f5f7fa;
5970 color: #69707a;
5971}
5972
5973.hero.is-light .title {
5974 color: #69707a;
5975}
5976
5977.hero.is-light .title a,
5978.hero.is-light .title strong {
5979 color: inherit;
5980}
5981
5982.hero.is-light .subtitle {
5983 color: rgba(105, 112, 122, 0.7);
5984}
5985
5986.hero.is-light .subtitle a,
5987.hero.is-light .subtitle strong {
5988 color: #69707a;
5989}
5990
5991.hero.is-light .nav {
5992 box-shadow: 0 1px 0 rgba(105, 112, 122, 0.2);
5993}
5994
5995@media screen and (max-width: 768px) {
5996 .hero.is-light .nav-menu {
5997 background: #f5f7fa;
5998 }
5999}
6000
6001.hero.is-light a.nav-item,
6002.hero.is-light .nav-item a:not(.button) {
6003 color: rgba(105, 112, 122, 0.5);
6004}
6005
6006.hero.is-light a.nav-item:hover, .hero.is-light a.nav-item.is-active,
6007.hero.is-light .nav-item a:not(.button):hover,
6008.hero.is-light .nav-item a:not(.button).is-active {
6009 color: #69707a;
6010}
6011
6012.hero.is-light .tabs a {
6013 color: #69707a;
6014 opacity: 0.5;
6015}
6016
6017.hero.is-light .tabs a:hover {
6018 opacity: 1;
6019}
6020
6021.hero.is-light .tabs li.is-active a {
6022 opacity: 1;
6023}
6024
6025.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
6026 color: #69707a;
6027}
6028
6029.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
6030 background: rgba(17, 17, 17, 0.1);
6031}
6032
6033.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
6034 background: #69707a;
6035 border-color: #69707a;
6036 color: #f5f7fa;
6037}
6038
6039.hero.is-light.is-bold {
6040 background-image: -webkit-linear-gradient(309deg, #d0e0ec 0%, #f5f7fa 71%, white 100%);
6041 background-image: linear-gradient(141deg, #d0e0ec 0%, #f5f7fa 71%, white 100%);
6042}
6043
6044@media screen and (max-width: 768px) {
6045 .hero.is-light .nav-toggle span {
6046 background: #69707a;
6047 }
6048 .hero.is-light .nav-toggle:hover {
6049 background: rgba(17, 17, 17, 0.1);
6050 }
6051 .hero.is-light .nav-toggle.is-active span {
6052 background: #69707a;
6053 }
6054 .hero.is-light .nav-menu .nav-item {
6055 border-top-color: rgba(105, 112, 122, 0.2);
6056 }
6057}
6058
6059.hero.is-dark {
6060 background: #69707a;
6061 color: #f5f7fa;
6062}
6063
6064.hero.is-dark .title {
6065 color: #f5f7fa;
6066}
6067
6068.hero.is-dark .title a,
6069.hero.is-dark .title strong {
6070 color: inherit;
6071}
6072
6073.hero.is-dark .subtitle {
6074 color: rgba(245, 247, 250, 0.7);
6075}
6076
6077.hero.is-dark .subtitle a,
6078.hero.is-dark .subtitle strong {
6079 color: #f5f7fa;
6080}
6081
6082.hero.is-dark .nav {
6083 box-shadow: 0 1px 0 rgba(245, 247, 250, 0.2);
6084}
6085
6086@media screen and (max-width: 768px) {
6087 .hero.is-dark .nav-menu {
6088 background: #69707a;
6089 }
6090}
6091
6092.hero.is-dark a.nav-item,
6093.hero.is-dark .nav-item a:not(.button) {
6094 color: rgba(245, 247, 250, 0.5);
6095}
6096
6097.hero.is-dark a.nav-item:hover, .hero.is-dark a.nav-item.is-active,
6098.hero.is-dark .nav-item a:not(.button):hover,
6099.hero.is-dark .nav-item a:not(.button).is-active {
6100 color: #f5f7fa;
6101}
6102
6103.hero.is-dark .tabs a {
6104 color: #f5f7fa;
6105 opacity: 0.5;
6106}
6107
6108.hero.is-dark .tabs a:hover {
6109 opacity: 1;
6110}
6111
6112.hero.is-dark .tabs li.is-active a {
6113 opacity: 1;
6114}
6115
6116.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
6117 color: #f5f7fa;
6118}
6119
6120.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
6121 background: rgba(17, 17, 17, 0.1);
6122}
6123
6124.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
6125 background: #f5f7fa;
6126 border-color: #f5f7fa;
6127 color: #69707a;
6128}
6129
6130.hero.is-dark.is-bold {
6131 background-image: -webkit-linear-gradient(309deg, #495a67 0%, #69707a 71%, #6e768e 100%);
6132 background-image: linear-gradient(141deg, #495a67 0%, #69707a 71%, #6e768e 100%);
6133}
6134
6135@media screen and (max-width: 768px) {
6136 .hero.is-dark .nav-toggle span {
6137 background: #f5f7fa;
6138 }
6139 .hero.is-dark .nav-toggle:hover {
6140 background: rgba(17, 17, 17, 0.1);
6141 }
6142 .hero.is-dark .nav-toggle.is-active span {
6143 background: #f5f7fa;
6144 }
6145 .hero.is-dark .nav-menu .nav-item {
6146 border-top-color: rgba(245, 247, 250, 0.2);
6147 }
6148}
6149
6150.hero.is-primary {
6151 background: #1fc8db;
6152 color: white;
6153}
6154
6155.hero.is-primary .title {
6156 color: white;
6157}
6158
6159.hero.is-primary .title a,
6160.hero.is-primary .title strong {
6161 color: inherit;
6162}
6163
6164.hero.is-primary .subtitle {
6165 color: rgba(255, 255, 255, 0.7);
6166}
6167
6168.hero.is-primary .subtitle a,
6169.hero.is-primary .subtitle strong {
6170 color: white;
6171}
6172
6173.hero.is-primary .nav {
6174 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
6175}
6176
6177@media screen and (max-width: 768px) {
6178 .hero.is-primary .nav-menu {
6179 background: #1fc8db;
6180 }
6181}
6182
6183.hero.is-primary a.nav-item,
6184.hero.is-primary .nav-item a:not(.button) {
6185 color: rgba(255, 255, 255, 0.5);
6186}
6187
6188.hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active,
6189.hero.is-primary .nav-item a:not(.button):hover,
6190.hero.is-primary .nav-item a:not(.button).is-active {
6191 color: white;
6192}
6193
6194.hero.is-primary .tabs a {
6195 color: white;
6196 opacity: 0.5;
6197}
6198
6199.hero.is-primary .tabs a:hover {
6200 opacity: 1;
6201}
6202
6203.hero.is-primary .tabs li.is-active a {
6204 opacity: 1;
6205}
6206
6207.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
6208 color: white;
6209}
6210
6211.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
6212 background: rgba(17, 17, 17, 0.1);
6213}
6214
6215.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
6216 background: white;
6217 border-color: white;
6218 color: #1fc8db;
6219}
6220
6221.hero.is-primary.is-bold {
6222 background-image: -webkit-linear-gradient(309deg, #0fb8ad 0%, #1fc8db 71%, #2cb5e8 100%);
6223 background-image: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 71%, #2cb5e8 100%);
6224}
6225
6226@media screen and (max-width: 768px) {
6227 .hero.is-primary .nav-toggle span {
6228 background: white;
6229 }
6230 .hero.is-primary .nav-toggle:hover {
6231 background: rgba(17, 17, 17, 0.1);
6232 }
6233 .hero.is-primary .nav-toggle.is-active span {
6234 background: white;
6235 }
6236 .hero.is-primary .nav-menu .nav-item {
6237 border-top-color: rgba(255, 255, 255, 0.2);
6238 }
6239}
6240
6241.hero.is-info {
6242 background: #42afe3;
6243 color: white;
6244}
6245
6246.hero.is-info .title {
6247 color: white;
6248}
6249
6250.hero.is-info .title a,
6251.hero.is-info .title strong {
6252 color: inherit;
6253}
6254
6255.hero.is-info .subtitle {
6256 color: rgba(255, 255, 255, 0.7);
6257}
6258
6259.hero.is-info .subtitle a,
6260.hero.is-info .subtitle strong {
6261 color: white;
6262}
6263
6264.hero.is-info .nav {
6265 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
6266}
6267
6268@media screen and (max-width: 768px) {
6269 .hero.is-info .nav-menu {
6270 background: #42afe3;
6271 }
6272}
6273
6274.hero.is-info a.nav-item,
6275.hero.is-info .nav-item a:not(.button) {
6276 color: rgba(255, 255, 255, 0.5);
6277}
6278
6279.hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active,
6280.hero.is-info .nav-item a:not(.button):hover,
6281.hero.is-info .nav-item a:not(.button).is-active {
6282 color: white;
6283}
6284
6285.hero.is-info .tabs a {
6286 color: white;
6287 opacity: 0.5;
6288}
6289
6290.hero.is-info .tabs a:hover {
6291 opacity: 1;
6292}
6293
6294.hero.is-info .tabs li.is-active a {
6295 opacity: 1;
6296}
6297
6298.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
6299 color: white;
6300}
6301
6302.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
6303 background: rgba(17, 17, 17, 0.1);
6304}
6305
6306.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
6307 background: white;
6308 border-color: white;
6309 color: #42afe3;
6310}
6311
6312.hero.is-info.is-bold {
6313 background-image: -webkit-linear-gradient(309deg, #13bfdf 0%, #42afe3 71%, #53a1eb 100%);
6314 background-image: linear-gradient(141deg, #13bfdf 0%, #42afe3 71%, #53a1eb 100%);
6315}
6316
6317@media screen and (max-width: 768px) {
6318 .hero.is-info .nav-toggle span {
6319 background: white;
6320 }
6321 .hero.is-info .nav-toggle:hover {
6322 background: rgba(17, 17, 17, 0.1);
6323 }
6324 .hero.is-info .nav-toggle.is-active span {
6325 background: white;
6326 }
6327 .hero.is-info .nav-menu .nav-item {
6328 border-top-color: rgba(255, 255, 255, 0.2);
6329 }
6330}
6331
6332.hero.is-success {
6333 background: #97cd76;
6334 color: white;
6335}
6336
6337.hero.is-success .title {
6338 color: white;
6339}
6340
6341.hero.is-success .title a,
6342.hero.is-success .title strong {
6343 color: inherit;
6344}
6345
6346.hero.is-success .subtitle {
6347 color: rgba(255, 255, 255, 0.7);
6348}
6349
6350.hero.is-success .subtitle a,
6351.hero.is-success .subtitle strong {
6352 color: white;
6353}
6354
6355.hero.is-success .nav {
6356 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
6357}
6358
6359@media screen and (max-width: 768px) {
6360 .hero.is-success .nav-menu {
6361 background: #97cd76;
6362 }
6363}
6364
6365.hero.is-success a.nav-item,
6366.hero.is-success .nav-item a:not(.button) {
6367 color: rgba(255, 255, 255, 0.5);
6368}
6369
6370.hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active,
6371.hero.is-success .nav-item a:not(.button):hover,
6372.hero.is-success .nav-item a:not(.button).is-active {
6373 color: white;
6374}
6375
6376.hero.is-success .tabs a {
6377 color: white;
6378 opacity: 0.5;
6379}
6380
6381.hero.is-success .tabs a:hover {
6382 opacity: 1;
6383}
6384
6385.hero.is-success .tabs li.is-active a {
6386 opacity: 1;
6387}
6388
6389.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
6390 color: white;
6391}
6392
6393.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
6394 background: rgba(17, 17, 17, 0.1);
6395}
6396
6397.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
6398 background: white;
6399 border-color: white;
6400 color: #97cd76;
6401}
6402
6403.hero.is-success.is-bold {
6404 background-image: -webkit-linear-gradient(309deg, #8ecb45 0%, #97cd76 71%, #96d885 100%);
6405 background-image: linear-gradient(141deg, #8ecb45 0%, #97cd76 71%, #96d885 100%);
6406}
6407
6408@media screen and (max-width: 768px) {
6409 .hero.is-success .nav-toggle span {
6410 background: white;
6411 }
6412 .hero.is-success .nav-toggle:hover {
6413 background: rgba(17, 17, 17, 0.1);
6414 }
6415 .hero.is-success .nav-toggle.is-active span {
6416 background: white;
6417 }
6418 .hero.is-success .nav-menu .nav-item {
6419 border-top-color: rgba(255, 255, 255, 0.2);
6420 }
6421}
6422
6423.hero.is-warning {
6424 background: #fce473;
6425 color: rgba(17, 17, 17, 0.5);
6426}
6427
6428.hero.is-warning .title {
6429 color: rgba(17, 17, 17, 0.5);
6430}
6431
6432.hero.is-warning .title a,
6433.hero.is-warning .title strong {
6434 color: inherit;
6435}
6436
6437.hero.is-warning .subtitle {
6438 color: rgba(17, 17, 17, 0.7);
6439}
6440
6441.hero.is-warning .subtitle a,
6442.hero.is-warning .subtitle strong {
6443 color: rgba(17, 17, 17, 0.5);
6444}
6445
6446.hero.is-warning .nav {
6447 box-shadow: 0 1px 0 rgba(17, 17, 17, 0.2);
6448}
6449
6450@media screen and (max-width: 768px) {
6451 .hero.is-warning .nav-menu {
6452 background: #fce473;
6453 }
6454}
6455
6456.hero.is-warning a.nav-item,
6457.hero.is-warning .nav-item a:not(.button) {
6458 color: rgba(17, 17, 17, 0.5);
6459}
6460
6461.hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active,
6462.hero.is-warning .nav-item a:not(.button):hover,
6463.hero.is-warning .nav-item a:not(.button).is-active {
6464 color: rgba(17, 17, 17, 0.5);
6465}
6466
6467.hero.is-warning .tabs a {
6468 color: rgba(17, 17, 17, 0.5);
6469 opacity: 0.5;
6470}
6471
6472.hero.is-warning .tabs a:hover {
6473 opacity: 1;
6474}
6475
6476.hero.is-warning .tabs li.is-active a {
6477 opacity: 1;
6478}
6479
6480.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
6481 color: rgba(17, 17, 17, 0.5);
6482}
6483
6484.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
6485 background: rgba(17, 17, 17, 0.1);
6486}
6487
6488.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
6489 background: rgba(17, 17, 17, 0.5);
6490 border-color: rgba(17, 17, 17, 0.5);
6491 color: #fce473;
6492}
6493
6494.hero.is-warning.is-bold {
6495 background-image: -webkit-linear-gradient(309deg, #ffbd3d 0%, #fce473 71%, #fffe8a 100%);
6496 background-image: linear-gradient(141deg, #ffbd3d 0%, #fce473 71%, #fffe8a 100%);
6497}
6498
6499@media screen and (max-width: 768px) {
6500 .hero.is-warning .nav-toggle span {
6501 background: rgba(17, 17, 17, 0.5);
6502 }
6503 .hero.is-warning .nav-toggle:hover {
6504 background: rgba(17, 17, 17, 0.1);
6505 }
6506 .hero.is-warning .nav-toggle.is-active span {
6507 background: rgba(17, 17, 17, 0.5);
6508 }
6509 .hero.is-warning .nav-menu .nav-item {
6510 border-top-color: rgba(17, 17, 17, 0.2);
6511 }
6512}
6513
6514.hero.is-danger {
6515 background: #ed6c63;
6516 color: white;
6517}
6518
6519.hero.is-danger .title {
6520 color: white;
6521}
6522
6523.hero.is-danger .title a,
6524.hero.is-danger .title strong {
6525 color: inherit;
6526}
6527
6528.hero.is-danger .subtitle {
6529 color: rgba(255, 255, 255, 0.7);
6530}
6531
6532.hero.is-danger .subtitle a,
6533.hero.is-danger .subtitle strong {
6534 color: white;
6535}
6536
6537.hero.is-danger .nav {
6538 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
6539}
6540
6541@media screen and (max-width: 768px) {
6542 .hero.is-danger .nav-menu {
6543 background: #ed6c63;
6544 }
6545}
6546
6547.hero.is-danger a.nav-item,
6548.hero.is-danger .nav-item a:not(.button) {
6549 color: rgba(255, 255, 255, 0.5);
6550}
6551
6552.hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active,
6553.hero.is-danger .nav-item a:not(.button):hover,
6554.hero.is-danger .nav-item a:not(.button).is-active {
6555 color: white;
6556}
6557
6558.hero.is-danger .tabs a {
6559 color: white;
6560 opacity: 0.5;
6561}
6562
6563.hero.is-danger .tabs a:hover {
6564 opacity: 1;
6565}
6566
6567.hero.is-danger .tabs li.is-active a {
6568 opacity: 1;
6569}
6570
6571.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
6572 color: white;
6573}
6574
6575.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
6576 background: rgba(17, 17, 17, 0.1);
6577}
6578
6579.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
6580 background: white;
6581 border-color: white;
6582 color: #ed6c63;
6583}
6584
6585.hero.is-danger.is-bold {
6586 background-image: -webkit-linear-gradient(309deg, #f32a3e 0%, #ed6c63 71%, #f39376 100%);
6587 background-image: linear-gradient(141deg, #f32a3e 0%, #ed6c63 71%, #f39376 100%);
6588}
6589
6590@media screen and (max-width: 768px) {
6591 .hero.is-danger .nav-toggle span {
6592 background: white;
6593 }
6594 .hero.is-danger .nav-toggle:hover {
6595 background: rgba(17, 17, 17, 0.1);
6596 }
6597 .hero.is-danger .nav-toggle.is-active span {
6598 background: white;
6599 }
6600 .hero.is-danger .nav-menu .nav-item {
6601 border-top-color: rgba(255, 255, 255, 0.2);
6602 }
6603}
6604
6605@media screen and (min-width: 769px) {
6606 .hero.is-medium .hero-body {
6607 padding-bottom: 120px;
6608 padding-top: 120px;
6609 }
6610}
6611
6612@media screen and (min-width: 769px) {
6613 .hero.is-large .hero-body {
6614 padding-bottom: 240px;
6615 padding-top: 240px;
6616 }
6617}
6618
6619.hero.is-fullheight {
6620 min-height: 100vh;
6621}
6622
6623.hero.is-fullheight .hero-body {
6624 -webkit-box-align: center;
6625 -webkit-align-items: center;
6626 -ms-flex-align: center;
6627 align-items: center;
6628 display: -webkit-box;
6629 display: -webkit-flex;
6630 display: -ms-flexbox;
6631 display: flex;
6632}
6633
6634.hero.is-fullheight .hero-body > .container {
6635 -webkit-box-flex: 1;
6636 -webkit-flex: 1;
6637 -ms-flex: 1;
6638 flex: 1;
6639}
6640
6641.section {
6642 background: #fff;
6643 padding: 40px 20px;
6644}
6645
6646@media screen and (min-width: 980px) {
6647 .section.is-medium {
6648 padding: 120px 20px;
6649 }
6650 .section.is-large {
6651 padding: 240px 20px;
6652 }
6653}
6654
6655.footer {
6656 background: #f5f7fa;
6657 padding: 40px 20px 80px;
6658}
6659
6660.footer a, .footer a:visited {
6661 color: #69707a;
6662}
6663
6664.footer a:hover, .footer a:visited:hover {
6665 color: #222324;
6666}
6667
6668.footer a:not(.icon), .footer a:visited:not(.icon) {
6669 border-bottom: 1px solid #d3d6db;
6670}
6671
6672.footer a:not(.icon):hover, .footer a:visited:not(.icon):hover {
6673 border-bottom-color: #1fc8db;
6674}
6675/*# sourceMappingURL=bulma.css.map */