1@charset "UTF-8"; 2/** 3 * Foundation for Sites 4 * Version 6.7.5 5 * https://get.foundation 6 * Licensed under MIT Open Source 7 */ 8@media print, screen and (min-width: 40em) { 9 .reveal.large, .reveal.small, .reveal.tiny, .reveal { 10 right: auto; 11 left: auto; 12 margin: 0 auto; 13 } 14} 15/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ 16html { 17 line-height: 1.15; 18 -webkit-text-size-adjust: 100%; 19} 20 21body { 22 margin: 0; 23} 24 25h1 { 26 font-size: 2em; 27 margin: 0.67em 0; 28} 29 30hr { 31 box-sizing: content-box; 32 height: 0; 33 overflow: visible; 34} 35 36pre { 37 font-family: monospace, monospace; 38 font-size: 1em; 39} 40 41a { 42 background-color: transparent; 43} 44 45abbr[title] { 46 border-bottom: 0; 47 text-decoration: underline dotted; 48} 49 50b, 51strong { 52 font-weight: bolder; 53} 54 55code, 56kbd, 57samp { 58 font-family: monospace, monospace; 59 font-size: 1em; 60} 61 62small { 63 font-size: 80%; 64} 65 66sub, 67sup { 68 font-size: 75%; 69 line-height: 0; 70 position: relative; 71 vertical-align: baseline; 72} 73 74sub { 75 bottom: -0.25em; 76} 77 78sup { 79 top: -0.5em; 80} 81 82img { 83 border-style: none; 84} 85 86button, 87input, 88optgroup, 89select, 90textarea { 91 font-family: inherit; 92 font-size: 100%; 93 line-height: 1.15; 94 margin: 0; 95} 96 97button, 98input { 99 overflow: visible; 100} 101 102button, 103select { 104 text-transform: none; 105} 106 107button, 108[type=button], 109[type=reset], 110[type=submit] { 111 -webkit-appearance: button; 112} 113 114button::-moz-focus-inner, 115[type=button]::-moz-focus-inner, 116[type=reset]::-moz-focus-inner, 117[type=submit]::-moz-focus-inner { 118 border-style: none; 119 padding: 0; 120} 121 122button:-moz-focusring, 123[type=button]:-moz-focusring, 124[type=reset]:-moz-focusring, 125[type=submit]:-moz-focusring { 126 outline: 1px dotted ButtonText; 127} 128 129fieldset { 130 padding: 0.35em 0.75em 0.625em; 131} 132 133legend { 134 box-sizing: border-box; 135 color: inherit; 136 display: table; 137 max-width: 100%; 138 padding: 0; 139 white-space: normal; 140} 141 142progress { 143 vertical-align: baseline; 144} 145 146textarea { 147 overflow: auto; 148} 149 150[type=checkbox], 151[type=radio] { 152 box-sizing: border-box; 153 padding: 0; 154} 155 156[type=number]::-webkit-inner-spin-button, 157[type=number]::-webkit-outer-spin-button { 158 height: auto; 159} 160 161[type=search] { 162 -webkit-appearance: textfield; 163 outline-offset: -2px; 164} 165 166[type=search]::-webkit-search-decoration { 167 -webkit-appearance: none; 168} 169 170::-webkit-file-upload-button { 171 -webkit-appearance: button; 172 font: inherit; 173} 174 175details { 176 display: block; 177} 178 179summary { 180 display: list-item; 181} 182 183template { 184 display: none; 185} 186 187[hidden] { 188 display: none; 189} 190 191[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus, 192[data-whatintent=touch] *, 193[data-whatintent=touch] *:focus, 194[data-whatinput=mouse] *, 195[data-whatinput=mouse] *:focus, 196[data-whatinput=touch] *, 197[data-whatinput=touch] *:focus { 198 outline: none; 199} 200 201[draggable=false] { 202 -webkit-touch-callout: none; 203 -webkit-user-select: none; 204} 205 206.foundation-mq { 207 font-family: "small=0em&smedium=30em&medium=40em&xmedium=48em&large=64em&xlarge=75em&xxlarge=90em"; 208} 209 210html { 211 box-sizing: border-box; 212 font-size: 100%; 213} 214 215*, 216*::before, 217*::after { 218 box-sizing: inherit; 219} 220 221body { 222 margin: 0; 223 padding: 0; 224 background: #000000; 225 font-family: "Roboto", sans-serif; 226 font-weight: normal; 227 line-height: 1.5; 228 color: #141414; 229 -webkit-font-smoothing: antialiased; 230 -moz-osx-font-smoothing: grayscale; 231} 232 233img { 234 display: inline-block; 235 vertical-align: middle; 236 max-width: 100%; 237 height: auto; 238 -ms-interpolation-mode: bicubic; 239} 240 241textarea { 242 height: auto; 243 min-height: 50px; 244 border-radius: 3px; 245} 246 247select { 248 box-sizing: border-box; 249 width: 100%; 250 border-radius: 3px; 251} 252 253.map_canvas img, 254.map_canvas embed, 255.map_canvas object, 256.mqa-display img, 257.mqa-display embed, 258.mqa-display object { 259 max-width: none !important; 260} 261 262[data-whatinput=mouse] button { 263 outline: 0; 264} 265button { 266 padding: 0; 267 appearance: none; 268 border: 0; 269 border-radius: 3px; 270 background: transparent; 271 line-height: 1; 272 cursor: auto; 273} 274 275pre { 276 overflow: auto; 277 -webkit-overflow-scrolling: touch; 278} 279 280button, 281input, 282optgroup, 283select, 284textarea { 285 font-family: inherit; 286} 287 288.is-visible { 289 display: block !important; 290} 291 292.is-hidden { 293 display: none !important; 294} 295 296[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], 297textarea { 298 display: block; 299 box-sizing: border-box; 300 width: 100%; 301 height: 3.75rem; 302 margin: 0 0 1.5rem; 303 padding: 1.25rem 1.25rem; 304 border: 0 none; 305 border-radius: 3px; 306 background-color: #ebebeb; 307 box-shadow: none; 308 font-family: inherit; 309 font-size: 0.875rem; 310 font-weight: 500; 311 line-height: 1.5; 312 color: #000000; 313 transition: box-shadow 0.5s, border-color 0.25s ease-in-out; 314} 315[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, 316textarea:focus { 317 outline: none; 318 border: 0 none; 319 background-color: #ebebeb; 320 box-shadow: none; 321 transition: box-shadow 0.5s, border-color 0.25s ease-in-out; 322} 323[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], 324textarea { 325 appearance: none; 326} 327 328textarea { 329 max-width: 100%; 330} 331textarea[rows] { 332 height: auto; 333} 334 335input:disabled, input[readonly], 336textarea:disabled, 337textarea[readonly] { 338 background-color: #e6e6e6;
339 cursor: not-allowed; 340} 341 342[type=submit], 343[type=button] { 344 appearance: none; 345 border-radius: 3px; 346} 347 348input[type=search] { 349 box-sizing: border-box; 350} 351 352::placeholder { 353 color: rgba(0, 0, 0, 0.5); 354} 355 356[type=file], 357[type=checkbox], 358[type=radio] { 359 margin: 0 0 1.5rem; 360} 361 362[type=checkbox] + label, 363[type=radio] + label { 364 display: inline-block; 365 vertical-align: baseline; 366 margin-left: 0.75rem; 367 margin-right: 1.5rem; 368 margin-bottom: 0; 369} 370[type=checkbox] + label[for], 371[type=radio] + label[for] { 372 cursor: pointer; 373} 374 375label > [type=checkbox], 376label > [type=radio] { 377 margin-right: 0.75rem; 378} 379 380[type=file] { 381 width: 100%; 382} 383 384label { 385 display: block; 386 margin: 0; 387 font-size: 1rem; 388 font-weight: 500; 389 line-height: 1.5; 390 color: #000000; 391} 392label.middle { 393 margin: 0 0 1.5rem; 394 line-height: 1.5; 395 padding: 0.75rem 0; 396} 397 398.help-text { 399 margin-top: -0.75rem; 400 font-size: 0.8125rem; 401 font-style: normal; 402 color: #2b2b2b; 403} 404 405.input-group { 406 display: flex; 407 width: 100%; 408 margin-bottom: 1.5rem; 409 align-items: stretch; 410} 411.input-group > :first-child, .input-group > :first-child.input-group-button > * { 412 border-radius: 3px 0 0 3px; 413} 414.input-group > :last-child, .input-group > :last-child.input-group-button > * { 415 border-radius: 0 3px 3px 0; 416} 417 418.input-group-button a, 419.input-group-button input, 420.input-group-button button, 421.input-group-button label, .input-group-button, .input-group-field, .input-group-label { 422 margin: 0; 423 white-space: nowrap; 424} 425 426.input-group-label { 427 padding: 0 1rem; 428 border: 1px solid #cacaca; 429 background: #e6e6e6; 430 color: #000000; 431 text-align: center; 432 white-space: nowrap; 433 display: flex; 434 flex: 0 0 auto; 435 align-items: center; 436} 437.input-group-label:first-child { 438 border-right: 0; 439} 440.input-group-label:last-child { 441 border-left: 0; 442} 443 444.input-group-field { 445 border-radius: 0; 446 flex: 1 1 0px; 447 min-width: 0; 448} 449 450.input-group-button { 451 padding-top: 0; 452 padding-bottom: 0; 453 text-align: center; 454 display: flex; 455 flex: 0 0 auto; 456} 457.input-group-button a, 458.input-group-button input, 459.input-group-button button, 460.input-group-button label { 461 align-self: stretch; 462 height: auto; 463 padding-top: 0; 464 padding-bottom: 0; 465 font-size: 0.875rem; 466} 467 468fieldset { 469 margin: 0; 470 padding: 0; 471 border: 0; 472} 473 474legend { 475 max-width: 100%; 476 margin-bottom: 0.75rem; 477} 478 479.fieldset { 480 margin: 1.125rem 0; 481 padding: 1.25rem; 482 border: 1px solid #cacaca; 483} 484.fieldset legend { 485 margin: 0;
486 margin-left: -0.1875rem; 487 padding: 0 0.1875rem; 488} 489 490select { 491 height: 3.75rem; 492 margin: 0 0 1.5rem; 493 padding: 1.25rem 1.25rem; 494 appearance: none; 495 border: 0 none; 496 border-radius: 3px; 497 background-color: #e6e6e6; 498 font-family: inherit; 499 font-size: 0.875rem; 500 font-weight: 500; 501 line-height: 1.5; 502 color: #000000; 503 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%280, 0, 0%29"></polygon></svg>'); 504} 505@media screen and (min-width: 0\0 ) { 506 select { 507 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); 508 } 509} 510select { 511 background-origin: content-box; 512 background-position: right -1.5rem center; 513 background-repeat: no-repeat; 514 background-size: 9px 6px; 515 padding-right: 2.25rem; 516 transition: box-shadow 0.5s, border-color 0.25s ease-in-out; 517} 518select:focus { 519 outline: none; 520 border: 0 none; 521 background-color: #ebebeb; 522 box-shadow: none; 523 transition: box-shadow 0.5s, border-color 0.25s ease-in-out; 524} 525select:disabled { 526 background-color: #e6e6e6; 527 cursor: not-allowed; 528} 529select::-ms-expand { 530 display: none; 531} 532select[multiple] { 533 height: auto; 534 background-image: none; 535} 536select:not([multiple]) { 537 padding-top: 0; 538 padding-bottom: 0; 539} 540 541.is-invalid-input:not(:focus) { 542 border-color: #c62437; 543 background-color: rgb(249.3, 233.1, 235); 544} 545.is-invalid-input:not(:focus)::placeholder { 546 color: #c62437; 547} 548 549.is-invalid-label { 550 color: #c62437; 551} 552 553.form-error { 554 display: none; 555 margin-top: -0.75rem; 556 margin-bottom: 1.5rem; 557 font-size: 0.75rem; 558 font-weight: bold; 559 color: #c62437; 560} 561.form-error.is-visible { 562 display: block; 563} 564 565div, 566dl, 567dt, 568dd, 569ul, 570ol, 571li, 572h1, 573h2, 574h3, 575h4, 576h5, 577h6, 578pre, 579form, 580p, 581blockquote, 582th, 583td { 584 margin: 0; 585 padding: 0; 586} 587 588p { 589 margin-bottom: 1rem; 590 font-size: inherit; 591 line-height: 2.25; 592 text-rendering: optimizeLegibility; 593} 594 595em, 596i { 597 font-style: italic; 598 line-height: inherit; 599} 600 601strong, 602b { 603 font-weight: bold; 604 line-height: inherit; 605} 606 607small { 608 font-size: 80%; 609 line-height: inherit; 610} 611 612h1, .h1, 613h2, .h2, 614h3, .h3, 615h4, .h4, 616h5, .h5, 617h6, .h6 { 618 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 619 font-style: normal; 620 font-weight: 800; 621 color: inherit; 622 text-rendering: optimizeLegibility; 623} 624h1 small, .h1 small, 625h2 small, .h2 small, 626h3 small, .h3 small, 627h4 small, .h4 small, 628h5 small, .h5 small, 629h6 small, .h6 small { 630 line-height: 0; 631 color: inherit; 632} 633 634h1, .h1 { 635 font-size: 2.0625rem; 636 line-height: 1.1; 637 margin-top: 0; 638 margin-bottom: 1.25rem; 639} 640 641h2, .h2 { 642 font-size: 1.75rem; 643 line-height: 1.1; 644 margin-top: 0; 645 margin-bottom: 1.25rem; 646} 647 648h3, .h3 { 649 font-size: 1.625rem; 650 line-height: 1.1; 651 margin-top: 0; 652 margin-bottom: 1.25rem; 653} 654 655h4, .h4 { 656 font-size: 1.375rem; 657 line-height: 1.1; 658 margin-top: 0; 659 margin-bottom: 1.25rem; 660} 661 662h5, .h5 { 663 font-size: 1rem; 664 line-height: 1.1; 665 margin-top: 0; 666 margin-bottom: 1.25rem; 667} 668 669h6, .h6 { 670 font-size: 0.9375rem; 671 line-height: 1.1; 672 margin-top: 0; 673 margin-bottom: 1.25rem; 674} 675 676@media print, screen and (min-width: 40em) { 677 h1, .h1 { 678 font-size: 2.375rem; 679 } 680 h2, .h2 { 681 font-size: 2rem; 682 } 683 h3, .h3 { 684 font-size: 1.75rem; 685 } 686 h4, .h4 { 687 font-size: 1.5rem; 688 } 689 h5, .h5 { 690 font-size: 1.125rem; 691 } 692 h6, .h6 { 693 font-size: 1rem; 694 } 695} 696@media print, screen and (min-width: 48em) { 697 h1, .h1 { 698 font-size: 2.6875rem; 699 } 700 h2, .h2 { 701 font-size: 2.25rem; 702 } 703 h3, .h3 { 704 font-size: 1.9375rem; 705 } 706 h4, .h4 { 707 font-size: 1.625rem; 708 } 709 h5, .h5 { 710 font-size: 1.5rem; 711 } 712 h6, .h6 { 713 font-size: 1.125rem; 714 } 715} 716@media print, screen and (min-width: 64em) { 717 h1, .h1 { 718 font-size: 4rem; 719 } 720 h2, .h2 { 721 font-size: 3.5rem; 722 } 723 h3, .h3 {
724 font-size: 2.75rem; 725 } 726 h4, .h4 { 727 font-size: 2rem; 728 } 729 h5, .h5 { 730 font-size: 1.5rem; 731 } 732 h6, .h6 { 733 font-size: 1.25rem; 734 } 735} 736a { 737 line-height: inherit; 738 color: #18A66F; 739 text-decoration: none; 740 cursor: pointer; 741} 742a:hover, a:focus { 743 color: rgb(20.64, 142.76, 95.46); 744} 745a img { 746 border: 0; 747} 748 749hr { 750 clear: both; 751 max-width: 85rem; 752 height: 0; 753 margin: 1.25rem auto; 754 border-top: 0; 755 border-right: 0; 756 border-bottom: 1px solid #cacaca; 757 border-left: 0; 758} 759 760ul, 761ol, 762dl { 763 margin-bottom: 1rem; 764 list-style-position: outside; 765 line-height: 2.25; 766} 767 768li { 769 font-size: inherit; 770} 771 772ul { 773 margin-left: 1.25rem; 774 list-style-type: disc; 775} 776 777ol { 778 margin-left: 1.25rem; 779} 780 781ul ul, ul ol, ol ul, ol ol { 782 margin-left: 1.25rem; 783 margin-bottom: 0; 784} 785 786dl { 787 margin-bottom: 1rem; 788} 789dl dt { 790 margin-bottom: 0.3rem; 791 font-weight: bold; 792} 793 794blockquote { 795 margin: 0 0 1rem; 796 padding: 0.5625rem 1.25rem 0 1.1875rem; 797 border-left: 1px solid #cacaca; 798} 799blockquote, blockquote p { 800 line-height: 2.25; 801 color: #686868; 802} 803 804abbr, abbr[title] { 805 border-bottom: 1px dotted #000000; 806 cursor: help; 807 text-decoration: none; 808} 809 810figure { 811 margin: 0; 812} 813 814kbd { 815 margin: 0; 816 padding: 0.125rem 0.25rem 0; 817 background-color: #e6e6e6; 818 font-family: Consolas, "Liberation Mono", Courier, monospace; 819 color: #000000; 820 border-radius: 3px; 821} 822 823.subheader { 824 margin-top: 0.2rem; 825 margin-bottom: 0.5rem; 826 font-weight: normal; 827 line-height: 1.4; 828 color: #686868; 829} 830 831.lead { 832 font-size: 125%; 833 line-height: 1.6; 834} 835 836.stat { 837 font-size: 2.5rem; 838 line-height: 1; 839} 840p + .stat { 841 margin-top: -1rem; 842} 843 844ul.no-bullet, ol.no-bullet { 845 margin-left: 0; 846 list-style: none; 847} 848 849.cite-block, cite { 850 display: block; 851 color: #686868; 852 font-size: 0.8125rem; 853} 854.cite-block:before, cite:before { 855 content: "â "; 856} 857 858.code-inline, code { 859 border: 1px solid #cacaca; 860 background-color: #e6e6e6; 861 font-family: Consolas, "Liberation Mono", Courier, monospace; 862 font-weight: normal; 863 color: #000000; 864 display: inline; 865 max-width: 100%; 866 word-wrap: break-word; 867 padding: 0.125rem 0.3125rem 0.0625rem; 868} 869 870.code-block { 871 border: 1px solid #cacaca; 872 background-color: #e6e6e6; 873 font-family: Consolas, "Liberation Mono", Courier, monospace; 874 font-weight: normal; 875 color: #000000; 876 display: block; 877 overflow: auto; 878 white-space: pre; 879 padding: 1rem; 880 margin-bottom: 1.5rem; 881} 882 883.text-left { 884 text-align: left; 885} 886 887.text-right { 888 text-align: right; 889} 890 891.text-center { 892 text-align: center; 893} 894 895.text-justify { 896 text-align: justify; 897} 898 899@media print, screen and (min-width: 30em) { 900 .smedium-text-left { 901 text-align: left; 902 } 903 .smedium-text-right { 904 text-align: right; 905 } 906 .smedium-text-center { 907 text-align: center; 908 } 909 .smedium-text-justify { 910 text-align: justify; 911 } 912} 913@media print, screen and (min-width: 40em) { 914 .medium-text-left { 915 text-align: left; 916 } 917 .medium-text-right { 918 text-align: right; 919 } 920 .medium-text-center { 921 text-align: center; 922 } 923 .medium-text-justify { 924 text-align: justify; 925 } 926} 927@media print, screen and (min-width: 48em) { 928 .xmedium-text-left { 929 text-align: left; 930 } 931 .xmedium-text-right { 932 text-align: right; 933 } 934 .xmedium-text-center { 935 text-align: center; 936 } 937 .xmedium-text-justify { 938 text-align: justify; 939 } 940} 941@media print, screen and (min-width: 64em) { 942 .large-text-left { 943 text-align: left; 944 } 945 .large-text-right { 946 text-align: right; 947 } 948 .large-text-center { 949 text-align: center; 950 } 951 .large-text-justify { 952 text-align: justify; 953 } 954} 955@media screen and (min-width: 75em) { 956 .xlarge-text-left { 957 text-align: left; 958 } 959 .xlarge-text-right { 960 text-align: right; 961 } 962 .xlarge-text-center { 963 text-align: center; 964 } 965 .xlarge-text-justify { 966 text-align: justify; 967 } 968} 969.show-for-print { 970 display: none !important; 971} 972 973@media print { 974 * { 975 background: transparent !important; 976 color: black !important; 977 print-color-adjust: economy; 978 box-shadow: none !important; 979 text-shadow: none !important; 980 } 981 .show-for-print { 982 display: block !important; 983 } 984 .hide-for-print { 985 display: none !important; 986 } 987 table.show-for-print { 988 display: table !important; 989 } 990 thead.show-for-print { 991 display: table-header-group !important; 992 } 993 tbody.show-for-print { 994 display: table-row-group !important; 995 } 996 tr.show-for-print { 997 display: table-row !important; 998 } 999 td.show-for-print { 1000 display: table-cell !important; 1001 } 1002 th.show-for-print { 1003 display: table-cell !important; 1004 } 1005 a, 1006 a:visited { 1007 text-decoration: underline; 1008 } 1009 a[href]:after { 1010 content: " (" attr(href) ")"; 1011 } 1012 .ir a:after, 1013 a[href^="javascript:"]:after, 1014 a[href^="#"]:after { 1015 content: ""; 1016 } 1017 abbr[title]:after { 1018 content: " (" attr(title) ")"; 1019 } 1020 pre, 1021 blockquote { 1022 border: 1px solid #686868; 1023 page-break-inside: avoid; 1024 } 1025 thead { 1026 display: table-header-group; 1027 } 1028 tr, 1029 img { 1030 page-break-inside: avoid; 1031 } 1032 img { 1033 max-width: 100% !important; 1034 } 1035 @page { 1036 margin: 0.5cm; 1037 } 1038 p, 1039 h2, 1040 h3 { 1041 orphans: 3; 1042 widows: 3; 1043 } 1044 h2, 1045 h3 { 1046 page-break-after: avoid; 1047 } 1048 .print-break-inside { 1049 page-break-inside: auto; 1050 } 1051} 1052.grid-container { 1053 padding-right: 0.9375rem; 1054 padding-left: 0.9375rem; 1055 max-width: 85rem; 1056 margin-left: auto; 1057 margin-right: auto; 1058} 1059.grid-container.fluid { 1060 padding-right: 0.9375rem; 1061 padding-left: 0.9375rem; 1062 max-width: 100%; 1063 margin-left: auto; 1064 margin-right: auto; 1065} 1066.grid-container.full { 1067 padding-right: 0; 1068 padding-left: 0; 1069 max-width: 100%; 1070 margin-left: auto; 1071 margin-right: auto; 1072} 1073 1074.grid-x { 1075 display: flex; 1076 flex-flow: row wrap; 1077} 1078 1079.cell { 1080 flex: 0 0 auto; 1081 min-height: 0; 1082 min-width: 0; 1083 width: 100%; 1084} 1085.cell.auto { 1086 flex: 1 1 0; 1087} 1088.cell.shrink { 1089 flex: 0 0 auto; 1090} 1091 1092.grid-x > .auto { 1093 width: auto; 1094} 1095.grid-x > .shrink { 1096 width: auto; 1097} 1098 1099.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { 1100 flex-basis: auto; 1101} 1102 1103@media print, screen and (min-width: 30em) { 1104 .grid-x > .smedium-shrink, .grid-x > .smedium-full, .grid-x > .smedium-1, .grid-x > .smedium-2, .grid-x > .smedium-3, .grid-x > .smedium-4, .grid-x > .smedium-5, .grid-x > .smedium-6, .grid-x > .smedium-7, .grid-x > .smedium-8, .grid-x > .smedium-9, .grid-x > .smedium-10, .grid-x > .smedium-11, .grid-x > .smedium-12 { 1105 flex-basis: auto; 1106 } 1107} 1108@media print, screen and (min-width: 40em) { 1109 .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { 1110 flex-basis: auto; 1111 } 1112} 1113@media print, screen and (min-width: 48em) { 1114 .grid-x > .xmedium-shrink, .grid-x > .xmedium-full, .grid-x > .xmedium-1, .grid-x > .xmedium-2, .grid-x > .xmedium-3, .grid-x > .xmedium-4, .grid-x > .xmedium-5, .grid-x > .xmedium-6, .grid-x > .xmedium-7, .grid-x > .xmedium-8, .grid-x > .xmedium-9, .grid-x > .xmedium-10, .grid-x > .xmedium-11, .grid-x > .xmedium-12 { 1115 flex-basis: auto; 1116 } 1117} 1118@media print, screen and (min-width: 64em) { 1119 .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { 1120 flex-basis: auto; 1121 } 1122} 1123@media screen and (min-width: 75em) { 1124 .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 { 1125 flex-basis: auto; 1126 } 1127} 1128.grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 { 1129 flex: 0 0 auto; 1130} 1131 1132.grid-x > .small-1 { 1133 width: 8.3333333333%; 1134} 1135 1136.grid-x > .small-2 { 1137 width: 16.6666666667%; 1138} 1139 1140.grid-x > .small-3 { 1141 width: 25%; 1142} 1143 1144.grid-x > .small-4 { 1145 width: 33.3333333333%; 1146} 1147 1148.grid-x > .small-5 { 1149 width: 41.6666666667%; 1150} 1151 1152.grid-x > .small-6 { 1153 width: 50%; 1154} 1155 1156.grid-x > .small-7 { 1157 width: 58.3333333333%; 1158} 1159 1160.grid-x > .small-8 { 1161 width: 66.6666666667%; 1162} 1163 1164.grid-x > .small-9 { 1165 width: 75%; 1166} 1167 1168.grid-x > .small-10 { 1169 width: 83.3333333333%; 1170} 1171 1172.grid-x > .small-11 { 1173 width: 91.6666666667%; 1174} 1175 1176.grid-x > .small-12 { 1177 width: 100%; 1178} 1179 1180@media print, screen and (min-width: 30em) { 1181 .grid-x > .smedium-auto { 1182 flex: 1 1 0; 1183 width: auto; 1184 } 1185 .grid-x > .smedium-12, .grid-x > .smedium-11, .grid-x > .smedium-10, .grid-x > .smedium-9, .grid-x > .smedium-8, .grid-x > .smedium-7, .grid-x > .smedium-6, .grid-x > .smedium-5, .grid-x > .smedium-4, .grid-x > .smedium-3, .grid-x > .smedium-2, .grid-x > .smedium-1, .grid-x > .smedium-shrink { 1186 flex: 0 0 auto; 1187 } 1188 .grid-x > .smedium-shrink { 1189 width: auto; 1190 } 1191 .grid-x > .smedium-1 { 1192 width: 8.3333333333%; 1193 } 1194 .grid-x > .smedium-2 { 1195 width: 16.6666666667%; 1196 } 1197 .grid-x > .smedium-3 { 1198 width: 25%; 1199 } 1200 .grid-x > .smedium-4 { 1201 width: 33.3333333333%; 1202 } 1203 .grid-x > .smedium-5 { 1204 width: 41.6666666667%; 1205 } 1206 .grid-x > .smedium-6 { 1207 width: 50%; 1208 } 1209 .grid-x > .smedium-7 { 1210 width: 58.3333333333%; 1211 } 1212 .grid-x > .smedium-8 { 1213 width: 66.6666666667%; 1214 } 1215 .grid-x > .smedium-9 { 1216 width: 75%; 1217 } 1218 .grid-x > .smedium-10 { 1219 width: 83.3333333333%; 1220 } 1221 .grid-x > .smedium-11 { 1222 width: 91.6666666667%; 1223 } 1224 .grid-x > .smedium-12 { 1225 width: 100%; 1226 } 1227} 1228@media print, screen and (min-width: 40em) { 1229 .grid-x > .medium-auto { 1230 flex: 1 1 0; 1231 width: auto; 1232 } 1233 .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink { 1234 flex: 0 0 auto; 1235 } 1236 .grid-x > .medium-shrink { 1237 width: auto; 1238 } 1239 .grid-x > .medium-1 { 1240 width: 8.3333333333%; 1241 } 1242 .grid-x > .medium-2 { 1243 width: 16.6666666667%; 1244 } 1245 .grid-x > .medium-3 { 1246 width: 25%; 1247 } 1248 .grid-x > .medium-4 { 1249 width: 33.3333333333%; 1250 } 1251 .grid-x > .medium-5 { 1252 width: 41.6666666667%; 1253 } 1254 .grid-x > .medium-6 { 1255 width: 50%; 1256 } 1257 .grid-x > .medium-7 { 1258 width: 58.3333333333%; 1259 } 1260 .grid-x > .medium-8 { 1261 width: 66.6666666667%; 1262 } 1263 .grid-x > .medium-9 { 1264 width: 75%; 1265 } 1266 .grid-x > .medium-10 { 1267 width: 83.3333333333%; 1268 } 1269 .grid-x > .medium-11 { 1270 width: 91.6666666667%; 1271 } 1272 .grid-x > .medium-12 { 1273 width: 100%; 1274 } 1275} 1276@media print, screen and (min-width: 48em) { 1277 .grid-x > .xmedium-auto { 1278 flex: 1 1 0; 1279 width: auto; 1280 } 1281 .grid-x > .xmedium-12, .grid-x > .xmedium-11, .grid-x > .xmedium-10, .grid-x > .xmedium-9, .grid-x > .xmedium-8, .grid-x > .xmedium-7, .grid-x > .xmedium-6, .grid-x > .xmedium-5, .grid-x > .xmedium-4, .grid-x > .xmedium-3, .grid-x > .xmedium-2, .grid-x > .xmedium-1, .grid-x > .xmedium-shrink { 1282 flex: 0 0 auto; 1283 } 1284 .grid-x > .xmedium-shrink { 1285 width: auto; 1286 } 1287 .grid-x > .xmedium-1 { 1288 width: 8.3333333333%; 1289 } 1290 .grid-x > .xmedium-2 { 1291 width: 16.6666666667%; 1292 } 1293 .grid-x > .xmedium-3 { 1294 width: 25%; 1295 } 1296 .grid-x > .xmedium-4 { 1297 width: 33.3333333333%; 1298 } 1299 .grid-x > .xmedium-5 { 1300 width: 41.6666666667%; 1301 } 1302 .grid-x > .xmedium-6 { 1303 width: 50%; 1304 } 1305 .grid-x > .xmedium-7 { 1306 width: 58.3333333333%; 1307 } 1308 .grid-x > .xmedium-8 { 1309 width: 66.6666666667%; 1310 } 1311 .grid-x > .xmedium-9 { 1312 width: 75%; 1313 } 1314 .grid-x > .xmedium-10 { 1315 width: 83.3333333333%; 1316 } 1317 .grid-x > .xmedium-11 { 1318 width: 91.6666666667%; 1319 } 1320 .grid-x > .xmedium-12 { 1321 width: 100%; 1322 } 1323} 1324@media print, screen and (min-width: 64em) { 1325 .grid-x > .large-auto { 1326 flex: 1 1 0; 1327 width: auto; 1328 } 1329 .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink { 1330 flex: 0 0 auto; 1331 } 1332 .grid-x > .large-shrink { 1333 width: auto; 1334 } 1335 .grid-x > .large-1 { 1336 width: 8.3333333333%; 1337 } 1338 .grid-x > .large-2 { 1339 width: 16.6666666667%; 1340 } 1341 .grid-x > .large-3 { 1342 width: 25%; 1343 } 1344 .grid-x > .large-4 { 1345 width: 33.3333333333%; 1346 } 1347 .grid-x > .large-5 { 1348 width: 41.6666666667%; 1349 } 1350 .grid-x > .large-6 { 1351 width: 50%; 1352 } 1353 .grid-x > .large-7 { 1354 width: 58.3333333333%; 1355 } 1356 .grid-x > .large-8 { 1357 width: 66.6666666667%; 1358 } 1359 .grid-x > .large-9 { 1360 width: 75%; 1361 } 1362 .grid-x > .large-10 { 1363 width: 83.3333333333%; 1364 } 1365 .grid-x > .large-11 { 1366 width: 91.6666666667%; 1367 } 1368 .grid-x > .large-12 { 1369 width: 100%; 1370 } 1371} 1372@media screen and (min-width: 75em) { 1373 .grid-x > .xlarge-auto { 1374 flex: 1 1 0; 1375 width: auto; 1376 } 1377 .grid-x > .xlarge-12, .grid-x > .xlarge-11, .grid-x > .xlarge-10, .grid-x > .xlarge-9, .grid-x > .xlarge-8, .grid-x > .xlarge-7, .grid-x > .xlarge-6, .grid-x > .xlarge-5, .grid-x > .xlarge-4, .grid-x > .xlarge-3, .grid-x > .xlarge-2, .grid-x > .xlarge-1, .grid-x > .xlarge-shrink { 1378 flex: 0 0 auto; 1379 } 1380 .grid-x > .xlarge-shrink { 1381 width: auto; 1382 } 1383 .grid-x > .xlarge-1 { 1384 width: 8.3333333333%; 1385 } 1386 .grid-x > .xlarge-2 { 1387 width: 16.6666666667%; 1388 } 1389 .grid-x > .xlarge-3 { 1390 width: 25%; 1391 } 1392 .grid-x > .xlarge-4 { 1393 width: 33.3333333333%; 1394 } 1395 .grid-x > .xlarge-5 { 1396 width: 41.6666666667%; 1397 } 1398 .grid-x > .xlarge-6 { 1399 width: 50%; 1400 } 1401 .grid-x > .xlarge-7 { 1402 width: 58.3333333333%; 1403 } 1404 .grid-x > .xlarge-8 { 1405 width: 66.6666666667%; 1406 } 1407 .grid-x > .xlarge-9 { 1408 width: 75%; 1409 } 1410 .grid-x > .xlarge-10 { 1411 width: 83.3333333333%; 1412 } 1413 .grid-x > .xlarge-11 { 1414 width: 91.6666666667%; 1415 } 1416 .grid-x > .xlarge-12 { 1417 width: 100%; 1418 } 1419} 1420.grid-margin-x:not(.grid-x) > .cell { 1421 width: auto; 1422} 1423 1424.grid-margin-y:not(.grid-y) > .cell { 1425 height: auto; 1426} 1427 1428.grid-margin-x { 1429 margin-left: -0.9375rem; 1430 margin-right: -0.9375rem; 1431} 1432.grid-margin-x > .cell { 1433 width: calc(100% - 1.875rem); 1434 margin-left: 0.9375rem; 1435 margin-right: 0.9375rem; 1436} 1437.grid-margin-x > .auto { 1438 width: auto; 1439} 1440.grid-margin-x > .shrink { 1441 width: auto; 1442} 1443.grid-margin-x > .small-1 { 1444 width: calc(8.3333333333% - 1.875rem); 1445} 1446.grid-margin-x > .small-2 { 1447 width: calc(16.6666666667% - 1.875rem); 1448} 1449.grid-margin-x > .small-3 { 1450 width: calc(25% - 1.875rem); 1451} 1452.grid-margin-x > .small-4 { 1453 width: calc(33.3333333333% - 1.875rem); 1454} 1455.grid-margin-x > .small-5 { 1456 width: calc(41.6666666667% - 1.875rem); 1457} 1458.grid-margin-x > .small-6 { 1459 width: calc(50% - 1.875rem); 1460} 1461.grid-margin-x > .small-7 { 1462 width: calc(58.3333333333% - 1.875rem); 1463} 1464.grid-margin-x > .small-8 { 1465 width: calc(66.6666666667% - 1.875rem); 1466} 1467.grid-margin-x > .small-9 { 1468 width: calc(75% - 1.875rem); 1469} 1470.grid-margin-x > .small-10 { 1471 width: calc(83.3333333333% - 1.875rem); 1472} 1473.grid-margin-x > .small-11 { 1474 width: calc(91.6666666667% - 1.875rem); 1475} 1476.grid-margin-x > .small-12 { 1477 width: calc(100% - 1.875rem); 1478} 1479@media print, screen and (min-width: 30em) { 1480 .grid-margin-x > .smedium-auto { 1481 width: auto; 1482 } 1483 .grid-margin-x > .smedium-shrink { 1484 width: auto; 1485 } 1486 .grid-margin-x > .smedium-1 { 1487 width: calc(8.3333333333% - 1.875rem); 1488 } 1489 .grid-margin-x > .smedium-2 { 1490 width: calc(16.6666666667% - 1.875rem); 1491 } 1492 .grid-margin-x > .smedium-3 { 1493 width: calc(25% - 1.875rem); 1494 } 1495 .grid-margin-x > .smedium-4 { 1496 width: calc(33.3333333333% - 1.875rem); 1497 } 1498 .grid-margin-x > .smedium-5 { 1499 width: calc(41.6666666667% - 1.875rem); 1500 } 1501 .grid-margin-x > .smedium-6 { 1502 width: calc(50% - 1.875rem); 1503 } 1504 .grid-margin-x > .smedium-7 { 1505 width: calc(58.3333333333% - 1.875rem); 1506 } 1507 .grid-margin-x > .smedium-8 { 1508 width: calc(66.6666666667% - 1.875rem); 1509 } 1510
1510 .grid-margin-x > .smedium-9 { 1511 width: calc(75% - 1.875rem); 1512 } 1513 .grid-margin-x > .smedium-10 { 1514 width: calc(83.3333333333% - 1.875rem); 1515 } 1516 .grid-margin-x > .smedium-11 { 1517 width: calc(91.6666666667% - 1.875rem); 1518 } 1519 .grid-margin-x > .smedium-12 { 1520 width: calc(100% - 1.875rem); 1521 } 1522} 1523@media print, screen and (min-width: 40em) { 1524 .grid-margin-x > .medium-auto { 1525 width: auto; 1526 } 1527 .grid-margin-x > .medium-shrink { 1528 width: auto; 1529 } 1530 .grid-margin-x > .medium-1 { 1531 width: calc(8.3333333333% - 1.875rem); 1532 } 1533 .grid-margin-x > .medium-2 { 1534 width: calc(16.6666666667% - 1.875rem); 1535 } 1536 .grid-margin-x > .medium-3 { 1537 width: calc(25% - 1.875rem); 1538 } 1539 .grid-margin-x > .medium-4 { 1540 width: calc(33.3333333333% - 1.875rem); 1541 } 1542 .grid-margin-x > .medium-5 { 1543 width: calc(41.6666666667% - 1.875rem); 1544 } 1545 .grid-margin-x > .medium-6 { 1546 width: calc(50% - 1.875rem); 1547 } 1548 .grid-margin-x > .medium-7 { 1549 width: calc(58.3333333333% - 1.875rem); 1550 } 1551 .grid-margin-x > .medium-8 { 1552 width: calc(66.6666666667% - 1.875rem); 1553 } 1554 .grid-margin-x > .medium-9 { 1555 width: calc(75% - 1.875rem); 1556 } 1557 .grid-margin-x > .medium-10 { 1558 width: calc(83.3333333333% - 1.875rem); 1559 } 1560 .grid-margin-x > .medium-11 { 1561 width: calc(91.6666666667% - 1.875rem); 1562 } 1563 .grid-margin-x > .medium-12 { 1564 width: calc(100% - 1.875rem); 1565 } 1566} 1567@media print, screen and (min-width: 48em) { 1568 .grid-margin-x > .xmedium-auto { 1569 width: auto; 1570 } 1571 .grid-margin-x > .xmedium-shrink { 1572 width: auto; 1573 } 1574 .grid-margin-x > .xmedium-1 { 1575 width: calc(8.3333333333% - 1.875rem); 1576 } 1577 .grid-margin-x > .xmedium-2 { 1578 width: calc(16.6666666667% - 1.875rem); 1579 } 1580 .grid-margin-x > .xmedium-3 { 1581 width: calc(25% - 1.875rem); 1582 } 1583 .grid-margin-x > .xmedium-4 { 1584 width: calc(33.3333333333% - 1.875rem); 1585 } 1586 .grid-margin-x > .xmedium-5 { 1587 width: calc(41.6666666667% - 1.875rem); 1588 } 1589 .grid-margin-x > .xmedium-6 { 1590 width: calc(50% - 1.875rem); 1591 } 1592 .grid-margin-x > .xmedium-7 { 1593 width: calc(58.3333333333% - 1.875rem); 1594 } 1595 .grid-margin-x > .xmedium-8 { 1596 width: calc(66.6666666667% - 1.875rem); 1597 } 1598 .grid-margin-x > .xmedium-9 { 1599 width: calc(75% - 1.875rem); 1600 } 1601 .grid-margin-x > .xmedium-10 { 1602 width: calc(83.3333333333% - 1.875rem); 1603 } 1604 .grid-margin-x > .xmedium-11 { 1605 width: calc(91.6666666667% - 1.875rem); 1606 } 1607 .grid-margin-x > .xmedium-12 { 1608 width: calc(100% - 1.875rem); 1609 } 1610} 1611@media print, screen and (min-width: 64em) { 1612 .grid-margin-x > .large-auto { 1613 width: auto; 1614 } 1615 .grid-margin-x > .large-shrink { 1616 width: auto; 1617 } 1618 .grid-margin-x > .large-1 { 1619 width: calc(8.3333333333% - 1.875rem); 1620 } 1621 .grid-margin-x > .large-2 { 1622 width: calc(16.6666666667% - 1.875rem); 1623 } 1624 .grid-margin-x > .large-3 { 1625 width: calc(25% - 1.875rem); 1626 } 1627 .grid-margin-x > .large-4 { 1628 width: calc(33.3333333333% - 1.875rem); 1629 } 1630 .grid-margin-x > .large-5 { 1631 width: calc(41.6666666667% - 1.875rem); 1632 } 1633 .grid-margin-x > .large-6 { 1634 width: calc(50% - 1.875rem); 1635 } 1636 .grid-margin-x > .large-7 { 1637 width: calc(58.3333333333% - 1.875rem); 1638 } 1639 .grid-margin-x > .large-8 { 1640 width: calc(66.6666666667% - 1.875rem); 1641 } 1642 .grid-margin-x > .large-9 { 1643 width: calc(75% - 1.875rem); 1644 } 1645 .grid-margin-x > .large-10 { 1646 width: calc(83.3333333333% - 1.875rem); 1647 } 1648 .grid-margin-x > .large-11 { 1649 width: calc(91.6666666667% - 1.875rem); 1650 } 1651 .grid-margin-x > .large-12 { 1652 width: calc(100% - 1.875rem); 1653 } 1654} 1655@media screen and (min-width: 75em) { 1656 .grid-margin-x > .xlarge-auto { 1657 width: auto; 1658 } 1659 .grid-margin-x > .xlarge-shrink { 1660 width: auto; 1661 } 1662 .grid-margin-x > .xlarge-1 { 1663 width: calc(8.3333333333% - 1.875rem); 1664 } 1665 .grid-margin-x > .xlarge-2 { 1666 width: calc(16.6666666667% - 1.875rem); 1667 } 1668 .grid-margin-x > .xlarge-3 { 1669 width: calc(25% - 1.875rem); 1670 } 1671 .grid-margin-x > .xlarge-4 { 1672 width: calc(33.3333333333% - 1.875rem); 1673 } 1674 .grid-margin-x > .xlarge-5 { 1675 width: calc(41.6666666667% - 1.875rem); 1676 } 1677 .grid-margin-x > .xlarge-6 { 1678 width: calc(50% - 1.875rem); 1679 } 1680 .grid-margin-x > .xlarge-7 { 1681 width: calc(58.3333333333% - 1.875rem); 1682 } 1683 .grid-margin-x > .xlarge-8 { 1684 width: calc(66.6666666667% - 1.875rem); 1685 } 1686 .grid-margin-x > .xlarge-9 { 1687 width: calc(75% - 1.875rem); 1688 } 1689 .grid-margin-x > .xlarge-10 { 1690 width: calc(83.3333333333% - 1.875rem); 1691 } 1692 .grid-margin-x > .xlarge-11 { 1693 width: calc(91.6666666667% - 1.875rem); 1694 } 1695 .grid-margin-x > .xlarge-12 { 1696 width: calc(100% - 1.875rem); 1697 } 1698} 1699 1700.grid-padding-x .grid-padding-x { 1701 margin-right: -0.9375rem; 1702 margin-left: -0.9375rem; 1703} 1704.grid-container:not(.full) > .grid-padding-x { 1705 margin-right: -0.9375rem; 1706 margin-left: -0.9375rem; 1707} 1708.grid-padding-x > .cell { 1709 padding-right: 0.9375rem; 1710 padding-left: 0.9375rem; 1711} 1712 1713.small-up-1 > .cell { 1714 width: 100%; 1715} 1716 1717.small-up-2 > .cell { 1718 width: 50%; 1719} 1720 1721.small-up-3 > .cell { 1722 width: 33.3333333333%; 1723} 1724 1725.small-up-4 > .cell { 1726 width: 25%; 1727} 1728 1729.small-up-5 > .cell { 1730 width: 20%; 1731} 1732 1733.small-up-6 > .cell { 1734 width: 16.6666666667%; 1735} 1736 1737.small-up-7 > .cell { 1738 width: 14.2857142857%; 1739} 1740 1741.small-up-8 > .cell { 1742 width: 12.5%; 1743} 1744 1745@media print, screen and (min-width: 30em) { 1746 .smedium-up-1 > .cell { 1747 width: 100%; 1748 } 1749 .smedium-up-2 > .cell { 1750 width: 50%; 1751 } 1752 .smedium-up-3 > .cell { 1753 width: 33.3333333333%; 1754 } 1755 .smedium-up-4 > .cell { 1756 width: 25%; 1757 } 1758 .smedium-up-5 > .cell { 1759 width: 20%; 1760 } 1761 .smedium-up-6 > .cell { 1762 width: 16.6666666667%; 1763 } 1764 .smedium-up-7 > .cell { 1765 width: 14.2857142857%; 1766 } 1767 .smedium-up-8 > .cell { 1768 width: 12.5%; 1769 } 1770} 1771@media print, screen and (min-width: 40em) { 1772 .medium-up-1 > .cell { 1773 width: 100%; 1774 } 1775 .medium-up-2 > .cell { 1776 width: 50%; 1777 } 1778 .medium-up-3 > .cell { 1779 width: 33.3333333333%; 1780 } 1781 .medium-up-4 > .cell { 1782 width: 25%; 1783 } 1784 .medium-up-5 > .cell { 1785 width: 20%; 1786 } 1787 .medium-up-6 > .cell { 1788 width: 16.6666666667%; 1789 } 1790 .medium-up-7 > .cell { 1791 width: 14.2857142857%; 1792 } 1793 .medium-up-8 > .cell { 1794 width: 12.5%; 1795 } 1796} 1797@media print, screen and (min-width: 48em) { 1798 .xmedium-up-1 > .cell { 1799 width: 100%; 1800 } 1801 .xmedium-up-2 > .cell { 1802 width: 50%; 1803 } 1804 .xmedium-up-3 > .cell { 1805 width: 33.3333333333%; 1806 } 1807 .xmedium-up-4 > .cell { 1808 width: 25%; 1809 } 1810 .xmedium-up-5 > .cell { 1811 width: 20%; 1812 } 1813 .xmedium-up-6 > .cell { 1814 width: 16.6666666667%; 1815 } 1816 .xmedium-up-7 > .cell { 1817 width: 14.2857142857%; 1818 } 1819 .xmedium-up-8 > .cell { 1820 width: 12.5%; 1821 } 1822} 1823@media print, screen and (min-width: 64em) { 1824 .large-up-1 > .cell { 1825 width: 100%; 1826 } 1827 .large-up-2 > .cell { 1828 width: 50%; 1829 } 1830 .large-up-3 > .cell { 1831 width: 33.3333333333%; 1832 } 1833 .large-up-4 > .cell { 1834 width: 25%; 1835 } 1836 .large-up-5 > .cell { 1837 width: 20%; 1838 } 1839 .large-up-6 > .cell { 1840 width: 16.6666666667%; 1841 } 1842 .large-up-7 > .cell { 1843 width: 14.2857142857%; 1844 } 1845 .large-up-8 > .cell { 1846 width: 12.5%; 1847 } 1848} 1849@media screen and (min-width: 75em) { 1850 .xlarge-up-1 > .cell { 1851 width: 100%; 1852 } 1853 .xlarge-up-2 > .cell { 1854 width: 50%; 1855 } 1856 .xlarge-up-3 > .cell { 1857 width: 33.3333333333%; 1858 } 1859 .xlarge-up-4 > .cell { 1860 width: 25%; 1861 } 1862 .xlarge-up-5 > .cell { 1863 width: 20%; 1864 } 1865 .xlarge-up-6 > .cell { 1866 width: 16.6666666667%; 1867 } 1868 .xlarge-up-7 > .cell { 1869 width: 14.2857142857%; 1870 } 1871 .xlarge-up-8 > .cell { 1872 width: 12.5%; 1873 } 1874} 1875.grid-margin-x.small-up-1 > .cell { 1876 width: calc(100% - 1.875rem); 1877} 1878 1879.grid-margin-x.small-up-2 > .cell { 1880 width: calc(50% - 1.875rem); 1881} 1882 1883.grid-margin-x.small-up-3 > .cell { 1884 width: calc(33.3333333333% - 1.875rem); 1885} 1886 1887.grid-margin-x.small-up-4 > .cell { 1888 width: calc(25% - 1.875rem); 1889} 1890 1891.grid-margin-x.small-up-5 > .cell { 1892 width: calc(20% - 1.875rem); 1893} 1894 1895.grid-margin-x.small-up-6 > .cell { 1896 width: calc(16.6666666667% - 1.875rem); 1897} 1898 1899.grid-margin-x.small-up-7 > .cell { 1900 width: calc(14.2857142857% - 1.875rem); 1901} 1902 1903.grid-margin-x.small-up-8 > .cell { 1904 width: calc(12.5% - 1.875rem); 1905} 1906 1907@media print, screen and (min-width: 30em) { 1908 .grid-margin-x.smedium-up-1 > .cell { 1909 width: calc(100% - 1.875rem); 1910 } 1911 .grid-margin-x.smedium-up-2 > .cell { 1912 width: calc(50% - 1.875rem); 1913 } 1914 .grid-margin-x.smedium-up-3 > .cell { 1915 width: calc(33.3333333333% - 1.875rem); 1916 } 1917 .grid-margin-x.smedium-up-4 > .cell { 1918 width: calc(25% - 1.875rem); 1919 } 1920 .grid-margin-x.smedium-up-5 > .cell { 1921 width: calc(20% - 1.875rem); 1922 } 1923 .grid-margin-x.smedium-up-6 > .cell { 1924 width: calc(16.6666666667% - 1.875rem); 1925 } 1926 .grid-margin-x.smedium-up-7 > .cell { 1927 width: calc(14.2857142857% - 1.875rem); 1928 } 1929 .grid-margin-x.smedium-up-8 > .cell { 1930 width: calc(12.5% - 1.875rem); 1931 } 1932} 1933@media print, screen and (min-width: 40em) { 1934 .grid-margin-x.medium-up-1 > .cell { 1935 width: calc(100% - 1.875rem); 1936 } 1937 .grid-margin-x.medium-up-2 > .cell { 1938 width: calc(50% - 1.875rem); 1939 } 1940 .grid-margin-x.medium-up-3 > .cell { 1941 width: calc(33.3333333333% - 1.875rem); 1942 } 1943 .grid-margin-x.medium-up-4 > .cell { 1944 width: calc(25% - 1.875rem); 1945 } 1946 .grid-margin-x.medium-up-5 > .cell { 1947 width: calc(20% - 1.875rem); 1948 } 1949 .grid-margin-x.medium-up-6 > .cell { 1950 width: calc(16.6666666667% - 1.875rem); 1951 } 1952 .grid-margin-x.medium-up-7 > .cell { 1953 width: calc(14.2857142857% - 1.875rem); 1954 } 1955 .grid-margin-x.medium-up-8 > .cell { 1956 width: calc(12.5% - 1.875rem); 1957 } 1958} 1959@media print, screen and (min-width: 48em) { 1960 .grid-margin-x.xmedium-up-1 > .cell { 1961 width: calc(100% - 1.875rem); 1962 } 1963 .grid-margin-x.xmedium-up-2 > .cell { 1964 width: calc(50% - 1.875rem); 1965 } 1966 .grid-margin-x.xmedium-up-3 > .cell { 1967 width: calc(33.3333333333% - 1.875rem); 1968 } 1969 .grid-margin-x.xmedium-up-4 > .cell { 1970 width: calc(25% - 1.875rem); 1971 } 1972 .grid-margin-x.xmedium-up-5 > .cell { 1973 width: calc(20% - 1.875rem); 1974 } 1975 .grid-margin-x.xmedium-up-6 > .cell { 1976 width: calc(16.6666666667% - 1.875rem); 1977 } 1978 .grid-margin-x.xmedium-up-7 > .cell { 1979 width: calc(14.2857142857% - 1.875rem); 1980 } 1981 .grid-margin-x.xmedium-up-8 > .cell { 1982 width: calc(12.5% - 1.875rem); 1983 } 1984} 1985@media print, screen and (min-width: 64em) { 1986 .grid-margin-x.large-up-1 > .cell { 1987 width: calc(100% - 1.875rem); 1988 } 1989 .grid-margin-x.large-up-2 > .cell { 1990 width: calc(50% - 1.875rem); 1991 } 1992 .grid-margin-x.large-up-3 > .cell { 1993 width: calc(33.3333333333% - 1.875rem); 1994 } 1995 .grid-margin-x.large-up-4 > .cell { 1996 width: calc(25% - 1.875rem); 1997 } 1998 .grid-margin-x.large-up-5 > .cell { 1999 width: calc(20% - 1.875rem); 2000 } 2001 .grid-margin-x.large-up-6 > .cell { 2002 width: calc(16.6666666667% - 1.875rem); 2003 } 2004 .grid-margin-x.large-up-7 > .cell { 2005 width: calc(14.2857142857% - 1.875rem); 2006 } 2007 .grid-margin-x.large-up-8 > .cell { 2008 width: calc(12.5% - 1.875rem); 2009 } 2010} 2011@media screen and (min-width: 75em) { 2012 .grid-margin-x.xlarge-up-1 > .cell { 2013 width: calc(100% - 1.875rem); 2014 } 2015 .grid-margin-x.xlarge-up-2 > .cell { 2016 width: calc(50% - 1.875rem); 2017 } 2018 .grid-margin-x.xlarge-up-3 > .cell { 2019 width: calc(33.3333333333% - 1.875rem); 2020 } 2021 .grid-margin-x.xlarge-up-4 > .cell { 2022 width: calc(25% - 1.875rem); 2023 } 2024 .grid-margin-x.xlarge-up-5 > .cell { 2025 width: calc(20% - 1.875rem); 2026 } 2027 .grid-margin-x.xlarge-up-6 > .cell { 2028 width: calc(16.6666666667% - 1.875rem); 2029 } 2030 .grid-margin-x.xlarge-up-7 > .cell { 2031 width: calc(14.2857142857% - 1.875rem); 2032 } 2033 .grid-margin-x.xlarge-up-8 > .cell { 2034 width: calc(12.5% - 1.875rem); 2035 } 2036} 2037.small-margin-collapse { 2038 margin-right: 0; 2039 margin-left: 0; 2040} 2041.small-margin-collapse > .cell { 2042 margin-right: 0; 2043 margin-left: 0; 2044} 2045.small-margin-collapse > .small-1 { 2046 width: 8.3333333333%; 2047} 2048.small-margin-collapse > .small-2 { 2049 width: 16.6666666667%; 2050} 2051.small-margin-collapse > .small-3 { 2052 width: 25%; 2053} 2054.small-margin-collapse > .small-4 { 2055 width: 33.3333333333%; 2056} 2057.small-margin-collapse > .small-5 { 2058 width: 41.6666666667%; 2059} 2060.small-margin-collapse > .small-6 { 2061 width: 50%; 2062} 2063.small-margin-collapse > .small-7 { 2064 width: 58.3333333333%; 2065} 2066.small-margin-collapse > .small-8 { 2067 width: 66.6666666667%; 2068} 2069.small-margin-collapse > .small-9 { 2070 width: 75%; 2071} 2072.small-margin-collapse > .small-10 { 2073 width: 83.3333333333%; 2074} 2075.small-margin-collapse > .small-11 { 2076 width: 91.6666666667%; 2077} 2078.small-margin-collapse > .small-12 { 2079 width: 100%; 2080} 2081@media print, screen and (min-width: 30em) { 2082 .small-margin-collapse > .smedium-1 { 2083 width: 8.3333333333%; 2084 } 2085 .small-margin-collapse > .smedium-2 { 2086 width: 16.6666666667%; 2087 } 2088 .small-margin-collapse > .smedium-3 { 2089 width: 25%; 2090 } 2091 .small-margin-collapse > .smedium-4 { 2092 width: 33.3333333333%; 2093 } 2094 .small-margin-collapse > .smedium-5 { 2095 width: 41.6666666667%; 2096 } 2097 .small-margin-collapse > .smedium-6 { 2098 width: 50%; 2099 } 2100 .small-margin-collapse > .smedium-7 { 2101 width: 58.3333333333%; 2102 } 2103 .small-margin-collapse > .smedium-8 { 2104 width: 66.6666666667%; 2105 } 2106 .small-margin-collapse > .smedium-9 { 2107 width: 75%; 2108 } 2109 .small-margin-collapse > .smedium-10 { 2110 width: 83.3333333333%; 2111 } 2112 .small-margin-collapse > .smedium-11 { 2113 width: 91.6666666667%; 2114 } 2115 .small-margin-collapse > .smedium-12 { 2116 width: 100%; 2117 } 2118} 2119@media print, screen and (min-width: 40em) { 2120 .small-margin-collapse > .medium-1 { 2121 width: 8.3333333333%; 2122 } 2123 .small-margin-collapse > .medium-2 { 2124 width: 16.6666666667%; 2125 } 2126 .small-margin-collapse > .medium-3 { 2127 width: 25%; 2128 } 2129 .small-margin-collapse > .medium-4 { 2130 width: 33.3333333333%; 2131 } 2132 .small-margin-collapse > .medium-5 { 2133 width: 41.6666666667%; 2134 } 2135 .small-margin-collapse > .medium-6 { 2136 width: 50%; 2137 } 2138 .small-margin-collapse > .medium-7 { 2139 width: 58.3333333333%; 2140 } 2141 .small-margin-collapse > .medium-8 { 2142 width: 66.6666666667%; 2143 } 2144 .small-margin-collapse > .medium-9 { 2145 width: 75%; 2146 } 2147 .small-margin-collapse > .medium-10 { 2148 width: 83.3333333333%; 2149 } 2150 .small-margin-collapse > .medium-11 { 2151 width: 91.6666666667%; 2152 } 2153 .small-margin-collapse > .medium-12 { 2154 width: 100%; 2155 } 2156} 2157@media print, screen and (min-width: 48em) { 2158 .small-margin-collapse > .xmedium-1 { 2159 width: 8.3333333333%; 2160 } 2161 .small-margin-collapse > .xmedium-2 { 2162 width: 16.6666666667%; 2163 } 2164 .small-margin-collapse > .xmedium-3 { 2165 width: 25%; 2166 } 2167 .small-margin-collapse > .xmedium-4 { 2168 width: 33.3333333333%; 2169 } 2170 .small-margin-collapse > .xmedium-5 { 2171 width: 41.6666666667%; 2172 } 2173 .small-margin-collapse > .xmedium-6 { 2174 width: 50%; 2175 } 2176 .small-margin-collapse > .xmedium-7 { 2177 width: 58.3333333333%; 2178 } 2179 .small-margin-collapse > .xmedium-8 { 2180 width: 66.6666666667%; 2181 } 2182 .small-margin-collapse > .xmedium-9 { 2183 width: 75%; 2184 } 2185 .small-margin-collapse > .xmedium-10 { 2186 width: 83.3333333333%; 2187 } 2188 .small-margin-collapse > .xmedium-11 { 2189 width: 91.6666666667%; 2190 } 2191 .small-margin-collapse > .xmedium-12 { 2192 width: 100%; 2193 } 2194} 2195@media print, screen and (min-width: 64em) { 2196 .small-margin-collapse > .large-1 { 2197 width: 8.3333333333%; 2198 } 2199 .small-margin-collapse > .large-2 { 2200 width: 16.6666666667%; 2201 } 2202 .small-margin-collapse > .large-3 { 2203 width: 25%; 2204 } 2205 .small-margin-collapse > .large-4 { 2206 width: 33.3333333333%; 2207 } 2208 .small-margin-collapse > .large-5 { 2209 width: 41.6666666667%; 2210 } 2211 .small-margin-collapse > .large-6 { 2212 width: 50%; 2213 } 2214 .small-margin-collapse > .large-7 { 2215 width: 58.3333333333%; 2216 } 2217 .small-margin-collapse > .large-8 { 2218 width: 66.6666666667%; 2219 } 2220 .small-margin-collapse > .large-9 { 2221 width: 75%; 2222 } 2223 .small-margin-collapse > .large-10 { 2224 width: 83.3333333333%; 2225 } 2226 .small-margin-collapse > .large-11 { 2227 width: 91.6666666667%; 2228 } 2229 .small-margin-collapse > .large-12 { 2230 width: 100%; 2231 } 2232} 2233@media screen and (min-width: 75em) { 2234 .small-margin-collapse > .xlarge-1 { 2235 width: 8.3333333333%; 2236 } 2237 .small-margin-collapse > .xlarge-2 { 2238 width: 16.6666666667%; 2239 } 2240 .small-margin-collapse > .xlarge-3 { 2241 width: 25%; 2242 } 2243 .small-margin-collapse > .xlarge-4 { 2244 width: 33.3333333333%; 2245 } 2246 .small-margin-collapse > .xlarge-5 { 2247 width: 41.6666666667%; 2248 } 2249 .small-margin-collapse > .xlarge-6 { 2250 width: 50%; 2251 } 2252 .small-margin-collapse > .xlarge-7 { 2253 width: 58.3333333333%; 2254 } 2255 .small-margin-collapse > .xlarge-8 { 2256 width: 66.6666666667%; 2257 } 2258 .small-margin-collapse > .xlarge-9 { 2259 width: 75%; 2260 } 2261 .small-margin-collapse > .xlarge-10 { 2262 wid
2262th: 83.3333333333%; 2263 } 2264 .small-margin-collapse > .xlarge-11 { 2265 width: 91.6666666667%; 2266 } 2267 .small-margin-collapse > .xlarge-12 { 2268 width: 100%; 2269 } 2270} 2271 2272.small-padding-collapse { 2273 margin-right: 0; 2274 margin-left: 0; 2275} 2276.small-padding-collapse > .cell { 2277 padding-right: 0; 2278 padding-left: 0; 2279} 2280 2281@media print, screen and (min-width: 30em) { 2282 .smedium-margin-collapse { 2283 margin-right: 0; 2284 margin-left: 0; 2285 } 2286 .smedium-margin-collapse > .cell { 2287 margin-right: 0; 2288 margin-left: 0; 2289 } 2290} 2291@media print, screen and (min-width: 30em) { 2292 .smedium-margin-collapse > .small-1 { 2293 width: 8.3333333333%; 2294 } 2295 .smedium-margin-collapse > .small-2 { 2296 width: 16.6666666667%; 2297 } 2298 .smedium-margin-collapse > .small-3 { 2299 width: 25%; 2300 } 2301 .smedium-margin-collapse > .small-4 { 2302 width: 33.3333333333%; 2303 } 2304 .smedium-margin-collapse > .small-5 { 2305 width: 41.6666666667%; 2306 } 2307 .smedium-margin-collapse > .small-6 { 2308 width: 50%; 2309 } 2310 .smedium-margin-collapse > .small-7 { 2311 width: 58.3333333333%; 2312 } 2313 .smedium-margin-collapse > .small-8 { 2314 width: 66.6666666667%; 2315 } 2316 .smedium-margin-collapse > .small-9 { 2317 width: 75%; 2318 } 2319 .smedium-margin-collapse > .small-10 { 2320 width: 83.3333333333%; 2321 } 2322 .smedium-margin-collapse > .small-11 { 2323 width: 91.6666666667%; 2324 } 2325 .smedium-margin-collapse > .small-12 { 2326 width: 100%; 2327 } 2328} 2329@media print, screen and (min-width: 30em) { 2330 .smedium-margin-collapse > .smedium-1 { 2331 width: 8.3333333333%; 2332 } 2333 .smedium-margin-collapse > .smedium-2 { 2334 width: 16.6666666667%; 2335 } 2336 .smedium-margin-collapse > .smedium-3 { 2337 width: 25%; 2338 } 2339 .smedium-margin-collapse > .smedium-4 { 2340 width: 33.3333333333%; 2341 } 2342 .smedium-margin-collapse > .smedium-5 { 2343 width: 41.6666666667%; 2344 } 2345 .smedium-margin-collapse > .smedium-6 { 2346 width: 50%; 2347 } 2348 .smedium-margin-collapse > .smedium-7 { 2349 width: 58.3333333333%; 2350 } 2351 .smedium-margin-collapse > .smedium-8 { 2352 width: 66.6666666667%; 2353 } 2354 .smedium-margin-collapse > .smedium-9 { 2355 width: 75%; 2356 } 2357 .smedium-margin-collapse > .smedium-10 { 2358 width: 83.3333333333%; 2359 } 2360 .smedium-margin-collapse > .smedium-11 { 2361 width: 91.6666666667%; 2362 } 2363 .smedium-margin-collapse > .smedium-12 { 2364 width: 100%; 2365 } 2366} 2367@media print, screen and (min-width: 40em) { 2368 .smedium-margin-collapse > .medium-1 { 2369 width: 8.3333333333%; 2370 } 2371 .smedium-margin-collapse > .medium-2 { 2372 width: 16.6666666667%; 2373 } 2374 .smedium-margin-collapse > .medium-3 { 2375 width: 25%; 2376 } 2377 .smedium-margin-collapse > .medium-4 { 2378 width: 33.3333333333%; 2379 } 2380 .smedium-margin-collapse > .medium-5 { 2381 width: 41.6666666667%; 2382 } 2383 .smedium-margin-collapse > .medium-6 { 2384 width: 50%; 2385 } 2386 .smedium-margin-collapse > .medium-7 { 2387 width: 58.3333333333%; 2388 } 2389 .smedium-margin-collapse > .medium-8 { 2390 width: 66.6666666667%; 2391 } 2392 .smedium-margin-collapse > .medium-9 { 2393 width: 75%; 2394 } 2395 .smedium-margin-collapse > .medium-10 { 2396 width: 83.3333333333%; 2397 } 2398 .smedium-margin-collapse > .medium-11 { 2399 width: 91.6666666667%; 2400 } 2401 .smedium-margin-collapse > .medium-12 { 2402 width: 100%; 2403 } 2404} 2405@media print, screen and (min-width: 48em) { 2406 .smedium-margin-collapse > .xmedium-1 { 2407 width: 8.3333333333%; 2408 } 2409 .smedium-margin-collapse > .xmedium-2 { 2410 width: 16.6666666667%; 2411 } 2412 .smedium-margin-collapse > .xmedium-3 { 2413 width: 25%; 2414 } 2415 .smedium-margin-collapse > .xmedium-4 { 2416 width: 33.3333333333%; 2417 } 2418 .smedium-margin-collapse > .xmedium-5 { 2419 width: 41.6666666667%; 2420 } 2421 .smedium-margin-collapse > .xmedium-6 { 2422 width: 50%; 2423 } 2424 .smedium-margin-collapse > .xmedium-7 { 2425 width: 58.3333333333%; 2426 } 2427 .smedium-margin-collapse > .xmedium-8 { 2428 width: 66.6666666667%; 2429 } 2430 .smedium-margin-collapse > .xmedium-9 { 2431 width: 75%; 2432 } 2433 .smedium-margin-collapse > .xmedium-10 { 2434 width: 83.3333333333%; 2435 } 2436 .smedium-margin-collapse > .xmedium-11 { 2437 width: 91.6666666667%; 2438 } 2439 .smedium-margin-collapse > .xmedium-12 { 2440 width: 100%; 2441 } 2442} 2443@media print, screen and (min-width: 64em) { 2444 .smedium-margin-collapse > .large-1 { 2445 width: 8.3333333333%; 2446 } 2447 .smedium-margin-collapse > .large-2 { 2448 width: 16.6666666667%; 2449 } 2450 .smedium-margin-collapse > .large-3 { 2451 width: 25%; 2452 } 2453 .smedium-margin-collapse > .large-4 { 2454 width: 33.3333333333%; 2455 } 2456 .smedium-margin-collapse > .large-5 { 2457 width: 41.6666666667%; 2458 } 2459 .smedium-margin-collapse > .large-6 { 2460 width: 50%; 2461 } 2462 .smedium-margin-collapse > .large-7 { 2463 width: 58.3333333333%; 2464 } 2465 .smedium-margin-collapse > .large-8 { 2466 width: 66.6666666667%; 2467 } 2468 .smedium-margin-collapse > .large-9 { 2469 width: 75%; 2470 } 2471 .smedium-margin-collapse > .large-10 { 2472 width: 83.3333333333%; 2473 } 2474 .smedium-margin-collapse > .large-11 { 2475 width: 91.6666666667%; 2476 } 2477 .smedium-margin-collapse > .large-12 { 2478 width: 100%; 2479 } 2480} 2481@media screen and (min-width: 75em) { 2482 .smedium-margin-collapse > .xlarge-1 { 2483 width: 8.3333333333%; 2484 } 2485 .smedium-margin-collapse > .xlarge-2 { 2486 width: 16.6666666667%; 2487 } 2488 .smedium-margin-collapse > .xlarge-3 { 2489 width: 25%; 2490 } 2491 .smedium-margin-collapse > .xlarge-4 { 2492 width: 33.3333333333%; 2493 } 2494 .smedium-margin-collapse > .xlarge-5 { 2495 width: 41.6666666667%; 2496 } 2497 .smedium-margin-collapse > .xlarge-6 { 2498 width: 50%; 2499 } 2500 .smedium-margin-collapse > .xlarge-7 { 2501 width: 58.3333333333%; 2502 } 2503 .smedium-margin-collapse > .xlarge-8 { 2504 width: 66.6666666667%; 2505 } 2506 .smedium-margin-collapse > .xlarge-9 { 2507 width: 75%; 2508 } 2509 .smedium-margin-collapse > .xlarge-10 { 2510 width: 83.3333333333%; 2511 } 2512 .smedium-margin-collapse > .xlarge-11 { 2513 width: 91.6666666667%; 2514 } 2515 .smedium-margin-collapse > .xlarge-12 { 2516 width: 100%; 2517 } 2518} 2519 2520@media print, screen and (min-width: 30em) { 2521 .smedium-padding-collapse { 2522 margin-right: 0; 2523 margin-left: 0; 2524 } 2525 .smedium-padding-collapse > .cell { 2526 padding-right: 0; 2527 padding-left: 0; 2528 } 2529} 2530 2531@media print, screen and (min-width: 40em) { 2532 .medium-margin-collapse { 2533 margin-right: 0; 2534 margin-left: 0; 2535 } 2536 .medium-margin-collapse > .cell { 2537 margin-right: 0; 2538 margin-left: 0; 2539 } 2540} 2541@media print, screen and (min-width: 40em) { 2542 .medium-margin-collapse > .small-1 { 2543 width: 8.3333333333%; 2544 } 2545 .medium-margin-collapse > .small-2 { 2546 width: 16.6666666667%; 2547 } 2548 .medium-margin-collapse > .small-3 { 2549 width: 25%; 2550 } 2551 .medium-margin-collapse > .small-4 { 2552 width: 33.3333333333%; 2553 } 2554 .medium-margin-collapse > .small-5 { 2555 width: 41.6666666667%; 2556 } 2557 .medium-margin-collapse > .small-6 { 2558 width: 50%; 2559 } 2560 .medium-margin-collapse > .small-7 { 2561 width: 58.3333333333%; 2562 } 2563 .medium-margin-collapse > .small-8 { 2564 width: 66.6666666667%; 2565 } 2566 .medium-margin-collapse > .small-9 { 2567 width: 75%; 2568 } 2569 .medium-margin-collapse > .small-10 { 2570 width: 83.3333333333%; 2571 } 2572 .medium-margin-collapse > .small-11 { 2573 width: 91.6666666667%; 2574 } 2575 .medium-margin-collapse > .small-12 { 2576 width: 100%; 2577 } 2578} 2579@media print, screen and (min-width: 40em) { 2580 .medium-margin-collapse > .smedium-1 { 2581 width: 8.3333333333%; 2582 } 2583 .medium-margin-collapse > .smedium-2 { 2584 width: 16.6666666667%; 2585 } 2586 .medium-margin-collapse > .smedium-3 { 2587 width: 25%; 2588 } 2589 .medium-margin-collapse > .smedium-4 { 2590 width: 33.3333333333%; 2591 } 2592 .medium-margin-collapse > .smedium-5 { 2593 width: 41.6666666667%; 2594 } 2595 .medium-margin-collapse > .smedium-6 { 2596 width: 50%; 2597 } 2598 .medium-margin-collapse > .smedium-7 { 2599 width: 58.3333333333%; 2600 } 2601 .medium-margin-collapse > .smedium-8 { 2602 width: 66.6666666667%; 2603 } 2604 .medium-margin-collapse > .smedium-9 { 2605 width: 75%; 2606 } 2607 .medium-margin-collapse > .smedium-10 { 2608 width: 83.3333333333%; 2609 } 2610 .medium-margin-collapse > .smedium-11 { 2611 width: 91.6666666667%; 2612 } 2613 .medium-margin-collapse > .smedium-12 { 2614 width: 100%; 2615 } 2616} 2617@media print, screen and (min-width: 40em) { 2618 .medium-margin-collapse > .medium-1 { 2619 width: 8.3333333333%; 2620 } 2621 .medium-margin-collapse > .medium-2 { 2622 width: 16.6666666667%; 2623 } 2624 .medium-margin-collapse > .medium-3 { 2625 width: 25%; 2626 } 2627 .medium-margin-collapse > .medium-4 { 2628 width: 33.3333333333%; 2629 } 2630 .medium-margin-collapse > .medium-5 { 2631 width: 41.6666666667%; 2632 } 2633 .medium-margin-collapse > .medium-6 { 2634 width: 50%; 2635 } 2636 .medium-margin-collapse > .medium-7 { 2637 width: 58.3333333333%; 2638 } 2639 .medium-margin-collapse > .medium-8 { 2640 width: 66.6666666667%; 2641 } 2642 .medium-margin-collapse > .medium-9 { 2643 width: 75%; 2644 } 2645 .medium-margin-collapse > .medium-10 { 2646 width: 83.3333333333%; 2647 } 2648 .medium-margin-collapse > .medium-11 { 2649 width: 91.6666666667%; 2650 } 2651 .medium-margin-collapse > .medium-12 { 2652 width: 100%; 2653 } 2654} 2655@media print, screen and (min-width: 48em) { 2656 .medium-margin-collapse > .xmedium-1 { 2657 width: 8.3333333333%; 2658 } 2659 .medium-margin-collapse > .xmedium-2 { 2660 width: 16.6666666667%; 2661 } 2662 .medium-margin-collapse > .xmedium-3 { 2663 width: 25%; 2664 } 2665 .medium-margin-collapse > .xmedium-4 { 2666 width: 33.3333333333%; 2667 } 2668 .medium-margin-collapse > .xmedium-5 { 2669 width: 41.6666666667%; 2670 } 2671 .medium-margin-collapse > .xmedium-6 { 2672 width: 50%; 2673 } 2674 .medium-margin-collapse > .xmedium-7 { 2675 width: 58.3333333333%; 2676 } 2677 .medium-margin-collapse > .xmedium-8 { 2678 width: 66.6666666667%; 2679 } 2680 .medium-margin-collapse > .xmedium-9 { 2681 width: 75%; 2682 } 2683 .medium-margin-collapse > .xmedium-10 { 2684 width: 83.3333333333%; 2685 } 2686 .medium-margin-collapse > .xmedium-11 { 2687 width: 91.6666666667%; 2688 } 2689 .medium-margin-collapse > .xmedium-12 { 2690 width: 100%; 2691 } 2692} 2693@media print, screen and (min-width: 64em) { 2694 .medium-margin-collapse > .large-1 { 2695 width: 8.3333333333%; 2696 } 2697 .medium-margin-collapse > .large-2 { 2698 width: 16.6666666667%; 2699 } 2700 .medium-margin-collapse > .large-3 { 2701 width: 25%; 2702 } 2703 .medium-margin-collapse > .large-4 { 2704 width: 33.3333333333%; 2705 } 2706 .medium-margin-collapse > .large-5 { 2707 width: 41.6666666667%; 2708 } 2709 .medium-margin-collapse > .large-6 { 2710 width: 50%; 2711 } 2712 .medium-margin-collapse > .large-7 { 2713 width: 58.3333333333%; 2714 } 2715 .medium-margin-collapse > .large-8 { 2716 width: 66.6666666667%; 2717 } 2718 .medium-margin-collapse > .large-9 { 2719 width: 75%; 2720 } 2721 .medium-margin-collapse > .large-10 { 2722 width: 83.3333333333%; 2723 } 2724 .medium-margin-collapse > .large-11 { 2725 width: 91.6666666667%; 2726 } 2727 .medium-margin-collapse > .large-12 { 2728 width: 100%; 2729 } 2730} 2731@media screen and (min-width: 75em) { 2732 .medium-margin-collapse > .xlarge-1 { 2733 width: 8.3333333333%; 2734 } 2735 .medium-margin-collapse > .xlarge-2 { 2736 width: 16.6666666667%; 2737 } 2738 .medium-margin-collapse > .xlarge-3 { 2739 width: 25%; 2740 } 2741 .medium-margin-collapse > .xlarge-4 { 2742 width: 33.3333333333%; 2743 } 2744 .medium-margin-collapse > .xlarge-5 { 2745 width: 41.6666666667%; 2746 } 2747 .medium-margin-collapse > .xlarge-6 { 2748 width: 50%; 2749 } 2750 .medium-margin-collapse > .xlarge-7 { 2751 width: 58.3333333333%; 2752 } 2753 .medium-margin-collapse > .xlarge-8 { 2754 width: 66.6666666667%; 2755 } 2756 .medium-margin-collapse > .xlarge-9 { 2757 width: 75%; 2758 } 2759 .medium-margin-collapse > .xlarge-10 { 2760 width: 83.3333333333%; 2761 } 2762 .medium-margin-collapse > .xlarge-11 { 2763 width: 91.6666666667%; 2764 } 2765 .medium-margin-collapse > .xlarge-12 { 2766 width: 100%; 2767 } 2768} 2769 2770@media print, screen and (min-width: 40em) { 2771 .medium-padding-collapse { 2772 margin-right: 0; 2773 margin-left: 0; 2774 } 2775 .medium-padding-collapse > .cell { 2776 padding-right: 0; 2777 padding-left: 0; 2778 } 2779} 2780 2781@media print, screen and (min-width: 48em) { 2782 .xmedium-margin-collapse { 2783 margin-right: 0; 2784 margin-left: 0; 2785 } 2786 .xmedium-margin-collapse > .cell { 2787 margin-right: 0; 2788 margin-left: 0; 2789 } 2790} 2791@media print, screen and (min-width: 48em) { 2792 .xmedium-margin-collapse > .small-1 { 2793 width: 8.3333333333%; 2794 } 2795 .xmedium-margin-collapse > .small-2 { 2796 width: 16.6666666667%; 2797 } 2798 .xmedium-margin-collapse > .small-3 { 2799 width: 25%; 2800 } 2801 .xmedium-margin-collapse > .small-4 { 2802 width: 33.3333333333%; 2803 } 2804 .xmedium-margin-collapse > .small-5 { 2805 width: 41.6666666667%; 2806 } 2807 .xmedium-margin-collapse > .small-6 { 2808 width: 50%; 2809 } 2810 .xmedium-margin-collapse > .small-7 { 2811 width: 58.3333333333%; 2812 } 2813 .xmedium-margin-collapse > .small-8 { 2814 width: 66.6666666667%; 2815 } 2816 .xmedium-margin-collapse > .small-9 { 2817 width: 75%; 2818 } 2819 .xmedium-margin-collapse > .small-10 { 2820 width: 83.3333333333%; 2821 } 2822 .xmedium-margin-collapse > .small-11 { 2823 width: 91.6666666667%; 2824 } 2825 .xmedium-margin-collapse > .small-12 { 2826 width: 100%; 2827 } 2828} 2829@media print, screen and (min-width: 48em) { 2830 .xmedium-margin-collapse > .smedium-1 { 2831 width: 8.3333333333%; 2832 } 2833 .xmedium-margin-collapse > .smedium-2 { 2834 width: 16.6666666667%; 2835 } 2836 .xmedium-margin-collapse > .smedium-3 { 2837 width: 25%; 2838 } 2839 .xmedium-margin-collapse > .smedium-4 { 2840 width: 33.3333333333%; 2841 } 2842 .xmedium-margin-collapse > .smedium-5 { 2843 width: 41.6666666667%; 2844 } 2845 .xmedium-margin-collapse > .smedium-6 { 2846 width: 50%; 2847 } 2848 .xmedium-margin-collapse > .smedium-7 { 2849 width: 58.3333333333%; 2850 } 2851 .xmedium-margin-collapse > .smedium-8 { 2852 width: 66.6666666667%; 2853 } 2854 .xmedium-margin-collapse > .smedium-9 { 2855 width: 75%; 2856 } 2857 .xmedium-margin-collapse > .smedium-10 { 2858 width: 83.3333333333%; 2859 } 2860 .xmedium-margin-collapse > .smedium-11 { 2861 width: 91.6666666667%; 2862 } 2863 .xmedium-margin-collapse > .smedium-12 { 2864 width: 100%; 2865 } 2866} 2867@media print, screen and (min-width: 48em) { 2868 .xmedium-margin-collapse > .medium-1 { 2869 width: 8.3333333333%; 2870 } 2871 .xmedium-margin-collapse > .medium-2 { 2872 width: 16.6666666667%; 2873 } 2874 .xmedium-margin-collapse > .medium-3 { 2875 width: 25%; 2876 } 2877 .xmedium-margin-collapse > .medium-4 { 2878 width: 33.3333333333%; 2879 } 2880 .xmedium-margin-collapse > .medium-5 { 2881 width: 41.6666666667%; 2882 } 2883 .xmedium-margin-collapse > .medium-6 { 2884 width: 50%; 2885 } 2886 .xmedium-margin-collapse > .medium-7 { 2887 width: 58.3333333333%; 2888 } 2889 .xmedium-margin-collapse > .medium-8 { 2890 width: 66.6666666667%; 2891 } 2892 .xmedium-margin-collapse > .medium-9 { 2893 width: 75%; 2894 } 2895 .xmedium-margin-collapse > .medium-10 { 2896 width: 83.3333333333%; 2897 } 2898 .xmedium-margin-collapse > .medium-11 { 2899 width: 91.6666666667%; 2900 } 2901 .xmedium-margin-collapse > .medium-12 { 2902 width: 100%; 2903 } 2904} 2905@media print, screen and (min-width: 48em) { 2906 .xmedium-margin-collapse > .xmedium-1 { 2907 width: 8.3333333333%; 2908 } 2909 .xmedium-margin-collapse > .xmedium-2 { 2910 width: 16.6666666667%; 2911 } 2912 .xmedium-margin-collapse > .xmedium-3 { 2913 width: 25%; 2914 } 2915 .xmedium-margin-collapse > .xmedium-4 { 2916 width: 33.3333333333%; 2917 } 2918 .xmedium-margin-collapse > .xmedium-5 { 2919 width: 41.6666666667%; 2920 } 2921 .xmedium-margin-collapse > .xmedium-6 { 2922 width: 50%; 2923 } 2924 .xmedium-margin-collapse > .xmedium-7 { 2925 width: 58.3333333333%; 2926 } 2927 .xmedium-margin-collapse > .xmedium-8 { 2928 width: 66.6666666667%; 2929 } 2930 .xmedium-margin-collapse > .xmedium-9 { 2931 width: 75%; 2932 } 2933 .xmedium-margin-collapse > .xmedium-10 { 2934 width: 83.3333333333%; 2935 } 2936 .xmedium-margin-collapse > .xmedium-11 { 2937 width: 91.6666666667%; 2938 } 2939 .xmedium-margin-collapse > .xmedium-12 { 2940 width: 100%; 2941 } 2942} 2943@media print, screen and (min-width: 64em) { 2944 .xmedium-margin-collapse > .large-1 { 2945 width: 8.3333333333%; 2946 } 2947 .xmedium-margin-collapse > .large-2 { 2948 width: 16.6666666667%; 2949 } 2950 .xmedium-margin-collapse > .large-3 { 2951 width: 25%; 2952 } 2953 .xmedium-margin-collapse > .large-4 { 2954 width: 33.3333333333%; 2955 } 2956 .xmedium-margin-collapse > .large-5 { 2957 width: 41.6666666667%; 2958 } 2959 .xmedium-margin-collapse > .large-6 { 2960 width: 50%; 2961 } 2962 .xmedium-margin-collapse > .large-7 { 2963 width: 58.3333333333%; 2964 } 2965 .xmedium-margin-collapse > .large-8 { 2966 width: 66.6666666667%; 2967 } 2968 .xmedium-margin-collapse > .large-9 { 2969 width: 75%; 2970 } 2971 .xmedium-margin-collapse > .large-10 { 2972 width: 83.3333333333%; 2973 } 2974 .xmedium-margin-collapse > .large-11 { 2975 width: 91.6666666667%; 2976 } 2977 .xmedium-margin-collapse > .large-12 { 2978 width: 100%; 2979 } 2980} 2981@media screen and (min-width: 75em) { 2982 .xmedium-margin-collapse > .xlarge-1 { 2983 width: 8.3333333333%; 2984 } 2985 .xmedium-margin-collapse > .xlarge-2 { 2986 width: 16.6666666667%; 2987 } 2988 .xmedium-margin-collapse > .xlarge-3 { 2989 width: 25%; 2990 } 2991 .xmedium-margin-collapse > .xlarge-4 { 2992 width: 33.3333333333%; 2993 } 2994 .xmedium-margin-collapse > .xlarge-5 { 2995
2995 width: 41.6666666667%; 2996 } 2997 .xmedium-margin-collapse > .xlarge-6 { 2998 width: 50%; 2999 } 3000 .xmedium-margin-collapse > .xlarge-7 { 3001 width: 58.3333333333%; 3002 } 3003 .xmedium-margin-collapse > .xlarge-8 { 3004 width: 66.6666666667%; 3005 } 3006 .xmedium-margin-collapse > .xlarge-9 { 3007 width: 75%; 3008 } 3009 .xmedium-margin-collapse > .xlarge-10 { 3010 width: 83.3333333333%; 3011 } 3012 .xmedium-margin-collapse > .xlarge-11 { 3013 width: 91.6666666667%; 3014 } 3015 .xmedium-margin-collapse > .xlarge-12 { 3016 width: 100%; 3017 } 3018} 3019 3020@media print, screen and (min-width: 48em) { 3021 .xmedium-padding-collapse { 3022 margin-right: 0; 3023 margin-left: 0; 3024 } 3025 .xmedium-padding-collapse > .cell { 3026 padding-right: 0; 3027 padding-left: 0; 3028 } 3029} 3030 3031@media print, screen and (min-width: 64em) { 3032 .large-margin-collapse { 3033 margin-right: 0; 3034 margin-left: 0; 3035 } 3036 .large-margin-collapse > .cell { 3037 margin-right: 0; 3038 margin-left: 0; 3039 } 3040} 3041@media print, screen and (min-width: 64em) { 3042 .large-margin-collapse > .small-1 { 3043 width: 8.3333333333%; 3044 } 3045 .large-margin-collapse > .small-2 { 3046 width: 16.6666666667%; 3047 } 3048 .large-margin-collapse > .small-3 { 3049 width: 25%; 3050 } 3051 .large-margin-collapse > .small-4 { 3052 width: 33.3333333333%; 3053 } 3054 .large-margin-collapse > .small-5 { 3055 width: 41.6666666667%; 3056 } 3057 .large-margin-collapse > .small-6 { 3058 width: 50%; 3059 } 3060 .large-margin-collapse > .small-7 { 3061 width: 58.3333333333%; 3062 } 3063 .large-margin-collapse > .small-8 { 3064 width: 66.6666666667%; 3065 } 3066 .large-margin-collapse > .small-9 { 3067 width: 75%; 3068 } 3069 .large-margin-collapse > .small-10 { 3070 width: 83.3333333333%; 3071 } 3072 .large-margin-collapse > .small-11 { 3073 width: 91.6666666667%; 3074 } 3075 .large-margin-collapse > .small-12 { 3076 width: 100%; 3077 } 3078} 3079@media print, screen and (min-width: 64em) { 3080 .large-margin-collapse > .smedium-1 { 3081 width: 8.3333333333%; 3082 } 3083 .large-margin-collapse > .smedium-2 { 3084 width: 16.6666666667%; 3085 } 3086 .large-margin-collapse > .smedium-3 { 3087 width: 25%; 3088 } 3089 .large-margin-collapse > .smedium-4 { 3090 width: 33.3333333333%; 3091 } 3092 .large-margin-collapse > .smedium-5 { 3093 width: 41.6666666667%; 3094 } 3095 .large-margin-collapse > .smedium-6 { 3096 width: 50%; 3097 } 3098 .large-margin-collapse > .smedium-7 { 3099 width: 58.3333333333%; 3100 } 3101 .large-margin-collapse > .smedium-8 { 3102 width: 66.6666666667%; 3103 } 3104 .large-margin-collapse > .smedium-9 { 3105 width: 75%; 3106 } 3107 .large-margin-collapse > .smedium-10 { 3108 width: 83.3333333333%; 3109 } 3110 .large-margin-collapse > .smedium-11 { 3111 width: 91.6666666667%; 3112 } 3113 .large-margin-collapse > .smedium-12 { 3114 width: 100%; 3115 } 3116} 3117@media print, screen and (min-width: 64em) { 3118 .large-margin-collapse > .medium-1 { 3119 width: 8.3333333333%; 3120 } 3121 .large-margin-collapse > .medium-2 { 3122 width: 16.6666666667%; 3123 } 3124 .large-margin-collapse > .medium-3 { 3125 width: 25%; 3126 } 3127 .large-margin-collapse > .medium-4 { 3128 width: 33.3333333333%; 3129 } 3130 .large-margin-collapse > .medium-5 { 3131 width: 41.6666666667%; 3132 } 3133 .large-margin-collapse > .medium-6 { 3134 width: 50%; 3135 } 3136 .large-margin-collapse > .medium-7 { 3137 width: 58.3333333333%; 3138 } 3139 .large-margin-collapse > .medium-8 { 3140 width: 66.6666666667%; 3141 } 3142 .large-margin-collapse > .medium-9 { 3143 width: 75%; 3144 } 3145 .large-margin-collapse > .medium-10 { 3146 width: 83.3333333333%; 3147 } 3148 .large-margin-collapse > .medium-11 { 3149 width: 91.6666666667%; 3150 } 3151 .large-margin-collapse > .medium-12 { 3152 width: 100%; 3153 } 3154} 3155@media print, screen and (min-width: 64em) { 3156 .large-margin-collapse > .xmedium-1 { 3157 width: 8.3333333333%; 3158 } 3159 .large-margin-collapse > .xmedium-2 { 3160 width: 16.6666666667%; 3161 } 3162 .large-margin-collapse > .xmedium-3 { 3163 width: 25%; 3164 } 3165 .large-margin-collapse > .xmedium-4 { 3166 width: 33.3333333333%; 3167 } 3168 .large-margin-collapse > .xmedium-5 { 3169 width: 41.6666666667%; 3170 } 3171 .large-margin-collapse > .xmedium-6 { 3172 width: 50%; 3173 } 3174 .large-margin-collapse > .xmedium-7 { 3175 width: 58.3333333333%; 3176 } 3177 .large-margin-collapse > .xmedium-8 { 3178 width: 66.6666666667%; 3179 } 3180 .large-margin-collapse > .xmedium-9 { 3181 width: 75%; 3182 } 3183 .large-margin-collapse > .xmedium-10 { 3184 width: 83.3333333333%; 3185 } 3186 .large-margin-collapse > .xmedium-11 { 3187 width: 91.6666666667%; 3188 } 3189 .large-margin-collapse > .xmedium-12 { 3190 width: 100%; 3191 } 3192} 3193@media print, screen and (min-width: 64em) { 3194 .large-margin-collapse > .large-1 { 3195 width: 8.3333333333%; 3196 } 3197 .large-margin-collapse > .large-2 { 3198 width: 16.6666666667%; 3199 } 3200 .large-margin-collapse > .large-3 { 3201 width: 25%; 3202 } 3203 .large-margin-collapse > .large-4 { 3204 width: 33.3333333333%; 3205 } 3206 .large-margin-collapse > .large-5 { 3207 width: 41.6666666667%; 3208 } 3209 .large-margin-collapse > .large-6 { 3210 width: 50%; 3211 } 3212 .large-margin-collapse > .large-7 { 3213 width: 58.3333333333%; 3214 } 3215 .large-margin-collapse > .large-8 { 3216 width: 66.6666666667%; 3217 } 3218 .large-margin-collapse > .large-9 { 3219 width: 75%; 3220 } 3221 .large-margin-collapse > .large-10 { 3222 width: 83.3333333333%; 3223 } 3224 .large-margin-collapse > .large-11 { 3225 width: 91.6666666667%; 3226 } 3227 .large-margin-collapse > .large-12 { 3228 width: 100%; 3229 } 3230} 3231@media screen and (min-width: 75em) { 3232 .large-margin-collapse > .xlarge-1 { 3233 width: 8.3333333333%; 3234 } 3235 .large-margin-collapse > .xlarge-2 { 3236 width: 16.6666666667%; 3237 } 3238 .large-margin-collapse > .xlarge-3 { 3239 width: 25%; 3240 } 3241 .large-margin-collapse > .xlarge-4 { 3242 width: 33.3333333333%; 3243 } 3244 .large-margin-collapse > .xlarge-5 { 3245 width: 41.6666666667%; 3246 } 3247 .large-margin-collapse > .xlarge-6 { 3248 width: 50%; 3249 } 3250 .large-margin-collapse > .xlarge-7 { 3251 width: 58.3333333333%; 3252 } 3253 .large-margin-collapse > .xlarge-8 { 3254 width: 66.6666666667%; 3255 } 3256 .large-margin-collapse > .xlarge-9 { 3257 width: 75%; 3258 } 3259 .large-margin-collapse > .xlarge-10 { 3260 width: 83.3333333333%; 3261 } 3262 .large-margin-collapse > .xlarge-11 { 3263 width: 91.6666666667%; 3264 } 3265 .large-margin-collapse > .xlarge-12 { 3266 width: 100%; 3267 } 3268} 3269 3270@media print, screen and (min-width: 64em) { 3271 .large-padding-collapse { 3272 margin-right: 0; 3273 margin-left: 0; 3274 } 3275 .large-padding-collapse > .cell { 3276 padding-right: 0; 3277 padding-left: 0; 3278 } 3279} 3280 3281@media screen and (min-width: 75em) { 3282 .xlarge-margin-collapse { 3283 margin-right: 0; 3284 margin-left: 0; 3285 } 3286 .xlarge-margin-collapse > .cell { 3287 margin-right: 0; 3288 margin-left: 0; 3289 } 3290} 3291@media screen and (min-width: 75em) { 3292 .xlarge-margin-collapse > .small-1 { 3293 width: 8.3333333333%; 3294 } 3295 .xlarge-margin-collapse > .small-2 { 3296 width: 16.6666666667%; 3297 } 3298 .xlarge-margin-collapse > .small-3 { 3299 width: 25%; 3300 } 3301 .xlarge-margin-collapse > .small-4 { 3302 width: 33.3333333333%; 3303 } 3304 .xlarge-margin-collapse > .small-5 { 3305 width: 41.6666666667%; 3306 } 3307 .xlarge-margin-collapse > .small-6 { 3308 width: 50%; 3309 } 3310 .xlarge-margin-collapse > .small-7 { 3311 width: 58.3333333333%; 3312 } 3313 .xlarge-margin-collapse > .small-8 { 3314 width: 66.6666666667%; 3315 } 3316 .xlarge-margin-collapse > .small-9 { 3317 width: 75%; 3318 } 3319 .xlarge-margin-collapse > .small-10 { 3320 width: 83.3333333333%; 3321 } 3322 .xlarge-margin-collapse > .small-11 { 3323 width: 91.6666666667%; 3324 } 3325 .xlarge-margin-collapse > .small-12 { 3326 width: 100%; 3327 } 3328} 3329@media screen and (min-width: 75em) { 3330 .xlarge-margin-collapse > .smedium-1 { 3331 width: 8.3333333333%; 3332 } 3333 .xlarge-margin-collapse > .smedium-2 { 3334 width: 16.6666666667%; 3335 } 3336 .xlarge-margin-collapse > .smedium-3 { 3337 width: 25%; 3338 } 3339 .xlarge-margin-collapse > .smedium-4 { 3340 width: 33.3333333333%; 3341 } 3342 .xlarge-margin-collapse > .smedium-5 { 3343 width: 41.6666666667%; 3344 } 3345 .xlarge-margin-collapse > .smedium-6 { 3346 width: 50%; 3347 } 3348 .xlarge-margin-collapse > .smedium-7 { 3349 width: 58.3333333333%; 3350 } 3351 .xlarge-margin-collapse > .smedium-8 { 3352 width: 66.6666666667%; 3353 } 3354 .xlarge-margin-collapse > .smedium-9 { 3355 width: 75%; 3356 } 3357 .xlarge-margin-collapse > .smedium-10 { 3358 width: 83.3333333333%; 3359 } 3360 .xlarge-margin-collapse > .smedium-11 { 3361 width: 91.6666666667%; 3362 } 3363 .xlarge-margin-collapse > .smedium-12 { 3364 width: 100%; 3365 } 3366} 3367@media screen and (min-width: 75em) { 3368 .xlarge-margin-collapse > .medium-1 { 3369 width: 8.3333333333%; 3370 } 3371 .xlarge-margin-collapse > .medium-2 { 3372 width: 16.6666666667%; 3373 } 3374 .xlarge-margin-collapse > .medium-3 { 3375 width: 25%; 3376 } 3377 .xlarge-margin-collapse > .medium-4 { 3378 width: 33.3333333333%; 3379 } 3380 .xlarge-margin-collapse > .medium-5 { 3381 width: 41.6666666667%; 3382 } 3383 .xlarge-margin-collapse > .medium-6 { 3384 width: 50%; 3385 } 3386 .xlarge-margin-collapse > .medium-7 { 3387 width: 58.3333333333%; 3388 } 3389 .xlarge-margin-collapse > .medium-8 { 3390 width: 66.6666666667%; 3391 } 3392 .xlarge-margin-collapse > .medium-9 { 3393 width: 75%; 3394 } 3395 .xlarge-margin-collapse > .medium-10 { 3396 width: 83.3333333333%; 3397 } 3398 .xlarge-margin-collapse > .medium-11 { 3399 width: 91.6666666667%; 3400 } 3401 .xlarge-margin-collapse > .medium-12 { 3402 width: 100%; 3403 } 3404} 3405@media screen and (min-width: 75em) { 3406 .xlarge-margin-collapse > .xmedium-1 { 3407 width: 8.3333333333%; 3408 } 3409 .xlarge-margin-collapse > .xmedium-2 { 3410 width: 16.6666666667%; 3411 } 3412 .xlarge-margin-collapse > .xmedium-3 { 3413 width: 25%; 3414 } 3415 .xlarge-margin-collapse > .xmedium-4 { 3416 width: 33.3333333333%; 3417 } 3418 .xlarge-margin-collapse > .xmedium-5 { 3419 width: 41.6666666667%; 3420 } 3421 .xlarge-margin-collapse > .xmedium-6 { 3422 width: 50%; 3423 } 3424 .xlarge-margin-collapse > .xmedium-7 { 3425 width: 58.3333333333%; 3426 } 3427 .xlarge-margin-collapse > .xmedium-8 { 3428 width: 66.6666666667%; 3429 } 3430 .xlarge-margin-collapse > .xmedium-9 { 3431 width: 75%; 3432 } 3433 .xlarge-margin-collapse > .xmedium-10 { 3434 width: 83.3333333333%; 3435 } 3436 .xlarge-margin-collapse > .xmedium-11 { 3437 width: 91.6666666667%; 3438 } 3439 .xlarge-margin-collapse > .xmedium-12 { 3440 width: 100%; 3441 } 3442} 3443@media screen and (min-width: 75em) { 3444 .xlarge-margin-collapse > .large-1 { 3445 width: 8.3333333333%; 3446 } 3447 .xlarge-margin-collapse > .large-2 { 3448 width: 16.6666666667%; 3449 } 3450 .xlarge-margin-collapse > .large-3 { 3451 width: 25%; 3452 } 3453 .xlarge-margin-collapse > .large-4 { 3454 width: 33.3333333333%; 3455 } 3456 .xlarge-margin-collapse > .large-5 { 3457 width: 41.6666666667%; 3458 } 3459 .xlarge-margin-collapse > .large-6 { 3460 width: 50%; 3461 } 3462 .xlarge-margin-collapse > .large-7 { 3463 width: 58.3333333333%; 3464 } 3465 .xlarge-margin-collapse > .large-8 { 3466 width: 66.6666666667%; 3467 } 3468 .xlarge-margin-collapse > .large-9 { 3469 width: 75%; 3470 } 3471 .xlarge-margin-collapse > .large-10 { 3472 width: 83.3333333333%; 3473 } 3474 .xlarge-margin-collapse > .large-11 { 3475 width: 91.6666666667%; 3476 } 3477 .xlarge-margin-collapse > .large-12 { 3478 width: 100%; 3479 } 3480} 3481@media screen and (min-width: 75em) { 3482 .xlarge-margin-collapse > .xlarge-1 { 3483 width: 8.3333333333%; 3484 } 3485 .xlarge-margin-collapse > .xlarge-2 { 3486 width: 16.6666666667%; 3487 } 3488 .xlarge-margin-collapse > .xlarge-3 { 3489 width: 25%; 3490 } 3491 .xlarge-margin-collapse > .xlarge-4 { 3492 width: 33.3333333333%; 3493 } 3494 .xlarge-margin-collapse > .xlarge-5 { 3495 width: 41.6666666667%; 3496 } 3497 .xlarge-margin-collapse > .xlarge-6 { 3498 width: 50%; 3499 } 3500 .xlarge-margin-collapse > .xlarge-7 { 3501 width: 58.3333333333%; 3502 } 3503 .xlarge-margin-collapse > .xlarge-8 { 3504 width: 66.6666666667%; 3505 } 3506 .xlarge-margin-collapse > .xlarge-9 { 3507 width: 75%; 3508 } 3509 .xlarge-margin-collapse > .xlarge-10 { 3510 width: 83.3333333333%; 3511 } 3512 .xlarge-margin-collapse > .xlarge-11 { 3513 width: 91.6666666667%; 3514 } 3515 .xlarge-margin-collapse > .xlarge-12 { 3516 width: 100%; 3517 } 3518} 3519 3520@media screen and (min-width: 75em) { 3521 .xlarge-padding-collapse { 3522 margin-right: 0; 3523 margin-left: 0; 3524 } 3525 .xlarge-padding-collapse > .cell { 3526 padding-right: 0; 3527 padding-left: 0; 3528 } 3529} 3530 3531.small-offset-0 { 3532 margin-left: 0%; 3533} 3534 3535.grid-margin-x > .small-offset-0 { 3536 margin-left: calc(0% + 1.875rem / 2); 3537} 3538 3539.small-offset-1 { 3540 margin-left: 8.3333333333%; 3541} 3542 3543.grid-margin-x > .small-offset-1 { 3544 margin-left: calc(8.3333333333% + 1.875rem / 2); 3545} 3546 3547.small-offset-2 { 3548 margin-left: 16.6666666667%; 3549} 3550 3551.grid-margin-x > .small-offset-2 { 3552 margin-left: calc(16.6666666667% + 1.875rem / 2); 3553} 3554 3555.small-offset-3 { 3556 margin-left: 25%; 3557} 3558 3559.grid-margin-x > .small-offset-3 { 3560 margin-left: calc(25% + 1.875rem / 2); 3561} 3562 3563.small-offset-4 { 3564 margin-left: 33.3333333333%; 3565} 3566 3567.grid-margin-x > .small-offset-4 { 3568 margin-left: calc(33.3333333333% + 1.875rem / 2); 3569} 3570 3571.small-offset-5 { 3572 margin-left: 41.6666666667%; 3573} 3574 3575.grid-margin-x > .small-offset-5 { 3576 margin-left: calc(41.6666666667% + 1.875rem / 2); 3577} 3578 3579.small-offset-6 { 3580 margin-left: 50%; 3581} 3582 3583.grid-margin-x > .small-offset-6 { 3584 margin-left: calc(50% + 1.875rem / 2); 3585} 3586 3587.small-offset-7 { 3588 margin-left: 58.3333333333%; 3589} 3590 3591.grid-margin-x > .small-offset-7 { 3592 margin-left: calc(58.3333333333% + 1.875rem / 2); 3593} 3594 3595.small-offset-8 { 3596 margin-left: 66.6666666667%; 3597} 3598 3599.grid-margin-x > .small-offset-8 { 3600 margin-left: calc(66.6666666667% + 1.875rem / 2); 3601} 3602 3603.small-offset-9 { 3604 margin-left: 75%; 3605} 3606 3607.grid-margin-x > .small-offset-9 { 3608 margin-left: calc(75% + 1.875rem / 2); 3609} 3610 3611.small-offset-10 { 3612 margin-left: 83.3333333333%; 3613} 3614 3615.grid-margin-x > .small-offset-10 { 3616 margin-left: calc(83.3333333333% + 1.875rem / 2); 3617} 3618 3619.small-offset-11 { 3620 margin-left: 91.6666666667%; 3621} 3622 3623.grid-margin-x > .small-offset-11 { 3624 margin-left: calc(91.6666666667% + 1.875rem / 2); 3625} 3626 3627@media print, screen and (min-width: 30em) { 3628 .smedium-offset-0 { 3629 margin-left: 0%; 3630 } 3631 .grid-margin-x > .smedium-offset-0 { 3632 margin-left: calc(0% + 1.875rem / 2); 3633 } 3634 .smedium-offset-1 { 3635 margin-left: 8.3333333333%; 3636 } 3637 .grid-margin-x > .smedium-offset-1 { 3638 margin-left: calc(8.3333333333% + 1.875rem / 2); 3639 } 3640 .smedium-offset-2 { 3641 margin-left: 16.6666666667%; 3642 } 3643 .grid-margin-x > .smedium-offset-2 { 3644 margin-left: calc(16.6666666667% + 1.875rem / 2); 3645 } 3646 .smedium-offset-3 { 3647 margin-left: 25%; 3648 } 3649 .grid-margin-x > .smedium-offset-3 { 3650 margin-left: calc(25% + 1.875rem / 2); 3651 } 3652 .smedium-offset-4 { 3653 margin-left: 33.3333333333%; 3654 } 3655 .grid-margin-x > .smedium-offset-4 { 3656 margin-left: calc(33.3333333333% + 1.875rem / 2); 3657 } 3658 .smedium-offset-5 { 3659 margin-left: 41.6666666667%; 3660 } 3661 .grid-margin-x > .smedium-offset-5 { 3662 margin-left: calc(41.6666666667% + 1.875rem / 2); 3663 } 3664 .smedium-offset-6 { 3665 margin-left: 50%; 3666 } 3667 .grid-margin-x > .smedium-offset-6 { 3668 margin-left: calc(50% + 1.875rem / 2); 3669 } 3670 .smedium-offset-7 { 3671 margin-left: 58.3333333333%; 3672 } 3673 .grid-margin-x > .smedium-offset-7 { 3674 margin-left: calc(58.3333333333% + 1.875rem / 2); 3675 } 3676 .smedium-offset-8 { 3677 margin-left: 66.6666666667%; 3678 } 3679 .grid-margin-x > .smedium-offset-8 { 3680 margin-left: calc(66.6666666667% + 1.875rem / 2); 3681 } 3682 .smedium-offset-9 { 3683 margin-left: 75%; 3684 } 3685 .grid-margin-x > .smedium-offset-9 { 3686 margin-left: calc(75% + 1.875rem / 2); 3687 } 3688 .smedium-offset-10 { 3689 margin-left: 83.3333333333%; 3690 } 3691 .grid-margin-x > .smedium-offset-10 { 3692 margin-left: calc(83.3333333333% + 1.875rem / 2); 3693 } 3694 .smedium-offset-11 { 3695 margin-left: 91.6666666667%; 3696 } 3697 .grid-margin-x > .smedium-offset-11 { 3698 margin-left: calc(91.6666666667% + 1.875rem / 2); 3699 } 3700} 3701@media print, screen and (min-width: 40em) { 3702 .medium-offset-0 { 3703 margin-left: 0%; 3704 } 3705 .grid-margin-x > .medium-offset-0 { 3706 margin-left: calc(0% + 1.875rem / 2); 3707 } 3708 .medium-offset-1 { 3709 margin-left: 8.3333333333%; 3710 } 3711 .grid-margin-x > .medium-offset-1 { 3712 margin-left: calc(8.3333333333% + 1.875rem / 2); 3713 } 3714 .medium-offset-2 { 3715 margin-left: 16.6666666667%; 3716 } 3717 .grid-margin-x > .medium-offset-2 { 3718 margin-left: calc(16.6666666667% + 1.875rem / 2); 3719 } 3720 .medium-offset-3 { 3721 margin-left: 25%; 3722 } 3723 .grid-margin-x > .medium-offset-3 { 3724 margin-left: calc(25% + 1.875rem / 2); 3725 } 3726 .medium-offset-4 { 3727 margin-left: 33.3333333333%; 3728 } 3729 .grid-margin-x > .medium-offset-4 { 3730 margin-left: calc(33.3333333333% + 1.875rem / 2); 3731 } 3732 .medium-offset-5 { 3733 margin-left: 41.6666666667%; 3734 } 3735 .grid-margin-x > .medium-offset-5 { 3736 margin-left: calc(41.6666666667% + 1.875rem / 2); 3737 } 3738 .medium-offset-6 { 3739 margin-left: 50%; 3740 } 3741 .grid-margin-x > .medium-offset-6 { 3742 margin-left: calc(50% + 1.875rem / 2); 3743 } 3744 .medium-offset-7 { 3745 margin-left: 58.3333333333%; 3746 } 3747 .grid-margin-x > .medium-offset-7 { 3748 margin-left: calc(58.3333333333% + 1.875rem / 2); 3749 } 3750 .medium-offset-8 { 3751 margin-left: 66.6
3751666666667%; 3752 } 3753 .grid-margin-x > .medium-offset-8 { 3754 margin-left: calc(66.6666666667% + 1.875rem / 2); 3755 } 3756 .medium-offset-9 { 3757 margin-left: 75%; 3758 } 3759 .grid-margin-x > .medium-offset-9 { 3760 margin-left: calc(75% + 1.875rem / 2); 3761 } 3762 .medium-offset-10 { 3763 margin-left: 83.3333333333%; 3764 } 3765 .grid-margin-x > .medium-offset-10 { 3766 margin-left: calc(83.3333333333% + 1.875rem / 2); 3767 } 3768 .medium-offset-11 { 3769 margin-left: 91.6666666667%; 3770 } 3771 .grid-margin-x > .medium-offset-11 { 3772 margin-left: calc(91.6666666667% + 1.875rem / 2); 3773 } 3774} 3775@media print, screen and (min-width: 48em) { 3776 .xmedium-offset-0 { 3777 margin-left: 0%; 3778 } 3779 .grid-margin-x > .xmedium-offset-0 { 3780 margin-left: calc(0% + 1.875rem / 2); 3781 } 3782 .xmedium-offset-1 { 3783 margin-left: 8.3333333333%; 3784 } 3785 .grid-margin-x > .xmedium-offset-1 { 3786 margin-left: calc(8.3333333333% + 1.875rem / 2); 3787 } 3788 .xmedium-offset-2 { 3789 margin-left: 16.6666666667%; 3790 } 3791 .grid-margin-x > .xmedium-offset-2 { 3792 margin-left: calc(16.6666666667% + 1.875rem / 2); 3793 } 3794 .xmedium-offset-3 { 3795 margin-left: 25%; 3796 } 3797 .grid-margin-x > .xmedium-offset-3 { 3798 margin-left: calc(25% + 1.875rem / 2); 3799 } 3800 .xmedium-offset-4 { 3801 margin-left: 33.3333333333%; 3802 } 3803 .grid-margin-x > .xmedium-offset-4 { 3804 margin-left: calc(33.3333333333% + 1.875rem / 2); 3805 } 3806 .xmedium-offset-5 { 3807 margin-left: 41.6666666667%; 3808 } 3809 .grid-margin-x > .xmedium-offset-5 { 3810 margin-left: calc(41.6666666667% + 1.875rem / 2); 3811 } 3812 .xmedium-offset-6 { 3813 margin-left: 50%; 3814 } 3815 .grid-margin-x > .xmedium-offset-6 { 3816 margin-left: calc(50% + 1.875rem / 2); 3817 } 3818 .xmedium-offset-7 { 3819 margin-left: 58.3333333333%; 3820 } 3821 .grid-margin-x > .xmedium-offset-7 { 3822 margin-left: calc(58.3333333333% + 1.875rem / 2); 3823 } 3824 .xmedium-offset-8 { 3825 margin-left: 66.6666666667%; 3826 } 3827 .grid-margin-x > .xmedium-offset-8 { 3828 margin-left: calc(66.6666666667% + 1.875rem / 2); 3829 } 3830 .xmedium-offset-9 { 3831 margin-left: 75%; 3832 } 3833 .grid-margin-x > .xmedium-offset-9 { 3834 margin-left: calc(75% + 1.875rem / 2); 3835 } 3836 .xmedium-offset-10 { 3837 margin-left: 83.3333333333%; 3838 } 3839 .grid-margin-x > .xmedium-offset-10 { 3840 margin-left: calc(83.3333333333% + 1.875rem / 2); 3841 } 3842 .xmedium-offset-11 { 3843 margin-left: 91.6666666667%; 3844 } 3845 .grid-margin-x > .xmedium-offset-11 { 3846 margin-left: calc(91.6666666667% + 1.875rem / 2); 3847 } 3848} 3849@media print, screen and (min-width: 64em) { 3850 .large-offset-0 { 3851 margin-left: 0%; 3852 } 3853 .grid-margin-x > .large-offset-0 { 3854 margin-left: calc(0% + 1.875rem / 2); 3855 } 3856 .large-offset-1 { 3857 margin-left: 8.3333333333%; 3858 } 3859 .grid-margin-x > .large-offset-1 { 3860 margin-left: calc(8.3333333333% + 1.875rem / 2); 3861 } 3862 .large-offset-2 { 3863 margin-left: 16.6666666667%; 3864 } 3865 .grid-margin-x > .large-offset-2 { 3866 margin-left: calc(16.6666666667% + 1.875rem / 2); 3867 } 3868 .large-offset-3 { 3869 margin-left: 25%; 3870 } 3871 .grid-margin-x > .large-offset-3 { 3872 margin-left: calc(25% + 1.875rem / 2); 3873 } 3874 .large-offset-4 { 3875 margin-left: 33.3333333333%; 3876 } 3877 .grid-margin-x > .large-offset-4 { 3878 margin-left: calc(33.3333333333% + 1.875rem / 2); 3879 } 3880 .large-offset-5 { 3881 margin-left: 41.6666666667%; 3882 } 3883 .grid-margin-x > .large-offset-5 { 3884 margin-left: calc(41.6666666667% + 1.875rem / 2); 3885 } 3886 .large-offset-6 { 3887 margin-left: 50%; 3888 } 3889 .grid-margin-x > .large-offset-6 { 3890 margin-left: calc(50% + 1.875rem / 2); 3891 } 3892 .large-offset-7 { 3893 margin-left: 58.3333333333%; 3894 } 3895 .grid-margin-x > .large-offset-7 { 3896 margin-left: calc(58.3333333333% + 1.875rem / 2); 3897 } 3898 .large-offset-8 { 3899 margin-left: 66.6666666667%; 3900 } 3901 .grid-margin-x > .large-offset-8 { 3902 margin-left: calc(66.6666666667% + 1.875rem / 2); 3903 } 3904 .large-offset-9 { 3905 margin-left: 75%; 3906 } 3907 .grid-margin-x > .large-offset-9 { 3908 margin-left: calc(75% + 1.875rem / 2); 3909 } 3910 .large-offset-10 { 3911 margin-left: 83.3333333333%; 3912 } 3913 .grid-margin-x > .large-offset-10 { 3914 margin-left: calc(83.3333333333% + 1.875rem / 2); 3915 } 3916 .large-offset-11 { 3917 margin-left: 91.6666666667%; 3918 } 3919 .grid-margin-x > .large-offset-11 { 3920 margin-left: calc(91.6666666667% + 1.875rem / 2); 3921 } 3922} 3923@media screen and (min-width: 75em) { 3924 .xlarge-offset-0 { 3925 margin-left: 0%; 3926 } 3927 .grid-margin-x > .xlarge-offset-0 { 3928 margin-left: calc(0% + 1.875rem / 2); 3929 } 3930 .xlarge-offset-1 { 3931 margin-left: 8.3333333333%; 3932 } 3933 .grid-margin-x > .xlarge-offset-1 { 3934 margin-left: calc(8.3333333333% + 1.875rem / 2); 3935 } 3936 .xlarge-offset-2 { 3937 margin-left: 16.6666666667%; 3938 } 3939 .grid-margin-x > .xlarge-offset-2 { 3940 margin-left: calc(16.6666666667% + 1.875rem / 2); 3941 } 3942 .xlarge-offset-3 { 3943 margin-left: 25%; 3944 } 3945 .grid-margin-x > .xlarge-offset-3 { 3946 margin-left: calc(25% + 1.875rem / 2); 3947 } 3948 .xlarge-offset-4 { 3949 margin-left: 33.3333333333%; 3950 } 3951 .grid-margin-x > .xlarge-offset-4 { 3952 margin-left: calc(33.3333333333% + 1.875rem / 2); 3953 } 3954 .xlarge-offset-5 { 3955 margin-left: 41.6666666667%; 3956 } 3957 .grid-margin-x > .xlarge-offset-5 { 3958 margin-left: calc(41.6666666667% + 1.875rem / 2); 3959 } 3960 .xlarge-offset-6 { 3961 margin-left: 50%; 3962 } 3963 .grid-margin-x > .xlarge-offset-6 { 3964 margin-left: calc(50% + 1.875rem / 2); 3965 } 3966 .xlarge-offset-7 { 3967 margin-left: 58.3333333333%; 3968 } 3969 .grid-margin-x > .xlarge-offset-7 { 3970 margin-left: calc(58.3333333333% + 1.875rem / 2); 3971 } 3972 .xlarge-offset-8 { 3973 margin-left: 66.6666666667%; 3974 } 3975 .grid-margin-x > .xlarge-offset-8 { 3976 margin-left: calc(66.6666666667% + 1.875rem / 2); 3977 } 3978 .xlarge-offset-9 { 3979 margin-left: 75%; 3980 } 3981 .grid-margin-x > .xlarge-offset-9 { 3982 margin-left: calc(75% + 1.875rem / 2); 3983 } 3984 .xlarge-offset-10 { 3985 margin-left: 83.3333333333%; 3986 } 3987 .grid-margin-x > .xlarge-offset-10 { 3988 margin-left: calc(83.3333333333% + 1.875rem / 2); 3989 } 3990 .xlarge-offset-11 { 3991 margin-left: 91.6666666667%; 3992 } 3993 .grid-margin-x > .xlarge-offset-11 { 3994 margin-left: calc(91.6666666667% + 1.875rem / 2); 3995 } 3996} 3997.grid-y { 3998 display: flex; 3999 flex-flow: column nowrap; 4000} 4001.grid-y > .cell { 4002 height: auto; 4003 max-height: none; 4004} 4005.grid-y > .auto { 4006 height: auto; 4007} 4008.grid-y > .shrink { 4009 height: auto; 4010} 4011.grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { 4012 flex-basis: auto; 4013} 4014@media print, screen and (min-width: 30em) { 4015 .grid-y > .smedium-shrink, .grid-y > .smedium-full, .grid-y > .smedium-1, .grid-y > .smedium-2, .grid-y > .smedium-3, .grid-y > .smedium-4, .grid-y > .smedium-5, .grid-y > .smedium-6, .grid-y > .smedium-7, .grid-y > .smedium-8, .grid-y > .smedium-9, .grid-y > .smedium-10, .grid-y > .smedium-11, .grid-y > .smedium-12 { 4016 flex-basis: auto; 4017 } 4018} 4019@media print, screen and (min-width: 40em) { 4020 .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { 4021 flex-basis: auto; 4022 } 4023} 4024@media print, screen and (min-width: 48em) { 4025 .grid-y > .xmedium-shrink, .grid-y > .xmedium-full, .grid-y > .xmedium-1, .grid-y > .xmedium-2, .grid-y > .xmedium-3, .grid-y > .xmedium-4, .grid-y > .xmedium-5, .grid-y > .xmedium-6, .grid-y > .xmedium-7, .grid-y > .xmedium-8, .grid-y > .xmedium-9, .grid-y > .xmedium-10, .grid-y > .xmedium-11, .grid-y > .xmedium-12 { 4026 flex-basis: auto; 4027 } 4028} 4029@media print, screen and (min-width: 64em) { 4030 .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { 4031 flex-basis: auto; 4032 } 4033} 4034@media screen and (min-width: 75em) { 4035 .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 { 4036 flex-basis: auto; 4037 } 4038} 4039.grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 { 4040 flex: 0 0 auto; 4041} 4042.grid-y > .small-1 { 4043 height: 8.3333333333%; 4044} 4045.grid-y > .small-2 { 4046 height: 16.6666666667%; 4047} 4048.grid-y > .small-3 { 4049 height: 25%; 4050} 4051.grid-y > .small-4 { 4052 height: 33.3333333333%; 4053} 4054.grid-y > .small-5 { 4055 height: 41.6666666667%; 4056} 4057.grid-y > .small-6 { 4058 height: 50%; 4059} 4060.grid-y > .small-7 { 4061 height: 58.3333333333%; 4062} 4063.grid-y > .small-8 { 4064 height: 66.6666666667%; 4065} 4066.grid-y > .small-9 { 4067 height: 75%; 4068} 4069.grid-y > .small-10 { 4070 height: 83.3333333333%; 4071} 4072.grid-y > .small-11 { 4073 height: 91.6666666667%; 4074} 4075.grid-y > .small-12 { 4076 height: 100%; 4077} 4078@media print, screen and (min-width: 30em) { 4079 .grid-y > .smedium-auto { 4080 flex: 1 1 0; 4081 height: auto; 4082 } 4083 .grid-y > .smedium-12, .grid-y > .smedium-11, .grid-y > .smedium-10, .grid-y > .smedium-9, .grid-y > .smedium-8, .grid-y > .smedium-7, .grid-y > .smedium-6, .grid-y > .smedium-5, .grid-y > .smedium-4, .grid-y > .smedium-3, .grid-y > .smedium-2, .grid-y > .smedium-1, .grid-y > .smedium-shrink { 4084 flex: 0 0 auto; 4085 } 4086 .grid-y > .smedium-shrink { 4087 height: auto; 4088 } 4089 .grid-y > .smedium-1 { 4090 height: 8.3333333333%; 4091 } 4092 .grid-y > .smedium-2 { 4093 height: 16.6666666667%; 4094 } 4095 .grid-y > .smedium-3 { 4096 height: 25%; 4097 } 4098 .grid-y > .smedium-4 { 4099 height: 33.3333333333%; 4100 } 4101 .grid-y > .smedium-5 { 4102 height: 41.6666666667%; 4103 } 4104 .grid-y > .smedium-6 { 4105 height: 50%; 4106 } 4107 .grid-y > .smedium-7 { 4108 height: 58.3333333333%; 4109 } 4110 .grid-y > .smedium-8 { 4111 height: 66.6666666667%; 4112 } 4113 .grid-y > .smedium-9 { 4114 height: 75%; 4115 } 4116 .grid-y > .smedium-10 { 4117 height: 83.3333333333%; 4118 } 4119 .grid-y > .smedium-11 { 4120 height: 91.6666666667%; 4121 } 4122 .grid-y > .smedium-12 { 4123 height: 100%; 4124 } 4125} 4126@media print, screen and (min-width: 40em) { 4127 .grid-y > .medium-auto { 4128 flex: 1 1 0; 4129 height: auto; 4130 } 4131 .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink { 4132 flex: 0 0 auto; 4133 } 4134 .grid-y > .medium-shrink { 4135 height: auto; 4136 } 4137 .grid-y > .medium-1 { 4138 height: 8.3333333333%; 4139 } 4140 .grid-y > .medium-2 { 4141 height: 16.6666666667%; 4142 } 4143 .grid-y > .medium-3 { 4144 height: 25%; 4145 } 4146 .grid-y > .medium-4 { 4147 height: 33.3333333333%; 4148 } 4149 .grid-y > .medium-5 { 4150 height: 41.6666666667%; 4151 } 4152 .grid-y > .medium-6 { 4153 height: 50%; 4154 } 4155 .grid-y > .medium-7 { 4156 height: 58.3333333333%; 4157 } 4158 .grid-y > .medium-8 { 4159 height: 66.6666666667%; 4160 } 4161 .grid-y > .medium-9 { 4162 height: 75%; 4163 } 4164 .grid-y > .medium-10 { 4165 height: 83.3333333333%; 4166 } 4167 .grid-y > .medium-11 { 4168 height: 91.6666666667%; 4169 } 4170 .grid-y > .medium-12 { 4171 height: 100%; 4172 } 4173} 4174@media print, screen and (min-width: 48em) { 4175 .grid-y > .xmedium-auto { 4176 flex: 1 1 0; 4177 height: auto; 4178 } 4179 .grid-y > .xmedium-12, .grid-y > .xmedium-11, .grid-y > .xmedium-10, .grid-y > .xmedium-9, .grid-y > .xmedium-8, .grid-y > .xmedium-7, .grid-y > .xmedium-6, .grid-y > .xmedium-5, .grid-y > .xmedium-4, .grid-y > .xmedium-3, .grid-y > .xmedium-2, .grid-y > .xmedium-1, .grid-y > .xmedium-shrink { 4180 flex: 0 0 auto; 4181 } 4182 .grid-y > .xmedium-shrink { 4183 height: auto; 4184 } 4185 .grid-y > .xmedium-1 { 4186 height: 8.3333333333%; 4187 } 4188 .grid-y > .xmedium-2 { 4189 height: 16.6666666667%; 4190 } 4191 .grid-y > .xmedium-3 { 4192 height: 25%; 4193 } 4194 .grid-y > .xmedium-4 { 4195 height: 33.3333333333%; 4196 } 4197 .grid-y > .xmedium-5 { 4198 height: 41.6666666667%; 4199 } 4200 .grid-y > .xmedium-6 { 4201 height: 50%; 4202 } 4203 .grid-y > .xmedium-7 { 4204 height: 58.3333333333%; 4205 } 4206 .grid-y > .xmedium-8 { 4207 height: 66.6666666667%; 4208 } 4209 .grid-y > .xmedium-9 { 4210 height: 75%; 4211 } 4212 .grid-y > .xmedium-10 { 4213 height: 83.3333333333%; 4214 } 4215 .grid-y > .xmedium-11 { 4216 height: 91.6666666667%; 4217 } 4218 .grid-y > .xmedium-12 { 4219 height: 100%; 4220 } 4221} 4222@media print, screen and (min-width: 64em) { 4223 .grid-y > .large-auto { 4224 flex: 1 1 0; 4225 height: auto; 4226 } 4227 .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink { 4228 flex: 0 0 auto; 4229 } 4230 .grid-y > .large-shrink { 4231 height: auto; 4232 } 4233 .grid-y > .large-1 { 4234 height: 8.3333333333%; 4235 } 4236 .grid-y > .large-2 { 4237 height: 16.6666666667%; 4238 } 4239 .grid-y > .large-3 { 4240 height: 25%; 4241 } 4242 .grid-y > .large-4 { 4243 height: 33.3333333333%; 4244 } 4245 .grid-y > .large-5 { 4246 height: 41.6666666667%; 4247 } 4248 .grid-y > .large-6 { 4249 height: 50%; 4250 } 4251 .grid-y > .large-7 { 4252 height: 58.3333333333%; 4253 } 4254 .grid-y > .large-8 { 4255 height: 66.6666666667%; 4256 } 4257 .grid-y > .large-9 { 4258 height: 75%; 4259 } 4260 .grid-y > .large-10 { 4261 height: 83.3333333333%; 4262 } 4263 .grid-y > .large-11 { 4264 height: 91.6666666667%; 4265 } 4266 .grid-y > .large-12 { 4267 height: 100%; 4268 } 4269} 4270@media screen and (min-width: 75em) { 4271 .grid-y > .xlarge-auto { 4272 flex: 1 1 0; 4273 height: auto; 4274 } 4275 .grid-y > .xlarge-12, .grid-y > .xlarge-11, .grid-y > .xlarge-10, .grid-y > .xlarge-9, .grid-y > .xlarge-8, .grid-y > .xlarge-7, .grid-y > .xlarge-6, .grid-y > .xlarge-5, .grid-y > .xlarge-4, .grid-y > .xlarge-3, .grid-y > .xlarge-2, .grid-y > .xlarge-1, .grid-y > .xlarge-shrink { 4276 flex: 0 0 auto; 4277 } 4278 .grid-y > .xlarge-shrink { 4279 height: auto; 4280 } 4281 .grid-y > .xlarge-1 { 4282 height: 8.3333333333%; 4283 } 4284 .grid-y > .xlarge-2 { 4285 height: 16.6666666667%; 4286 } 4287 .grid-y > .xlarge-3 { 4288 height: 25%; 4289 } 4290 .grid-y > .xlarge-4 { 4291 height: 33.3333333333%; 4292 } 4293 .grid-y > .xlarge-5 { 4294 height: 41.6666666667%; 4295 } 4296 .grid-y > .xlarge-6 { 4297 height: 50%; 4298 } 4299 .grid-y > .xlarge-7 { 4300 height: 58.3333333333%; 4301 } 4302 .grid-y > .xlarge-8 { 4303 height: 66.6666666667%; 4304 } 4305 .grid-y > .xlarge-9 { 4306 height: 75%; 4307 } 4308 .grid-y > .xlarge-10 { 4309 height: 83.3333333333%; 4310 } 4311 .grid-y > .xlarge-11 { 4312 height: 91.6666666667%; 4313 } 4314 .grid-y > .xlarge-12 { 4315 height: 100%; 4316 } 4317} 4318 4319.grid-padding-y .grid-padding-y { 4320 margin-top: -0.9375rem; 4321 margin-bottom: -0.9375rem; 4322} 4323.grid-padding-y > .cell { 4324 padding-top: 0.9375rem; 4325 padding-bottom: 0.9375rem; 4326} 4327 4328.grid-margin-y { 4329 margin-top: -0.9375rem; 4330 margin-bottom: -0.9375rem; 4331} 4332.grid-margin-y > .cell { 4333 height: calc(100% - 1.875rem); 4334 margin-top: 0.9375rem; 4335 margin-bottom: 0.9375rem; 4336} 4337.grid-margin-y > .auto { 4338 height: auto; 4339} 4340.grid-margin-y > .shrink { 4341 height: auto; 4342} 4343.grid-margin-y > .small-1 { 4344 height: calc(8.3333333333% - 1.875rem); 4345} 4346.grid-margin-y > .small-2 { 4347 height: calc(16.6666666667% - 1.875rem); 4348} 4349.grid-margin-y > .small-3 { 4350 height: calc(25% - 1.875rem); 4351} 4352.grid-margin-y > .small-4 { 4353 height: calc(33.3333333333% - 1.875rem); 4354} 4355.grid-margin-y > .small-5 { 4356 height: calc(41.6666666667% - 1.875rem); 4357} 4358.grid-margin-y > .small-6 { 4359 height: calc(50% - 1.875rem); 4360} 4361.grid-margin-y > .small-7 { 4362 height: calc(58.3333333333% - 1.875rem); 4363} 4364.grid-margin-y > .small-8 { 4365 height: calc(66.6666666667% - 1.875rem); 4366} 4367.grid-margin-y > .small-9 { 4368 height: calc(75% - 1.875rem); 4369} 4370.grid-margin-y > .small-10 { 4371 height: calc(83.3333333333% - 1.875rem); 4372} 4373.grid-margin-y > .small-11 { 4374 height: calc(91.6666666667% - 1.875rem); 4375} 4376.grid-margin-y > .small-12 { 4377 height: calc(100% - 1.875rem); 4378} 4379@media print, screen and (min-width: 30em) { 4380 .grid-margin-y > .smedium-auto { 4381 height: auto; 4382 } 4383 .grid-margin-y > .smedium-shrink { 4384 height: auto; 4385 } 4386 .grid-margin-y > .smedium-1 { 4387 height: calc(8.3333333333% - 1.875rem); 4388 } 4389 .grid-margin-y > .smedium-2 { 4390 height: calc(16.6666666667% - 1.875rem); 4391 } 4392 .grid-margin-y > .smedium-3 { 4393 height: c
4393alc(25% - 1.875rem); 4394 } 4395 .grid-margin-y > .smedium-4 { 4396 height: calc(33.3333333333% - 1.875rem); 4397 } 4398 .grid-margin-y > .smedium-5 { 4399 height: calc(41.6666666667% - 1.875rem); 4400 } 4401 .grid-margin-y > .smedium-6 { 4402 height: calc(50% - 1.875rem); 4403 } 4404 .grid-margin-y > .smedium-7 { 4405 height: calc(58.3333333333% - 1.875rem); 4406 } 4407 .grid-margin-y > .smedium-8 { 4408 height: calc(66.6666666667% - 1.875rem); 4409 } 4410 .grid-margin-y > .smedium-9 { 4411 height: calc(75% - 1.875rem); 4412 } 4413 .grid-margin-y > .smedium-10 { 4414 height: calc(83.3333333333% - 1.875rem); 4415 } 4416 .grid-margin-y > .smedium-11 { 4417 height: calc(91.6666666667% - 1.875rem); 4418 } 4419 .grid-margin-y > .smedium-12 { 4420 height: calc(100% - 1.875rem); 4421 } 4422} 4423@media print, screen and (min-width: 40em) { 4424 .grid-margin-y > .medium-auto { 4425 height: auto; 4426 } 4427 .grid-margin-y > .medium-shrink { 4428 height: auto; 4429 } 4430 .grid-margin-y > .medium-1 { 4431 height: calc(8.3333333333% - 1.875rem); 4432 } 4433 .grid-margin-y > .medium-2 { 4434 height: calc(16.6666666667% - 1.875rem); 4435 } 4436 .grid-margin-y > .medium-3 { 4437 height: calc(25% - 1.875rem); 4438 } 4439 .grid-margin-y > .medium-4 { 4440 height: calc(33.3333333333% - 1.875rem); 4441 } 4442 .grid-margin-y > .medium-5 { 4443 height: calc(41.6666666667% - 1.875rem); 4444 } 4445 .grid-margin-y > .medium-6 { 4446 height: calc(50% - 1.875rem); 4447 } 4448 .grid-margin-y > .medium-7 { 4449 height: calc(58.3333333333% - 1.875rem); 4450 } 4451 .grid-margin-y > .medium-8 { 4452 height: calc(66.6666666667% - 1.875rem); 4453 } 4454 .grid-margin-y > .medium-9 { 4455 height: calc(75% - 1.875rem); 4456 } 4457 .grid-margin-y > .medium-10 { 4458 height: calc(83.3333333333% - 1.875rem); 4459 } 4460 .grid-margin-y > .medium-11 { 4461 height: calc(91.6666666667% - 1.875rem); 4462 } 4463 .grid-margin-y > .medium-12 { 4464 height: calc(100% - 1.875rem); 4465 } 4466} 4467@media print, screen and (min-width: 48em) { 4468 .grid-margin-y > .xmedium-auto { 4469 height: auto; 4470 } 4471 .grid-margin-y > .xmedium-shrink { 4472 height: auto; 4473 } 4474 .grid-margin-y > .xmedium-1 { 4475 height: calc(8.3333333333% - 1.875rem); 4476 } 4477 .grid-margin-y > .xmedium-2 { 4478 height: calc(16.6666666667% - 1.875rem); 4479 } 4480 .grid-margin-y > .xmedium-3 { 4481 height: calc(25% - 1.875rem); 4482 } 4483 .grid-margin-y > .xmedium-4 { 4484 height: calc(33.3333333333% - 1.875rem); 4485 } 4486 .grid-margin-y > .xmedium-5 { 4487 height: calc(41.6666666667% - 1.875rem); 4488 } 4489 .grid-margin-y > .xmedium-6 { 4490 height: calc(50% - 1.875rem); 4491 } 4492 .grid-margin-y > .xmedium-7 { 4493 height: calc(58.3333333333% - 1.875rem); 4494 } 4495 .grid-margin-y > .xmedium-8 { 4496 height: calc(66.6666666667% - 1.875rem); 4497 } 4498 .grid-margin-y > .xmedium-9 { 4499 height: calc(75% - 1.875rem); 4500 } 4501 .grid-margin-y > .xmedium-10 { 4502 height: calc(83.3333333333% - 1.875rem); 4503 } 4504 .grid-margin-y > .xmedium-11 { 4505 height: calc(91.6666666667% - 1.875rem); 4506 } 4507 .grid-margin-y > .xmedium-12 { 4508 height: calc(100% - 1.875rem); 4509 } 4510} 4511@media print, screen and (min-width: 64em) { 4512 .grid-margin-y > .large-auto { 4513 height: auto; 4514 } 4515 .grid-margin-y > .large-shrink { 4516 height: auto; 4517 } 4518 .grid-margin-y > .large-1 { 4519 height: calc(8.3333333333% - 1.875rem); 4520 } 4521 .grid-margin-y > .large-2 { 4522 height: calc(16.6666666667% - 1.875rem); 4523 } 4524 .grid-margin-y > .large-3 { 4525 height: calc(25% - 1.875rem); 4526 } 4527 .grid-margin-y > .large-4 { 4528 height: calc(33.3333333333% - 1.875rem); 4529 } 4530 .grid-margin-y > .large-5 { 4531 height: calc(41.6666666667% - 1.875rem); 4532 } 4533 .grid-margin-y > .large-6 { 4534 height: calc(50% - 1.875rem); 4535 } 4536 .grid-margin-y > .large-7 { 4537 height: calc(58.3333333333% - 1.875rem); 4538 } 4539 .grid-margin-y > .large-8 { 4540 height: calc(66.6666666667% - 1.875rem); 4541 } 4542 .grid-margin-y > .large-9 { 4543 height: calc(75% - 1.875rem); 4544 } 4545 .grid-margin-y > .large-10 { 4546 height: calc(83.3333333333% - 1.875rem); 4547 } 4548 .grid-margin-y > .large-11 { 4549 height: calc(91.6666666667% - 1.875rem); 4550 } 4551 .grid-margin-y > .large-12 { 4552 height: calc(100% - 1.875rem); 4553 } 4554} 4555@media screen and (min-width: 75em) { 4556 .grid-margin-y > .xlarge-auto { 4557 height: auto; 4558 } 4559 .grid-margin-y > .xlarge-shrink { 4560 height: auto; 4561 } 4562 .grid-margin-y > .xlarge-1 { 4563 height: calc(8.3333333333% - 1.875rem); 4564 } 4565 .grid-margin-y > .xlarge-2 { 4566 height: calc(16.6666666667% - 1.875rem); 4567 } 4568 .grid-margin-y > .xlarge-3 { 4569 height: calc(25% - 1.875rem); 4570 } 4571 .grid-margin-y > .xlarge-4 { 4572 height: calc(33.3333333333% - 1.875rem); 4573 } 4574 .grid-margin-y > .xlarge-5 { 4575 height: calc(41.6666666667% - 1.875rem); 4576 } 4577 .grid-margin-y > .xlarge-6 { 4578 height: calc(50% - 1.875rem); 4579 } 4580 .grid-margin-y > .xlarge-7 { 4581 height: calc(58.3333333333% - 1.875rem); 4582 } 4583 .grid-margin-y > .xlarge-8 { 4584 height: calc(66.6666666667% - 1.875rem); 4585 } 4586 .grid-margin-y > .xlarge-9 { 4587 height: calc(75% - 1.875rem); 4588 } 4589 .grid-margin-y > .xlarge-10 { 4590 height: calc(83.3333333333% - 1.875rem); 4591 } 4592 .grid-margin-y > .xlarge-11 { 4593 height: calc(91.6666666667% - 1.875rem); 4594 } 4595 .grid-margin-y > .xlarge-12 { 4596 height: calc(100% - 1.875rem); 4597 } 4598} 4599 4600.grid-frame { 4601 overflow: hidden; 4602 position: relative; 4603 flex-wrap: nowrap; 4604 align-items: stretch; 4605 width: 100vw; 4606} 4607 4608.cell .grid-frame { 4609 width: 100%; 4610} 4611 4612.cell-block { 4613 overflow-x: auto; 4614 max-width: 100%; 4615 -webkit-overflow-scrolling: touch; 4616 -ms-overflow-style: -ms-autohiding-scrollbar; 4617} 4618 4619.cell-block-y { 4620 overflow-y: auto; 4621 max-height: 100%; 4622 min-height: 100%; 4623 -webkit-overflow-scrolling: touch; 4624 -ms-overflow-style: -ms-autohiding-scrollbar; 4625} 4626 4627.cell-block-container { 4628 display: flex; 4629 flex-direction: column; 4630 max-height: 100%; 4631} 4632.cell-block-container > .grid-x { 4633 max-height: 100%; 4634 flex-wrap: nowrap; 4635} 4636 4637@media print, screen and (min-width: 30em) { 4638 .smedium-grid-frame { 4639 overflow: hidden; 4640 position: relative; 4641 flex-wrap: nowrap; 4642 align-items: stretch; 4643 width: 100vw; 4644 } 4645 .cell .smedium-grid-frame { 4646 width: 100%; 4647 } 4648 .smedium-cell-block { 4649 overflow-x: auto; 4650 max-width: 100%; 4651 -webkit-overflow-scrolling: touch; 4652 -ms-overflow-style: -ms-autohiding-scrollbar; 4653 } 4654 .smedium-cell-block-container { 4655 display: flex; 4656 flex-direction: column; 4657 max-height: 100%; 4658 } 4659 .smedium-cell-block-container > .grid-x { 4660 max-height: 100%; 4661 flex-wrap: nowrap; 4662 } 4663 .smedium-cell-block-y { 4664 overflow-y: auto; 4665 max-height: 100%; 4666 min-height: 100%; 4667 -webkit-overflow-scrolling: touch; 4668 -ms-overflow-style: -ms-autohiding-scrollbar; 4669 } 4670} 4671@media print, screen and (min-width: 40em) { 4672 .medium-grid-frame { 4673 overflow: hidden; 4674 position: relative; 4675 flex-wrap: nowrap; 4676 align-items: stretch; 4677 width: 100vw; 4678 } 4679 .cell .medium-grid-frame { 4680 width: 100%; 4681 } 4682 .medium-cell-block { 4683 overflow-x: auto; 4684 max-width: 100%; 4685 -webkit-overflow-scrolling: touch; 4686 -ms-overflow-style: -ms-autohiding-scrollbar; 4687 } 4688 .medium-cell-block-container { 4689 display: flex; 4690 flex-direction: column; 4691 max-height: 100%; 4692 } 4693 .medium-cell-block-container > .grid-x { 4694 max-height: 100%; 4695 flex-wrap: nowrap; 4696 } 4697 .medium-cell-block-y { 4698 overflow-y: auto; 4699 max-height: 100%; 4700 min-height: 100%; 4701 -webkit-overflow-scrolling: touch; 4702 -ms-overflow-style: -ms-autohiding-scrollbar; 4703 } 4704} 4705@media print, screen and (min-width: 48em) { 4706 .xmedium-grid-frame { 4707 overflow: hidden; 4708 position: relative; 4709 flex-wrap: nowrap; 4710 align-items: stretch; 4711 width: 100vw; 4712 } 4713 .cell .xmedium-grid-frame { 4714 width: 100%; 4715 } 4716 .xmedium-cell-block { 4717 overflow-x: auto; 4718 max-width: 100%; 4719 -webkit-overflow-scrolling: touch; 4720 -ms-overflow-style: -ms-autohiding-scrollbar; 4721 } 4722 .xmedium-cell-block-container { 4723 display: flex; 4724 flex-direction: column; 4725 max-height: 100%; 4726 } 4727 .xmedium-cell-block-container > .grid-x { 4728 max-height: 100%; 4729 flex-wrap: nowrap; 4730 } 4731 .xmedium-cell-block-y { 4732 overflow-y: auto; 4733 max-height: 100%; 4734 min-height: 100%; 4735 -webkit-overflow-scrolling: touch; 4736 -ms-overflow-style: -ms-autohiding-scrollbar; 4737 } 4738} 4739@media print, screen and (min-width: 64em) { 4740 .large-grid-frame { 4741 overflow: hidden; 4742 position: relative; 4743 flex-wrap: nowrap; 4744 align-items: stretch; 4745 width: 100vw; 4746 } 4747 .cell .large-grid-frame { 4748 width: 100%; 4749 } 4750 .large-cell-block { 4751 overflow-x: auto; 4752 max-width: 100%; 4753 -webkit-overflow-scrolling: touch; 4754 -ms-overflow-style: -ms-autohiding-scrollbar; 4755 } 4756 .large-cell-block-container { 4757 display: flex; 4758 flex-direction: column; 4759 max-height: 100%; 4760 } 4761 .large-cell-block-container > .grid-x { 4762 max-height: 100%; 4763 flex-wrap: nowrap; 4764 } 4765 .large-cell-block-y { 4766 overflow-y: auto; 4767 max-height: 100%; 4768 min-height: 100%; 4769 -webkit-overflow-scrolling: touch; 4770 -ms-overflow-style: -ms-autohiding-scrollbar; 4771 } 4772} 4773@media screen and (min-width: 75em) { 4774 .xlarge-grid-frame { 4775 overflow: hidden; 4776 position: relative; 4777 flex-wrap: nowrap; 4778 align-items: stretch; 4779 width: 100vw; 4780 } 4781 .cell .xlarge-grid-frame { 4782 width: 100%; 4783 } 4784 .xlarge-cell-block { 4785 overflow-x: auto; 4786 max-width: 100%; 4787 -webkit-overflow-scrolling: touch; 4788 -ms-overflow-style: -ms-autohiding-scrollbar; 4789 } 4790 .xlarge-cell-block-container { 4791 display: flex; 4792 flex-direction: column; 4793 max-height: 100%; 4794 } 4795 .xlarge-cell-block-container > .grid-x { 4796 max-height: 100%; 4797 flex-wrap: nowrap; 4798 } 4799 .xlarge-cell-block-y { 4800 overflow-y: auto; 4801 max-height: 100%; 4802 min-height: 100%; 4803 -webkit-overflow-scrolling: touch; 4804 -ms-overflow-style: -ms-autohiding-scrollbar; 4805 } 4806} 4807.grid-y.grid-frame { 4808 overflow: hidden; 4809 position: relative; 4810 flex-wrap: nowrap; 4811 align-items: stretch; 4812 height: 100vh; 4813 width: auto; 4814} 4815@media print, screen and (min-width: 30em) { 4816 .grid-y.smedium-grid-frame { 4817 overflow: hidden; 4818 position: relative; 4819 flex-wrap: nowrap; 4820 align-items: stretch; 4821 height: 100vh; 4822 width: auto; 4823 } 4824} 4825@media print, screen and (min-width: 40em) { 4826 .grid-y.medium-grid-frame { 4827 overflow: hidden; 4828 position: relative; 4829 flex-wrap: nowrap; 4830 align-items: stretch; 4831 height: 100vh; 4832 width: auto; 4833 } 4834} 4835@media print, screen and (min-width: 48em) { 4836 .grid-y.xmedium-grid-frame { 4837 overflow: hidden; 4838 position: relative; 4839 flex-wrap: nowrap; 4840 align-items: stretch; 4841 height: 100vh; 4842 width: auto; 4843 } 4844} 4845@media print, screen and (min-width: 64em) { 4846 .grid-y.large-grid-frame { 4847 overflow: hidden; 4848 position: relative; 4849 flex-wrap: nowrap; 4850 align-items: stretch; 4851 height: 100vh; 4852 width: auto; 4853 } 4854} 4855@media screen and (min-width: 75em) { 4856 .grid-y.xlarge-grid-frame { 4857 overflow: hidden; 4858 position: relative; 4859 flex-wrap: nowrap; 4860 align-items: stretch; 4861 height: 100vh; 4862 width: auto; 4863 } 4864} 4865 4866.cell .grid-y.grid-frame { 4867 height: 100%; 4868} 4869@media print, screen and (min-width: 30em) { 4870 .cell .grid-y.smedium-grid-frame { 4871 height: 100%; 4872 } 4873} 4874@media print, screen and (min-width: 40em) { 4875 .cell .grid-y.medium-grid-frame { 4876 height: 100%; 4877 } 4878} 4879@media print, screen and (min-width: 48em) { 4880 .cell .grid-y.xmedium-grid-frame { 4881 height: 100%; 4882 } 4883} 4884@media print, screen and (min-width: 64em) { 4885 .cell .grid-y.large-grid-frame { 4886 height: 100%; 4887 } 4888} 4889@media screen and (min-width: 75em) { 4890 .cell .grid-y.xlarge-grid-frame { 4891 height: 100%; 4892 } 4893} 4894 4895.grid-margin-y { 4896 margin-top: -0.9375rem; 4897 margin-bottom: -0.9375rem; 4898} 4899.grid-margin-y > .cell { 4900 height: calc(100% - 1.875rem); 4901 margin-top: 0.9375rem; 4902 margin-bottom: 0.9375rem; 4903} 4904.grid-margin-y > .auto { 4905 height: auto; 4906} 4907.grid-margin-y > .shrink { 4908 height: auto; 4909} 4910.grid-margin-y > .small-1 { 4911 height: calc(8.3333333333% - 1.875rem); 4912} 4913.grid-margin-y > .small-2 { 4914 height: calc(16.6666666667% - 1.875rem); 4915} 4916.grid-margin-y > .small-3 { 4917 height: calc(25% - 1.875rem); 4918} 4919.grid-margin-y > .small-4 { 4920 height: calc(33.3333333333% - 1.875rem); 4921} 4922.grid-margin-y > .small-5 { 4923 height: calc(41.6666666667% - 1.875rem); 4924} 4925.grid-margin-y > .small-6 { 4926 height: calc(50% - 1.875rem); 4927} 4928.grid-margin-y > .small-7 { 4929 height: calc(58.3333333333% - 1.875rem); 4930} 4931.grid-margin-y > .small-8 { 4932 height: calc(66.6666666667% - 1.875rem); 4933} 4934.grid-margin-y > .small-9 { 4935 height: calc(75% - 1.875rem); 4936} 4937.grid-margin-y > .small-10 { 4938 height: calc(83.3333333333% - 1.875rem); 4939} 4940.grid-margin-y > .small-11 { 4941 height: calc(91.6666666667% - 1.875rem); 4942} 4943.grid-margin-y > .small-12 { 4944 height: calc(100% - 1.875rem); 4945} 4946@media print, screen and (min-width: 30em) { 4947 .grid-margin-y > .smedium-auto { 4948 height: auto; 4949 } 4950 .grid-margin-y > .smedium-shrink { 4951 height: auto; 4952 } 4953 .grid-margin-y > .smedium-1 { 4954 height: calc(8.3333333333% - 1.875rem); 4955 } 4956 .grid-margin-y > .smedium-2 { 4957 height: calc(16.6666666667% - 1.875rem); 4958 } 4959 .grid-margin-y > .smedium-3 { 4960 height: calc(25% - 1.875rem); 4961 } 4962 .grid-margin-y > .smedium-4 { 4963 height: calc(33.3333333333% - 1.875rem); 4964 } 4965 .grid-margin-y > .smedium-5 { 4966 height: calc(41.6666666667% - 1.875rem); 4967 } 4968 .grid-margin-y > .smedium-6 { 4969 height: calc(50% - 1.875rem); 4970 } 4971 .grid-margin-y > .smedium-7 { 4972 height: calc(58.3333333333% - 1.875rem); 4973 } 4974 .grid-margin-y > .smedium-8 { 4975 height: calc(66.6666666667% - 1.875rem); 4976 } 4977 .grid-margin-y > .smedium-9 { 4978 height: calc(75% - 1.875rem); 4979 } 4980 .grid-margin-y > .smedium-10 { 4981 height: calc(83.3333333333% - 1.875rem); 4982 } 4983 .grid-margin-y > .smedium-11 { 4984 height: calc(91.6666666667% - 1.875rem); 4985 } 4986 .grid-margin-y > .smedium-12 { 4987 height: calc(100% - 1.875rem); 4988 } 4989} 4990@media print, screen and (min-width: 40em) { 4991 .grid-margin-y > .medium-auto { 4992 height: auto; 4993 } 4994 .grid-margin-y > .medium-shrink { 4995 height: auto; 4996 } 4997 .grid-margin-y > .medium-1 { 4998 height: calc(8.3333333333% - 1.875rem); 4999 } 5000 .grid-margin-y > .medium-2 { 5001 height: calc(16.6666666667% - 1.875rem); 5002 } 5003 .grid-margin-y > .medium-3 { 5004 height: calc(25% - 1.875rem); 5005 } 5006 .grid-margin-y > .medium-4 { 5007 height: calc(33.3333333333% - 1.875rem); 5008 } 5009 .grid-margin-y > .medium-5 { 5010 height: calc(41.6666666667% - 1.875rem); 5011 } 5012 .grid-margin-y > .medium-6 { 5013 height: calc(50% - 1.875rem); 5014 } 5015 .grid-margin-y > .medium-7 { 5016 height: calc(58.3333333333% - 1.875rem); 5017 } 5018 .grid-margin-y > .medium-8 { 5019 height: calc(66.6666666667% - 1.875rem); 5020 } 5021 .grid-margin-y > .medium-9 { 5022 height: calc(75% - 1.875rem); 5023 } 5024 .grid-margin-y > .medium-10 { 5025 height: calc(83.3333333333% - 1.875rem); 5026 } 5027 .grid-margin-y > .medium-11 { 5028 height: calc(91.6666666667% - 1.875rem); 5029 } 5030 .grid-margin-y > .medium-12 { 5031 height: calc(100% - 1.875rem); 5032 } 5033} 5034@media print, screen and (min-width: 48em) { 5035 .grid-margin-y > .xmedium-auto { 5036 height: auto; 5037 } 5038 .grid-margin-y > .xmedium-shrink { 5039 height: auto; 5040 } 5041 .grid-margin-y > .xmedium-1 { 5042 height: calc(8.3333333333% - 1.875rem); 5043 } 5044 .grid-margin-y > .xmedium-2 { 5045 height: calc(16.6666666667% - 1.875rem); 5046 } 5047 .grid-margin-y > .xmedium-3 { 5048 height: calc(25% - 1.875rem); 5049 } 5050 .grid-margin-y > .xmedium-4 { 5051 height: calc(33.3333333333% - 1.875rem); 5052 } 5053 .grid-margin-y > .xmedium-5 { 5054 height: calc(41.6666666667% - 1.875rem); 5055 } 5056 .grid-margin-y > .xmedium-6 { 5057 height: calc(50% - 1.875rem); 5058 } 5059 .grid-margin-y > .xmedium-7 { 5060 height: calc(58.3333333333% - 1.875rem); 5061 } 5062 .grid-margin-y > .xmedium-8 { 5063 height: calc(66.6666666667% - 1.875rem); 5064 } 5065 .grid-margin-y > .xmedium-9 { 5066 height: calc(75% - 1.875rem); 5067 } 5068 .grid-margin-y > .xmedium-10 { 5069 height: calc(83.3333333333% - 1.875rem); 5070 } 5071 .grid-margin-y > .xmedium-11 { 5072 height: calc(91.6666666667% - 1.875rem); 5073 } 5074 .grid-margin-y > .xmedium-12 { 5075 height: calc(100% - 1.875rem); 5076 } 5077} 5078@media print, screen and (min-width: 64em) { 5079 .grid-margin-y > .large-auto { 5080 height: auto; 5081 } 5082 .grid-margin-y > .large-shrink { 5083 height: auto; 5084 } 5085 .grid-margin-y > .large-1 { 5086 height: calc(8.3333333333% - 1.875rem); 5087 } 5088 .grid-margin-y > .large-2 { 5089 height: calc(16.6666666667% - 1.875rem); 5090 } 5091 .grid-margin-y > .large-3 { 5092 height: calc(25% - 1.875rem); 5093 } 5094 .grid-margin-y > .large-4 { 5095 height: calc(33.3333333333% - 1.875rem); 5096 } 5097 .grid-margin-y > .large-5 { 5098 height: calc(41.6666666667% - 1.875rem); 5099 } 5100 .grid-margin-y > .large-6 { 5101 height: calc(50% - 1.875rem); 5102 } 5103 .grid-margin-y > .large-7 { 5104 height: calc(58.3333333333% - 1.875rem); 5105
5105 } 5106 .grid-margin-y > .large-8 { 5107 height: calc(66.6666666667% - 1.875rem); 5108 } 5109 .grid-margin-y > .large-9 { 5110 height: calc(75% - 1.875rem); 5111 } 5112 .grid-margin-y > .large-10 { 5113 height: calc(83.3333333333% - 1.875rem); 5114 } 5115 .grid-margin-y > .large-11 { 5116 height: calc(91.6666666667% - 1.875rem); 5117 } 5118 .grid-margin-y > .large-12 { 5119 height: calc(100% - 1.875rem); 5120 } 5121} 5122@media screen and (min-width: 75em) { 5123 .grid-margin-y > .xlarge-auto { 5124 height: auto; 5125 } 5126 .grid-margin-y > .xlarge-shrink { 5127 height: auto; 5128 } 5129 .grid-margin-y > .xlarge-1 { 5130 height: calc(8.3333333333% - 1.875rem); 5131 } 5132 .grid-margin-y > .xlarge-2 { 5133 height: calc(16.6666666667% - 1.875rem); 5134 } 5135 .grid-margin-y > .xlarge-3 { 5136 height: calc(25% - 1.875rem); 5137 } 5138 .grid-margin-y > .xlarge-4 { 5139 height: calc(33.3333333333% - 1.875rem); 5140 } 5141 .grid-margin-y > .xlarge-5 { 5142 height: calc(41.6666666667% - 1.875rem); 5143 } 5144 .grid-margin-y > .xlarge-6 { 5145 height: calc(50% - 1.875rem); 5146 } 5147 .grid-margin-y > .xlarge-7 { 5148 height: calc(58.3333333333% - 1.875rem); 5149 } 5150 .grid-margin-y > .xlarge-8 { 5151 height: calc(66.6666666667% - 1.875rem); 5152 } 5153 .grid-margin-y > .xlarge-9 { 5154 height: calc(75% - 1.875rem); 5155 } 5156 .grid-margin-y > .xlarge-10 { 5157 height: calc(83.3333333333% - 1.875rem); 5158 } 5159 .grid-margin-y > .xlarge-11 { 5160 height: calc(91.6666666667% - 1.875rem); 5161 } 5162 .grid-margin-y > .xlarge-12 { 5163 height: calc(100% - 1.875rem); 5164 } 5165} 5166 5167.grid-frame.grid-margin-y { 5168 height: calc(100vh + 1.875rem); 5169} 5170@media print, screen and (min-width: 30em) { 5171 .grid-frame.grid-margin-y { 5172 height: calc(100vh + 1.875rem); 5173 } 5174} 5175@media print, screen and (min-width: 40em) { 5176 .grid-frame.grid-margin-y { 5177 height: calc(100vh + 1.875rem); 5178 } 5179} 5180@media print, screen and (min-width: 48em) { 5181 .grid-frame.grid-margin-y { 5182 height: calc(100vh + 1.875rem); 5183 } 5184} 5185@media print, screen and (min-width: 64em) { 5186 .grid-frame.grid-margin-y { 5187 height: calc(100vh + 1.875rem); 5188 } 5189} 5190@media screen and (min-width: 75em) { 5191 .grid-frame.grid-margin-y { 5192 height: calc(100vh + 1.875rem); 5193 } 5194} 5195 5196@media print, screen and (min-width: 30em) { 5197 .grid-margin-y.smedium-grid-frame { 5198 height: calc(100vh + 1.875rem); 5199 } 5200} 5201@media print, screen and (min-width: 40em) { 5202 .grid-margin-y.medium-grid-frame { 5203 height: calc(100vh + 1.875rem); 5204 } 5205} 5206@media print, screen and (min-width: 48em) { 5207 .grid-margin-y.xmedium-grid-frame { 5208 height: calc(100vh + 1.875rem); 5209 } 5210} 5211@media print, screen and (min-width: 64em) { 5212 .grid-margin-y.large-grid-frame { 5213 height: calc(100vh + 1.875rem); 5214 } 5215} 5216@media screen and (min-width: 75em) { 5217 .grid-margin-y.xlarge-grid-frame { 5218 height: calc(100vh + 1.875rem); 5219 } 5220} 5221[data-whatinput=mouse] .button { 5222 outline: 0; 5223} 5224.button { 5225 display: inline-block; 5226 vertical-align: middle; 5227 margin: 0 0 1rem 0; 5228 padding: 0.875rem 1.5rem; 5229 border: 1px solid transparent; 5230 border-radius: 3px; 5231 transition: background-color 0.25s ease-out, color 0.25s ease-out; 5232 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 5233 font-size: 1rem; 5234 -webkit-appearance: none; 5235 line-height: 1; 5236 text-align: center; 5237 cursor: pointer; 5238} 5239.button.small { 5240 font-size: 0.75rem; 5241} 5242.button.large { 5243 font-size: 1.125rem; 5244} 5245.button.expanded { 5246 display: block; 5247 width: 100%; 5248 margin-right: 0; 5249 margin-left: 0; 5250} 5251.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { 5252 background-color: #18A66F; 5253 color: #ffffff; 5254} 5255.button:hover, .button:focus { 5256 background-color: rgb(20.4, 141.1, 94.35); 5257 color: #ffffff; 5258} 5259.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { 5260 background-color: #18A66F; 5261 color: #ffffff; 5262} 5263.button.primary:hover, .button.primary:focus { 5264 background-color: rgb(20.64, 142.76, 95.46); 5265 color: #ffffff; 5266} 5267.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { 5268 background-color: #f3f5f7; 5269 color: #ffffff; 5270} 5271.button.secondary:hover, .button.secondary:focus { 5272 background-color: rgb(201.84, 210.7, 219.56); 5273 color: #ffffff; 5274} 5275.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { 5276 background-color: #c62437; 5277 color: #ffffff; 5278} 5279.button.alert:hover, .button.alert:focus { 5280 background-color: rgb(170.28, 30.96, 47.3); 5281 color: #ffffff; 5282} 5283.button.white, .button.white.disabled, .button.white[disabled], .button.white.disabled:hover, .button.white[disabled]:hover, .button.white.disabled:focus, .button.white[disabled]:focus { 5284 background-color: #ffffff; 5285 color: #ffffff; 5286} 5287.button.white:hover, .button.white:focus { 5288 background-color: rgb(219.3, 219.3, 219.3); 5289 color: #ffffff; 5290} 5291.button.black, .button.black.disabled, .button.black[disabled], .button.black.disabled:hover, .button.black[disabled]:hover, .button.black.disabled:focus, .button.black[disabled]:focus { 5292 background-color: #141414; 5293 color: #ffffff; 5294} 5295.button.black:hover, .button.black:focus { 5296 background-color: rgb(17.2, 17.2, 17.2); 5297 color: #ffffff; 5298} 5299.button.facebook, .button.facebook.disabled, .button.facebook[disabled], .button.facebook.disabled:hover, .button.facebook[disabled]:hover, .button.facebook.disabled:focus, .button.facebook[disabled]:focus { 5300 background-color: #4267B2; 5301 color: #ffffff; 5302} 5303.button.facebook:hover, .button.facebook:focus { 5304 background-color: rgb(56.76, 88.58, 153.08); 5305 color: #ffffff; 5306} 5307.button.twitter, .button.twitter.disabled, .button.twitter[disabled], .button.twitter.disabled:hover, .button.twitter[disabled]:hover, .button.twitter.disabled:focus, .button.twitter[disabled]:focus { 5308 background-color: #1da1f2; 5309 color: #ffffff; 5310} 5311.button.twitter:hover, .button.twitter:focus { 5312 background-color: rgb(12.6769037657, 141.3962343096, 220.3830962343); 5313 color: #ffffff; 5314} 5315.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { 5316 background-color: transparent; 5317} 5318.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { 5319 border: 1px solid #18A66F; 5320 color: #18A66F; 5321} 5322.button.hollow:hover, .button.hollow:focus { 5323 border-color: rgb(12, 83, 55.5); 5324 color: rgb(12, 83, 55.5); 5325} 5326.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { 5327 border: 1px solid #18A66F; 5328 color: #18A66F; 5329} 5330.button.hollow.primary:hover, .button.hollow.primary:focus { 5331 border-color: rgb(12, 83, 55.5); 5332 color: rgb(12, 83, 55.5); 5333} 5334.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { 5335 border: 1px solid #f3f5f7; 5336 color: #f3f5f7; 5337} 5338.button.hollow.secondary:hover, .button.hollow.secondary:focus { 5339 border-color: rgb(98, 122.5, 147); 5340 color: rgb(98, 122.5, 147); 5341} 5342.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { 5343 border: 1px solid #c62437; 5344 color: #c62437; 5345} 5346.button.hollow.alert:hover, .button.hollow.alert:focus { 5347 border-color: rgb(99, 18, 27.5); 5348 color: rgb(99, 18, 27.5); 5349} 5350.button.hollow.white, .button.hollow.white.disabled, .button.hollow.white[disabled], .button.hollow.white.disabled:hover, .button.hollow.white[disabled]:hover, .button.hollow.white.disabled:focus, .button.hollow.white[disabled]:focus { 5351 border: 1px solid #ffffff; 5352 color: #ffffff; 5353} 5354.button.hollow.white:hover, .button.hollow.white:focus { 5355 border-color: rgb(127.5, 127.5, 127.5); 5356 color: rgb(127.5, 127.5, 127.5); 5357} 5358.button.hollow.black, .button.hollow.black.disabled, .button.hollow.black[disabled], .button.hollow.black.disabled:hover, .button.hollow.black[disabled]:hover, .button.hollow.black.disabled:focus, .button.hollow.black[disabled]:focus { 5359 border: 1px solid #141414; 5360 color: #141414; 5361} 5362.button.hollow.black:hover, .button.hollow.black:focus { 5363 border-color: #0a0a0a; 5364 color: #0a0a0a; 5365} 5366.button.hollow.facebook, .button.hollow.facebook.disabled, .button.hollow.facebook[disabled], .button.hollow.facebook.disabled:hover, .button.hollow.facebook[disabled]:hover, .button.hollow.facebook.disabled:focus, .button.hollow.facebook[disabled]:focus { 5367 border: 1px solid #4267B2; 5368 color: #4267B2; 5369} 5370.button.hollow.facebook:hover, .button.hollow.facebook:focus { 5371 border-color: rgb(33, 51.5, 89); 5372 color: rgb(33, 51.5, 89); 5373} 5374.button.hollow.twitter, .button.hollow.twitter.disabled, .button.hollow.twitter[disabled], .button.hollow.twitter.disabled:hover, .button.hollow.twitter[disabled]:hover, .button.hollow.twitter.disabled:focus, .button.hollow.twitter[disabled]:focus { 5375 border: 1px solid #1da1f2; 5376 color: #1da1f2; 5377} 5378.button.hollow.twitter:hover, .button.hollow.twitter:focus { 5379 border-color: rgb(7.370292887, 82.2071129707, 128.129707113); 5380 color: rgb(7.370292887, 82.2071129707, 128.129707113); 5381} 5382.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { 5383 border-color: transparent; 5384 background-color: transparent; 5385} 5386.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { 5387 color: #18A66F; 5388} 5389.button.clear:hover, .button.clear:focus { 5390 color: rgb(12, 83, 55.5); 5391} 5392.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { 5393 color: #18A66F; 5394} 5395.button.clear.primary:hover, .button.clear.primary:focus { 5396 color: rgb(12, 83, 55.5); 5397} 5398.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { 5399 color: #f3f5f7; 5400} 5401.button.clear.secondary:hover, .button.clear.secondary:focus { 5402 color: rgb(98, 122.5, 147); 5403} 5404.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { 5405 color: #c62437; 5406} 5407.button.clear.alert:hover, .button.clear.alert:focus { 5408 color: rgb(99, 18, 27.5); 5409} 5410.button.clear.white, .button.clear.white.disabled, .button.clear.white[disabled], .button.clear.white.disabled:hover, .button.clear.white[disabled]:hover, .button.clear.white.disabled:focus, .button.clear.white[disabled]:focus { 5411 color: #ffffff; 5412} 5413.button.clear.white:hover, .button.clear.white:focus { 5414 color: rgb(127.5, 127.5, 127.5); 5415} 5416.button.clear.black, .button.clear.black.disabled, .button.clear.black[disabled], .button.clear.black.disabled:hover, .button.clear.black[disabled]:hover, .button.clear.black.disabled:focus, .button.clear.black[disabled]:focus { 5417 color: #141414; 5418} 5419.button.clear.black:hover, .button.clear.black:focus { 5420 color: #0a0a0a; 5421} 5422.button.clear.facebook, .button.clear.facebook.disabled, .button.clear.facebook[disabled], .button.clear.facebook.disabled:hover, .button.clear.facebook[disabled]:hover, .button.clear.facebook.disabled:focus, .button.clear.facebook[disabled]:focus { 5423 color: #4267B2; 5424} 5425.button.clear.facebook:hover, .button.clear.facebook:focus { 5426 color: rgb(33, 51.5, 89); 5427} 5428.button.clear.twitter, .button.clear.twitter.disabled, .button.clear.twitter[disabled], .button.clear.twitter.disabled:hover, .button.clear.twitter[disabled]:hover, .button.clear.twitter.disabled:focus, .button.clear.twitter[disabled]:focus { 5429 color: #1da1f2; 5430} 5431.button.clear.twitter:hover, .button.clear.twitter:focus { 5432 color: rgb(7.370292887, 82.2071129707, 128.129707113); 5433} 5434.button.disabled, .button[disabled] { 5435 opacity: 0.25;
5436 cursor: not-allowed; 5437} 5438.button.dropdown::after { 5439 display: block; 5440 width: 0; 5441 height: 0; 5442 border-style: solid; 5443 border-width: 0.4em; 5444 content: ""; 5445 border-bottom-width: 0; 5446 border-color: #ffffff transparent transparent; 5447 position: relative; 5448 top: 0.4em; 5449 display: inline-block; 5450 float: right; 5451 margin-left: 1.5rem; 5452} 5453.button.dropdown.hollow::after, .button.dropdown.clear::after { 5454 border-top-color: #18A66F; 5455} 5456.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { 5457 border-top-color: #18A66F; 5458} 5459.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { 5460 border-top-color: #f3f5f7; 5461} 5462.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { 5463 border-top-color: #c62437; 5464} 5465.button.dropdown.hollow.white::after, .button.dropdown.clear.white::after { 5466 border-top-color: #ffffff; 5467} 5468.button.dropdown.hollow.black::after, .button.dropdown.clear.black::after { 5469 border-top-color: #141414; 5470} 5471.button.dropdown.hollow.facebook::after, .button.dropdown.clear.facebook::after { 5472 border-top-color: #4267B2; 5473} 5474.button.dropdown.hollow.twitter::after, .button.dropdown.clear.twitter::after { 5475 border-top-color: #1da1f2; 5476} 5477.button.arrow-only::after { 5478 top: -0.1em; 5479 float: none; 5480 margin-left: 0; 5481} 5482 5483a.button:hover, a.button:focus { 5484 text-decoration: none; 5485} 5486 5487.button-group::before, .button-group::after { 5488 display: table; 5489 content: " "; 5490 flex-basis: 0; 5491 order: 1; 5492} 5493.button-group::after { 5494 clear: both; 5495} 5496.button-group { 5497 margin-bottom: 1rem; 5498 display: flex; 5499 flex-wrap: wrap; 5500 align-items: stretch; 5501 flex-grow: 1; 5502} 5503.button-group::before, .button-group::after { 5504 display: none; 5505} 5506.button-group .button { 5507 margin: 0; 5508 margin-right: 0.625rem; 5509 margin-bottom: 0.625rem; 5510 font-size: 1rem; 5511 flex: 0 0 auto; 5512} 5513.button-group .button:last-child { 5514 margin-right: 0; 5515} 5516.button-group.small .button { 5517 font-size: 0.75rem; 5518} 5519.button-group.large .button { 5520 font-size: 1.125rem; 5521} 5522.button-group.expanded .button { 5523 flex: 1 1 0px; 5524} 5525.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { 5526 background-color: #18A66F; 5527 color: #ffffff; 5528} 5529.button-group.primary .button:hover, .button-group.primary .button:focus { 5530 background-color: rgb(20.64, 142.76, 95.46); 5531 color: #ffffff; 5532} 5533.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { 5534 background-color: #f3f5f7; 5535 color: #ffffff; 5536} 5537.button-group.secondary .button:hover, .button-group.secondary .button:focus { 5538 background-color: rgb(201.84, 210.7, 219.56); 5539 color: #ffffff; 5540} 5541.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { 5542 background-color: #c62437; 5543 color: #ffffff; 5544} 5545.button-group.alert .button:hover, .button-group.alert .button:focus { 5546 background-color: rgb(170.28, 30.96, 47.3); 5547 color: #ffffff; 5548} 5549.button-group.white .button, .button-group.white .button.disabled, .button-group.white .button[disabled], .button-group.white .button.disabled:hover, .button-group.white .button[disabled]:hover, .button-group.white .button.disabled:focus, .button-group.white .button[disabled]:focus { 5550 background-color: #ffffff; 5551 color: #ffffff; 5552} 5553.button-group.white .button:hover, .button-group.white .button:focus { 5554 background-color: rgb(219.3, 219.3, 219.3); 5555 color: #ffffff; 5556} 5557.button-group.black .button, .button-group.black .button.disabled, .button-group.black .button[disabled], .button-group.black .button.disabled:hover, .button-group.black .button[disabled]:hover, .button-group.black .button.disabled:focus, .button-group.black .button[disabled]:focus { 5558 background-color: #141414; 5559 color: #ffffff; 5560} 5561.button-group.black .button:hover, .button-group.black .button:focus { 5562 background-color: rgb(17.2, 17.2, 17.2); 5563 color: #ffffff; 5564} 5565.button-group.facebook .button, .button-group.facebook .button.disabled, .button-group.facebook .button[disabled], .button-group.facebook .button.disabled:hover, .button-group.facebook .button[disabled]:hover, .button-group.facebook .button.disabled:focus, .button-group.facebook .button[disabled]:focus { 5566 background-color: #4267B2; 5567 color: #ffffff; 5568} 5569.button-group.facebook .button:hover, .button-group.facebook .button:focus { 5570 background-color: rgb(56.76, 88.58, 153.08); 5571 color: #ffffff; 5572} 5573.button-group.twitter .button, .button-group.twitter .button.disabled, .button-group.twitter .button[disabled], .button-group.twitter .button.disabled:hover, .button-group.twitter .button[disabled]:hover, .button-group.twitter .button.disabled:focus, .button-group.twitter .button[disabled]:focus { 5574 background-color: #1da1f2; 5575 color: #ffffff; 5576} 5577.button-group.twitter .button:hover, .button-group.twitter .button:focus { 5578 background-color: rgb(12.6769037657, 141.3962343096, 220.3830962343); 5579 color: #ffffff; 5580} 5581.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { 5582 background-color: transparent; 5583} 5584.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { 5585 border: 1px solid #18A66F; 5586 color: #18A66F; 5587} 5588.button-group.hollow .button:hover, .button-group.hollow .button:focus { 5589 border-color: rgb(12, 83, 55.5); 5590 color: rgb(12, 83, 55.5); 5591} 5592.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { 5593 border: 1px solid #18A66F; 5594 color: #18A66F; 5595} 5596.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { 5597 border-color: rgb(12, 83, 55.5); 5598 color: rgb(12, 83, 55.5); 5599} 5600.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { 5601 border: 1px solid #f3f5f7; 5602 color: #f3f5f7; 5603} 5604.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus { 5605 border-color: rgb(98, 122.5, 147); 5606 color: rgb(98, 122.5, 147); 5607} 5608.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { 5609 border: 1px solid #c62437; 5610 color: #c62437; 5611} 5612.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus { 5613 border-color: rgb(99, 18, 27.5); 5614 color: rgb(99, 18, 27.5); 5615} 5616.button-group.hollow.white .button, .button-group.hollow.white .button.disabled, .button-group.hollow.white .button[disabled], .button-group.hollow.white .button.disabled:hover, .button-group.hollow.white .button[disabled]:hover, .button-group.hollow.white .button.disabled:focus, .button-group.hollow.white .button[disabled]:focus, .button-group.hollow .button.white, .button-group.hollow .button.white.disabled, .button-group.hollow .button.white[disabled], .button-group.hollow .button.white.disabled:hover, .button-group.hollow .button.white[disabled]:hover, .button-group.hollow .button.white.disabled:focus, .button-group.hollow .button.white[disabled]:focus { 5617 border: 1px solid #ffffff; 5618 color: #ffffff; 5619} 5620.button-group.hollow.white .button:hover, .button-group.hollow.white .button:focus, .button-group.hollow .button.white:hover, .button-group.hollow .button.white:focus { 5621 border-color: rgb(127.5, 127.5, 127.5); 5622 color: rgb(127.5, 127.5, 127.5); 5623} 5624.button-group.hollow.black .button, .button-group.hollow.black .button.disabled, .button-group.hollow.black .button[disabled], .button-group.hollow.black .button.disabled:hover, .button-group.hollow.black .button[disabled]:hover, .button-group.hollow.black .button.disabled:focus, .button-group.hollow.black .button[disabled]:focus, .button-group.hollow .button.black, .button-group.hollow .button.black.disabled, .button-group.hollow .button.black[disabled], .button-group.hollow .button.black.disabled:hover, .button-group.hollow .button.black[disabled]:hover, .button-group.hollow .button.black.disabled:focus, .button-group.hollow .button.black[disabled]:focus { 5625 border: 1px solid #141414; 5626 color: #141414; 5627} 5628.button-group.hollow.black .button:hover, .button-group.hollow.black .button:focus, .button-group.hollow .button.black:hover, .button-group.hollow .button.black:focus { 5629 border-color: #0a0a0a; 5630 color: #0a0a0a; 5631} 5632.button-group.hollow.facebook .button, .button-group.hollow.facebook .button.disabled, .button-group.hollow.facebook .button[disabled], .button-group.hollow.facebook .button.disabled:hover, .button-group.hollow.facebook .button[disabled]:hover, .button-group.hollow.facebook .button.disabled:focus, .button-group.hollow.facebook .button[disabled]:focus, .button-group.hollow .button.facebook, .button-group.hollow .button.facebook.disabled, .button-group.hollow .button.facebook[disabled], .button-group.hollow .button.facebook.disabled:hover, .button-group.hollow .button.facebook[disabled]:hover, .button-group.hollow .button.facebook.disabled:focus, .button-group.hollow .button.facebook[disabled]:focus { 5633 border: 1px solid #4267B2; 5634 color: #4267B2; 5635} 5636.button-group.hollow.facebook .button:hover, .button-group.hollow.facebook .button:focus, .button-group.hollow .button.facebook:hover, .button-group.hollow .button.facebook:focus { 5637 border-color: rgb(33, 51.5, 89); 5638 color: rgb(33, 51.5, 89); 5639} 5640.button-group.hollow.twitter .button, .button-group.hollow.twitter .button.disabled, .button-group.hollow.twitter .button[disabled], .button-group.hollow.twitter .button.disabled:hover, .button-group.hollow.twitter .button[disabled]:hover, .button-group.hollow.twitter .button.disabled:focus, .button-group.hollow.twitter .button[disabled]:focus, .button-group.hollow .button.twitter, .button-group.hollow .button.twitter.disabled, .button-group.hollow .button.twitter[disabled], .button-group.hollow .button.twitter.disabled:hover, .button-group.hollow .button.twitter[disabled]:hover, .button-group.hollow .button.twitter.disabled:focus, .button-group.hollow .button.twitter[disabled]:focus { 5641 border: 1px solid #1da1f2; 5642 color: #1da1f2; 5643} 5644.button-group.hollow.twitter .button:hover, .button-group.hollow.twitter .button:focus, .button-group.hollow .button.twitter:hover, .button-group.hollow .button.twitter:focus { 5645 border-color: rgb(7.370292887, 82.2071129707, 128.129707113); 5646 color: rgb(7.370292887, 82.2071129707, 128.129707113); 5647} 5648.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { 5649 border-color: transparent; 5650 background-color: transparent; 5651} 5652.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { 5653 color: #18A66F; 5654} 5655.button-group.clear .button:hover, .button-group.clear .button:focus { 5656 color: rgb(12, 83, 55.5); 5657} 5658.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { 5659 color: #18A66F; 5660} 5661.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { 5662 color: rgb(12, 83, 55.5); 5663} 5664.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { 5665 color: #f3f5f7; 5666} 5667.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus { 5668 color: rgb(98, 122.5, 147); 5669} 5670.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disable
5670d:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { 5671 color: #c62437; 5672} 5673.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus { 5674 color: rgb(99, 18, 27.5); 5675} 5676.button-group.clear.white .button, .button-group.clear.white .button.disabled, .button-group.clear.white .button[disabled], .button-group.clear.white .button.disabled:hover, .button-group.clear.white .button[disabled]:hover, .button-group.clear.white .button.disabled:focus, .button-group.clear.white .button[disabled]:focus, .button-group.clear .button.white, .button-group.clear .button.white.disabled, .button-group.clear .button.white[disabled], .button-group.clear .button.white.disabled:hover, .button-group.clear .button.white[disabled]:hover, .button-group.clear .button.white.disabled:focus, .button-group.clear .button.white[disabled]:focus { 5677 color: #ffffff; 5678} 5679.button-group.clear.white .button:hover, .button-group.clear.white .button:focus, .button-group.clear .button.white:hover, .button-group.clear .button.white:focus { 5680 color: rgb(127.5, 127.5, 127.5); 5681} 5682.button-group.clear.black .button, .button-group.clear.black .button.disabled, .button-group.clear.black .button[disabled], .button-group.clear.black .button.disabled:hover, .button-group.clear.black .button[disabled]:hover, .button-group.clear.black .button.disabled:focus, .button-group.clear.black .button[disabled]:focus, .button-group.clear .button.black, .button-group.clear .button.black.disabled, .button-group.clear .button.black[disabled], .button-group.clear .button.black.disabled:hover, .button-group.clear .button.black[disabled]:hover, .button-group.clear .button.black.disabled:focus, .button-group.clear .button.black[disabled]:focus { 5683 color: #141414; 5684} 5685.button-group.clear.black .button:hover, .button-group.clear.black .button:focus, .button-group.clear .button.black:hover, .button-group.clear .button.black:focus { 5686 color: #0a0a0a; 5687} 5688.button-group.clear.facebook .button, .button-group.clear.facebook .button.disabled, .button-group.clear.facebook .button[disabled], .button-group.clear.facebook .button.disabled:hover, .button-group.clear.facebook .button[disabled]:hover, .button-group.clear.facebook .button.disabled:focus, .button-group.clear.facebook .button[disabled]:focus, .button-group.clear .button.facebook, .button-group.clear .button.facebook.disabled, .button-group.clear .button.facebook[disabled], .button-group.clear .button.facebook.disabled:hover, .button-group.clear .button.facebook[disabled]:hover, .button-group.clear .button.facebook.disabled:focus, .button-group.clear .button.facebook[disabled]:focus { 5689 color: #4267B2; 5690} 5691.button-group.clear.facebook .button:hover, .button-group.clear.facebook .button:focus, .button-group.clear .button.facebook:hover, .button-group.clear .button.facebook:focus { 5692 color: rgb(33, 51.5, 89); 5693} 5694.button-group.clear.twitter .button, .button-group.clear.twitter .button.disabled, .button-group.clear.twitter .button[disabled], .button-group.clear.twitter .button.disabled:hover, .button-group.clear.twitter .button[disabled]:hover, .button-group.clear.twitter .button.disabled:focus, .button-group.clear.twitter .button[disabled]:focus, .button-group.clear .button.twitter, .button-group.clear .button.twitter.disabled, .button-group.clear .button.twitter[disabled], .button-group.clear .button.twitter.disabled:hover, .button-group.clear .button.twitter[disabled]:hover, .button-group.clear .button.twitter.disabled:focus, .button-group.clear .button.twitter[disabled]:focus { 5695 color: #1da1f2; 5696} 5697.button-group.clear.twitter .button:hover, .button-group.clear.twitter .button:focus, .button-group.clear .button.twitter:hover, .button-group.clear .button.twitter:focus { 5698 color: rgb(7.370292887, 82.2071129707, 128.129707113); 5699} 5700.button-group.no-gaps .button { 5701 margin-right: -0.0625rem; 5702} 5703.button-group.no-gaps .button + .button { 5704 border-left-color: transparent; 5705} 5706.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { 5707 flex-wrap: wrap; 5708} 5709.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { 5710 flex: 0 0 100%; 5711} 5712.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { 5713 margin-bottom: 0; 5714} 5715.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { 5716 flex: 1 1 0px; 5717} 5718@media print, screen and (min-width: 40em) { 5719 .button-group.stacked-for-small .button { 5720 flex: 0 0 auto; 5721 margin-bottom: 0; 5722 } 5723} 5724@media print, screen and (min-width: 64em) { 5725 .button-group.stacked-for-medium .button { 5726 flex: 0 0 auto; 5727 margin-bottom: 0; 5728 } 5729} 5730@media print, screen and (max-width: 29.99875em) { 5731 .button-group.stacked-for-small.expanded { 5732 display: block; 5733 } 5734 .button-group.stacked-for-small.expanded .button { 5735 display: block; 5736 margin-right: 0; 5737 } 5738} 5739@media print, screen and (max-width: 47.99875em) { 5740 .button-group.stacked-for-medium.expanded { 5741 display: block; 5742 } 5743 .button-group.stacked-for-medium.expanded .button { 5744 display: block; 5745 margin-right: 0; 5746 } 5747} 5748 5749[data-whatinput=mouse] .close-button { 5750 outline: 0; 5751} 5752.close-button { 5753 position: absolute; 5754 z-index: 10; 5755 color: rgba(0, 0, 0, 0.7); 5756 cursor: pointer; 5757} 5758.close-button:hover, .close-button:focus { 5759 color: #000000; 5760} 5761.close-button.small { 5762 right: 0.66rem; 5763 top: 0.33em; 5764 font-size: 1.5em; 5765 line-height: 1; 5766} 5767 5768.close-button.medium, .close-button { 5769 right: 1rem; 5770 top: 0.5rem; 5771 font-size: 2em; 5772 line-height: 1; 5773} 5774 5775.progress { 5776 height: 1.5rem; 5777 margin-bottom: 1rem; 5778 border-radius: 3px; 5779 background-color: #cacaca; 5780} 5781.progress.primary .progress-meter { 5782 background-color: #18A66F; 5783} 5784.progress.secondary .progress-meter { 5785 background-color: #f3f5f7; 5786} 5787.progress.success .progress-meter { 5788 background-color: #18A66F; 5789} 5790.progress.warning .progress-meter { 5791 background-color: #ffae00; 5792} 5793.progress.alert .progress-meter { 5794 background-color: #c62437; 5795} 5796 5797.progress-meter { 5798 position: relative; 5799 display: block; 5800 width: 0%; 5801 height: 100%; 5802 background-color: #18A66F; 5803 border-radius: 3px; 5804} 5805 5806.progress-meter-text { 5807 position: absolute; 5808 top: 50%; 5809 left: 50%; 5810 transform: translate(-50%, -50%); 5811 margin: 0; 5812 font-size: 0.75rem; 5813 font-weight: bold; 5814 color: #ffffff; 5815 white-space: nowrap; 5816 border-radius: 3px; 5817} 5818 5819.slider { 5820 position: relative; 5821 height: 0.25rem; 5822 margin-top: 1.25rem; 5823 margin-bottom: 2.25rem; 5824 background-color: #dadadb; 5825 cursor: pointer; 5826 user-select: none; 5827 touch-action: none; 5828} 5829 5830.slider-fill { 5831 position: absolute; 5832 top: 0; 5833 left: 0; 5834 display: inline-block; 5835 max-width: 100%; 5836 height: 0.25rem; 5837 background-color: #18A66F; 5838 transition: all 0.2s ease-in-out; 5839} 5840.slider-fill.is-dragging { 5841 transition: all 0s linear; 5842} 5843 5844[data-whatinput=mouse] .slider-handle { 5845 outline: 0; 5846} 5847.slider-handle { 5848 position: absolute; 5849 top: 50%; 5850 transform: translateY(-50%); 5851 left: 0; 5852 z-index: 1; 5853 cursor: grab; 5854 display: inline-block; 5855 width: 0.875rem; 5856 height: 0.875rem; 5857 border-radius: 0.875rem; 5858 background-color: #18A66F; 5859 transition: all 0.2s ease-in-out; 5860 touch-action: manipulation; 5861} 5862.slider-handle:hover { 5863 background-color: rgb(20.4, 141.1, 94.35); 5864} 5865.slider-handle.is-dragging { 5866 transition: all 0s linear; 5867 cursor: grabbing; 5868} 5869 5870.slider.disabled, 5871.slider[disabled] { 5872 opacity: 0.25;
5873 cursor: not-allowed; 5874} 5875 5876.slider.vertical { 5877 display: inline-block; 5878 width: 0.5rem; 5879 height: 12.5rem; 5880 margin: 0 1.25rem; 5881 transform: scale(1, -1); 5882} 5883.slider.vertical .slider-fill { 5884 top: 0; 5885 width: 0.5rem; 5886 max-height: 100%; 5887} 5888.slider.vertical .slider-handle { 5889 position: absolute; 5890 top: 0; 5891 left: 50%; 5892 width: 0.875rem; 5893 height: 0.875rem; 5894 transform: translateX(-50%); 5895} 5896 5897.switch { 5898 position: relative; 5899 margin-bottom: 1rem; 5900 outline: 0; 5901 font-size: 0.875rem; 5902 font-weight: bold; 5903 color: #ffffff; 5904 user-select: none; 5905 height: 3.75rem; 5906} 5907 5908.switch-input { 5909 position: absolute; 5910 margin-bottom: 0; 5911 opacity: 0; 5912} 5913 5914.switch-paddle { 5915 position: relative; 5916 display: block; 5917 width: 7.5rem; 5918 height: 3.75rem; 5919 border-radius: 3px; 5920 background: #ffffff; 5921 transition: all 0.25s ease-out; 5922 font-weight: inherit; 5923 color: inherit; 5924 cursor: pointer; 5925} 5926input + .switch-paddle { 5927 margin: 0; 5928} 5929.switch-paddle::after { 5930 position: absolute; 5931 top: 0.4375rem; 5932 left: 0.4375rem; 5933 display: block; 5934 width: 2.875rem; 5935 height: 2.875rem; 5936 transform: translate3d(0, 0, 0); 5937 border-radius: 3px; 5938 background: #18A66F; 5939 transition: all 0.25s ease-out; 5940 content: ""; 5941} 5942input:checked ~ .switch-paddle { 5943 background: #ffffff; 5944} 5945input:checked ~ .switch-paddle::after { 5946 left: 4.1875rem; 5947} 5948input:disabled ~ .switch-paddle { 5949 cursor: not-allowed; 5950 opacity: 0.5; 5951} 5952[data-whatinput=mouse] input:focus ~ .switch-paddle { 5953 outline: 0; 5954} 5955 5956.switch-inactive, .switch-active { 5957 position: absolute; 5958 top: 50%; 5959 transform: translateY(-50%); 5960} 5961 5962.switch-active { 5963 left: 8%; 5964 display: none; 5965} 5966input:checked + label > .switch-active { 5967 display: block; 5968} 5969 5970.switch-inactive { 5971 right: 15%; 5972} 5973input:checked + label > .switch-inactive { 5974 display: none; 5975} 5976 5977.switch.tiny { 5978 height: 1.5rem; 5979} 5980.switch.tiny .switch-paddle { 5981 width: 3rem; 5982 height: 1.5rem; 5983 font-size: 0.625rem; 5984} 5985.switch.tiny .switch-paddle::after { 5986 top: 0.4375rem; 5987 left: 0.4375rem; 5988 width: 0.625rem; 5989 height: 0.625rem; 5990} 5991.switch.tiny input:checked ~ .switch-paddle::after { 5992 left: 1.9375rem; 5993} 5994 5995.switch.small { 5996 height: 1.75rem; 5997} 5998.switch.small .switch-paddle { 5999 width: 3.5rem; 6000 height: 1.75rem; 6001 font-size: 0.75rem; 6002} 6003.switch.small .switch-paddle::after { 6004 top: 0.4375rem; 6005 left: 0.4375rem; 6006 width: 0.875rem; 6007 height: 0.875rem; 6008} 6009.switch.small input:checked ~ .switch-paddle::after { 6010 left: 2.1875rem; 6011} 6012 6013.switch.large { 6014 height: 2.5rem; 6015} 6016.switch.large .switch-paddle { 6017 width: 5rem; 6018 height: 2.5rem; 6019 font-size: 1rem; 6020} 6021.switch.large .switch-paddle::after { 6022 top: 0.4375rem; 6023 left: 0.4375rem; 6024 width: 1.625rem; 6025 height: 1.625rem; 6026} 6027.switch.large input:checked ~ .switch-paddle::after { 6028 left: 2.9375rem; 6029} 6030 6031table { 6032 border-collapse: collapse; 6033 width: 100%; 6034 margin-bottom: 1rem; 6035 border-radius: 3px; 6036} 6037thead, 6038tbody, 6039tfoot { 6040 border: 1px solid rgba(0, 0, 0, 0.1); 6041 background-color: #ffffff; 6042} 6043 6044caption { 6045 padding: 0.5rem 0.625rem 0.625rem; 6046 font-weight: bold; 6047} 6048 6049thead { 6050 background: #ffffff; 6051 color: rgba(20, 20, 20, 0.5); 6052} 6053 6054tfoot { 6055 background: rgb(242.25, 242.25, 242.25); 6056 color: rgba(20, 20, 20, 0.5); 6057} 6058 6059thead tr, 6060tfoot tr { 6061 background: transparent; 6062} 6063thead th, 6064thead td, 6065tfoot th, 6066tfoot td { 6067 padding: 0.5rem 0.625rem 0.625rem; 6068 font-weight: bold; 6069 text-align: left; 6070} 6071 6072tbody th, 6073tbody td { 6074 padding: 0.5rem 0.625rem 0.625rem; 6075} 6076 6077tbody tr { 6078 border-bottom: 1px solid rgba(0, 0, 0, 0.1); 6079 background-color: #ffffff; 6080} 6081 6082table.striped tbody tr:nth-child(even) { 6083 border-bottom: 0; 6084 background-color: rgb(242.25, 242.25, 242.25); 6085} 6086 6087@media print, screen and (max-width: 47.99875em) { 6088 table.stack thead { 6089 display: none; 6090 } 6091 table.stack tfoot { 6092 display: none; 6093 } 6094 table.stack tr, 6095 table.stack th, 6096 table.stack td { 6097 display: block; 6098 } 6099 table.stack td { 6100 border-top: 0; 6101 } 6102} 6103 6104table.scroll { 6105 display: block; 6106 width: 100%; 6107 overflow-x: auto; 6108} 6109 6110table.hover thead tr:hover { 6111 background-color: rgb(249.9, 249.9, 249.9); 6112} 6113table.hover tfoot tr:hover { 6114 background-color: rgb(237.15, 237.15, 237.15); 6115} 6116table.hover tbody tr:hover { 6117 background-color: rgb(249.9, 249.9, 249.9); 6118} 6119table.hover.striped tr:nth-of-type(even):hover { 6120 background-color: rgb(237.15, 237.15, 237.15); 6121} 6122 6123.table-scroll { 6124 overflow-x: auto; 6125} 6126 6127.callout { 6128 position: relative; 6129 margin: 0 0 1rem 0; 6130 padding: 1rem; 6131 border: 0 none; 6132 border-radius: 3px; 6133} 6134.callout > :first-child { 6135 margin-top: 0; 6136} 6137.callout > :last-child { 6138 margin-bottom: 0; 6139} 6140.callout { 6141 background-color: #005ca8; 6142 color: #ffffff; 6143} 6144.callout.primary { 6145 background-color: #18a66f; 6146 color: #000000; 6147} 6148.callout.secondary { 6149 background-color: #f3f5f7; 6150 color: #000000; 6151} 6152.callout.success { 6153 background-color: #18a66f; 6154 color: #000000; 6155} 6156.callout.warning { 6157 background-color: #ffae00; 6158 color: #000000; 6159} 6160.callout.alert { 6161 background-color: #c62437; 6162 color: #ffffff; 6163} 6164.callout.small { 6165 padding-top: 0.5rem; 6166 padding-right: 0.5rem; 6167 padding-bottom: 0.5rem; 6168 padding-left: 0.5rem; 6169} 6170.callout.large { 6171 padding-top: 3rem; 6172 padding-right: 3rem; 6173 padding-bottom: 3rem; 6174 padding-left: 3rem; 6175} 6176 6177.dropdown-pane { 6178 position: absolute; 6179 z-index: 10; 6180 display: none; 6181 width: 300px; 6182 padding: 1rem; 6183 visibility: hidden; 6184 border: 1px solid #cacaca; 6185 border-radius: 3px; 6186 background-color: #ffffff; 6187 font-size: 1rem; 6188} 6189.dropdown-pane.is-opening { 6190 display: block; 6191} 6192.dropdown-pane.is-open { 6193 display: block; 6194 visibility: visible; 6195} 6196 6197.dropdown-pane.tiny { 6198 width: 100px; 6199} 6200 6201.dropdown-pane.small { 6202 width: 200px; 6203} 6204 6205.dropdown-pane.large { 6206 width: 400px; 6207} 6208 6209.pagination::before, .pagination::after { 6210 display: table; 6211 content: " "; 6212 flex-basis: 0; 6213 order: 1; 6214} 6215.pagination::after {
6216 clear: both; 6217} 6218.pagination { 6219 margin-left: 0; 6220 margin-bottom: 1rem; 6221} 6222.pagination li { 6223 margin-right: 0; 6224 border-radius: 0; 6225 font-size: 0.75rem; 6226 display: none; 6227} 6228.pagination li:last-child, .pagination li:first-child { 6229 display: inline-block; 6230} 6231.pagination li.current { 6232 display: inline-block; 6233} 6234@media print, screen and (min-width: 40em) { 6235 .pagination li { 6236 display: inline-block; 6237 } 6238} 6239.pagination a, 6240.pagination button { 6241 display: block; 6242 padding: 0; 6243 border-radius: 0; 6244 color: rgba(20, 20, 20, 0.5); 6245} 6246.pagination a:hover, 6247.pagination button:hover { 6248 background: transparent; 6249} 6250.pagination .current { 6251 padding: 0; 6252 background: #ebebeb; 6253 color: #141414; 6254 cursor: default; 6255} 6256.pagination .disabled { 6257 padding: 0; 6258 color: #18A66F; 6259 cursor: not-allowed; 6260} 6261.pagination .disabled:hover { 6262 background: transparent; 6263} 6264.pagination .ellipsis::after { 6265 padding: 0; 6266 content: "â¦"; 6267 color: #000000; 6268} 6269 6270.has-tip { 6271 position: relative; 6272 display: inline-block; 6273 border-bottom: dotted 1px #686868; 6274 font-weight: bold; 6275 cursor: help; 6276} 6277 6278.tooltip { 6279 position: absolute; 6280 top: calc(100% + 0.54125rem); 6281 z-index: 1200; 6282 max-width: 16.25rem; 6283 padding: 0.375rem 0.625rem; 6284 border-radius: 3px; 6285 background-color: #000000; 6286 font-size: 0.75rem; 6287 color: #ffffff; 6288} 6289.tooltip::before { 6290 position: absolute; 6291} 6292.tooltip.bottom::before { 6293 display: block; 6294 width: 0; 6295 height: 0; 6296 border-style: solid; 6297 border-width: 0.625rem; 6298 content: ""; 6299 border-top-width: 0; 6300 border-color: transparent transparent #000000; 6301 bottom: 100%; 6302} 6303.tooltip.bottom.align-center::before { 6304 left: 50%; 6305 transform: translateX(-50%); 6306} 6307.tooltip.top::before { 6308 display: block; 6309 width: 0; 6310 height: 0; 6311 border-style: solid; 6312 border-width: 0.625rem; 6313 content: ""; 6314 border-bottom-width: 0; 6315 border-color: #000000 transparent transparent; 6316 top: 100%; 6317 bottom: auto; 6318} 6319.tooltip.top.align-center::before { 6320 left: 50%; 6321 transform: translateX(-50%); 6322} 6323.tooltip.left::before { 6324 display: block; 6325 width: 0; 6326 height: 0; 6327 border-style: solid; 6328 border-width: 0.625rem; 6329 content: ""; 6330 border-right-width: 0; 6331 border-color: transparent transparent transparent #000000; 6332 left: 100%; 6333} 6334.tooltip.left.align-center::before { 6335 bottom: auto; 6336 top: 50%; 6337 transform: translateY(-50%); 6338} 6339.tooltip.right::before { 6340 display: block; 6341 width: 0; 6342 height: 0; 6343 border-style: solid; 6344 border-width: 0.625rem; 6345 content: ""; 6346 border-left-width: 0; 6347 border-color: transparent #000000 transparent transparent; 6348 right: 100%; 6349 left: auto; 6350} 6351.tooltip.right.align-center::before { 6352 bottom: auto; 6353 top: 50%; 6354 transform: translateY(-50%); 6355} 6356.tooltip.align-top::before { 6357 bottom: auto; 6358 top: 10%; 6359} 6360.tooltip.align-bottom::before { 6361 bottom: 10%; 6362 top: auto; 6363} 6364.tooltip.align-left::before { 6365 left: 10%; 6366 right: auto; 6367} 6368.tooltip.align-right::before { 6369 left: auto; 6370 right: 10%; 6371} 6372 6373.accordion { 6374 margin-left: 0; 6375 background: transparent; 6376 list-style-type: none; 6377} 6378.accordion[disabled] .accordion-title { 6379 cursor: not-allowed; 6380} 6381 6382.accordion-item:first-child > :first-child { 6383 border-radius: 3px 3px 0 0; 6384} 6385.accordion-item:last-child > :last-child { 6386 border-radius: 0 0 3px 3px; 6387} 6388 6389.accordion-title { 6390 position: relative; 6391 display: block; 6392 padding: 0; 6393 border: 0 none; 6394 border-bottom: 0; 6395 font-size: 0.75rem; 6396 line-height: 1; 6397 color: inherit; 6398} 6399:last-child:not(.is-active) > .accordion-title { 6400 border-bottom: 0 none; 6401 border-radius: 0 0 3px 3px; 6402} 6403.accordion-title:hover, .accordion-title:focus { 6404 background-color: transparent; 6405} 6406 6407.accordion-content { 6408 display: none; 6409 padding: 0; 6410 border: 0 none; 6411 border-bottom: 0; 6412 background-color: transparent; 6413 color: #141414; 6414} 6415:last-child > .accordion-content:last-child { 6416 border-bottom: 0 none; 6417} 6418 6419.tabs::before, .tabs::after { 6420 display: table; 6421 content: " "; 6422 flex-basis: 0; 6423 order: 1; 6424} 6425.tabs::after { 6426 clear: both; 6427} 6428.tabs { 6429 margin: 0; 6430 border: 1px solid #e6e6e6; 6431 background: #ffffff; 6432 list-style-type: none; 6433} 6434 6435.tabs.vertical > li { 6436 display: block; 6437 float: none; 6438 width: auto; 6439} 6440 6441.tabs.simple > li > a { 6442 padding: 0; 6443} 6444.tabs.simple > li > a:hover { 6445 background: transparent; 6446} 6447 6448.tabs.primary { 6449 background: #18A66F; 6450} 6451.tabs.primary > li > a { 6452 color: #000000; 6453} 6454.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { 6455 background: rgb(26.0210526316, 179.9789473684, 120.3473684211); 6456} 6457 6458.tabs-title { 6459 float: left; 6460} 6461[data-whatinput=mouse] .tabs-title > a { 6462 outline: 0; 6463} 6464.tabs-title > a { 6465 display: block; 6466 padding: 1.25rem 1.5rem; 6467 font-size: 0.75rem; 6468 line-height: 1; 6469 color: #18A66F; 6470} 6471.tabs-title > a:hover { 6472 background: #ffffff; 6473 color: rgb(20.64, 142.76, 95.46); 6474} 6475.tabs-title > a:focus, .tabs-title > a[aria-selected=true] { 6476 background: #e6e6e6; 6477 color: #18A66F; 6478} 6479 6480.tabs-content { 6481 border: 1px solid #e6e6e6; 6482 border-top: 0; 6483 background: #ffffff; 6484 color: #141414; 6485 transition: all 0.5s ease; 6486} 6487 6488.tabs-content.vertical { 6489 border: 1px solid #e6e6e6; 6490 border-left: 0; 6491} 6492 6493.tabs-panel { 6494 display: none; 6495 padding: 0; 6496} 6497.tabs-panel.is-active { 6498 display: block; 6499} 6500 6501.menu { 6502 padding: 0; 6503 margin: 0; 6504 list-style: none; 6505 position: relative; 6506 display: flex; 6507 flex-wrap: wrap; 6508} 6509[data-whatinput=mouse] .menu li { 6510 outline: 0; 6511} 6512.menu a, 6513.menu .button { 6514 line-height: 1; 6515 text-decoration: none; 6516 display: block; 6517 padding: 0.7rem 1rem; 6518} 6519.menu input, 6520.menu select, 6521.menu a, 6522.menu button { 6523 margin-bottom: 0; 6524} 6525.menu input { 6526 display: inline-block; 6527} 6528.menu, .menu.horizontal { 6529 flex-wrap: wrap; 6530 flex-direction: row; 6531} 6532.menu.vertical { 6533 flex-wrap: nowrap; 6534 flex-direction: column; 6535} 6536.menu.vertical.icon-top li a img, 6537.menu.vertical.icon-top li a i, 6538.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, 6539.menu.vertical.icon-bottom li a i, 6540.menu.vertical.icon-bottom li a svg { 6541 text-align: left; 6542} 6543.menu.expanded li { 6544 flex: 1 1 0px; 6545} 6546.menu.expanded.icon-top li a img, 6547.menu.expanded.icon-top li a i, 6548.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, 6549.menu.expanded.icon-bottom li a i, 6550.menu.expanded.icon-bottom li a svg { 6551 text-align: left; 6552} 6553.menu.simple { 6554 align-items: center; 6555} 6556.menu.simple li + li { 6557 margin-left: 1rem; 6558} 6559.menu.simple a { 6560 padding: 0; 6561} 6562@media print, screen and (min-width: 30em) { 6563 .menu.smedium-horizontal { 6564 flex-wrap: wrap; 6565 flex-direction: row; 6566 } 6567 .menu.smedium-vertical { 6568 flex-wrap: nowrap; 6569 flex-direction: column; 6570 }
6571 .menu.smedium-expanded li { 6572 flex: 1 1 0px; 6573 } 6574 .menu.smedium-simple li { 6575 flex: 1 1 0px; 6576 } 6577} 6578@media print, screen and (min-width: 40em) { 6579 .menu.medium-horizontal { 6580 flex-wrap: wrap; 6581 flex-direction: row; 6582 } 6583 .menu.medium-vertical { 6584 flex-wrap: nowrap; 6585 flex-direction: column; 6586 } 6587 .menu.medium-expanded li { 6588 flex: 1 1 0px; 6589 } 6590 .menu.medium-simple li { 6591 flex: 1 1 0px; 6592 } 6593} 6594@media print, screen and (min-width: 48em) { 6595 .menu.xmedium-horizontal { 6596 flex-wrap: wrap; 6597 flex-direction: row; 6598 } 6599 .menu.xmedium-vertical { 6600 flex-wrap: nowrap; 6601 flex-direction: column; 6602 } 6603 .menu.xmedium-expanded li { 6604 flex: 1 1 0px; 6605 } 6606 .menu.xmedium-simple li { 6607 flex: 1 1 0px; 6608 } 6609} 6610@media print, screen and (min-width: 64em) { 6611 .menu.large-horizontal { 6612 flex-wrap: wrap; 6613 flex-direction: row; 6614 } 6615 .menu.large-vertical { 6616 flex-wrap: nowrap; 6617 flex-direction: column; 6618 } 6619 .menu.large-expanded li { 6620 flex: 1 1 0px; 6621 } 6622 .menu.large-simple li { 6623 flex: 1 1 0px; 6624 } 6625} 6626@media screen and (min-width: 75em) { 6627 .menu.xlarge-horizontal { 6628 flex-wrap: wrap; 6629 flex-direction: row; 6630 } 6631 .menu.xlarge-vertical { 6632 flex-wrap: nowrap; 6633 flex-direction: column; 6634 } 6635 .menu.xlarge-expanded li { 6636 flex: 1 1 0px; 6637 } 6638 .menu.xlarge-simple li { 6639 flex: 1 1 0px; 6640 } 6641} 6642.menu.nested { 6643 margin-right: 0; 6644 margin-left: 1rem; 6645} 6646.menu.icons a { 6647 display: flex; 6648} 6649.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { 6650 display: flex; 6651} 6652.menu.icon-left li a, .menu.nested.icon-left li a { 6653 flex-flow: row nowrap; 6654} 6655.menu.icon-left li a img, 6656.menu.icon-left li a i, 6657.menu.icon-left li a svg, .menu.nested.icon-left li a img, 6658.menu.nested.icon-left li a i, 6659.menu.nested.icon-left li a svg { 6660 margin-right: 0.25rem; 6661} 6662.menu.icon-right li a, .menu.nested.icon-right li a { 6663 flex-flow: row nowrap; 6664} 6665.menu.icon-right li a img, 6666.menu.icon-right li a i, 6667.menu.icon-right li a svg, .menu.nested.icon-right li a img, 6668.menu.nested.icon-right li a i, 6669.menu.nested.icon-right li a svg { 6670 margin-left: 0.25rem; 6671} 6672.menu.icon-top li a, .menu.nested.icon-top li a { 6673 flex-flow: column nowrap; 6674} 6675.menu.icon-top li a img, 6676.menu.icon-top li a i, 6677.menu.icon-top li a svg, .menu.nested.icon-top li a img, 6678.menu.nested.icon-top li a i, 6679.menu.nested.icon-top li a svg { 6680 align-self: stretch; 6681 margin-bottom: 0.25rem; 6682 text-align: center; 6683} 6684.menu.icon-bottom li a, .menu.nested.icon-bottom li a { 6685 flex-flow: column nowrap; 6686} 6687.menu.icon-bottom li a img, 6688.menu.icon-bottom li a i, 6689.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, 6690.menu.nested.icon-bottom li a i, 6691.menu.nested.icon-bottom li a svg { 6692 align-self: stretch; 6693 margin-bottom: 0.25rem; 6694 text-align: center; 6695} 6696.menu .is-active > a { 6697 background: transparent; 6698 color: #ffffff; 6699} 6700.menu .active > a { 6701 background: transparent; 6702 color: #ffffff; 6703} 6704.menu.align-left { 6705 justify-content: flex-start; 6706} 6707.menu.align-right li { 6708 display: flex; 6709 justify-content: flex-end; 6710} 6711.menu.align-right li .submenu li { 6712 justify-content: flex-start; 6713} 6714.menu.align-right.vertical li { 6715 display: block; 6716 text-align: right; 6717} 6718.menu.align-right.vertical li .submenu li { 6719 text-align: right; 6720} 6721.menu.align-right.icon-top li a img, 6722.menu.align-right.icon-top li a i, 6723.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, 6724.menu.align-right.icon-bottom li a i, 6725.menu.align-right.icon-bottom li a svg { 6726 text-align: right; 6727} 6728.menu.align-right .nested { 6729 margin-right: 1rem; 6730 margin-left: 0; 6731} 6732.menu.align-center li { 6733 display: flex; 6734 justify-content: center; 6735} 6736.menu.align-center li .submenu li { 6737 justify-content: flex-start; 6738} 6739.menu .menu-text { 6740 padding: 0.7rem 1rem; 6741 font-weight: bold; 6742 line-height: 1; 6743 color: inherit; 6744} 6745 6746.menu-centered > .menu { 6747 justify-content: center; 6748} 6749.menu-centered > .menu li { 6750 display: flex; 6751 justify-content: center; 6752} 6753.menu-centered > .menu li .submenu li { 6754 justify-content: flex-start; 6755} 6756 6757.no-js [data-responsive-menu] ul { 6758 display: none; 6759} 6760 6761.menu-icon { 6762 position: relative; 6763 display: inline-block; 6764 vertical-align: middle;
6765 width: 20px; 6766 height: 16px; 6767 cursor: pointer; 6768} 6769.menu-icon::after { 6770 position: absolute; 6771 top: 0; 6772 left: 0; 6773 display: block; 6774 width: 100%; 6775 height: 2px; 6776 background: #ffffff; 6777 box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff; 6778 content: ""; 6779} 6780.menu-icon:hover::after { 6781 background: #cacaca; 6782 box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; 6783} 6784 6785.menu-icon.dark { 6786 position: relative; 6787 display: inline-block; 6788 vertical-align: middle; 6789 width: 20px; 6790 height: 16px; 6791 cursor: pointer; 6792} 6793.menu-icon.dark::after { 6794 position: absolute; 6795 top: 0; 6796 left: 0; 6797 display: block; 6798 width: 100%; 6799 height: 2px; 6800 background: #000000; 6801 box-shadow: 0 7px 0 #000000, 0 14px 0 #000000; 6802 content: ""; 6803} 6804.menu-icon.dark:hover::after { 6805 background: #686868; 6806 box-shadow: 0 7px 0 #686868, 0 14px 0 #686868; 6807} 6808 6809.dropdown.menu > li.opens-left > .is-dropdown-submenu { 6810 top: 100%; 6811 right: 0; 6812 left: auto; 6813} 6814.dropdown.menu > li.opens-right > .is-dropdown-submenu { 6815 top: 100%; 6816 right: auto; 6817 left: 0; 6818} 6819[data-whatinput=mouse] .dropdown.menu a { 6820 outline: 0; 6821} 6822.dropdown.menu > li > a { 6823 padding: 0.7rem 1rem; 6824} 6825.dropdown.menu > li.is-active > a { 6826 background: #ffffff; 6827 color: #000000; 6828} 6829.no-js .dropdown.menu ul { 6830 display: none; 6831} 6832.dropdown.menu .nested.is-dropdown-submenu { 6833 margin-right: 0; 6834 margin-left: 0; 6835} 6836.dropdown.menu.vertical > li .is-dropdown-submenu { 6837 top: 0; 6838} 6839.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { 6840 top: 0; 6841 right: 100%; 6842 left: auto; 6843} 6844.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { 6845 right: auto; 6846 left: 100%; 6847} 6848@media print, screen and (min-width: 30em) { 6849 .dropdown.menu.smedium-horizontal > li.opens-left > .is-dropdown-submenu { 6850 top: 100%; 6851 right: 0; 6852 left: auto; 6853 } 6854 .dropdown.menu.smedium-horizontal > li.opens-right > .is-dropdown-submenu { 6855 top: 100%; 6856 right: auto; 6857 left: 0; 6858 } 6859 .dropdown.menu.smedium-vertical > li .is-dropdown-submenu { 6860 top: 0; 6861 } 6862 .dropdown.menu.smedium-vertical > li.opens-left > .is-dropdown-submenu { 6863 top: 0; 6864 right: 100%; 6865 left: auto; 6866 } 6867 .dropdown.menu.smedium-vertical > li.opens-right > .is-dropdown-submenu { 6868 right: auto; 6869 left: 100%; 6870 } 6871} 6872@media print, screen and (min-width: 40em) { 6873 .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { 6874 top: 100%; 6875 right: 0; 6876 left: auto; 6877 } 6878 .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { 6879 top: 100%; 6880 right: auto; 6881 left: 0; 6882 } 6883 .dropdown.menu.medium-vertical > li .is-dropdown-submenu { 6884 top: 0; 6885 } 6886 .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { 6887 top: 0; 6888 right: 100%; 6889 left: auto; 6890 } 6891 .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { 6892 right: auto; 6893 left: 100%; 6894 } 6895} 6896@media print, screen and (min-width: 48em) { 6897 .dropdown.menu.xmedium-horizontal > li.opens-left > .is-dropdown-submenu { 6898 top: 100%; 6899 right: 0; 6900 left: auto; 6901 } 6902 .dropdown.menu.xmedium-horizontal > li.opens-right > .is-dropdown-submenu { 6903 top: 100%; 6904 right: auto; 6905 left: 0; 6906 } 6907 .dropdown.menu.xmedium-vertical > li .is-dropdown-submenu { 6908 top: 0; 6909 } 6910 .dropdown.menu.xmedium-vertical > li.opens-left > .is-dropdown-submenu { 6911 top: 0; 6912 right: 100%; 6913 left: auto; 6914 } 6915 .dropdown.menu.xmedium-vertical > li.opens-right > .is-dropdown-submenu { 6916 right: auto; 6917 left: 100%; 6918 } 6919} 6920@media print, screen and (min-width: 64em) { 6921 .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { 6922 top: 100%; 6923 right: 0; 6924 left: auto; 6925 } 6926 .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { 6927 top: 100%; 6928 right: auto; 6929 left: 0; 6930 } 6931 .dropdown.menu.large-vertical > li .is-dropdown-submenu { 6932 top: 0; 6933 } 6934 .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { 6935 top: 0; 6936 right: 100%; 6937 left: auto; 6938 } 6939 .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { 6940 right: auto; 6941 left: 100%; 6942 } 6943} 6944@media screen and (min-width: 75em) { 6945 .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { 6946 top: 100%; 6947 right: 0; 6948 left: auto; 6949 } 6950 .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { 6951 top: 100%; 6952 right: auto; 6953 left: 0; 6954 } 6955 .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { 6956 top: 0; 6957 } 6958 .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu { 6959 top: 0; 6960 right: 100%; 6961 left: auto; 6962 } 6963 .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu { 6964 right: auto; 6965 left: 100%; 6966 } 6967} 6968.dropdown.menu.align-right .is-dropdown-submenu.first-sub { 6969 top: 100%; 6970 right: 0; 6971 left: auto; 6972} 6973 6974.is-dropdown-menu.vertical { 6975 width: 100px; 6976} 6977.is-dropdown-menu.vertical.align-right { 6978 float: right; 6979} 6980 6981.is-dropdown-submenu-parent { 6982 position: relative; 6983} 6984.is-dropdown-submenu-parent a::after { 6985 position: absolute; 6986 top: 50%; 6987 right: 5px; 6988 left: auto; 6989 margin-top: -6px; 6990} 6991.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { 6992 top: 100%; 6993 left: auto; 6994} 6995.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { 6996 right: 100%; 6997 left: auto; 6998} 6999.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { 7000 right: auto; 7001 left: 100%; 7002} 7003 7004.is-dropdown-submenu { 7005 position: absolute; 7006 top: 0; 7007 left: 100%; 7008 z-index: 1; 7009 display: none; 7010 min-width: 7.5rem; 7011 border: 1px solid rgba(20, 20, 20, 0.2); 7012 background: #ffffff; 7013} 7014.dropdown .is-dropdown-submenu a { 7015 padding: 0.75rem 1rem; 7016} 7017.is-dropdown-submenu .is-dropdown-submenu {
7018 margin-top: -1px; 7019} 7020.is-dropdown-submenu > li { 7021 width: 100%; 7022} 7023.is-dropdown-submenu.js-dropdown-active { 7024 display: block; 7025} 7026 7027.is-off-canvas-open { 7028 overflow: hidden; 7029} 7030 7031.js-off-canvas-overlay { 7032 position: absolute; 7033 top: 0; 7034 left: 0; 7035 z-index: 1200; 7036 width: 100%; 7037 height: 100%; 7038 transition: opacity 0.5s ease, visibility 0.5s ease; 7039 background: rgba(189, 189, 189, 0.75); 7040 opacity: 0; 7041 visibility: hidden; 7042 overflow: hidden; 7043} 7044.js-off-canvas-overlay.is-visible { 7045 opacity: 1; 7046 visibility: visible; 7047} 7048.js-off-canvas-overlay.is-closable { 7049 cursor: pointer; 7050} 7051.js-off-canvas-overlay.is-overlay-absolute { 7052 position: absolute; 7053} 7054.js-off-canvas-overlay.is-overlay-fixed { 7055 position: fixed; 7056} 7057 7058.off-canvas-wrapper { 7059 position: relative; 7060 overflow: hidden; 7061} 7062 7063[data-whatinput=mouse] .off-canvas { 7064 outline: 0; 7065} 7066.off-canvas { 7067 position: fixed; 7068 z-index: 1201; 7069} 7070.off-canvas.is-transition-push { 7071 z-index: 1201; 7072} 7073.off-canvas { 7074 transition: transform 0.5s ease; 7075 backface-visibility: hidden; 7076 background: #000000; 7077} 7078.off-canvas.is-closed { 7079 visibility: hidden; 7080} 7081.off-canvas.is-transition-overlap { 7082 z-index: 1202; 7083} 7084.off-canvas.is-transition-overlap.is-open { 7085 box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); 7086} 7087.off-canvas.is-open { 7088 transform: translate(0, 0); 7089} 7090 7091[data-whatinput=mouse] .off-canvas-absolute { 7092 outline: 0; 7093} 7094.off-canvas-absolute { 7095 position: absolute; 7096 z-index: 1201; 7097} 7098.off-canvas-absolute.is-transition-push { 7099 z-index: 1201; 7100} 7101.off-canvas-absolute { 7102 transition: transform 0.5s ease; 7103 backface-visibility: hidden; 7104 background: #000000; 7105} 7106.off-canvas-absolute.is-closed { 7107 visibility: hidden; 7108} 7109.off-canvas-absolute.is-transition-overlap { 7110 z-index: 1202; 7111} 7112.off-canvas-absolute.is-transition-overlap.is-open { 7113 box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); 7114} 7115.off-canvas-absolute.is-open { 7116 transform: translate(0, 0); 7117} 7118 7119.position-left { 7120 top: 0; 7121 left: 0; 7122 height: 100%; 7123 overflow-y: auto; 7124 -webkit-overflow-scrolling: touch; 7125 width: 300px; 7126 transform: translateX(-300px); 7127} 7128@media print, screen and (min-width: 30em) { 7129 .position-left { 7130 width: 360px; 7131 transform: translateX(-360px); 7132 } 7133} 7134@media print, screen and (min-width: 40em) { 7135 .position-left { 7136 width: 420px; 7137 transform: translateX(-420px); 7138 } 7139} 7140.off-canvas-content .off-canvas.position-left { 7141 transform: translateX(-300px); 7142} 7143@media print, screen and (min-width: 30em) { 7144 .off-canvas-content .off-canvas.position-left { 7145 transform: translateX(-360px); 7146 } 7147} 7148@media print, screen and (min-width: 40em) { 7149 .off-canvas-content .off-canvas.position-left { 7150 transform: translateX(-420px); 7151 } 7152} 7153.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { 7154 transform: translate(0, 0); 7155} 7156 7157.off-canvas-content.is-open-left.has-transition-push { 7158 transform: translateX(300px); 7159} 7160@media print, screen and (min-width: 30em) { 7161 .off-canvas-content.is-open-left.has-transition-push { 7162 transform: translateX(360px); 7163 } 7164} 7165@media print, screen and (min-width: 40em) { 7166 .off-canvas-content.is-open-left.has-transition-push { 7167 transform: translateX(420px); 7168 } 7169} 7170 7171.position-left.is-transition-push { 7172 box-shadow: inset -13px 0 20px -13px rgba(0, 0, 0, 0.25); 7173} 7174 7175.position-right { 7176 top: 0; 7177 right: 0; 7178 height: 100%; 7179 overflow-y: auto; 7180 -webkit-overflow-scrolling: touch; 7181 width: 300px; 7182 transform: translateX(300px); 7183} 7184@media print, screen and (min-width: 30em) { 7185 .position-right { 7186 width: 360px; 7187 transform: translateX(360px); 7188 } 7189} 7190@media print, screen and (min-width: 40em) { 7191 .position-right { 7192 width: 420px; 7193 transform: translateX(420px); 7194 } 7195} 7196.off-canvas-content .off-canvas.position-right { 7197 transform: translateX(300px); 7198} 7199@media print, screen and (min-width: 30em) { 7200 .off-canvas-content .off-canvas.position-right { 7201 transform: translateX(360px); 7202 } 7203} 7204@media print, screen and (min-width: 40em) { 7205 .off-canvas-content .off-canvas.position-right { 7206 transform: translateX(420px); 7207 } 7208} 7209.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { 7210 transform: translate(0, 0); 7211} 7212 7213.off-canvas-content.is-open-right.has-transition-push { 7214 transform: translateX(-300px); 7215} 7216@media print, screen and (min-width: 30em) { 7217 .off-canvas-content.is-open-right.has-transition-push { 7218 transform: translateX(-360px); 7219 } 7220} 7221@media print, screen and (min-width: 40em) { 7222 .off-canvas-content.is-open-right.has-transition-push { 7223 transform: translateX(-420px); 7224 } 7225} 7226 7227.position-right.is-transition-push { 7228 box-shadow: inset 13px 0 20px -13px rgba(0, 0, 0, 0.25); 7229} 7230 7231.position-top { 7232 top: 0; 7233 left: 0; 7234 width: 100%; 7235 overflow-x: auto; 7236 -webkit-overflow-scrolling: touch; 7237 height: 250px; 7238 transform: translateY(-250px); 7239} 7240.off-canvas-content .off-canvas.position-top { 7241 transform: translateY(-250px); 7242} 7243.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { 7244 transform: translate(0, 0); 7245} 7246 7247.off-canvas-content.is-open-top.has-transition-push { 7248 transform: translateY(250px); 7249} 7250 7251.position-top.is-transition-push { 7252 box-shadow: inset 0 -13px 20px -13px rgba(0, 0, 0, 0.25); 7253} 7254 7255.position-bottom { 7256 bottom: 0; 7257 left: 0; 7258 width: 100%; 7259 overflow-x: auto; 7260 -webkit-overflow-scrolling: touch; 7261 height: 250px; 7262 transform: translateY(250px); 7263} 7264.off-canvas-content .off-canvas.position-bottom { 7265 transform: translateY(250px); 7266} 7267.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { 7268 transform: translate(0, 0); 7269} 7270 7271.off-canvas-content.is-open-bottom.has-transition-push { 7272 transform: translateY(-250px); 7273} 7274 7275.position-bottom.is-transition-push { 7276 box-shadow: inset 0 13px 20px -13px rgba(0, 0, 0, 0.25); 7277} 7278 7279.off-canvas-content { 7280 transform: none; 7281 backface-visibility: hidden; 7282} 7283.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { 7284 transition: transform 0.5s ease; 7285} 7286.off-canvas-content.has-transition-push { 7287 transform: translate(0, 0); 7288} 7289.off-canvas-content .off-canvas.is-open { 7290 transform: translate(0, 0); 7291} 7292 7293@media print, screen and (min-width: 30em) { 7294 .position-left.reveal-for-smedium { 7295 transform: none; 7296 z-index: 1201; 7297 transition: none; 7298 visibility: visible; 7299 } 7300 .position-left.reveal-for-smedium .close-button { 7301 display: none; 7302 } 7303 .off-canvas-content .position-left.reveal-for-smedium { 7304 transform: none; 7305 } 7306 .off-canvas-content.has-reveal-left { 7307 margin-left: 360px; 7308 } 7309 .position-left.reveal-for-smedium ~ .off-canvas-content { 7310 margin-left: 360px; 7311 } 7312 .position-right.reveal-for-smedium { 7313 transform: none; 7314 z-index: 1201; 7315 transition: none; 7316 visibility: visible; 7317 } 7318 .position-right.reveal-for-smedium .close-button { 7319 display: none; 7320 } 7321 .off-canvas-content .position-right.reveal-for-smedium { 7322 transform: none; 7323 } 7324 .off-canvas-content.has-reveal-right { 7325 margin-right: 360px; 7326 } 7327 .position-right.reveal-for-smedium ~ .off-canvas-content { 7328 margin-right: 360px; 7329 } 7330 .position-top.reveal-for-smedium { 7331 transform: none; 7332 z-index: 1201; 7333 transition: none; 7334 visibility: visible; 7335 } 7336 .position-top.reveal-for-smedium .close-button { 7337 display: none; 7338 } 7339 .off-canvas-content .position-top.reveal-for-smedium { 7340 transform: none; 7341 } 7342 .off-canvas-content.has-reveal-top { 7343 margin-top: 360px; 7344 } 7345 .position-top.reveal-for-smedium ~ .off-canvas-content { 7346 margin-top: 360px; 7347 } 7348 .position-bottom.reveal-for-smedium { 7349 transform: none; 7350 z-index: 1201; 7351 transition: none; 7352 visibility: visible; 7353 } 7354 .position-bottom.reveal-for-smedium .close-button { 7355 display: none; 7356 } 7357 .off-canvas-content .position-bottom.reveal-for-smedium { 7358 transform: none; 7359 } 7360 .off-canvas-content.has-reveal-bottom { 7361 margin-bottom: 360px; 7362 } 7363 .position-bottom.reveal-for-smedium ~ .off-canvas-content { 7364 margin-bottom: 360px; 7365 } 7366} 7367@media print, screen and (min-width: 40em) { 7368 .position-left.reveal-for-medium { 7369 transform: none; 7370 z-index: 1201; 7371 transition: none; 7372 visibility: visible; 7373 } 7374 .position-left.reveal-for-medium .close-button { 7375 display: none; 7376 } 7377 .off-canvas-content .position-left.reveal-for-medium { 7378 transform: none; 7379 } 7380 .off-canvas-content.has-reveal-left { 7381 margin-left: 420px; 7382 } 7383 .position-left.reveal-for-medium ~ .off-canvas-content { 7384 margin-left: 420px; 7385 } 7386 .position-right.reveal-for-medium { 7387 transform: none; 7388 z-index: 1201; 7389 transition: none; 7390 visibility: visible; 7391 } 7392 .position-right.reveal-for-medium .close-button { 7393 display: none; 7394 } 7395 .off-canvas-content .position-right.reveal-for-medium { 7396 transform: none; 7397 } 7398 .off-canvas-content.has-reveal-right { 7399 margin-right: 420px; 7400 } 7401 .position-right.reveal-for-medium ~ .off-canvas-content { 7402 margin-right: 420px; 7403 } 7404 .position-top.reveal-for-medium { 7405 transform: none; 7406 z-index: 1201; 7407 transition: none; 7408 visibility: visible; 7409 } 7410 .position-top.reveal-for-medium .close-button { 7411 display: none; 7412 } 7413 .off-canvas-content .position-top.reveal-for-medium { 7414 transform: none; 7415 } 7416 .off-canvas-content.has-reveal-top { 7417 margin-top: 420px; 7418 } 7419 .position-top.reveal-for-medium ~ .off-canvas-content { 7420 margin-top: 420px; 7421 } 7422 .position-bottom.reveal-for-medium { 7423 transform: none; 7424 z-index: 1201; 7425 transition: none; 7426 visibility: visible; 7427 } 7428 .position-bottom.reveal-for-medium .close-button { 7429 display: none; 7430 } 7431 .off-canvas-content .position-bottom.reveal-for-medium { 7432 transform: none; 7433 } 7434 .off-canvas-content.has-reveal-bottom { 7435 margin-bottom: 420px; 7436 } 7437 .position-bottom.reveal-for-medium ~ .off-canvas-content { 7438 margin-bottom: 420px; 7439 } 7440} 7441@media print, screen and (min-width: 48em) { 7442 .position-left.reveal-for-xmedium { 7443 transform: none; 7444 z-index: 1201; 7445 transition: none; 7446 visibility: visible; 7447 } 7448 .position-left.reveal-for-xmedium .close-button { 7449 display: none; 7450 } 7451 .off-canvas-content .position-left.reveal-for-xmedium { 7452 transform: none; 7453 } 7454 .off-canvas-content.has-reveal-left { 7455 margin-left: 420px; 7456 } 7457 .position-left.reveal-for-xmedium ~ .off-canvas-content { 7458 margin-left: 420px; 7459 } 7460 .position-right.reveal-for-xmedium { 7461 transform: none; 7462 z-index: 1201; 7463 transition: none; 7464 visibility: visible; 7465 } 7466 .position-right.reveal-for-xmedium .close-button { 7467 display: none; 7468 } 7469 .off-canvas-content .position-right.reveal-for-xmedium { 7470 transform: none; 7471 } 7472 .off-canvas-content.has-reveal-right { 7473 margin-right: 420px; 7474 } 7475 .position-right.reveal-for-xmedium ~ .off-canvas-content { 7476 margin-right: 420px; 7477 } 7478 .position-top.reveal-for-xmedium { 7479 transform: none; 7480 z-index: 1201; 7481 transition: none; 7482 visibility: visible; 7483 } 7484 .position-top.reveal-for-xmedium .close-button { 7485 display: none; 7486 } 7487 .off-canvas-content .position-top.reveal-for-xmedium { 7488 transform: none; 7489 } 7490 .off-canvas-content.has-reveal-top { 7491 margin-top: 420px; 7492 } 7493 .position-top.reveal-for-xmedium ~ .off-canvas-content { 7494 margin-top: 420px; 7495 } 7496 .position-bottom.reveal-for-xmedium { 7497 transform: none; 7498 z-index: 1201; 7499 transition: none; 7500 visibility: visible; 7501 } 7502 .position-bottom.reveal-for-xmedium .close-button { 7503 display: none; 7504 } 7505 .off-canvas-content .position-bottom.reveal-for-xmedium { 7506 transform: none; 7507 } 7508 .off-canvas-content.has-reveal-bottom { 7509 margin-bottom: 420px; 7510 } 7511 .position-bottom.reveal-for-xmedium ~ .off-canvas-content { 7512 margin-bottom: 420px; 7513 } 7514} 7515@media print, screen and (min-width: 64em) { 7516 .position-left.reveal-for-large { 7517 transform: none; 7518 z-index: 1201; 7519 transition: none; 7520 visibility: visible; 7521 } 7522 .position-left.reveal-for-large .close-button { 7523 display: none; 7524 } 7525 .off-canvas-content .position-left.reveal-for-large { 7526 transform: none; 7527 } 7528 .off-canvas-content.has-reveal-left { 7529 margin-left: 420px; 7530 } 7531 .position-left.reveal-for-large ~ .off-canvas-content { 7532 margin-left: 420px; 7533 } 7534 .position-right.reveal-for-large { 7535 transform: none; 7536 z-index: 1201; 7537 transition: none; 7538 visibility: visible; 7539 } 7540 .position-right.reveal-for-large .close-button { 7541 display: none; 7542 } 7543 .off-canvas-content .position-right.reveal-for-large { 7544 transform: none; 7545 } 7546 .off-canvas-content.has-reveal-right { 7547 margin-right: 420px; 7548 } 7549 .position-right.reveal-for-large ~ .off-canvas-content { 7550 margin-right: 420px; 7551 } 7552 .position-top.reveal-for-large { 7553 transform: none; 7554 z-index: 1201; 7555 transition: none; 7556 visibility: visible; 7557 } 7558 .position-top.reveal-for-large .close-button { 7559 display: none; 7560 } 7561 .off-canvas-content .position-top.reveal-for-large { 7562 transform: none; 7563 } 7564 .off-canvas-content.has-reveal-top { 7565 margin-top: 420px; 7566 } 7567 .position-top.reveal-for-large ~ .off-canvas-content { 7568 margin-top: 420px; 7569 } 7570 .position-bottom.reveal-for-large { 7571 transform: none; 7572 z-index: 1201; 7573 transition: none; 7574 visibility: visible; 7575 } 7576 .position-bottom.reveal-for-large .close-button { 7577 display: none; 7578 } 7579 .off-canvas-content .position-bottom.reveal-for-large { 7580 transform: none; 7581 } 7582 .off-canvas-content.has-reveal-bottom { 7583 margin-bottom: 420px; 7584 } 7585 .position-bottom.reveal-for-large ~ .off-canvas-content { 7586 margin-bottom: 420px; 7587 } 7588} 7589@media screen and (min-width: 75em) { 7590 .position-left.reveal-for-xlarge { 7591 transform: none; 7592 z-index: 1201; 7593 transition: none; 7594 visibility: visible; 7595 } 7596 .position-left.reveal-for-xlarge .close-button { 7597 display: none; 7598 } 7599 .off-canvas-content .position-left.reveal-for-xlarge { 7600 transform: none; 7601 } 7602 .off-canvas-content.has-reveal-left { 7603 margin-left: 420px; 7604 } 7605 .position-left.reveal-for-xlarge ~ .off-canvas-content { 7606 margin-left: 420px; 7607 } 7608 .position-right.reveal-for-xlarge { 7609 transform: none; 7610 z-index: 1201; 7611 transition: none; 7612 visibility: visible; 7613 } 7614 .position-right.reveal-for-xlarge .close-button { 7615 display: none; 7616 } 7617 .off-canvas-content .position-right.reveal-for-xlarge { 7618 transform: none; 7619 } 7620 .off-canvas-content.has-reveal-right { 7621 margin-right: 420px; 7622 } 7623 .position-right.reveal-for-xlarge ~ .off-canvas-content { 7624 margin-right: 420px; 7625 } 7626 .position-top.reveal-for-xlarge { 7627 transform: none; 7628 z-index: 1201; 7629 transition: none; 7630 visibility: visible; 7631 } 7632 .position-top.reveal-for-xlarge .close-button { 7633 display: none; 7634 } 7635 .off-canvas-content .position-top.reveal-for-xlarge { 7636 transform: none; 7637 } 7638 .off-canvas-content.has-reveal-top { 7639 margin-top: 420px; 7640 } 7641 .position-top.reveal-for-xlarge ~ .off-canvas-content { 7642 margin-top: 420px; 7643 } 7644 .position-bottom.reveal-for-xlarge { 7645 transform: none; 7646 z-index: 1201; 7647 transition: none; 7648 visibility: visible; 7649 } 7650 .position-bottom.reveal-for-xlarge .close-button { 7651 display: none; 7652 } 7653 .off-canvas-content .position-bottom.reveal-for-xlarge { 7654 transform: none; 7655 } 7656 .off-canvas-content.has-reveal-bottom { 7657 margin-bottom: 420px; 7658 } 7659 .position-bottom.reveal-for-xlarge ~ .off-canvas-content { 7660 margin-bottom: 420px; 7661 } 7662} 7663@media print, screen and (min-width: 30em) { 7664 .off-canvas.in-canvas-for-smedium { 7665 visibility: visible; 7666 height: auto; 7667 position: static; 7668 background: none; 7669 width: auto; 7670 overflow: visible; 7671 transition: none; 7672 } 7673 .off-canvas.in-canvas-for-smedium.position-left, .off-canvas.in-canvas-for-smedium.position-right, .off-canvas.in-canvas-for-smedium.position-top, .off-canvas.in-canvas-for-smedium.position-bottom { 7674 box-shadow: none; 7675 transform: none; 7676 } 7677 .off-canvas.in-canvas-for-smedium .close-button { 7678 display: none; 7679 } 7680} 7681@media print, screen and (min-width: 40em) { 7682 .off-canvas.in-canvas-for-medium { 7683 visibility: visible; 7684 height: auto; 7685 position: static; 7686 background: none; 7687 width: auto; 7688 overflow: visible; 7689 transition: none; 7690 } 7691 .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { 7692 box-shadow: none; 7693 transform: none; 7694 } 7695 .off-canvas.in-canvas-for-medium .close-button { 7696 display: none; 7697 } 7698} 7699@media print, screen and (min-width: 48em) { 7700 .off-canvas.in-canvas-for-xmedium { 7701 visibility: visible; 7702 height: auto; 7703 position: static; 7704 backgro
7704und: none; 7705 width: auto; 7706 overflow: visible; 7707 transition: none; 7708 } 7709 .off-canvas.in-canvas-for-xmedium.position-left, .off-canvas.in-canvas-for-xmedium.position-right, .off-canvas.in-canvas-for-xmedium.position-top, .off-canvas.in-canvas-for-xmedium.position-bottom { 7710 box-shadow: none; 7711 transform: none; 7712 } 7713 .off-canvas.in-canvas-for-xmedium .close-button { 7714 display: none; 7715 } 7716} 7717@media print, screen and (min-width: 64em) { 7718 .off-canvas.in-canvas-for-large { 7719 visibility: visible; 7720 height: auto; 7721 position: static; 7722 background: none; 7723 width: auto; 7724 overflow: visible; 7725 transition: none; 7726 } 7727 .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { 7728 box-shadow: none; 7729 transform: none; 7730 } 7731 .off-canvas.in-canvas-for-large .close-button { 7732 display: none; 7733 } 7734} 7735@media screen and (min-width: 75em) { 7736 .off-canvas.in-canvas-for-xlarge { 7737 visibility: visible; 7738 height: auto; 7739 position: static; 7740 background: none; 7741 width: auto; 7742 overflow: visible; 7743 transition: none; 7744 } 7745 .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom { 7746 box-shadow: none; 7747 transform: none; 7748 } 7749 .off-canvas.in-canvas-for-xlarge .close-button { 7750 display: none; 7751 } 7752} 7753html.is-reveal-open { 7754 position: fixed; 7755 width: 100%; 7756 overflow-y: hidden; 7757} 7758html.is-reveal-open.zf-has-scroll { 7759 overflow-y: scroll; 7760 -webkit-overflow-scrolling: touch; 7761} 7762html.is-reveal-open body { 7763 overflow-y: hidden; 7764} 7765 7766.reveal-overlay { 7767 position: fixed; 7768 top: 0; 7769 right: 0; 7770 bottom: 0; 7771 left: 0; 7772 z-index: 1025; 7773 display: none; 7774 background-color: rgba(0, 0, 0, 0.8); 7775 overflow-y: auto; 7776 -webkit-overflow-scrolling: touch; 7777} 7778 7779[data-whatinput=mouse] .reveal { 7780 outline: 0; 7781} 7782.reveal { 7783 z-index: 1026; 7784 backface-visibility: hidden; 7785 display: none; 7786 padding: 3.75rem 1.25rem; 7787 border: 0 none; 7788 border-radius: 3px; 7789 background-color: #ffffff; 7790} 7791@media print, screen and (min-width: 40em) { 7792 .reveal { 7793 min-height: 0; 7794 } 7795} 7796.reveal .column { 7797 min-width: 0; 7798} 7799.reveal > :last-child { 7800 margin-bottom: 0; 7801} 7802@media print, screen and (min-width: 40em) { 7803 .reveal { 7804 width: 600px; 7805 max-width: 85rem; 7806 } 7807} 7808.reveal { 7809 position: relative; 7810 top: 100px; 7811 margin-right: auto; 7812 margin-left: auto; 7813 overflow-y: auto; 7814 -webkit-overflow-scrolling: touch; 7815} 7816.reveal.collapse { 7817 padding: 0; 7818} 7819@media print, screen and (min-width: 40em) { 7820 .reveal.tiny { 7821 width: 30%; 7822 max-width: 85rem; 7823 } 7824} 7825@media print, screen and (min-width: 40em) { 7826 .reveal.small { 7827 width: 50%; 7828 max-width: 85rem; 7829 } 7830} 7831@media print, screen and (min-width: 40em) { 7832 .reveal.large { 7833 width: 90%; 7834 max-width: 85rem; 7835 } 7836} 7837.reveal.full { 7838 top: 0; 7839 right: 0; 7840 bottom: 0; 7841 left: 0; 7842 width: 100%; 7843 max-width: none; 7844 height: 100%; 7845 min-height: 100%; 7846 margin-left: 0; 7847 border: 0; 7848 border-radius: 0; 7849} 7850@media print, screen and (max-width: 29.99875em) { 7851 .reveal { 7852 top: 0; 7853 right: 0; 7854 bottom: 0; 7855 left: 0; 7856 width: 100%; 7857 max-width: none; 7858 height: 100%; 7859 min-height: 100%; 7860 margin-left: 0; 7861 border: 0; 7862 border-radius: 0; 7863 } 7864} 7865.reveal.without-overlay { 7866 position: fixed; 7867} 7868 7869.sticky-container { 7870 position: relative; 7871} 7872 7873.sticky { 7874 position: relative; 7875 z-index: 0; 7876 transform: translate3d(0, 0, 0); 7877} 7878 7879.sticky.is-stuck { 7880 position: fixed; 7881 z-index: 5; 7882 width: 100%; 7883} 7884.sticky.is-stuck.is-at-top { 7885 top: 0; 7886} 7887.sticky.is-stuck.is-at-bottom { 7888 bottom: 0; 7889} 7890 7891.sticky.is-anchored { 7892 position: relative; 7893 right: auto; 7894 left: auto; 7895} 7896.sticky.is-anchored.is-at-bottom { 7897 bottom: 0; 7898} 7899 7900.float-left { 7901 float: left !important; 7902} 7903 7904.float-right { 7905 float: right !important; 7906} 7907 7908.float-center { 7909 display: block; 7910 margin-right: auto; 7911 margin-left: auto; 7912} 7913 7914.clearfix::before, .clearfix::after { 7915 display: table; 7916 content: " "; 7917 flex-basis: 0; 7918 order: 1; 7919} 7920.clearfix::after {
7921 clear: both; 7922} 7923 7924.align-left { 7925 justify-content: flex-start; 7926} 7927 7928.align-right { 7929 justify-content: flex-end; 7930} 7931 7932.align-center { 7933 justify-content: center; 7934} 7935 7936.align-justify { 7937 justify-content: space-between; 7938} 7939 7940.align-spaced { 7941 justify-content: space-around; 7942} 7943 7944.align-left.vertical.menu > li > a { 7945 justify-content: flex-start; 7946} 7947 7948.align-right.vertical.menu > li > a { 7949 justify-content: flex-end; 7950} 7951 7952.align-center.vertical.menu > li > a { 7953 justify-content: center; 7954} 7955 7956.align-top { 7957 align-items: flex-start; 7958} 7959 7960.align-self-top { 7961 align-self: flex-start; 7962} 7963 7964.align-bottom { 7965 align-items: flex-end; 7966} 7967 7968.align-self-bottom { 7969 align-self: flex-end; 7970} 7971 7972.align-middle { 7973 align-items: center; 7974} 7975 7976.align-self-middle { 7977 align-self: center; 7978} 7979 7980.align-stretch { 7981 align-items: stretch; 7982} 7983 7984.align-self-stretch { 7985 align-self: stretch; 7986} 7987 7988.align-center-middle { 7989 justify-content: center; 7990 align-items: center; 7991 align-content: center; 7992} 7993 7994.small-order-1 { 7995 order: 1; 7996} 7997 7998.small-order-2 { 7999 order: 2; 8000} 8001 8002.small-order-3 { 8003 order: 3; 8004} 8005 8006.small-order-4 { 8007 order: 4; 8008} 8009 8010.small-order-5 { 8011 order: 5; 8012} 8013 8014.small-order-6 { 8015 order: 6; 8016} 8017 8018@media print, screen and (min-width: 30em) { 8019 .smedium-order-1 { 8020 order: 1; 8021 } 8022 .smedium-order-2 { 8023 order: 2; 8024 } 8025 .smedium-order-3 { 8026 order: 3; 8027 } 8028 .smedium-order-4 { 8029 order: 4; 8030 } 8031 .smedium-order-5 { 8032 order: 5; 8033 } 8034 .smedium-order-6 { 8035 order: 6; 8036 } 8037} 8038@media print, screen and (min-width: 40em) { 8039 .medium-order-1 { 8040 order: 1; 8041 } 8042 .medium-order-2 { 8043 order: 2; 8044 } 8045 .medium-order-3 { 8046 order: 3; 8047 } 8048 .medium-order-4 { 8049 order: 4; 8050 } 8051 .medium-order-5 { 8052 order: 5; 8053 } 8054 .medium-order-6 { 8055 order: 6; 8056 } 8057} 8058@media print, screen and (min-width: 48em) { 8059 .xmedium-order-1 { 8060 order: 1; 8061 } 8062 .xmedium-order-2 { 8063 order: 2; 8064 } 8065 .xmedium-order-3 { 8066 order: 3; 8067 } 8068 .xmedium-order-4 { 8069 order: 4; 8070 } 8071 .xmedium-order-5 { 8072 order: 5; 8073 } 8074 .xmedium-order-6 { 8075 order: 6; 8076 } 8077} 8078@media print, screen and (min-width: 64em) { 8079 .large-order-1 { 8080 order: 1; 8081 } 8082 .large-order-2 { 8083 order: 2; 8084 } 8085 .large-order-3 { 8086 order: 3; 8087 } 8088 .large-order-4 { 8089 order: 4; 8090 } 8091 .large-order-5 { 8092 order: 5; 8093 } 8094 .large-order-6 { 8095 order: 6; 8096 } 8097} 8098@media screen and (min-width: 75em) { 8099 .xlarge-order-1 { 8100 order: 1; 8101 } 8102 .xlarge-order-2 { 8103 order: 2; 8104 } 8105 .xlarge-order-3 { 8106 order: 3; 8107 } 8108 .xlarge-order-4 { 8109 order: 4; 8110 } 8111 .xlarge-order-5 { 8112 order: 5; 8113 } 8114 .xlarge-order-6 { 8115 order: 6; 8116 } 8117} 8118.flex-container { 8119 display: flex; 8120} 8121 8122.flex-child-auto { 8123 flex: 1 1 auto; 8124} 8125 8126.flex-child-grow { 8127 flex: 1 0 auto; 8128} 8129 8130.flex-child-shrink { 8131 flex: 0 1 auto; 8132} 8133 8134.flex-dir-row { 8135 flex-direction: row; 8136} 8137 8138.flex-dir-row-reverse { 8139 flex-direction: row-reverse; 8140} 8141 8142.flex-dir-column { 8143 flex-direction: column; 8144} 8145 8146.flex-dir-column-reverse { 8147 flex-direction: column-reverse; 8148} 8149 8150@media print, screen and (min-width: 30em) { 8151 .smedium-flex-container { 8152 display: flex; 8153 } 8154 .smedium-flex-child-auto { 8155 flex: 1 1 auto; 8156 } 8157 .smedium-flex-child-grow { 8158 flex: 1 0 auto; 8159 } 8160 .smedium-flex-child-shrink { 8161 flex: 0 1 auto; 8162 } 8163 .smedium-flex-dir-row { 8164 flex-direction: row; 8165 } 8166 .smedium-flex-dir-row-reverse { 8167 flex-direction: row-reverse; 8168 } 8169 .smedium-flex-dir-column { 8170 flex-direction: column; 8171 } 8172 .smedium-flex-dir-column-reverse { 8173 flex-direction: column-reverse; 8174 } 8175} 8176@media print, screen and (min-width: 40em) { 8177 .medium-flex-container { 8178 display: flex; 8179 } 8180 .medium-flex-child-auto { 8181 flex: 1 1 auto; 8182 } 8183 .medium-flex-child-grow { 8184 flex: 1 0 auto; 8185 } 8186 .medium-flex-child-shrink { 8187 flex: 0 1 auto; 8188 } 8189 .medium-flex-dir-row { 8190 flex-direction: row; 8191 } 8192 .medium-flex-dir-row-reverse { 8193 flex-direction: row-reverse; 8194 } 8195 .medium-flex-dir-column { 8196 flex-direction: column; 8197 } 8198 .medium-flex-dir-column-reverse { 8199 flex-direction: column-reverse; 8200 } 8201} 8202@media print, screen and (min-width: 48em) { 8203 .xmedium-flex-container { 8204 display: flex; 8205 } 8206 .xmedium-flex-child-auto { 8207 flex: 1 1 auto; 8208 } 8209 .xmedium-flex-child-grow { 8210 flex: 1 0 auto; 8211 } 8212 .xmedium-flex-child-shrink { 8213 flex: 0 1 auto; 8214 } 8215 .xmedium-flex-dir-row { 8216 flex-direction: row; 8217 } 8218 .xmedium-flex-dir-row-reverse { 8219 flex-direction: row-reverse; 8220 } 8221 .xmedium-flex-dir-column { 8222 flex-direction: column; 8223 } 8224 .xmedium-flex-dir-column-reverse { 8225 flex-direction: column-reverse; 8226 } 8227} 8228@media print, screen and (min-width: 64em) { 8229 .large-flex-container { 8230 display: flex; 8231 } 8232 .large-flex-child-auto { 8233 flex: 1 1 auto; 8234 } 8235 .large-flex-child-grow { 8236 flex: 1 0 auto; 8237 } 8238 .large-flex-child-shrink { 8239 flex: 0 1 auto; 8240 } 8241 .large-flex-dir-row { 8242 flex-direction: row; 8243 } 8244 .large-flex-dir-row-reverse { 8245 flex-direction: row-reverse; 8246 } 8247 .large-flex-dir-column { 8248 flex-direction: column; 8249 } 8250 .large-flex-dir-column-reverse { 8251 flex-direction: column-reverse; 8252 } 8253} 8254@media screen and (min-width: 75em) { 8255 .xlarge-flex-container { 8256 display: flex; 8257 } 8258 .xlarge-flex-child-auto { 8259 flex: 1 1 auto; 8260 } 8261 .xlarge-flex-child-grow { 8262 flex: 1 0 auto; 8263 } 8264 .xlarge-flex-child-shrink { 8265 flex: 0 1 auto; 8266 } 8267 .xlarge-flex-dir-row { 8268 flex-direction: row; 8269 } 8270 .xlarge-flex-dir-row-reverse { 8271 flex-direction: row-reverse; 8272 } 8273 .xlarge-flex-dir-column { 8274 flex-direction: column; 8275 } 8276 .xlarge-flex-dir-column-reverse { 8277 flex-direction: column-reverse; 8278 } 8279} 8280.hide { 8281 display: none !important; 8282} 8283 8284.invisible { 8285 visibility: hidden; 8286} 8287 8288.visible { 8289 visibility: visible; 8290} 8291 8292@media print, screen and (max-width: 29.99875em) { 8293 .hide-for-small-only { 8294 display: none !important; 8295 } 8296} 8297 8298@media screen and (max-width: 0em), screen and (min-width: 30em) { 8299 .show-for-small-only { 8300 display: none !important; 8301 } 8302} 8303 8304@media print, screen and (min-width: 30em) { 8305 .hide-for-smedium { 8306 display: none !important; 8307 } 8308} 8309 8310@media screen and (max-width: 29.99875em) { 8311 .show-for-smedium { 8312 display: none !important; 8313 } 8314} 8315 8316@media print, screen and (min-width: 30em) and (max-width: 39.99875em) { 8317 .hide-for-smedium-only { 8318 display: none !important; 8319 } 8320} 8321 8322@media screen and (max-width: 29.99875em), screen and (min-width: 40em) { 8323 .show-for-smedium-only { 8324 display: none !important; 8325 } 8326} 8327 8328@media print, screen and (min-width: 40em) { 8329 .hide-for-medium { 8330 display: none !important; 8331 } 8332} 8333 8334@media screen and (max-width: 39.99875em) { 8335 .show-for-medium { 8336 display: none !important; 8337 } 8338} 8339 8340@media print, screen and (min-width: 40em) and (max-width: 47.99875em) { 8341 .hide-for-medium-only { 8342 display: none !important; 8343 } 8344} 8345 8346@media screen and (max-width: 39.99875em), screen and (min-width: 48em) { 8347 .show-for-medium-only { 8348 display: none !important; 8349 } 8350} 8351 8352@media print, screen and (min-width: 48em) { 8353 .hide-for-xmedium { 8354 display: none !important; 8355 } 8356} 8357 8358@media screen and (max-width: 47.99875em) { 8359 .show-for-xmedium { 8360 display: none !important; 8361 } 8362} 8363 8364@media print, screen and (min-width: 48em) and (max-width: 63.99875em) { 8365 .hide-for-xmedium-only { 8366 display: none !important; 8367 } 8368} 8369 8370@media screen and (max-width: 47.99875em), screen and (min-width: 64em) { 8371 .show-for-xmedium-only { 8372 display: none !important; 8373 } 8374} 8375 8376@media print, screen and (min-width: 64em) { 8377 .hide-for-large { 8378 display: none !important; 8379 } 8380} 8381 8382@media screen and (max-width: 63.99875em) { 8383 .show-for-large { 8384 display: none !important; 8385 } 8386} 8387 8388@media print, screen and (min-width: 64em) and (max-width: 74.99875em) { 8389 .hide-for-large-only { 8390 display: none !important; 8391 } 8392} 8393 8394@media screen and (max-width: 63.99875em), screen and (min-width: 75em) { 8395 .show-for-large-only { 8396 display: none !important; 8397 } 8398} 8399 8400@media screen and (min-width: 75em) { 8401 .hide-for-xlarge { 8402 display: none !important; 8403 } 8404} 8405 8406@media screen and (max-width: 74.99875em) { 8407 .show-for-xlarge { 8408 display: none !important; 8409 } 8410} 8411 8412@media screen and (min-width: 75em) and (max-width: 89.99875em) { 8413 .hide-for-xlarge-only { 8414 display: none !important; 8415 } 8416} 8417 8418@media screen and (max-width: 74.99875em), screen and (min-width: 90em) { 8419 .show-for-xlarge-only { 8420 display: none !important; 8421 } 8422} 8423 8424.show-for-sr, 8425.show-on-focus { 8426 position: absolute !important; 8427 width: 1px !important; 8428 height: 1px !important; 8429 padding: 0 !important; 8430 overflow: hidden !important; 8431 clip: rect(0, 0, 0, 0) !important; 8432 white-space: nowrap !important; 8433 border: 0 !important; 8434} 8435 8436.show-on-focus:active, .show-on-focus:focus { 8437 position: static !important; 8438 width: auto !important; 8439 height: auto !important; 8440 overflow: visible !important; 8441 clip: auto !important; 8442 white-space: normal !important; 8443} 8444 8445.show-for-landscape, 8446.hide-for-portrait { 8447 display: block !important; 8448} 8449@media screen and (orientation: landscape) { 8450 .show-for-landscape, 8451 .hide-for-portrait { 8452 display: block !important; 8453 } 8454} 8455@media screen and (orientation: portrait) { 8456 .show-for-landscape, 8457 .hide-for-portrait { 8458 display: none !important; 8459 } 8460} 8461 8462.hide-for-landscape, 8463.show-for-portrait { 8464 display: none !important; 8465} 8466@media screen and (orientation: landscape) { 8467 .hide-for-landscape, 8468 .show-for-portrait { 8469 display: none !important; 8470 } 8471} 8472@media screen and (orientation: portrait) { 8473 .hide-for-landscape, 8474 .show-for-portrait { 8475 display: block !important; 8476 } 8477} 8478 8479.show-for-dark-mode { 8480 display: none; 8481} 8482 8483.hide-for-dark-mode { 8484 display: block; 8485} 8486 8487@media screen and (prefers-color-scheme: dark) { 8488 .show-for-dark-mode { 8489 display: block !important; 8490 } 8491 .hide-for-dark-mode { 8492 display: none !important; 8493 } 8494} 8495.show-for-ie { 8496 display: none; 8497} 8498 8499@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 8500 .show-for-ie { 8501 display: block !important; 8502 } 8503 .hide-for-ie { 8504 display: none !important; 8505 } 8506} 8507.show-for-sticky { 8508 display: none; 8509} 8510 8511.is-stuck .show-for-sticky { 8512 display: block; 8513} 8514 8515.is-stuck .hide-for-sticky { 8516 display: none; 8517} 8518 8519.text-hide { 8520 font: 0/0 a !important; 8521 color: transparent !important; 8522 text-shadow: none !important; 8523 background-color: transparent !important; 8524 border: 0 !important; 8525} 8526 8527.text-truncate { 8528 max-width: 100% !important; 8529 overflow: hidden !important; 8530 text-overflow: ellipsis; 8531 white-space: nowrap !important; 8532} 8533 8534.text-nowrap { 8535 white-space: nowrap !important; 8536} 8537 8538.text-wrap { 8539 word-wrap: break-word !important; 8540} 8541 8542.text-lowercase { 8543 text-transform: lowercase !important; 8544} 8545 8546.text-uppercase { 8547 text-transform: uppercase !important; 8548} 8549 8550.text-capitalize { 8551 text-transform: capitalize !important; 8552} 8553 8554.text-overline { 8555 text-decoration: overline !important; 8556} 8557 8558.text-underline { 8559 text-decoration: underline !important; 8560} 8561 8562.text-line-through { 8563 text-decoration: line-through !important; 8564} 8565 8566.font-wide { 8567 letter-spacing: 0.25rem; 8568} 8569 8570.font-normal { 8571 font-weight: normal; 8572} 8573 8574.font-bold { 8575 font-weight: bold; 8576} 8577 8578.font-italic { 8579 font-style: italic !important; 8580} 8581 8582ul.list-disc { 8583 list-style-type: disc !important; 8584} 8585 8586ul.list-circle { 8587 list-style-type: circle !important; 8588} 8589 8590ul.list-square { 8591 list-style-type: square !important; 8592} 8593 8594ol.list-decimal { 8595 list-style-type: decimal !important; 8596} 8597 8598ol.list-lower-alpha { 8599 list-style-type: lower-alpha !important; 8600} 8601 8602ol.list-lower-latin { 8603 list-style-type: lower-latin !important; 8604} 8605 8606ol.list-lower-roman { 8607 list-style-type: lower-roman !important; 8608} 8609 8610ol.list-upper-alpha { 8611 list-style-type: upper-alpha !important; 8612} 8613 8614ol.list-upper-latin { 8615 list-style-type: upper-latin !important; 8616} 8617 8618ol.list-upper-roman { 8619 list-style-type: upper-roman !important; 8620} 8621 8622.rounded { 8623 border-radius: 5000px !important; 8624} 8625.rounded .switch-paddle { 8626 border-radius: 5000px !important; 8627} 8628.rounded .switch-paddle:after { 8629 border-radius: 50%; 8630} 8631 8632.radius { 8633 border-radius: 0.1875rem; 8634} 8635 8636.bordered { 8637 border: 0.0625rem solid #cacaca; 8638} 8639 8640.shadow { 8641 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); 8642} 8643 8644.arrow-down { 8645 display: block; 8646 width: 0; 8647 height: 0; 8648 border-style: solid; 8649 border-width: 0.4375rem; 8650 content: ""; 8651 border-bottom-width: 0; 8652 border-color: #000000 transparent transparent; 8653} 8654 8655.arrow-up { 8656 display: block; 8657 width: 0; 8658 height: 0; 8659 border-style: solid; 8660 border-width: 0.4375rem; 8661 content: ""; 8662 border-top-width: 0; 8663 border-color: transparent transparent #000000; 8664} 8665 8666.arrow-right { 8667 display: block; 8668 width: 0; 8669 height: 0; 8670 border-style: solid; 8671 border-width: 0.4375rem; 8672 content: ""; 8673 border-right-width: 0; 8674 border-color: transparent transparent transparent #000000; 8675} 8676 8677.arrow-left { 8678 display: block; 8679 width: 0; 8680 height: 0; 8681 border-style: solid; 8682 border-width: 0.4375rem; 8683 content: ""; 8684 border-left-width: 0; 8685 border-color: transparent #000000 transparent transparent; 8686} 8687 8688.separator-center::before, .separator-center::after { 8689 display: table; 8690 content: " "; 8691 flex-basis: 0; 8692 order: 1; 8693} 8694.separator-center::after {
8695 clear: both; 8696} 8697.separator-center { 8698 text-align: center !important; 8699} 8700.separator-center::after { 8701 position: relative !important; 8702 width: 3rem; 8703 border-bottom: 0.125rem solid #18A66F; 8704 margin: 1rem auto 0; 8705} 8706 8707.separator-left::before, .separator-left::after { 8708 display: table; 8709 content: " "; 8710 flex-basis: 0; 8711 order: 1; 8712} 8713.separator-left::after { 8714 clear: both; 8715} 8716.separator-left { 8717 text-align: left !important; 8718} 8719.separator-left::after { 8720 position: relative !important; 8721 width: 3rem; 8722 border-bottom: 0.125rem solid #18A66F; 8723 margin: 1rem auto 0; 8724 margin-left: 0 !important; 8725} 8726 8727.separator-right::before, .separator-right::after { 8728 display: table; 8729 content: " "; 8730 flex-basis: 0; 8731 order: 1; 8732} 8733.separator-right::after { 8734 clear: both; 8735} 8736.separator-right { 8737 text-align: right !important; 8738} 8739.separator-right::after { 8740 position: relative !important; 8741 width: 3rem; 8742 border-bottom: 0.125rem solid #18A66F; 8743 margin: 1rem auto 0; 8744 margin-right: 0 !important; 8745} 8746 8747.overflow-visible { 8748 overflow: visible !important; 8749} 8750 8751.overflow-x-visible { 8752 overflow-x: visible !important; 8753} 8754 8755.overflow-y-visible { 8756 overflow-y: visible !important; 8757} 8758 8759.overflow-hidden { 8760 overflow: hidden !important; 8761} 8762 8763.overflow-x-hidden { 8764 overflow-x: hidden !important; 8765} 8766 8767.overflow-y-hidden { 8768 overflow-y: hidden !important; 8769} 8770 8771.overflow-scroll { 8772 overflow: scroll !important; 8773 -webkit-overflow-scrolling: touch; 8774} 8775 8776.overflow-x-scroll { 8777 overflow-x: scroll !important; 8778 -webkit-overflow-scrolling: touch; 8779} 8780 8781.overflow-y-scroll { 8782 overflow-y: scroll !important; 8783 -webkit-overflow-scrolling: touch; 8784} 8785 8786.display-inline { 8787 display: inline !important; 8788} 8789 8790.display-inline-block { 8791 display: inline-block !important; 8792} 8793 8794.display-block { 8795 display: block !important; 8796} 8797 8798.display-table { 8799 display: table !important; 8800} 8801 8802.display-table-cell { 8803 display: table-cell !important; 8804} 8805 8806.position-static { 8807 position: static !important; 8808} 8809 8810.position-relative { 8811 position: relative !important; 8812} 8813 8814.position-absolute { 8815 position: absolute !important; 8816} 8817 8818.position-fixed { 8819 position: fixed !important; 8820} 8821 8822.position-fixed-top { 8823 position: fixed !important; 8824 top: 0rem !important; 8825 right: 0rem !important; 8826 left: 0rem !important; 8827 z-index: 975; 8828} 8829 8830.position-fixed-bottom { 8831 position: fixed !important; 8832 right: 0rem !important; 8833 bottom: 0rem !important; 8834 left: 0rem !important; 8835 z-index: 975; 8836} 8837 8838.border-box { 8839 box-sizing: border-box !important; 8840} 8841 8842.border-none { 8843 border: 0 !important; 8844} 8845 8846.width-25 { 8847 width: 25% !important; 8848} 8849 8850.width-50 { 8851 width: 50% !important; 8852} 8853 8854.width-75 { 8855 width: 75% !important; 8856} 8857 8858.width-100 { 8859 width: 100% !important; 8860} 8861 8862.height-25 { 8863 height: 25% !important; 8864} 8865 8866.height-50 { 8867 height: 50% !important; 8868} 8869 8870.height-75 { 8871 height: 75% !important; 8872} 8873 8874.height-100 { 8875 height: 100% !important; 8876} 8877 8878.max-width-100 { 8879 max-width: 100% !important; 8880} 8881 8882.max-height-100 { 8883 max-height: 100% !important; 8884} 8885 8886.margin-0 { 8887 margin: 0rem !important; 8888} 8889 8890.margin-top-0 { 8891 margin-top: 0rem !important; 8892} 8893 8894.margin-right-0 { 8895 margin-right: 0rem !important; 8896} 8897 8898.margin-bottom-0 { 8899 margin-bottom: 0rem !important; 8900} 8901 8902.margin-left-0 { 8903 margin-left: 0rem !important; 8904} 8905 8906.margin-horizontal-0 { 8907 margin-right: 0rem !important; 8908 margin-left: 0rem !important; 8909} 8910 8911.margin-vertical-0 { 8912 margin-top: 0rem !important; 8913 margin-bottom: 0rem !important; 8914} 8915 8916.padding-0 { 8917 padding: 0rem !important; 8918} 8919 8920.padding-top-0 { 8921 padding-top: 0rem !important; 8922} 8923 8924.padding-right-0 { 8925 padding-right: 0rem !important; 8926} 8927 8928.padding-bottom-0 { 8929 padding-bottom: 0rem !important; 8930} 8931 8932.padding-left-0 { 8933 padding-left: 0rem !important; 8934} 8935 8936.padding-horizontal-0 { 8937 padding-right: 0rem !important; 8938 padding-left: 0rem !important; 8939} 8940 8941.padding-vertical-0 { 8942 padding-top: 0rem !important; 8943 padding-bottom: 0rem !important; 8944} 8945 8946.margin-1 { 8947 margin: 1rem !important; 8948} 8949 8950.margin-top-1 { 8951 margin-top: 1rem !important; 8952} 8953 8954.margin-right-1 { 8955 margin-right: 1rem !important; 8956} 8957 8958.margin-bottom-1 { 8959 margin-bottom: 1rem !important; 8960} 8961 8962.margin-left-1 { 8963 margin-left: 1rem !important; 8964} 8965 8966.margin-horizontal-1 { 8967 margin-right: 1rem !important; 8968 margin-left: 1rem !important; 8969} 8970 8971.margin-vertical-1 { 8972 margin-top: 1rem !important; 8973 margin-bottom: 1rem !important; 8974} 8975 8976.padding-1 { 8977 padding: 1rem !important; 8978} 8979 8980.padding-top-1 { 8981 padding-top: 1rem !important; 8982} 8983 8984.padding-right-1 { 8985 padding-right: 1rem !important; 8986} 8987 8988.padding-bottom-1 { 8989 padding-bottom: 1rem !important; 8990} 8991 8992.padding-left-1 { 8993 padding-left: 1rem !important; 8994} 8995 8996.padding-horizontal-1 { 8997 padding-right: 1rem !important; 8998 padding-left: 1rem !important; 8999} 9000 9001.padding-vertical-1 { 9002 padding-top: 1rem !important; 9003 padding-bottom: 1rem !important; 9004} 9005 9006.margin-2 { 9007 margin: 2rem !important; 9008} 9009 9010.margin-top-2 { 9011 margin-top: 2rem !important; 9012} 9013 9014.margin-right-2 { 9015 margin-right: 2rem !important; 9016} 9017 9018.margin-bottom-2 { 9019 margin-bottom: 2rem !important; 9020} 9021 9022.margin-left-2 { 9023 margin-left: 2rem !important; 9024} 9025 9026.margin-horizontal-2 { 9027 margin-right: 2rem !important; 9028 margin-left: 2rem !important; 9029} 9030 9031.margin-vertical-2 { 9032 margin-top: 2rem !important; 9033 margin-bottom: 2rem !important; 9034} 9035 9036.padding-2 { 9037 padding: 2rem !important; 9038} 9039 9040.padding-top-2 { 9041 padding-top: 2rem !important; 9042} 9043 9044.padding-right-2 { 9045 padding-right: 2rem !important; 9046} 9047 9048.padding-bottom-2 { 9049 padding-bottom: 2rem !important; 9050} 9051 9052.padding-left-2 { 9053 padding-left: 2rem !important; 9054} 9055 9056.padding-horizontal-2 { 9057 padding-right: 2rem !important; 9058 padding-left: 2rem !important; 9059} 9060 9061.padding-vertical-2 { 9062 padding-top: 2rem !important; 9063 padding-bottom: 2rem !important; 9064} 9065 9066.margin-3 { 9067 margin: 3rem !important; 9068} 9069 9070.margin-top-3 { 9071 margin-top: 3rem !important; 9072} 9073 9074.margin-right-3 { 9075 margin-right: 3rem !important; 9076} 9077 9078.margin-bottom-3 { 9079 margin-bottom: 3rem !important; 9080} 9081 9082.margin-left-3 { 9083 margin-left: 3rem !important; 9084} 9085 9086.margin-horizontal-3 { 9087 margin-right: 3rem !important; 9088 margin-left: 3rem !important; 9089} 9090 9091.margin-vertical-3 { 9092 margin-top: 3rem !important; 9093 margin-bottom: 3rem !important; 9094} 9095 9096.padding-3 { 9097 padding: 3rem !important; 9098} 9099 9100.padding-top-3 { 9101 padding-top: 3rem !important; 9102} 9103 9104.padding-right-3 { 9105 padding-right: 3rem !important; 9106} 9107 9108.padding-bottom-3 { 9109 padding-bottom: 3rem !important; 9110} 9111 9112.padding-left-3 { 9113 padding-left: 3rem !important; 9114} 9115 9116.padding-horizontal-3 { 9117 padding-right: 3rem !important; 9118 padding-left: 3rem !important; 9119} 9120 9121.padding-vertical-3 { 9122 padding-top: 3rem !important; 9123 padding-bottom: 3rem !important; 9124} 9125 9126.slide-in-down.mui-enter { 9127 transition-duration: 500ms; 9128 transition-timing-function: linear; 9129 transform: translateY(-100%); 9130 transition-property: transform, opacity; 9131 backface-visibility: hidden; 9132} 9133 9134.slide-in-down.mui-enter.mui-enter-active { 9135 transform: translateY(0); 9136} 9137 9138.slide-in-left.mui-enter { 9139 transition-duration: 500ms; 9140 transition-timing-function: linear; 9141 transform: translateX(-100%); 9142 transition-property: transform, opacity; 9143 backface-visibility: hidden; 9144} 9145 9146.slide-in-left.mui-enter.mui-enter-active { 9147 transform: translateX(0); 9148} 9149 9150.slide-in-up.mui-enter { 9151 transition-duration: 500ms; 9152 transition-timing-function: linear; 9153 transform: translateY(100%); 9154 transition-property: transform, opacity; 9155 backface-visibility: hidden; 9156} 9157 9158.slide-in-up.mui-enter.mui-enter-active { 9159 transform: translateY(0); 9160} 9161 9162.slide-in-right.mui-enter { 9163 transition-duration: 500ms; 9164 transition-timing-function: linear; 9165 transform: translateX(100%); 9166 transition-property: transform, opacity; 9167 backface-visibility: hidden; 9168} 9169 9170.slide-in-right.mui-enter.mui-enter-active { 9171 transform: translateX(0); 9172} 9173 9174.slide-out-down.mui-leave { 9175 transition-duration: 500ms; 9176 transition-timing-function: linear; 9177 transform: translateY(0); 9178 transition-property: transform, opacity; 9179 backface-visibility: hidden; 9180} 9181 9182.slide-out-down.mui-leave.mui-leave-active { 9183 transform: translateY(100%); 9184} 9185 9186.slide-out-right.mui-leave { 9187 transition-duration: 500ms; 9188 transition-timing-function: linear; 9189 transform: translateX(0); 9190 transition-property: transform, opacity; 9191 backface-visibility: hidden; 9192} 9193 9194.slide-out-right.mui-leave.mui-leave-active { 9195 transform: translateX(100%); 9196} 9197 9198.slide-out-up.mui-leave { 9199 transition-duration: 500ms; 9200 transition-timing-function: linear; 9201 transform: translateY(0); 9202 transition-property: transform, opacity; 9203 backface-visibility: hidden; 9204} 9205 9206.slide-out-up.mui-leave.mui-leave-active { 9207 transform: translateY(-100%); 9208} 9209 9210.slide-out-left.mui-leave { 9211 transition-duration: 500ms; 9212 transition-timing-function: linear; 9213 transform: translateX(0); 9214 transition-property: transform, opacity; 9215 backface-visibility: hidden; 9216} 9217 9218.slide-out-left.mui-leave.mui-leave-active { 9219 transform: translateX(-100%); 9220} 9221 9222.fade-in.mui-enter { 9223 transition-duration: 500ms; 9224 transition-timing-function: linear; 9225 opacity: 0; 9226 transition-property: opacity; 9227} 9228 9229.fade-in.mui-enter.mui-enter-active { 9230 opacity: 1; 9231} 9232 9233.fade-out.mui-leave { 9234 transition-duration: 500ms; 9235 transition-timing-function: linear; 9236 opacity: 1; 9237 transition-property: opacity; 9238} 9239 9240.fade-out.mui-leave.mui-leave-active { 9241 opacity: 0; 9242} 9243 9244.hinge-in-from-top.mui-enter { 9245 transition-duration: 500ms; 9246 transition-timing-function: linear; 9247 transform: perspective(2000px) rotateX(-90deg); 9248 transform-origin: top; 9249 transition-property: transform, opacity; 9250 opacity: 0; 9251} 9252 9253.hinge-in-from-top.mui-enter.mui-enter-active { 9254 transform: perspective(2000px) rotate(0deg); 9255 opacity: 1; 9256} 9257 9258.hinge-in-from-right.mui-enter { 9259 transition-duration: 500ms; 9260 transition-timing-function: linear; 9261 transform: perspective(2000px) rotateY(-90deg); 9262 transform-origin: right; 9263 transition-property: transform, opacity; 9264 opacity: 0; 9265} 9266 9267.hinge-in-from-right.mui-enter.mui-enter-active { 9268 transform: perspective(2000px) rotate(0deg); 9269 opacity: 1; 9270} 9271 9272.hinge-in-from-bottom.mui-enter { 9273 transition-duration: 500ms; 9274 transition-timing-function: linear; 9275 transform: perspective(2000px) rotateX(90deg); 9276 transform-origin: bottom; 9277 transition-property: transform, opacity; 9278 opacity: 0; 9279} 9280 9281.hinge-in-from-bottom.mui-enter.mui-enter-active { 9282 transform: perspective(2000px) rotate(0deg); 9283 opacity: 1; 9284} 9285 9286.hinge-in-from-left.mui-enter { 9287 transition-duration: 500ms; 9288 transition-timing-function: linear; 9289 transform: perspective(2000px) rotateY(90deg); 9290 transform-origin: left; 9291 transition-property: transform, opacity; 9292 opacity: 0; 9293} 9294 9295.hinge-in-from-left.mui-enter.mui-enter-active { 9296 transform: perspective(2000px) rotate(0deg); 9297 opacity: 1; 9298} 9299 9300.hinge-in-from-middle-x.mui-enter { 9301 transition-duration: 500ms; 9302 transition-timing-function: linear; 9303 transform: perspective(2000px) rotateX(-90deg); 9304 transform-origin: center; 9305 transition-property: transform, opacity; 9306 opacity: 0; 9307} 9308 9309.hinge-in-from-middle-x.mui-enter.mui-enter-active { 9310 transform: perspective(2000px) rotate(0deg); 9311 opacity: 1; 9312} 9313 9314.hinge-in-from-middle-y.mui-enter { 9315 transition-duration: 500ms; 9316 transition-timing-function: linear; 9317 transform: perspective(2000px) rotateY(-90deg); 9318 transform-origin: center; 9319 transition-property: transform, opacity; 9320 opacity: 0; 9321} 9322 9323.hinge-in-from-middle-y.mui-enter.mui-enter-active { 9324 transform: perspective(2000px) rotate(0deg); 9325 opacity: 1; 9326} 9327 9328.hinge-out-from-top.mui-leave { 9329 transition-duration: 500ms; 9330 transition-timing-function: linear; 9331 transform: perspective(2000px) rotate(0deg); 9332 transform-origin: top; 9333 transition-property: transform, opacity; 9334 opacity: 1; 9335} 9336 9337.hinge-out-from-top.mui-leave.mui-leave-active { 9338 transform: perspective(2000px) rotateX(90deg); 9339 opacity: 0; 9340} 9341 9342.hinge-out-from-right.mui-leave { 9343 transition-duration: 500ms; 9344 transition-timing-function: linear; 9345 transform: perspective(2000px) rotate(0deg); 9346 transform-origin: right; 9347 transition-property: transform, opacity; 9348 opacity: 1; 9349} 9350 9351.hinge-out-from-right.mui-leave.mui-leave-active { 9352 transform: perspective(2000px) rotateY(90deg); 9353 opacity: 0; 9354} 9355 9356.hinge-out-from-bottom.mui-leave { 9357 transition-duration: 500ms; 9358 transition-timing-function: linear; 9359 transform: perspective(2000px) rotate(0deg); 9360 transform-origin: bottom; 9361 transition-property: transform, opacity; 9362 opacity: 1; 9363} 9364 9365.hinge-out-from-bottom.mui-leave.mui-leave-active { 9366 transform: perspective(2000px) rotateX(-90deg); 9367 opacity: 0; 9368} 9369 9370.hinge-out-from-left.mui-leave { 9371 transition-duration: 500ms; 9372 transition-timing-function: linear; 9373 transform: perspective(2000px) rotate(0deg); 9374 transform-origin: left; 9375 transition-property: transform, opacity; 9376 opacity: 1; 9377} 9378 9379.hinge-out-from-left.mui-leave.mui-leave-active { 9380 transform: perspective(2000px) rotateY(-90deg); 9381 opacity: 0; 9382} 9383 9384.hinge-out-from-middle-x.mui-leave { 9385 transition-duration: 500ms; 9386 transition-timing-function: linear; 9387 transform: perspective(2000px) rotate(0deg); 9388 transform-origin: center; 9389 transition-property: transform, opacity; 9390 opacity: 1; 9391} 9392 9393.hinge-out-from-middle-x.mui-leave.mui-leave-active { 9394 transform: perspective(2000px) rotateX(90deg); 9395 opacity: 0; 9396} 9397 9398.hinge-out-from-middle-y.mui-leave { 9399 transition-duration: 500ms; 9400 transition-timing-function: linear; 9401 transform: perspective(2000px) rotate(0deg); 9402 transform-origin: center; 9403 transition-property: transform, opacity; 9404 opacity: 1; 9405} 9406 9407.hinge-out-from-middle-y.mui-leave.mui-leave-active { 9408 transform: perspective(2000px) rotateY(90deg); 9409 opacity: 0; 9410} 9411 9412.scale-in-up.mui-enter { 9413 transition-duration: 500ms; 9414 transition-timing-function: linear; 9415 transform: scale(0.5); 9416 transition-property: transform, opacity; 9417 opacity: 0; 9418} 9419 9420.scale-in-up.mui-enter.mui-enter-active { 9421 transform: scale(1); 9422 opacity: 1; 9423} 9424 9425.scale-in-down.mui-enter { 9426 transition-duration: 500ms; 9427 transition-timing-function: linear; 9428 transform: scale(1.5); 9429 transition-property: transform, opacity; 9430 opacity: 0; 9431} 9432 9433.scale-in-down.mui-enter.mui-enter-active { 9434 transform: scale(1); 9435 opacity: 1; 9436} 9437 9438.scale-out-up.mui-leave { 9439 transition-duration: 500ms; 9440 transition-timing-function: linear; 9441 transform: scale(1); 9442 transition-property: transform, opacity; 9443 opacity: 1; 9444} 9445 9446.scale-out-up.mui-leave.mui-leave-active { 9447 transform: scale(1.5); 9448 opacity: 0; 9449} 9450 9451.scale-out-down.mui-leave { 9452 transition-duration: 500ms; 9453 transition-timing-function: linear; 9454 transform: scale(1); 9455 transition-property: transform, opacity; 9456 opacity: 1; 9457} 9458 9459.scale-out-down.mui-leave.mui-leave-active { 9460 transform: scale(0.5); 9461 opacity: 0; 9462} 9463 9464.spin-in.mui-enter { 9465 transition-duration: 500ms; 9466 transition-timing-function: linear; 9467 transform: rotate(-0.75turn); 9468 transition-property: transform, opacity; 9469 opacity: 0; 9470} 9471 9472.spin-in.mui-enter.mui-enter-active { 9473 transform: rotate(0); 9474 opacity: 1; 9475} 9476 9477.spin-out.mui-leave { 9478 transition-duration: 500ms; 9479 transition-timing-function: linear; 9480 transform: rotate(0); 9481 transition-property: transform, opacity; 9482 opacity: 1; 9483} 9484 9485.spin-out.mui-leave.mui-leave-active { 9486 transform: rotate(0.75turn); 9487 opacity: 0; 9488} 9489 9490.spin-in-ccw.mui-enter { 9491 transition-duration: 500ms; 9492 transition-timing-function: linear; 9493 transform: rotate(0.75turn); 9494 transition-property: transform, opacity; 9495 opacity: 0; 9496} 9497 9498.spin-in-ccw.mui-enter.mui-enter-active { 9499 transform: rotate(0); 9500 opacity: 1; 9501} 9502 9503.spin-out-ccw.mui-leave { 9504 transition-duration: 500ms; 9505 transition-timing-function: linear; 9506 transform: rotate(0); 9507 transition-property: transform, opacity; 9508 opacity: 1; 9509} 9510 9511.spin-out-ccw.mui-leave.mui-leave-active { 9512 transform: rotate(-0.75turn); 9513 opacity: 0; 9514} 9515 9516.slow { 9517 transition-duration: 750ms !important; 9518} 9519 9520.fast { 9521 transition-duration: 250ms !important; 9522} 9523 9524.linear { 9525 transition-timing-function: linear !important; 9526} 9527 9528.ease { 9529 transition-timing-function: ease !important; 9530} 9531 9532.ease-in { 9533 transition-timing-function: ease-in !important; 9534} 9535 9536.ease-out { 9537 transition-timing-function: ease-out !important; 9538} 9539 9540.ease-in-out { 9541 transition-timing-function: ease-in-out !important; 9542} 9543 9544.bounce-in { 9545 transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; 9546} 9547 9548.bounce-out { 9549 transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; 9550} 9551 9552.bounce-in-out { 9553 transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; 9554} 9555
9556.short-delay { 9557 transition-delay: 300ms !important; 9558} 9559 9560.long-delay { 9561 transition-delay: 700ms !important; 9562} 9563 9564.shake { 9565 animation-name: shake-7; 9566} 9567@keyframes shake-7 { 9568 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { 9569 transform: translateX(7%); 9570 } 9571 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { 9572 transform: translateX(-7%); 9573 } 9574} 9575 9576.spin-cw { 9577 animation-name: spin-cw-1turn; 9578} 9579@keyframes spin-cw-1turn { 9580 0% { 9581 transform: rotate(-1turn); 9582 } 9583 100% { 9584 transform: rotate(0); 9585 } 9586} 9587 9588.spin-ccw { 9589 animation-name: spin-ccw-1turn; 9590} 9591@keyframes spin-ccw-1turn { 9592 0% { 9593 transform: rotate(0); 9594 } 9595 100% { 9596 transform: rotate(-1turn); 9597 } 9598} 9599 9600.wiggle { 9601 animation-name: wiggle-7deg; 9602} 9603@keyframes wiggle-7deg { 9604 40%, 50%, 60% { 9605 transform: rotate(7deg); 9606 } 9607 35%, 45%, 55%, 65% { 9608 transform: rotate(-7deg); 9609 } 9610 0%, 30%, 70%, 100% { 9611 transform: rotate(0); 9612 } 9613} 9614 9615.shake, 9616.spin-cw, 9617.spin-ccw, 9618.wiggle { 9619 animation-duration: 500ms; 9620} 9621 9622.infinite { 9623 animation-iteration-count: infinite; 9624} 9625 9626.slow { 9627 animation-duration: 750ms !important; 9628} 9629 9630.fast { 9631 animation-duration: 250ms !important; 9632} 9633 9634.linear { 9635 animation-timing-function: linear !important; 9636} 9637 9638.ease { 9639 animation-timing-function: ease !important; 9640} 9641 9642.ease-in { 9643 animation-timing-function: ease-in !important; 9644} 9645 9646.ease-out { 9647 animation-timing-function: ease-out !important; 9648} 9649 9650.ease-in-out { 9651 animation-timing-function: ease-in-out !important; 9652} 9653 9654.bounce-in { 9655 animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; 9656} 9657 9658.bounce-out { 9659 animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; 9660} 9661 9662.bounce-in-out { 9663 animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; 9664} 9665 9666.short-delay { 9667 animation-delay: 300ms !important; 9668} 9669 9670.long-delay { 9671 animation-delay: 700ms !important; 9672} 9673 9674/** 9675 * Colors 9676 */ 9677/** 9678 * Breakpoints & Media Queries 9679 */ 9680/** 9681 * SCSS Variables. 9682 * 9683 * Please use variables from this sheet to ensure consistency across the UI. 9684 * Don't add to this sheet unless you're pretty sure the value will be reused in many places. 9685 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. 9686 */ 9687/** 9688 * Colors 9689 */ 9690/** 9691 * Fonts & basic variables. 9692 */ 9693/** 9694 * Grid System. 9695 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ 9696 */ 9697/** 9698 * Dimensions. 9699 */ 9700/** 9701 * Shadows. 9702 */ 9703/** 9704 * Editor widths. 9705 */ 9706/** 9707 * Block & Editor UI. 9708 */ 9709/** 9710 * Block paddings. 9711 */ 9712/** 9713 * React Native specific. 9714 * These variables do not appear to be used anywhere else. 9715 */ 9716/** 9717 * Breakpoint mixins 9718 */ 9719/** 9720 * Long content fade mixin 9721 * 9722 * Creates a fading overlay to signify that the content is longer 9723 * than the space allows. 9724 */ 9725/** 9726 * Focus styles. 9727 */ 9728/** 9729 * Applies editor left position to the selector passed as argument 9730 */ 9731/** 9732 * Styles that are reused verbatim in a few places 9733 */ 9734/** 9735 * Allows users to opt-out of animations via OS-level preferences. 9736 */ 9737/** 9738 * Reset default styles for JavaScript UI based pages. 9739 * This is a WP-admin agnostic reset 9740 */ 9741/** 9742 * Reset the WP Admin page styles for Gutenberg-like pages. 9743 */ 9744/** 9745 * These are default block editor widths in case the theme doesn't provide them. 9746 */ 9747#start-resizable-editor-section { 9748 display: none; 9749} 9750 9751.wp-block-audio figcaption { 9752 margin-top: 0.5em; 9753 margin-bottom: 1em; 9754} 9755 9756.wp-block-audio audio { 9757 width: 100%; 9758 min-width: 300px; 9759} 9760 9761.wp-block-button__link { 9762 color: #fff; 9763 background-color: #32373c; 9764 border: none; 9765 border-radius: 1.55em; 9766 box-shadow: none; 9767 cursor: pointer; 9768 display: inline-block; 9769 font-size: 1.125em; 9770 padding: 0.667em 1.333em; 9771 text-align: center; 9772 text-decoration: none; 9773 overflow-wrap: break-word; 9774} 9775 9776.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { 9777 color: #fff; 9778} 9779 9780.wp-block-button__link.aligncenter { 9781 text-align: center; 9782} 9783 9784.wp-block-button__link.alignright { 9785 /*rtl:ignore*/ 9786 text-align: right; 9787} 9788 9789.wp-block-buttons > .wp-block-button.has-custom-width { 9790 max-width: none; 9791} 9792 9793.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { 9794 width: 100%; 9795} 9796 9797.wp-block-buttons > .wp-block-button.wp-block-button__width-25 { 9798 width: calc(25% - 0.5em); 9799} 9800 9801.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { 9802 width: calc(50% - 0.5em); 9803} 9804 9805.wp-block-buttons > .wp-block-button.wp-block-button__width-75 { 9806 width: calc(75% - 0.5em); 9807} 9808 9809.wp-block-buttons > .wp-block-button.wp-block-button__width-100 { 9810 margin-right: 0; 9811 width: 100%; 9812} 9813 9814.wp-block-button.is-style-squared, 9815.wp-block-button__link.wp-block-button.is-style-squared { 9816 border-radius: 0; 9817} 9818 9819.wp-block-button.no-border-radius, 9820.wp-block-button__link.no-border-radius { 9821 border-radius: 0 !important; 9822} 9823 9824.is-style-outline > .wp-block-button__link, 9825.wp-block-button__link.is-style-outline { 9826 border: 2px solid; 9827} 9828 9829.is-style-outline > .wp-block-button__link:not(.has-text-color), 9830.wp-block-button__link.is-style-outline:not(.has-text-color) { 9831 color: #32373c; 9832} 9833 9834.is-style-outline > .wp-block-button__link:not(.has-background), 9835.wp-block-button__link.is-style-outline:not(.has-background) { 9836 background-color: transparent; 9837} 9838 9839.wp-block-buttons { 9840 display: flex; 9841 flex-direction: row; 9842 flex-wrap: wrap; 9843 /* stylelint-disable indentation */ 9844} 9845 9846.wp-block-buttons.is-vertical { 9847 flex-direction: column; 9848} 9849 9850.wp-block-buttons.is-vertical > .wp-block-button { 9851 /*rtl:ignore*/ 9852 margin-right: 0; 9853} 9854 9855.wp-block-buttons.is-vertical > .wp-block-button:last-child { 9856 margin-bottom: 0; 9857} 9858 9859.wp-block-buttons > .wp-block-button { 9860 display: inline-block; 9861 /*rtl:ignore*/ 9862 margin-left: 0; 9863 /*rtl:ignore*/ 9864 margin-right: 0.5em; 9865 margin-bottom: 0.5em; 9866} 9867 9868.wp-block-buttons > .wp-block-button:last-child { 9869 /*rtl:ignore*/ 9870 margin-right: 0; 9871} 9872 9873.wp-block-buttons.is-content-justification-left { 9874 justify-content: flex-start; 9875} 9876 9877.wp-block-buttons.is-content-justification-left.is-vertical { 9878 align-items: flex-start; 9879} 9880 9881.wp-block-buttons.is-content-justification-center { 9882 justify-content: center; 9883} 9884 9885.wp-block-buttons.is-content-justification-center.is-vertical { 9886 align-items: center; 9887} 9888 9889.wp-block-buttons.is-content-justification-right { 9890 justify-content: flex-end; 9891} 9892 9893.wp-block-buttons.is-content-justification-right > .wp-block-button { 9894 /*rtl:ignore*/ 9895 margin-left: 0.5em; 9896 /*rtl:ignore*/ 9897 margin-right: 0; 9898} 9899 9900.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child { 9901 /*rtl:ignore*/ 9902 margin-left: 0; 9903} 9904 9905.wp-block-buttons.is-content-justification-right.is-vertical { 9906 align-items: flex-end; 9907} 9908 9909.wp-block-buttons.is-content-justification-space-between { 9910 justify-content: space-between; 9911} 9912 9913.wp-block-buttons.aligncenter { 9914 text-align: center; 9915} 9916 9917.wp-block-buttons.alignleft .wp-block-button { 9918 /*rtl:ignore*/ 9919 margin-left: 0; 9920 /*rtl:ignore*/ 9921 margin-right: 0.5em; 9922} 9923 9924.wp-block-buttons.alignleft .wp-block-button:last-child { 9925 /*rtl:ignore*/ 9926 margin-right: 0; 9927} 9928 9929.wp-block-buttons.alignright .wp-block-button { 9930 /*rtl:ignore*/ 9931 margin-right: 0; 9932 /*rtl:ignore*/ 9933 margin-left: 0.5em; 9934} 9935 9936.wp-block-buttons.alignright .wp-block-button:first-child { 9937 /*rtl:ignore*/ 9938 margin-left: 0; 9939} 9940 9941.wp-block-buttons:not(.is-content-justification-space-between, 9942.is-content-justification-right, 9943.is-content-justification-left, 9944.is-content-justification-center) .wp-block-button.aligncenter { 9945 /* stylelint-enable indentation */ 9946 margin-left: auto; 9947 margin-right: auto; 9948 margin-bottom: 0.5em; 9949 width: 100%; 9950} 9951 9952.wp-block-calendar { 9953 text-align: center; 9954} 9955 9956.wp-block-calendar th, 9957.wp-block-calendar tbody td { 9958 padding: 0.25em; 9959 border: 1px solid #ddd; 9960} 9961 9962.wp-block-calendar tfoot td { 9963 border: none; 9964} 9965 9966.wp-block-calendar table { 9967 width: 100%; 9968 border-collapse: collapse; 9969} 9970 9971.wp-block-calendar table th { 9972 font-weight: 400; 9973 background: #ddd; 9974} 9975 9976.wp-block-calendar a { 9977 text-decoration: underline; 9978} 9979 9980.wp-block-calendar table tbody, 9981.wp-block-calendar table caption { 9982 color: #40464d; 9983} 9984 9985.wp-block-categories.alignleft { 9986 /*rtl:ignore*/ 9987 margin-right: 2em; 9988} 9989 9990.wp-block-categories.alignright { 9991 /*rtl:ignore*/ 9992 margin-left: 2em; 9993} 9994 9995.wp-block-code code { 9996 display: block; 9997 white-space: pre-wrap; 9998 overflow-wrap: break-word; 9999} 10000 10001.wp-block-columns { 10002 display: flex; 10003 margin-bottom: 1.75em; 10004 flex-wrap: wrap; 10005 /** 10006 * All Columns Alignment 10007 */ 10008} 10009 10010@media (min-width: 782px) { 10011 .wp-block-columns { 10012 flex-wrap: nowrap; 10013 } 10014} 10015.wp-block-columns.has-background { 10016 padding: 1.25em 2.375em; 10017} 10018 10019.wp-block-columns.are-vertically-aligned-top { 10020 align-items: flex-start; 10021} 10022 10023.wp-block-columns.are-vertically-aligned-center { 10024 align-items: center; 10025} 10026 10027.wp-block-columns.are-vertically-aligned-bottom { 10028 align-items: flex-end; 10029} 10030 10031.wp-block-column { 10032 flex-grow: 1; 10033 min-width: 0; 10034 word-break: break-word; 10035 overflow-wrap: break-word; 10036 /** 10037 * Individual Column Alignment 10038 */ 10039} 10040 10041@media (max-width: 599px) { 10042 .wp-block-column { 10043 flex-basis: 100% !important; 10044 } 10045} 10046@media (min-width: 600px) and (max-width: 781px) { 10047 .wp-block-column:not(:only-child) { 10048 flex-basis: calc(50% - 1em) !important; 10049 flex-grow: 0; 10050 } 10051 .wp-block-column:nth-child(even) { 10052 margin-left: 2em; 10053 } 10054} 10055@media (min-width: 782px) { 10056 .wp-block-column { 10057 flex-basis: 0; 10058 flex-grow: 1; 10059 } 10060 .wp-block-column[style*=flex-basis] { 10061 flex-grow: 0; 10062 } 10063 .wp-block-column:not(:first-child) { 10064 margin-left: 2em; 10065 } 10066} 10067.wp-block-column.is-vertically-aligned-top { 10068 align-self: flex-start; 10069} 10070 10071.wp-block-column.is-vertically-aligned-center { 10072 -ms-grid-row-align: center; 10073 align-self: center; 10074} 10075 10076.wp-block-column.is-vertically-aligned-bottom { 10077 align-self: flex-end; 10078} 10079 10080.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { 10081 width: 100%; 10082} 10083 10084.wp-block-cover-image, 10085.wp-block-cover { 10086 position: relative; 10087 background-size: cover; 10088 background-position: center center; 10089 min-height: 430px; 10090 width: 100%; 10091 display: flex; 10092 justify-content: center; 10093 align-items: center; 10094 padding: 1em; 10095 box-sizing: border-box; 10096 /** 10097 * Set a default background color for has-background-dim _unless_ it includes another 10098 * background-color class (e.g. has-green-background-color). The presence of another 10099 * background-color class implies that another style will provide the background color 10100 * for the overlay. 10101 * 10102 * See: 10103 * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545 10104 * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545 10105 */ 10106} 10107 10108.wp-block-cover-image.has-parallax, 10109.wp-block-cover.has-parallax { 10110 background-attachment: fixed; 10111} 10112 10113@supports (-webkit-overflow-scrolling: touch) { 10114 .wp-block-cover-image.has-parallax, 10115 .wp-block-cover.has-parallax { 10116 background-attachment: scroll; 10117 } 10118} 10119@media (prefers-reduced-motion: reduce) { 10120 .wp-block-cover-image.has-parallax, 10121 .wp-block-cover.has-parallax { 10122 background-attachment: scroll; 10123 } 10124} 10125.wp-block-cover-image.is-repeated, 10126.wp-block-cover.is-repeated { 10127 background-repeat: repeat; 10128 background-size: auto; 10129} 10130 10131.wp-block-cover-image.has-background-dim:not([class*=-background-color]), 10132.wp-block-cover.has-background-dim:not([class*=-background-color]) { 10133 background-color: #000; 10134} 10135 10136.wp-block-cover-image.has-background-dim::before, 10137.wp-block-cover.has-background-dim::before { 10138 content: ""; 10139 background-color: inherit; 10140} 10141 10142.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, 10143.wp-block-cover-image .wp-block-cover__gradient-background, 10144.wp-block-cover.has-background-dim:not(.has-background-gradient)::before, 10145.wp-block-cover .wp-block-cover__gradient-background { 10146 position: absolute; 10147 top: 0; 10148 left: 0; 10149 bottom: 0; 10150 right: 0; 10151 z-index: 1; 10152 opacity: 0.5; 10153} 10154 10155.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, 10156.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, 10157.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, 10158.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { 10159 opacity: 0.1; 10160} 10161 10162.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, 10163.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, 10164.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, 10165.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { 10166 opacity: 0.2; 10167} 10168 10169.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, 10170.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, 10171.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, 10172.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { 10173 opacity: 0.3; 10174} 10175 10176.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, 10177.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, 10178.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, 10179.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { 10180 opacity: 0.4; 10181} 10182 10183.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, 10184.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, 10185.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, 10186.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { 10187 opacity: 0.5; 10188} 10189 10190.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, 10191.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, 10192.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, 10193.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { 10194 opacity: 0.6; 10195} 10196 10197.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, 10198.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, 10199.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, 10200.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { 10201 opacity: 0.7; 10202} 10203 10204.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, 10205.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, 10206.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, 10207.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { 10208 opacity: 0.8; 10209} 10210 10211.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, 10212.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, 10213.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, 10214.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { 10215 opacity: 0.9; 10216} 10217 10218.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, 10219.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, 10220.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, 10221.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { 10222 opacity: 1; 10223} 10224 10225.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, 10226.wp-block-cover.alignleft, 10227.wp-block-cover.alignright { 10228 max-width: 420px; 10229 width: 100%; 10230} 10231 10232.wp-block-cover-image::after, 10233.wp-block-cover::after { 10234 display: block; 10235 content: ""; 10236 font-size: 0; 10237 min-height: inherit; 10238} 10239 10240@supports (position: -webkit-sticky) or (position: sticky) { 10241 .wp-block-cover-imag
10241e::after, 10242 .wp-block-cover::after { 10243 content: none; 10244 } 10245} 10246.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, 10247.wp-block-cover.aligncenter, 10248.wp-block-cover.alignleft, 10249.wp-block-cover.alignright { 10250 display: flex; 10251} 10252 10253.wp-block-cover-image .wp-block-cover__inner-container, 10254.wp-block-cover .wp-block-cover__inner-container { 10255 width: 100%; 10256 z-index: 1; 10257 color: #fff; 10258} 10259 10260.wp-block-cover-image p:not(.has-text-color), 10261.wp-block-cover-image h1:not(.has-text-color), 10262.wp-block-cover-image h2:not(.has-text-color), 10263.wp-block-cover-image h3:not(.has-text-color), 10264.wp-block-cover-image h4:not(.has-text-color), 10265.wp-block-cover-image h5:not(.has-text-color), 10266.wp-block-cover-image h6:not(.has-text-color), 10267.wp-block-cover-image .wp-block-subhead:not(.has-text-color), 10268.wp-block-cover p:not(.has-text-color), 10269.wp-block-cover h1:not(.has-text-color), 10270.wp-block-cover h2:not(.has-text-color), 10271.wp-block-cover h3:not(.has-text-color), 10272.wp-block-cover h4:not(.has-text-color), 10273.wp-block-cover h5:not(.has-text-color), 10274.wp-block-cover h6:not(.has-text-color), 10275.wp-block-cover .wp-block-subhead:not(.has-text-color) { 10276 color: inherit; 10277} 10278 10279.wp-block-cover-image.is-position-top-left, 10280.wp-block-cover.is-position-top-left { 10281 align-items: flex-start; 10282 justify-content: flex-start; 10283} 10284 10285.wp-block-cover-image.is-position-top-center, 10286.wp-block-cover.is-position-top-center { 10287 align-items: flex-start; 10288 justify-content: center; 10289} 10290 10291.wp-block-cover-image.is-position-top-right, 10292.wp-block-cover.is-position-top-right { 10293 align-items: flex-start; 10294 justify-content: flex-end; 10295} 10296 10297.wp-block-cover-image.is-position-center-left, 10298.wp-block-cover.is-position-center-left { 10299 align-items: center; 10300 justify-content: flex-start; 10301} 10302 10303.wp-block-cover-image.is-position-center-center, 10304.wp-block-cover.is-position-center-center { 10305 align-items: center; 10306 justify-content: center; 10307} 10308 10309.wp-block-cover-image.is-position-center-right, 10310.wp-block-cover.is-position-center-right { 10311 align-items: center; 10312 justify-content: flex-end; 10313} 10314 10315.wp-block-cover-image.is-position-bottom-left, 10316.wp-block-cover.is-position-bottom-left { 10317 align-items: flex-end; 10318 justify-content: flex-start; 10319} 10320 10321.wp-block-cover-image.is-position-bottom-center, 10322.wp-block-cover.is-position-bottom-center { 10323 align-items: flex-end; 10324 justify-content: center; 10325} 10326 10327.wp-block-cover-image.is-position-bottom-right, 10328.wp-block-cover.is-position-bottom-right { 10329 align-items: flex-end; 10330 justify-content: flex-end; 10331} 10332 10333.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, 10334.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { 10335 margin: 0; 10336 width: auto; 10337} 10338 10339.wp-block-cover-image img.wp-block-cover__image-background, 10340.wp-block-cover-image video.wp-block-cover__video-background, 10341.wp-block-cover img.wp-block-cover__image-background, 10342.wp-block-cover video.wp-block-cover__video-background { 10343 position: absolute; 10344 top: 0; 10345 left: 0; 10346 right: 0; 10347 bottom: 0; 10348 margin: 0; 10349 padding: 0; 10350 width: 100%; 10351 height: 100%; 10352 max-width: none; 10353 max-height: none; 10354 -o-object-fit: cover; 10355 object-fit: cover; 10356 outline: none; 10357 border: none; 10358 box-shadow: none; 10359} 10360 10361.wp-block-cover__video-background { 10362 z-index: 0; 10363} 10364 10365.wp-block-cover__image-background { 10366 z-index: 0; 10367} 10368 10369section.wp-block-cover-image h2, 10370.wp-block-cover-image-text, 10371.wp-block-cover-text { 10372 color: #fff; 10373} 10374 10375section.wp-block-cover-image h2 a, 10376section.wp-block-cover-image h2 a:hover, 10377section.wp-block-cover-image h2 a:focus, 10378section.wp-block-cover-image h2 a:active, 10379.wp-block-cover-image-text a, 10380.wp-block-cover-image-text a:hover, 10381.wp-block-cover-image-text a:focus, 10382.wp-block-cover-image-text a:active, 10383.wp-block-cover-text a, 10384.wp-block-cover-text a:hover, 10385.wp-block-cover-text a:focus, 10386.wp-block-cover-text a:active { 10387 color: #fff; 10388} 10389 10390.wp-block-cover-image .wp-block-cover.has-left-content { 10391 justify-content: flex-start; 10392} 10393 10394.wp-block-cover-image .wp-block-cover.has-right-content { 10395 justify-content: flex-end; 10396} 10397 10398section.wp-block-cover-image.has-left-content > h2, 10399.wp-block-cover-image.has-left-content .wp-block-cover-image-text, 10400.wp-block-cover.has-left-content .wp-block-cover-text { 10401 margin-left: 0; 10402 text-align: left; 10403} 10404 10405section.wp-block-cover-image.has-right-content > h2, 10406.wp-block-cover-image.has-right-content .wp-block-cover-image-text, 10407.wp-block-cover.has-right-content .wp-block-cover-text { 10408 margin-right: 0; 10409 text-align: right; 10410} 10411 10412section.wp-block-cover-image > h2, 10413.wp-block-cover-image .wp-block-cover-image-text, 10414.wp-block-cover .wp-block-cover-text { 10415 font-size: 2em; 10416 line-height: 1.25; 10417 z-index: 1; 10418 margin-bottom: 0; 10419 max-width: 840px; 10420 padding: 0.44em; 10421 text-align: center; 10422} 10423 10424.wp-block[data-align=left] > [data-type="core/embed"], 10425.wp-block[data-align=right] > [data-type="core/embed"], 10426.wp-block-embed.alignleft, 10427.wp-block-embed.alignright { 10428 max-width: 360px; 10429 width: 100%; 10430} 10431 10432.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, 10433.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper, 10434.wp-block-embed.alignleft .wp-block-embed__wrapper, 10435.wp-block-embed.alignright .wp-block-embed__wrapper { 10436 min-width: 280px; 10437} 10438 10439.wp-block-cover .wp-block-embed { 10440 min-width: 320px; 10441 min-height: 240px; 10442} 10443 10444.wp-block-embed { 10445 margin-bottom: 1em; 10446} 10447 10448.wp-block-embed figcaption { 10449 margin-top: 0.5em; 10450 margin-bottom: 1em; 10451} 10452 10453.wp-block-embed iframe { 10454 max-width: 100%; 10455} 10456 10457.wp-block-embed__wrapper { 10458 position: relative; 10459} 10460 10461.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { 10462 content: ""; 10463 display: block; 10464 padding-top: 50%; 10465} 10466 10467.wp-embed-responsive .wp-has-aspect-ratio iframe { 10468 position: absolute; 10469 top: 0; 10470 right: 0; 10471 bottom: 0; 10472 left: 0; 10473 height: 100%; 10474 width: 100%; 10475} 10476 10477.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { 10478 padding-top: 42.85%; 10479} 10480 10481.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { 10482 padding-top: 50%; 10483} 10484 10485.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { 10486 padding-top: 56.25%; 10487} 10488 10489.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { 10490 padding-top: 75%; 10491} 10492 10493.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { 10494 padding-top: 100%; 10495} 10496 10497.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { 10498 padding-top: 177.77%; 10499} 10500 10501.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { 10502 padding-top: 200%; 10503} 10504 10505.wp-block-file { 10506 margin-bottom: 1.5em; 10507} 10508 10509.wp-block-file.aligncenter { 10510 text-align: center; 10511} 10512 10513.wp-block-file.alignright { 10514 /*rtl:ignore*/ 10515 text-align: right; 10516} 10517 10518.wp-block-file .wp-block-file__button { 10519 background: #32373c; 10520 border-radius: 2em; 10521 color: #fff; 10522 font-size: 0.8em; 10523 padding: 0.5em 1em; 10524} 10525 10526.wp-block-file a.wp-block-file__button { 10527 text-decoration: none; 10528} 10529 10530.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active { 10531 box-shadow: none; 10532 color: #fff; 10533 opacity: 0.85; 10534 text-decoration: none; 10535} 10536 10537.wp-block-file * + .wp-block-file__button { 10538 margin-left: 0.75em; 10539} 10540 10541.wp-block-gallery, 10542.blocks-gallery-grid { 10543 display: flex; 10544 flex-wrap: wrap; 10545 list-style-type: none; 10546 padding: 0; 10547 margin: 0; 10548} 10549 10550.wp-block-gallery .blocks-gallery-image, 10551.wp-block-gallery .blocks-gallery-item, 10552.blocks-gallery-grid .blocks-gallery-image, 10553.blocks-gallery-grid .blocks-gallery-item { 10554 margin: 0 1em 1em 0; 10555 display: flex; 10556 flex-grow: 1; 10557 flex-direction: column; 10558 justify-content: center; 10559 position: relative; 10560 width: calc(50% - 1em); 10561} 10562 10563.wp-block-gallery .blocks-gallery-image:nth-of-type(even), 10564.wp-block-gallery .blocks-gallery-item:nth-of-type(even), 10565.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), 10566.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { 10567 margin-right: 0; 10568} 10569 10570.wp-block-gallery .blocks-gallery-image figure, 10571.wp-block-gallery .blocks-gallery-item figure, 10572.blocks-gallery-grid .blocks-gallery-image figure, 10573.blocks-gallery-grid .blocks-gallery-item figure {
10574 margin: 0; 10575 height: 100%; 10576} 10577 10578@supports (position: -webkit-sticky) or (position: sticky) { 10579 .wp-block-gallery .blocks-gallery-image figure, 10580 .wp-block-gallery .blocks-gallery-item figure, 10581 .blocks-gallery-grid .blocks-gallery-image figure, 10582 .blocks-gallery-grid .blocks-gallery-item figure { 10583 display: flex; 10584 align-items: flex-end; 10585 justify-content: flex-start; 10586 } 10587} 10588.wp-block-gallery .blocks-gallery-image img, 10589.wp-block-gallery .blocks-gallery-item img, 10590.blocks-gallery-grid .blocks-gallery-image img, 10591.blocks-gallery-grid .blocks-gallery-item img { 10592 display: block; 10593 max-width: 100%; 10594 height: auto; 10595 width: 100%; 10596} 10597 10598@supports (position: -webkit-sticky) or (position: sticky) { 10599 .wp-block-gallery .blocks-gallery-image img, 10600 .wp-block-gallery .blocks-gallery-item img, 10601 .blocks-gallery-grid .blocks-gallery-image img, 10602 .blocks-gallery-grid .blocks-gallery-item img { 10603 width: auto; 10604 } 10605} 10606.wp-block-gallery .blocks-gallery-image figcaption, 10607.wp-block-gallery .blocks-gallery-item figcaption, 10608.blocks-gallery-grid .blocks-gallery-image figcaption, 10609.blocks-gallery-grid .blocks-gallery-item figcaption { 10610 position: absolute; 10611 bottom: 0; 10612 width: 100%; 10613 max-height: 100%; 10614 overflow: auto; 10615 padding: 3em 0.77em 0.7em; 10616 color: #fff; 10617 text-align: center; 10618 font-size: 0.8em; 10619 background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); 10620 box-sizing: border-box; 10621 margin: 0; 10622} 10623 10624.wp-block-gallery .blocks-gallery-image figcaption img, 10625.wp-block-gallery .blocks-gallery-item figcaption img, 10626.blocks-gallery-grid .blocks-gallery-image figcaption img, 10627.blocks-gallery-grid .blocks-gallery-item figcaption img { 10628 display: inline; 10629} 10630 10631.wp-block-gallery figcaption, 10632.blocks-gallery-grid figcaption { 10633 flex-grow: 1; 10634} 10635 10636.wp-block-gallery.is-cropped .blocks-gallery-image a, 10637.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, 10638.wp-block-gallery.is-cropped .blocks-gallery-item img, 10639.blocks-gallery-grid.is-cropped .blocks-gallery-image a, 10640.blocks-gallery-grid.is-cropped .blocks-gallery-image img, 10641.blocks-gallery-grid.is-cropped .blocks-gallery-item a, 10642.blocks-gallery-grid.is-cropped .blocks-gallery-item img { 10643 width: 100%; 10644} 10645 10646@supports (position: -webkit-sticky) or (position: sticky) { 10647 .wp-block-gallery.is-cropped .blocks-gallery-image a, 10648 .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, 10649 .wp-block-gallery.is-cropped .blocks-gallery-item img, 10650 .blocks-gallery-grid.is-cropped .blocks-gallery-image a, 10651 .blocks-gallery-grid.is-cropped .blocks-gallery-image img, 10652 .blocks-gallery-grid.is-cropped .blocks-gallery-item a, 10653 .blocks-gallery-grid.is-cropped .blocks-gallery-item img { 10654 height: 100%; 10655 flex: 1; 10656 -o-object-fit: cover; 10657 object-fit: cover; 10658 } 10659} 10660.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, 10661.blocks-gallery-grid.columns-1 .blocks-gallery-image, 10662.blocks-gallery-grid.columns-1 .blocks-gallery-item { 10663 width: 100%; 10664 margin-right: 0; 10665} 10666 10667@media (min-width: 600px) { 10668 .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, 10669 .blocks-gallery-grid.columns-3 .blocks-gallery-image, 10670 .blocks-gallery-grid.columns-3 .blocks-gallery-item { 10671 width: calc(33.3333333333% - 0.6666666667em); 10672 margin-right: 1em; 10673 } 10674 .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, 10675 .blocks-gallery-grid.columns-4 .blocks-gallery-image, 10676 .blocks-gallery-grid.columns-4 .blocks-gallery-item { 10677 width: calc(25% - 0.75em); 10678 margin-right: 1em; 10679 } 10680 .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, 10681 .blocks-gallery-grid.columns-5 .blocks-gallery-image, 10682 .blocks-gallery-grid.columns-5 .blocks-gallery-item { 10683 width: calc(20% - 0.8em); 10684 margin-right: 1em; 10685 } 10686 .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, 10687 .blocks-gallery-grid.columns-6 .blocks-gallery-image, 10688 .blocks-gallery-grid.columns-6 .blocks-gallery-item { 10689 width: calc(16.6666666667% - 0.8333333333em); 10690 margin-right: 1em; 10691 } 10692 .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, 10693 .blocks-gallery-grid.columns-7 .blocks-gallery-image, 10694 .blocks-gallery-grid.columns-7 .blocks-gallery-item { 10695 width: calc(14.2857142857% - 0.8571428571em); 10696 margin-right: 1em; 10697 } 10698 .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, 10699 .blocks-gallery-grid.columns-8 .blocks-gallery-image, 10700 .blocks-gallery-grid.columns-8 .blocks-gallery-item { 10701 width: calc(12.5% - 0.875em); 10702 margin-right: 1em; 10703 } 10704 .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .
10704wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), 10705 .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), 10706 .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { 10707 margin-right: 0; 10708 } 10709 .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), 10710 .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), 10711 .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { 10712 margin-right: 0; 10713 } 10714 .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), 10715 .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), 10716 .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { 10717 margin-right: 0; 10718 } 10719 .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), 10720 .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), 10721 .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { 10722 margin-right: 0; 10723 } 10724 .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), 10725 .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), 10726 .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { 10727 margin-right: 0; 10728 } 10729 .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), 10730 .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), 10731 .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { 10732 margin-right: 0; 10733 } 10734 .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), 10735 .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), 10736 .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { 10737 margin-right: 0; 10738 } 10739 .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), 10740 .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), 10741 .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { 10742 margin-right: 0; 10743 } 10744} 10745.wp-block-gallery .blocks-gallery-image:last-child, 10746.wp-block-gallery .blocks-gallery-item:last-child, 10747.blocks-gallery-grid .blocks-gallery-image:last-child, 10748.blocks-gallery-grid .blocks-gallery-item:last-child { 10749 margin-right: 0; 10750} 10751 10752.wp-block-gallery.alignleft, .wp-block-gallery.alignright, 10753.blocks-gallery-grid.alignleft, 10754.blocks-gallery-grid.alignright { 10755 max-width: 420px; 10756 width: 100%; 10757} 10758 10759.wp-block-gallery.aligncenter .blocks-gallery-item figure, 10760.blocks-gallery-grid.aligncenter .blocks-gallery-item figure { 10761 justify-content: center; 10762} 10763 10764.wp-block-group { 10765 box-sizing: border-box; 10766} 10767 10768h1.has-background, 10769h2.has-background, 10770h3.has-background, 10771h4.has-background, 10772h5.has-background, 10773h6.has-background { 10774 padding: 1.25em 2.375em; 10775} 10776 10777.wp-block-image { 10778 margin-bottom: 1em; 10779} 10780 10781.wp-block-image img { 10782 max-width: 100%; 10783} 10784 10785.wp-block-image:not(.is-style-rounded) img { 10786 border-radius: inherit; 10787} 10788 10789.wp-block-image.aligncenter { 10790 text-align: center; 10791} 10792 10793.wp-block-image.alignfull img, .wp-block-image.alignwide img { 10794 width: 100%; 10795} 10796 10797.wp-block-image .alignleft, 10798.wp-block-image .alignright, 10799.wp-block-image .aligncenter { 10800 display: table; 10801} 10802 10803.wp-block-image .alignleft > figcaption, 10804.wp-block-image .alignright > figcaption, 10805.wp-block-image .aligncenter > figcaption { 10806 display: table-caption; 10807 caption-side: bottom; 10808} 10809 10810.wp-block-image .alignleft { 10811 /*rtl:ignore*/ 10812 float: left; 10813 /*rtl:ignore*/ 10814 margin-left: 0; 10815 margin-right: 1em; 10816 margin-top: 0.5em; 10817 margin-bottom: 0.5em; 10818} 10819 10820.wp-block-image .alignright { 10821 /*rtl:ignore*/ 10822 float: right; 10823 /*rtl:ignore*/ 10824 margin-right: 0; 10825 margin-left: 1em; 10826 margin-top: 0.5em; 10827 margin-bottom: 0.5em; 10828} 10829 10830.wp-block-image .aligncenter { 10831 margin-left: auto; 10832 margin-right: auto; 10833} 10834 10835.wp-block-image figcaption { 10836 margin-top: 0.5em; 10837 margin-bottom: 1em; 10838} 10839 10840.wp-block-image.is-style-rounded img { 10841 border-radius: 9999px; 10842} 10843 10844.wp-block-image.is-style-circle-mask img { 10845 border-radius: 9999px; 10846} 10847 10848@supports (-webkit-mask-image: none) or (mask-image: none) or (-webkit-mask-image: none) { 10849 .wp-block-image.is-style-circle-mask img { 10850 /* stylelint-disable */ 10851 -webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); 10852 mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>'); 10853 /* stylelint-enable */ 10854 mask-mode: alpha; 10855 -webkit-mask-repeat: no-repeat; 10856 mask-repeat: no-repeat; 10857 -webkit-mask-size: contain; 10858 mask-size: contain; 10859 -webkit-mask-position: center; 10860 mask-position: center; 10861 border-radius: 0; 10862 } 10863} 10864.wp-block-latest-comments__comment {
10865 line-height: 1.1; 10866 list-style: none; 10867 margin-bottom: 1em; 10868} 10869 10870.has-avatars .wp-block-latest-comments__comment { 10871 min-height: 2.25em; 10872 list-style: none; 10873} 10874 10875.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, 10876.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { 10877 margin-left: 3.25em; 10878} 10879 10880.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { 10881 line-height: 1.5; 10882} 10883 10884.wp-block-latest-comments__comment-excerpt p { 10885 font-size: 0.875em; 10886 line-height: 1.8; 10887 margin: 0.36em 0 1.4em; 10888} 10889 10890.wp-block-latest-comments__comment-date { 10891 display: block; 10892 font-size: 0.75em; 10893} 10894 10895.wp-block-latest-comments .avatar, 10896.wp-block-latest-comments__comment-avatar { 10897 border-radius: 1.5em; 10898 display: block; 10899 float: left; 10900 height: 2.5em; 10901 margin-right: 0.75em; 10902 width: 2.5em; 10903} 10904 10905.wp-block-latest-posts.alignleft { 10906 /*rtl:ignore*/ 10907 margin-right: 2em; 10908} 10909 10910.wp-block-latest-posts.alignright { 10911 /*rtl:ignore*/ 10912 margin-left: 2em; 10913} 10914 10915.wp-block-latest-posts.wp-block-latest-posts__list { 10916 list-style: none; 10917} 10918 10919.wp-block-latest-posts.wp-block-latest-posts__list li { 10920 clear: both; 10921} 10922 10923.wp-block-latest-posts.is-grid { 10924 display: flex; 10925 flex-wrap: wrap; 10926 padding: 0; 10927} 10928 10929.wp-block-latest-posts.is-grid li { 10930 margin: 0 1.25em 1.25em 0; 10931 width: 100%; 10932} 10933 10934@media (min-width: 600px) { 10935 .wp-block-latest-posts.columns-2 li { 10936 width: calc(50% - 1.25em + 0.625em); 10937 } 10938 .wp-block-latest-posts.columns-2 li:nth-child(2n) { 10939 margin-right: 0; 10940 } 10941 .wp-block-latest-posts.columns-3 li { 10942 width: calc(33.3333333333% - 1.25em + 0.4166666667em); 10943 } 10944 .wp-block-latest-posts.columns-3 li:nth-child(3n) { 10945 margin-right: 0; 10946 } 10947 .wp-block-latest-posts.columns-4 li { 10948 width: calc(25% - 1.25em + 0.3125em); 10949 } 10950 .wp-block-latest-posts.columns-4 li:nth-child(4n) { 10951 margin-right: 0; 10952 } 10953 .wp-block-latest-posts.columns-5 li { 10954 width: calc(20% - 1.25em + 0.25em); 10955 } 10956 .wp-block-latest-posts.columns-5 li:nth-child(5n) { 10957 margin-right: 0; 10958 } 10959 .wp-block-latest-posts.columns-6 li { 10960 width: calc(16.6666666667% - 1.25em + 0.2083333333em); 10961 } 10962 .wp-block-latest-posts.columns-6 li:nth-child(6n) { 10963 margin-right: 0; 10964 } 10965} 10966.wp-block-latest-posts__post-date, 10967.wp-block-latest-posts__post-author { 10968 display: block; 10969 color: #555; 10970 font-size: 0.8125em; 10971} 10972 10973.wp-block-latest-posts__post-excerpt { 10974 margin-top: 0.5em; 10975 margin-bottom: 1em; 10976} 10977 10978.wp-block-latest-posts__featured-image a { 10979 display: inline-block; 10980} 10981 10982.wp-block-latest-posts__featured-image img { 10983 height: auto; 10984 width: auto; 10985} 10986 10987.wp-block-latest-posts__featured-image.alignleft { 10988 /*rtl:ignore*/ 10989 margin-right: 1em; 10990} 10991 10992.wp-block-latest-posts__featured-image.alignright { 10993 /*rtl:ignore*/ 10994 margin-left: 1em; 10995} 10996 10997.wp-block-latest-posts__featured-image.aligncenter { 10998 margin-bottom: 1em; 10999 text-align: center; 11000} 11001 11002.block-editor-image-alignment-control__row .components-base-control__field { 11003 display: flex; 11004 justify-content: space-between; 11005 align-items: center; 11006} 11007 11008.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label { 11009 margin-bottom: 0; 11010} 11011 11012ol.has-background, 11013ul.has-background { 11014 padding: 1.25em 2.375em; 11015} 11016 11017.wp-block-media-text { 11018 /*!rtl:begin:ignore*/ 11019 direction: ltr; 11020 /*!rtl:end:ignore*/ 11021 display: -ms-grid; 11022 display: grid; 11023 -ms-grid-columns: 50% 1fr; 11024 grid-template-columns: 50% 1fr; 11025 -ms-grid-rows: auto; 11026 grid-template-rows: auto; 11027} 11028 11029.wp-block-media-text.has-media-on-the-right { 11030 -ms-grid-columns: 1fr 50%; 11031 grid-template-columns: 1fr 50%; 11032} 11033 11034.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, 11035.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { 11036 -ms-grid-row-align: start; 11037 align-self: start; 11038} 11039 11040.wp-block-media-text .wp-block-media-text__content, 11041.wp-block-media-text .wp-block-media-text__media, 11042.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, 11043.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { 11044 -ms-grid-row-align: center; 11045 align-self: center; 11046} 11047
11048.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, 11049.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { 11050 -ms-grid-row-align: end; 11051 align-self: end; 11052} 11053 11054.wp-block-media-text .wp-block-media-text__media { 11055 /*!rtl:begin:ignore*/ 11056 -ms-grid-column: 1; 11057 grid-column: 1; 11058 -ms-grid-row: 1; 11059 grid-row: 1; 11060 /*!rtl:end:ignore*/ 11061 margin: 0; 11062} 11063 11064.wp-block-media-text .wp-block-media-text__content { 11065 direction: ltr; 11066 /*!rtl:begin:ignore*/ 11067 -ms-grid-column: 2; 11068 grid-column: 2; 11069 -ms-grid-row: 1; 11070 grid-row: 1; 11071 /*!rtl:end:ignore*/ 11072 padding: 0 8% 0 8%; 11073 word-break: break-word; 11074} 11075 11076.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { 11077 /*!rtl:begin:ignore*/ 11078 -ms-grid-column: 2; 11079 grid-column: 2; 11080 -ms-grid-row: 1; 11081 grid-row: 1; 11082 /*!rtl:end:ignore*/ 11083} 11084 11085.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { 11086 /*!rtl:begin:ignore*/ 11087 -ms-grid-column: 1; 11088 grid-column: 1; 11089 -ms-grid-row: 1; 11090 grid-row: 1; 11091 /*!rtl:end:ignore*/ 11092} 11093 11094.wp-block-media-text__media img, 11095.wp-block-media-text__media video { 11096 max-width: unset; 11097 width: 100%; 11098 vertical-align: middle; 11099} 11100 11101.wp-block-media-text.is-image-fill .wp-block-media-text__media { 11102 height: 100%; 11103 min-height: 250px; 11104 background-size: cover; 11105} 11106 11107.wp-block-media-text.is-image-fill .wp-block-media-text__media > a { 11108 display: block; 11109 height: 100%; 11110} 11111 11112.wp-block-media-text.is-image-fill .wp-block-media-text__media img { 11113 position: absolute; 11114 width: 1px; 11115 height: 1px; 11116 padding: 0; 11117 margin: -1px; 11118 overflow: hidden; 11119 clip: rect(0, 0, 0, 0); 11120 border: 0; 11121} 11122 11123/* 11124* Here we here not able to use a mobile first CSS approach. 11125* Custom widths are set using inline styles, and on mobile, 11126* we need 100% width, so we use important to overwrite the inline style. 11127* If the style were set on mobile first, on desktop styles, 11128* we would have no way of setting the style again to the inline style. 11129*/ 11130@media (max-width: 600px) { 11131 .wp-block-media-text.is-stacked-on-mobile { 11132 -ms-grid-columns: 100% !important; 11133 grid-template-columns: 100% !important; 11134 } 11135 .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { 11136 -ms-grid-column: 1; 11137 grid-column: 1; 11138 -ms-grid-row: 1; 11139 grid-row: 1; 11140 } 11141 .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { 11142 -ms-grid-column: 1; 11143 grid-column: 1; 11144 -ms-grid-row: 2; 11145 grid-row: 2; 11146 } 11147} 11148.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container { 11149 color: #1e1e1e; 11150 background-color: #fff; 11151 min-width: 200px; 11152} 11153 11154.items-justified-left > ul { 11155 justify-content: flex-start; 11156} 11157 11158.items-justified-center > ul { 11159 justify-content: center; 11160} 11161 11162.items-justified-right > ul { 11163 justify-content: flex-end; 11164} 11165 11166.items-justified-space-between > ul { 11167 justify-content: space-between; 11168} 11169 11170.wp-block-navigation-link { 11171 display: flex; 11172 align-items: center; 11173 position: relative; 11174 margin: 0; 11175} 11176 11177.wp-block-navigation-link .wp-block-navigation__container:empty { 11178 display: none; 11179} 11180 11181.wp-block-navigation__container { 11182 list-style: none; 11183 margin: 0; 11184 padding-left: 0; 11185 display: flex; 11186 flex-wrap: wrap; 11187} 11188 11189.is-vertical .wp-block-navigation__container { 11190 display: block; 11191} 11192 11193.has-child > .wp-block-navigation-link__content { 11194 padding-right: 0.5em; 11195} 11196 11197.has-child .wp-block-navigation__container { 11198 border: 1px solid rgba(0, 0, 0, 0.15); 11199 background-color: inherit; 11200 color: inherit; 11201 position: absolute; 11202 left: 0; 11203 top: 100%; 11204 width: -webkit-fit-content; 11205 width: -moz-fit-content; 11206 width: fit-content; 11207 z-index: 2; 11208 opacity: 0; 11209 transition: opacity 0.1s linear; 11210 visibility: hidden; 11211} 11212 11213.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content { 11214 flex-grow: 1; 11215} 11216 11217.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon { 11218 padding-right: 0.5em; 11219} 11220 11221@media (min-width: 782px) { 11222 .has-child .wp-block-navigation__container { 11223 left: 1.5em; 11224 } 11225 .has-child .wp-block-navigation__container .wp-block-navigation__container { 11226 left: 100%; 11227 top: -1px; 11228 } 11229 .has-child .wp-block-navigation__container .wp-block-navigation__container::before { 11230 content: ""; 11231 position: absolute; 11232 right: 100%; 11233 height: 100%; 11234 display: block; 11235 width: 0.5em; 11236 background: transparent; 11237 } 11238 .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg { 11239 transform: rotate(0); 11240 } 11241} 11242.has-child:hover {
11243 cursor: pointer; 11244} 11245 11246.has-child:hover > .wp-block-navigation__container { 11247 visibility: visible; 11248 opacity: 1; 11249 display: flex; 11250 flex-direction: column; 11251} 11252 11253.has-child:focus-within { 11254 cursor: pointer; 11255} 11256 11257.has-child:focus-within > .wp-block-navigation__container { 11258 visibility: visible; 11259 opacity: 1; 11260 display: flex; 11261 flex-direction: column; 11262} 11263 11264.wp-block-navigation[style*=text-decoration] .wp-block-navigation__container, 11265.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link { 11266 text-decoration: inherit; 11267} 11268 11269.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content { 11270 text-decoration: inherit; 11271} 11272 11273.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active { 11274 text-decoration: inherit; 11275} 11276 11277.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content { 11278 text-decoration: none; 11279} 11280 11281.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active { 11282 text-decoration: none; 11283} 11284 11285.wp-block-navigation-link__content { 11286 color: inherit; 11287 padding: 0.5em 1em; 11288} 11289 11290.wp-block-navigation-link__content + .wp-block-navigation-link__content { 11291 padding-top: 0; 11292} 11293 11294.has-text-color .wp-block-navigation-link__content { 11295 color: inherit; 11296} 11297 11298.wp-block-navigation-link__label { 11299 word-break: normal; 11300 overflow-wrap: break-word; 11301} 11302 11303.wp-block-navigation-link__submenu-icon { 11304 height: inherit; 11305 padding: 0.375em 1em 0.375em 0; 11306} 11307 11308.wp-block-navigation-link__submenu-icon svg { 11309 fill: currentColor; 11310} 11311 11312@media (min-width: 782px) { 11313 .wp-block-navigation-link__submenu-icon svg { 11314 transform: rotate(90deg); 11315 } 11316} 11317.is-small-text { 11318 font-size: 0.875em; 11319} 11320 11321.is-regular-text { 11322 font-size: 1em; 11323} 11324 11325.is-large-text { 11326 font-size: 2.25em; 11327} 11328 11329.is-larger-text { 11330 font-size: 3em; 11331} 11332 11333.has-drop-cap:not(:focus)::first-letter { 11334 float: left; 11335 font-size: 8.4em; 11336 line-height: 0.68; 11337 font-weight: 100; 11338 margin: 0.05em 0.1em 0 0; 11339 text-transform: uppercase; 11340 font-style: normal; 11341} 11342 11343p.has-background { 11344 padding: 1.25em 2.375em; 11345} 11346 11347p.has-text-color a { 11348 color: inherit; 11349} 11350 11351.wp-block-post-author { 11352 display: flex; 11353 flex-wrap: wrap; 11354} 11355 11356.wp-block-post-author__byline { 11357 width: 100%; 11358 margin-top: 0; 11359 margin-bottom: 0; 11360 font-size: 0.5em; 11361} 11362 11363.wp-block-post-author__avatar { 11364 margin-right: 1em; 11365} 11366 11367.wp-block-post-author__bio { 11368 margin-bottom: 0.7em; 11369 font-size: 0.7em; 11370} 11371 11372.wp-block-post-author__content { 11373 flex-grow: 1; 11374 flex-basis: 0; 11375} 11376 11377.wp-block-post-author__name { 11378 font-weight: bold; 11379 margin: 0; 11380} 11381 11382.wp-block-post-comments-form input[type=submit] { 11383 color: #fff; 11384 background-color: #32373c; 11385 border: none; 11386 border-radius: 1.55em; 11387 box-shadow: none; 11388 cursor: pointer; 11389 display: inline-block; 11390 font-size: 1.125em; 11391 padding: 0.667em 1.333em; 11392 text-align: center; 11393 text-decoration: none; 11394 overflow-wrap: break-word; 11395} 11396 11397.wp-block-post-comments-form input[type=submit]:hover, .wp-block-post-comments-form input[type=submit]:focus, .wp-block-post-comments-form input[type=submit]:active, .wp-block-post-comments-form input[type=submit]:visited { 11398 color: #fff; 11399} 11400 11401.wp-block-preformatted { 11402 white-space: pre-wrap; 11403} 11404 11405.wp-block-pullquote { 11406 padding: 3em 0; 11407 margin-left: 0; 11408 margin-right: 0; 11409 text-align: center; 11410} 11411 11412.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { 11413 max-width: 420px; 11414} 11415 11416.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { 11417 font-size: 1.25em; 11418} 11419 11420.wp-block-pullquote p { 11421 font-size: 1.75em; 11422 line-height: 1.6; 11423} 11424 11425.wp-block-pullquote cite, 11426.wp-block-pullquote footer { 11427 position: relative; 11428} 11429 11430.wp-block-pullquote .has-text-color a { 11431 color: inherit; 11432} 11433 11434.wp-block-pullquote:not(.is-style-solid-color) { 11435 background: none; 11436} 11437 11438.wp-block-pullquote.is-style-solid-color { 11439 border: none; 11440} 11441 11442.wp-block-pullquote.is-style-solid-color blockquote { 11443 margin-left: auto; 11444 margin-right: auto; 11445 text-align: left; 11446 max-width: 60%; 11447} 11448 11449.wp-block-pullquote.is-style-solid-color blockquote p { 11450 margin-top: 0; 11451 margin-bottom: 0; 11452 font-size: 2em; 11453} 11454 11455.wp-block-pullquote.is-style-solid-color blockquote cite { 11456 text-transform: none; 11457 font-style: normal; 11458} 11459 11460.wp-block-pullquote cite { 11461 color: inherit; 11462} 11463 11464.wp-block-query-loop { 11465 max-width: 100%; 11466 list-style: none; 11467 padding: 0; 11468} 11469 11470.wp-block-query-loop li { 11471 clear: both; 11472} 11473 11474.wp-block-query-loop.is-flex-container { 11475 flex-direction: row; 11476 display: flex; 11477 flex-wrap: wrap; 11478} 11479 11480.wp-block-query-loop.is-flex-container li { 11481 margin: 0 0 1.25em 0; 11482 width: 100%; 11483} 11484 11485@media (min-width: 600px) { 11486 .wp-block-query-loop.is-flex-container li { 11487 margin-right: 1.25em; 11488 } 11489 .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li { 11490 width: calc(50% - 1.25em + 0.625em); 11491 } 11492 .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) { 11493 margin-right: 0; 11494 } 11495 .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { 11496 width: calc(33.3333333333% - 1.25em + 0.4166666667em); 11497 } 11498 .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) { 11499 margin-right: 0; 11500 } 11501 .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li { 11502 width: calc(25% - 1.25em + 0.3125em); 11503 } 11504 .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) { 11505 margin-right: 0; 11506 } 11507 .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li { 11508 width: calc(20% - 1.25em + 0.25em); 11509 } 11510 .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) { 11511 margin-right: 0; 11512 } 11513 .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li { 11514 width: calc(16.6666666667% - 1.25em + 0.2083333333em); 11515 } 11516 .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) { 11517 margin-right: 0; 11518 } 11519} 11520.wp-block-query-pagination { 11521 display: flex; 11522 flex-direction: row; 11523 flex-wrap: wrap; 11524} 11525 11526.wp-block-query-pagination > .wp-block-query-pagination-next, 11527.wp-block-query-pagination > .wp-block-query-pagination-previous, 11528.wp-block-query-pagination > .wp-block-query-pagination-numbers { 11529 display: inline-block; 11530 /*rtl:ignore*/ 11531 margin-right: 0.5em; 11532 margin-bottom: 0.5em; 11533} 11534 11535.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, 11536.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, 11537.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { 11538 /*rtl:ignore*/ 11539 margin-right: 0; 11540} 11541 11542.wp-block-quote.is-style-large, .wp-block-quote.is-large { 11543 margin-bottom: 1em; 11544 padding: 0 1em; 11545} 11546 11547.wp-block-quote.is-style-large p, .wp-block-quote.is-large p { 11548 font-size: 1.5em; 11549 font-style: italic; 11550 line-height: 1.6; 11551} 11552 11553.wp-block-quote.is-style-large cite, 11554.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, 11555.wp-block-quote.is-large footer { 11556 font-size: 1.125em; 11557 text-align: right; 11558} 11559 11560.wp-block-rss.wp-block-rss { 11561 box-sizing: border-box; 11562} 11563 11564.wp-block-rss.alignleft { 11565 /*rtl:ignore*/ 11566 margin-right: 2em; 11567} 11568 11569.wp-block-rss.alignright { 11570 /*rtl:ignore*/ 11571 margin-left: 2em; 11572} 11573 11574.wp-block-rss.is-grid { 11575 display: flex; 11576 flex-wrap: wrap; 11577 padding: 0; 11578 list-style: none; 11579} 11580 11581.wp-block-rss.is-grid li { 11582 margin: 0 1em 1em 0; 11583 width: 100%; 11584} 11585 11586@media (min-width: 600px) { 11587 .wp-block-rss.columns-2 li { 11588 width: calc(50% - 1em); 11589 } 11590 .wp-block-rss.columns-3 li { 11591 width: calc(33.3333333333% - 1em); 11592 } 11593 .wp-block-rss.columns-4 li { 11594 width: calc(25% - 1em); 11595 } 11596 .wp-block-rss.columns-5 li { 11597 width: calc(20% - 1em); 11598 } 11599 .wp-block-rss.columns-6 li { 11600 width: calc(16.6666666667% - 1em); 11601 } 11602} 11603.wp-block-rss__item-publish-date, 11604.wp-block-rss__item-author { 11605 display: block; 11606 color: #555; 11607 font-size: 0.8125em; 11608} 11609 11610.wp-block-search .wp-block-search__button { 11611 background: #f7f7f7; 11612 border: 1px solid #ccc; 11613 padding: 0.375em 0.625em; 11614 color: #32373c; 11615 margin-left: 0.625em; 11616 word-break: normal; 11617} 11618 11619.wp-block-search .wp-block-search__button.has-icon { 11620 line-height: 0; 11621} 11622 11623.wp-block-search .wp-block-search__button svg { 11624 min-width: 1.5em; 11625 min-height: 1.5em; 11626} 11627 11628.wp-block-search .wp-block-search__inside-wrapper { 11629 display: flex; 11630 flex: auto; 11631 flex-wrap: nowrap; 11632 max-width: 100%; 11633} 11634 11635.wp-block-search .wp-block-search__label { 11636 width: 100%; 11637} 11638 11639.wp-block-search .wp-block-search__input { 11640 flex-grow: 1; 11641 min-width: 3em; 11642 border: 1px solid #949494; 11643} 11644 11645.wp-block-search.wp-block-search__button-only .wp-block-search__button { 11646 margin-left: 0; 11647} 11648 11649.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { 11650 padding: 4px; 11651 border: 1px solid #949494; 11652} 11653 11654.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { 11655 border-radius: 0; 11656 border: none; 11657 padding: 0 0 0 0.25em; 11658} 11659 11660.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { 11661 outline: none; 11662} 11663 11664.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { 11665 padding: 0.125em 0.5em; 11666} 11667 11668.wp-block-separator.is-style-wide { 11669 border-bottom-width: 1px; 11670} 11671 11672.wp-block-separator.is-style-dots { 11673 background: none !important; 11674 border: none; 11675 text-align: center; 11676 max-width: none; 11677 line-height: 1; 11678 height: auto; 11679} 11680 11681.wp-block-separator.is-style-dots::before { 11682 content: "···"; 11683 color: currentColor; 11684 font-size: 1.5em; 11685 letter-spacing: 2em; 11686 /*rtl:ignore*/ 11687 padding-left: 2em; 11688 font-family: serif; 11689} 11690 11691.wp-block-custom-logo { 11692 line-height: 0; 11693} 11694 11695.wp-block-custom-logo .aligncenter { 11696 display: table; 11697} 11698 11699.wp-block-custom-logo.is-style-rounded img { 11700 border-radius: 9999px; 11701} 11702 11703.wp-block-social-links { 11704 display: flex; 11705 flex-wrap: wrap; 11706 justify-content: flex-start; 11707 padding-left: 0; 11708 padding-right: 0; 11709 text-indent: 0; 11710 margin-left: 0; 11711} 11712 11713.wp-block-social-links .wp-social-link a, 11714.wp-block-social-links .wp-social-link a:hover { 11715 text-decoration: none; 11716 border-bottom: 0; 11717 box-shadow: none; 11718} 11719 11720.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link { 11721 margin: 4px 8px 4px 0; 11722} 11723 11724.wp-block-social-links .wp-social-link a { 11725 padding: 0.25em; 11726} 11727 11728.wp-block-social-links .wp-social-link svg { 11729 width: 1em; 11730 height: 1em; 11731} 11732 11733.wp-block-social-links.has-small-icon-size { 11734 font-size: 16px; 11735} 11736 11737.wp-block-social-links, .wp-block-social-links.has-normal-icon-size { 11738 font-size: 24px; 11739} 11740 11741.wp-block-social-links.has-large-icon-size { 11742 font-size: 36px; 11743} 11744 11745.wp-block-social-links.has-huge-icon-size { 11746 font-size: 48px; 11747} 11748 11749.wp-block-social-links.aligncenter { 11750 justify-content: center; 11751 display: flex; 11752} 11753 11754.wp-block-social-links.alignright { 11755 justify-content: flex-end; 11756} 11757 11758.wp-social-link { 11759 display: block; 11760 border-radius: 9999px; 11761 transition: transform 0.1s ease; 11762 height: auto; 11763} 11764 11765@media (prefers-reduced-motion: reduce) { 11766 .wp-social-link { 11767 transition-duration: 0s; 11768 } 11769} 11770.wp-social-link a { 11771 display: block; 11772 line-height: 0; 11773 transition: transform 0.1s ease; 11774} 11775 11776.wp-social-link a, 11777.wp-social-link a:hover, 11778.wp-social-link a:active, 11779.wp-social-link a:visited, 11780.wp-social-link svg {
11781 color: currentColor; 11782 fill: currentColor; 11783} 11784 11785.wp-social-link:hover { 11786 transform: scale(1.1); 11787} 11788 11789.wp-block-social-links:not(.is-style-logos-only) .wp-social-link { 11790 background-color: #f0f0f0; 11791 color: #444; 11792} 11793 11794.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { 11795 background-color: #f90; 11796 color: #fff; 11797} 11798 11799.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { 11800 background-color: #1ea0c3; 11801 color: #fff; 11802} 11803 11804.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { 11805 background-color: #0757fe; 11806 color: #fff; 11807} 11808 11809.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { 11810 background-color: #1e1f26; 11811 color: #fff; 11812} 11813 11814.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { 11815 background-color: #02e49b; 11816 color: #fff; 11817} 11818 11819.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { 11820 background-color: #e94c89; 11821 color: #fff; 11822} 11823 11824.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { 11825 background-color: #4280ff; 11826 color: #fff; 11827} 11828 11829.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { 11830 background-color: #f45800; 11831 color: #fff; 11832} 11833 11834.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { 11835 background-color: #1778f2; 11836 color: #fff; 11837} 11838 11839.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { 11840 background-color: #000; 11841 color: #fff; 11842} 11843 11844.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { 11845 background-color: #0461dd; 11846 color: #fff; 11847} 11848 11849.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { 11850 background-color: #e65678; 11851 color: #fff; 11852} 11853 11854.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { 11855 background-color: #24292d; 11856 color: #fff; 11857} 11858 11859.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { 11860 background-color: #eceadd; 11861 color: #382110; 11862} 11863 11864.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { 11865 background-color: #ea4434; 11866 color: #fff; 11867} 11868 11869.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { 11870 background-color: #f00075; 11871 color: #fff; 11872} 11873 11874.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { 11875 background-color: #e21b24; 11876 color: #fff; 11877} 11878 11879.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { 11880 background-color: #0d66c2; 11881 color: #fff; 11882} 11883 11884.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { 11885 background-color: #3288d4; 11886 color: #fff; 11887} 11888 11889.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { 11890 background-color: #02ab6c; 11891 color: #fff; 11892} 11893 11894.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { 11895 background-color: #f6405f; 11896 color: #fff; 11897} 11898 11899.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { 11900 background-color: #ff424d; 11901 color: #fff; 11902} 11903 11904.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { 11905 background-color: #e60122; 11906 color: #fff; 11907} 11908 11909.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { 11910 background-color: #ef4155; 11911 color: #fff; 11912} 11913 11914.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { 11915 background-color: #fe4500; 11916 color: #fff; 11917} 11918 11919.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { 11920 background-color: #0478d7; 11921 color: #fff; 11922} 11923 11924.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { 11925 background-color: #fefc00; 11926 color: #fff; 11927 stroke: #000; 11928} 11929 11930.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { 11931 background-color: #ff5600; 11932 color: #fff; 11933} 11934 11935.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { 11936 background-color: #1bd760; 11937 color: #fff; 11938} 11939 11940.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { 11941 background-color: #2aabee; 11942 color: #fff; 11943} 11944 11945.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { 11946 background-color: #000; 11947 color: #fff; 11948} 11949 11950.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { 11951 background-color: #011835; 11952 color: #fff; 11953} 11954 11955.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { 11956 background-color: #6440a4; 11957 color: #fff; 11958} 11959 11960.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { 11961 background-color: #1da1f2; 11962 color: #fff; 11963} 11964 11965.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { 11966 background-color: #1eb7ea; 11967 color: #fff; 11968} 11969 11970.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { 11971 background-color: #4680c2; 11972 color: #fff; 11973} 11974 11975.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { 11976 background-color: #3499cd; 11977 color: #fff; 11978} 11979 11980.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { 11981 background-color: #d32422; 11982 color: #fff; 11983} 11984 11985.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { 11986 background-color: #f00; 11987 color: #fff; 11988} 11989 11990.wp-block-social-links.is-style-logos-only .wp-social-link { 11991 background: none; 11992 padding: 4px; 11993} 11994 11995.wp-block-social-links.is-style-logos-only .wp-social-link-amazon { 11996 color: #f90; 11997} 11998 11999.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { 12000 color: #1ea0c3; 12001} 12002 12003.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
12004 color: #0757fe; 12005} 12006 12007.wp-block-social-links.is-style-logos-only .wp-social-link-codepen { 12008 color: #1e1f26; 12009} 12010 12011.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { 12012 color: #02e49b; 12013} 12014 12015.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { 12016 color: #e94c89; 12017} 12018 12019.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { 12020 color: #4280ff; 12021} 12022 12023.wp-block-social-links.is-style-logos-only .wp-social-link-etsy { 12024 color: #f45800; 12025} 12026 12027.wp-block-social-links.is-style-logos-only .wp-social-link-facebook { 12028 color: #1778f2; 12029} 12030 12031.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { 12032 color: #000; 12033} 12034 12035.wp-block-social-links.is-style-logos-only .wp-social-link-flickr { 12036 color: #0461dd; 12037} 12038 12039.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { 12040 color: #e65678; 12041} 12042 12043.wp-block-social-links.is-style-logos-only .wp-social-link-github { 12044 color: #24292d; 12045} 12046 12047.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { 12048 color: #382110; 12049} 12050 12051.wp-block-social-links.is-style-logos-only .wp-social-link-google { 12052 color: #ea4434; 12053} 12054 12055.wp-block-social-links.is-style-logos-only .wp-social-link-instagram { 12056 color: #f00075; 12057} 12058 12059.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { 12060 color: #e21b24; 12061} 12062 12063.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { 12064 color: #0d66c2; 12065} 12066 12067.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { 12068 color: #3288d4; 12069} 12070 12071.wp-block-social-links.is-style-logos-only .wp-social-link-medium { 12072 color: #02ab6c; 12073} 12074 12075.wp-block-social-links.is-style-logos-only .wp-social-link-meetup { 12076 color: #f6405f; 12077} 12078 12079.wp-block-social-links.is-style-logos-only .wp-social-link-patreon { 12080 color: #ff424d; 12081} 12082 12083.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { 12084 color: #e60122; 12085} 12086 12087.wp-block-social-links.is-style-logos-only .wp-social-link-pocket { 12088 color: #ef4155; 12089} 12090 12091.wp-block-social-links.is-style-logos-only .wp-social-link-reddit { 12092 color: #fe4500; 12093} 12094 12095.wp-block-social-links.is-style-logos-only .wp-social-link-skype { 12096 color: #0478d7; 12097} 12098 12099.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { 12100 color: #fff; 12101 stroke: #000; 12102} 12103 12104.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { 12105 color: #ff5600; 12106} 12107 12108.wp-block-social-links.is-style-logos-only .wp-social-link-spotify { 12109 color: #1bd760; 12110} 12111 12112.wp-block-social-links.is-style-logos-only .wp-social-link-telegram { 12113 color: #2aabee; 12114} 12115 12116.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { 12117 color: #000; 12118} 12119 12120.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { 12121 color: #011835; 12122} 12123 12124.wp-block-social-links.is-style-logos-only .wp-social-link-twitch { 12125 color: #6440a4; 12126} 12127 12128.wp-block-social-links.is-style-logos-only .wp-social-link-twitter { 12129 color: #1da1f2; 12130} 12131 12132.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { 12133 color: #1eb7ea; 12134} 12135 12136.wp-block-social-links.is-style-logos-only .wp-social-link-vk { 12137 color: #4680c2; 12138} 12139 12140.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { 12141 color: #3499cd; 12142} 12143 12144.wp-block-social-links.is-style-logos-only .wp-social-link-yelp { 12145 background-color: #d32422; 12146 color: #fff; 12147} 12148 12149.wp-block-social-links.is-style-logos-only .wp-social-link-youtube { 12150 color: #f00; 12151} 12152 12153.wp-block-social-links.is-style-pill-shape .wp-social-link { 12154 width: auto; 12155} 12156 12157.wp-block-social-links.is-style-pill-shape .wp-social-link a { 12158 padding-left: 0.6666666667em; 12159 padding-right: 0.6666666667em; 12160} 12161 12162.wp-block-spacer { 12163 clear: both; 12164} 12165 12166p.wp-block-subhead { 12167 font-size: 1.1em; 12168 font-style: italic; 12169 opacity: 0.75; 12170} 12171 12172.wp-block-tag-cloud.aligncenter { 12173 text-align: center; 12174} 12175 12176.wp-block-tag-cloud.alignfull { 12177 padding-left: 1em; 12178 padding-right: 1em; 12179} 12180 12181.wp-block-table { 12182 overflow-x: auto; 12183} 12184 12185.wp-block-table table { 12186 width: 100%; 12187} 12188 12189.wp-block-table .has-fixed-layout { 12190 table-layout: fixed; 12191 width: 100%; 12192} 12193 12194.wp-block-table .has-fixed-layout td, 12195.wp-block-table .has-fixed-layout th { 12196 word-break: break-word; 12197} 12198 12199.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { 12200 display: table; 12201 width: auto; 12202} 12203 12204.wp-block-table.alignleft td, 12205.wp-block-table.alignleft th, .wp-block-table.aligncenter td, 12206.wp-block-table.aligncenter th, .wp-block-table.alignright td, 12207.wp-block-table.alignright th { 12208 word-break: break-word; 12209} 12210 12211.wp-block-table .has-subtle-light-gray-background-color { 12212 background-color: #f3f4f5; 12213} 12214 12215.wp-block-table .has-subtle-pale-green-background-color { 12216 background-color: #e9fbe5; 12217} 12218 12219.wp-block-table .has-subtle-pale-blue-background-color { 12220 background-color: #e7f5fe; 12221} 12222 12223.wp-block-table .has-subtle-pale-pink-background-color { 12224 background-color: #fcf0ef; 12225} 12226 12227.wp-block-table.is-style-stripes { 12228 border-spacing: 0; 12229 border-collapse: inherit; 12230 background-color: transparent;
12231 border-bottom: 1px solid #f0f0f0; 12232} 12233 12234.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 12235 background-color: #f0f0f0; 12236} 12237 12238.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { 12239 background-color: #f3f4f5; 12240} 12241 12242.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { 12243 background-color: #e9fbe5; 12244} 12245 12246.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { 12247 background-color: #e7f5fe; 12248} 12249 12250.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { 12251 background-color: #fcf0ef; 12252} 12253 12254.wp-block-table.is-style-stripes th, 12255.wp-block-table.is-style-stripes td { 12256 border-color: transparent; 12257} 12258 12259.wp-block-text-columns { 12260 display: flex; 12261} 12262 12263.wp-block-text-columns.aligncenter { 12264 display: flex; 12265} 12266 12267.wp-block-text-columns .wp-block-column { 12268 margin: 0 1em; 12269 padding: 0; 12270} 12271 12272.wp-block-text-columns .wp-block-column:first-child { 12273 margin-left: 0; 12274} 12275 12276.wp-block-text-columns .wp-block-column:last-child { 12277 margin-right: 0; 12278} 12279 12280.wp-block-text-columns.columns-2 .wp-block-column { 12281 width: 50%; 12282} 12283 12284.wp-block-text-columns.columns-3 .wp-block-column { 12285 width: 33.3333333333%; 12286} 12287 12288.wp-block-text-columns.columns-4 .wp-block-column { 12289 width: 25%; 12290} 12291 12292pre.wp-block-verse { 12293 font-family: inherit; 12294 overflow: auto; 12295 white-space: pre-wrap; 12296} 12297 12298.wp-block-video { 12299 margin-left: 0; 12300 margin-right: 0; 12301} 12302 12303.wp-block-video video { 12304 width: 100%; 12305} 12306 12307@supports (position: -webkit-sticky) or (position: sticky) { 12308 .wp-block-video [poster] { 12309 -o-object-fit: cover; 12310 object-fit: cover; 12311 } 12312} 12313.wp-block-video.aligncenter { 12314 text-align: center; 12315} 12316 12317.wp-block-video figcaption { 12318 margin-top: 0.5em; 12319 margin-bottom: 1em; 12320} 12321 12322.wp-block-post-featured-image a { 12323 display: inline-block; 12324} 12325 12326.wp-block-post-featured-image img { 12327 max-width: 100%; 12328 height: auto; 12329} 12330 12331:root { 12332 /* stylelint-disable function-comma-space-after */ 12333 /* stylelint-enable function-comma-space-after */ 12334} 12335 12336:root .has-pale-pink-background-color { 12337 background-color: #f78da7; 12338} 12339 12340:root .has-vivid-red-background-color { 12341 background-color: #cf2e2e; 12342} 12343 12344:root .has-luminous-vivid-orange-background-color { 12345 background-color: #ff6900; 12346} 12347 12348:root .has-luminous-vivid-amber-background-color { 12349 background-color: #fcb900; 12350} 12351 12352:root .has-light-green-cyan-background-color { 12353 background-color: #7bdcb5; 12354} 12355 12356:root .has-vivid-green-cyan-background-color { 12357 background-color: #00d084; 12358} 12359 12360:root .has-pale-cyan-blue-background-color { 12361 background-color: #8ed1fc; 12362} 12363 12364:root .has-vivid-cyan-blue-background-color { 12365 background-color: #0693e3; 12366} 12367 12368:root .has-vivid-purple-background-color { 12369 background-color: #9b51e0; 12370} 12371 12372:root .has-white-background-color { 12373 background-color: #fff; 12374} 12375 12376:root .has-very-light-gray-background-color { 12377 background-color: #eee; 12378} 12379 12380:root .has-cyan-bluish-gray-background-color { 12381 background-color: #abb8c3; 12382} 12383 12384:root .has-very-dark-gray-background-color { 12385 background-color: #313131; 12386} 12387 12388:root .has-black-background-color { 12389 background-color: #000; 12390} 12391 12392:root .has-pale-pink-color { 12393 color: #f78da7; 12394} 12395 12396:root .has-vivid-red-color { 12397 color: #cf2e2e; 12398} 12399 12400:root .has-luminous-vivid-orange-color { 12401 color: #ff6900; 12402} 12403 12404:root .has-luminous-vivid-amber-color { 12405 color: #fcb900; 12406} 12407 12408:root .has-light-green-cyan-color { 12409 color: #7bdcb5; 12410} 12411 12412:root .has-vivid-green-cyan-color { 12413 color: #00d084; 12414} 12415 12416:root .has-pale-cyan-blue-color { 12417 color: #8ed1fc; 12418} 12419 12420:root .has-vivid-cyan-blue-color { 12421 color: #0693e3; 12422} 12423 12424:root .has-vivid-purple-color { 12425 color: #9b51e0; 12426} 12427 12428:root .has-white-color { 12429 color: #fff; 12430} 12431 12432:root .has-very-light-gray-color { 12433 color: #eee; 12434} 12435 12436:root .has-cyan-bluish-gray-color { 12437 color: #abb8c3; 12438} 12439 12440:root .has-very-dark-gray-color { 12441 color: #313131; 12442} 12443 12444:root .has-black-color { 12445 color: #000; 12446} 12447 12448:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { 12449 background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); 12450} 12451 12452:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { 12453 background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); 12454} 12455 12456:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { 12457 background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); 12458} 12459 12460:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { 12461 background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); 12462} 12463 12464:root .has-luminous-vivid-orange-to-vivid-red-gradient-background { 12465 background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); 12466} 12467
12468:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { 12469 background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); 12470} 12471 12472:root .has-cool-to-warm-spectrum-gradient-background { 12473 background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); 12474} 12475 12476:root .has-blush-light-purple-gradient-background { 12477 background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); 12478} 12479 12480:root .has-blush-bordeaux-gradient-background { 12481 background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); 12482} 12483 12484:root .has-purple-crush-gradient-background { 12485 background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); 12486} 12487 12488:root .has-luminous-dusk-gradient-background { 12489 background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); 12490} 12491 12492:root .has-hazy-dawn-gradient-background { 12493 background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); 12494} 12495 12496:root .has-pale-ocean-gradient-background { 12497 background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); 12498} 12499 12500:root .has-electric-grass-gradient-background { 12501 background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); 12502} 12503 12504:root .has-subdued-olive-gradient-background { 12505 background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); 12506} 12507 12508:root .has-atomic-cream-gradient-background { 12509 background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); 12510} 12511 12512:root .has-nightshade-gradient-background { 12513 background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); 12514} 12515 12516:root .has-midnight-gradient-background { 12517 background: linear-gradient(135deg, #020381 0%, #2874fc 100%); 12518} 12519 12520:root .has-link-color a { 12521 color: #00e; 12522 color: var(--wp--style--color--link, #00e); 12523} 12524 12525.has-small-font-size { 12526 font-size: 0.8125em; 12527} 12528 12529.has-regular-font-size, 12530.has-normal-font-size { 12531 font-size: 1em; 12532} 12533 12534.has-medium-font-size { 12535 font-size: 1.25em; 12536} 12537 12538.has-large-font-size { 12539 font-size: 2.25em; 12540} 12541 12542.has-larger-font-size, 12543.has-huge-font-size { 12544 font-size: 2.625em; 12545} 12546 12547.has-text-align-center { 12548 text-align: center; 12549} 12550 12551.has-text-align-left { 12552 /*rtl:ignore*/ 12553 text-align: left; 12554} 12555 12556.has-text-align-right { 12557 /*rtl:ignore*/ 12558 text-align: right; 12559} 12560 12561#end-resizable-editor-section { 12562 display: none; 12563} 12564 12565.aligncenter { 12566 clear: both; 12567} 12568 12569.check-list, .contest p, .contest ul, .contest ol, .callout--user p, .hike-card--accommodation .price, .more, ul, ol, table, p { 12570 font-size: 0.75rem; 12571} 12572@media print, screen and (min-width: 30em) { 12573 .check-list, .contest p, .contest ul, .contest ol, .callout--user p, .hike-card--accommodation .price, .more, ul, ol, table, p { 12574 font-size: 0.8125rem; 12575 } 12576} 12577@media print, screen and (min-width: 40em) { 12578 .check-list, .contest p, .contest ul, .contest ol, .callout--user p, .hike-card--accommodation .price, .more, ul, ol, table, p { 12579 font-size: 0.875rem; 12580 } 12581} 12582@media print, screen and (min-width: 48em) { 12583 .check-list, .contest p, .contest ul, .contest ol, .callout--user p, .hike-card--accommodation .price, .more, ul, ol, table, p { 12584 font-size: 0.9375rem; 12585 } 12586} 12587@media print, screen and (min-width: 64em) { 12588 .check-list, .contest p, .contest ul, .contest ol, .callout--user p, .hike-card--accommodation .price, .more, ul, ol, table, p { 12589 font-size: 1rem; 12590 } 12591} 12592 12593.big-title { 12594 margin-bottom: 0.5em; 12595 font-size: 5.625rem; 12596} 12597@media print, screen and (min-width: 30em) { 12598 .big-title { 12599 font-size: 6.5625rem; 12600 } 12601} 12602@media print, screen and (min-width: 40em) { 12603 .big-title { 12604 font-size: 7.5rem; 12605 } 12606} 12607@media print, screen and (min-width: 48em) { 12608 .big-title { 12609 font-size: 8.4375rem; 12610 } 12611} 12612@media print, screen and (min-width: 64em) { 12613 .big-title { 12614 font-size: 9.375rem; 12615 } 12616} 12617 12618.bigger-title, .header--discover .header--discover__title, .header--about .header__title, .profile__title { 12619 margin-bottom: 0.5em; 12620 font-size: 2.5rem; 12621} 12622@media print, screen and (min-width: 30em) { 12623 .bigger-title, .header--discover .header--discover__title, .header--about .header__title, .profile__title { 12624 font-size: 3.125rem; 12625 } 12626} 12627@media print, screen and (min-width: 40em) { 12628 .bigger-title, .header--discover .header--discover__title, .header--about .header__title, .profile__title { 12629 font-size: 3.75rem; 12630 } 12631} 12632@media print, screen and (min-width: 48em) { 12633 .bigger-title, .header--discover .header--discover__title, .header--about .header__title, .profile__title { 12634 font-size: 4.375rem; 12635 } 12636} 12637@media print, screen and (min-width: 64em) { 12638 .bigger-title, .header--discover .header--discover__title, .header--about .header__title, .profile__title { 12639 font-size: 5rem; 12640 } 12641} 12642 12643p { 12644 line-height: 2.125; 12645} 12646 12647.text-small, .callout, .contest-page p, .border-box p, .callout--user.callout--custom p, .profile__title p, .profile-header p { 12648 line-height: 1.5; 12649 font-size: 0.625rem; 12650} 12651@media print, screen and (min-width: 40em) { 12652 .text-small, .callout, .contest-page p, .border-box p, .callout--user.callout--custom p, .profile__title p, .profile-header p { 12653 font-size: 0.75rem; 12654 } 12655} 12656@media print, screen and (min-width: 48em) { 12657 .text-small, .callout, .contest-page p, .border-box p, .callout--user.callout--custom p, .profile__title p, .profile-header p { 12658 font-size: 0.8125rem; 12659 } 12660} 12661@media print, screen and (min-width: 64em) { 12662 .text-small, .callout, .contest-page p, .border-box p, .callout--user.callout--custom p, .profile__title p, .profile-header p { 12663 font-size: 0.875rem; 12664 } 12665} 12666 12667.more { 12668 display: inline-block; 12669 text-decoration: underline; 12670} 12671.more:hover, .more:focus { 12672 text-decoration: none; 12673} 12674.more { 12675 font-weight: 500; 12676} 12677 12678.header-grid { 12679 display: flex; 12680 flex-flow: row wrap; 12681 margin-right: -0.9375rem; 12682 margin-left: -0.9375rem; 12683 justify-content: space-between; 12684 align-items: center; 12685} 12686.header-grid > * { 12687 margin-right: 0.9375rem; 12688 margin-left: 0.9375rem; 12689 flex: 0 0 auto; 12690 width: auto; 12691} 12692.header-grid h1, .header-grid h2, .header-grid h3, .header-grid h4, .header-grid h5, .header-grid h6 { 12693 margin-bottom: 0; 12694} 12695.header-grid__link { 12696 font-size: 0.8125rem; 12697 font-weight: 500; 12698 text-decoration: none; 12699 color: #18A66F; 12700 cursor: pointer; 12701 text-decoration: underline; 12702} 12703.header-grid__link:hover, .header-grid__link:focus { 12704 text-decoration: none; 12705} 12706@media print, screen and (min-width: 64em) { 12707 .header-grid__link { 12708 font-size: 0.9375rem; 12709 } 12710} 12711.header-grid__link .icon { 12712 display: inline-block; 12713 vertical-align: middle; 12714 margin-top: -0.15em; 12715 margin-left: 0.25em;
12716 transition: transform 250ms ease-out; 12717} 12718.header-grid__link .icon svg { 12719 display: block; 12720} 12721.header-grid__link:hover .icon, .header-grid__link:focus .icon { 12722 transform: translateX(30%); 12723} 12724.header-grid .button { 12725 margin-bottom: 0; 12726 font-family: "Roboto", sans-serif; 12727} 12728.header-grid select { 12729 margin-bottom: 0; 12730 background-color: #ffffff; 12731 border: 1px solid #dadada; 12732 height: auto; 12733 padding: 0.75rem 2.5rem 0.75rem 0.75rem; 12734 font-size: 0.875rem; 12735 color: rgba(0, 0, 0, 0.5); 12736 line-height: 1; 12737} 12738 12739.menu.menu--submenu { 12740 font-size: 0.875rem; 12741 margin-bottom: 2em; 12742 margin-left: -0.25rem; 12743 margin-right: -0.25rem; 12744 justify-content: center; 12745} 12746.menu.menu--submenu a { 12747 padding: 0.75em 1.25em; 12748 margin: 0 0.25rem 0.5rem; 12749 color: rgba(0, 0, 0, 0.5); 12750 border: 1px solid; 12751 border-radius: 3px; 12752 font-weight: 500; 12753 transition: color 250ms ease-out, border 250ms ease-out; 12754} 12755.menu.menu--submenu li.is-active > a, 12756.menu.menu--submenu a:hover, 12757.menu.menu--submenu a:focus { 12758 color: #000000; 12759} 12760@media print, screen and (min-width: 64em) { 12761 .menu.menu--submenu { 12762 margin-top: -0.375rem; 12763 margin-bottom: 0; 12764 border-left: 2px solid rgba(0, 0, 0, 0.1); 12765 font-size: 1rem; 12766 } 12767 .menu.menu--submenu li + li { 12768 margin-top: 0.625rem; 12769 } 12770 .menu.menu--submenu a { 12771 margin-left: -2px; 12772 margin-bottom: 0; 12773 border: 0 none; 12774 border-radius: 0; 12775 border-left: 2px solid transparent; 12776 font-weight: 400; 12777 } 12778 .menu.menu--submenu li.is-active > a, 12779 .menu.menu--submenu a:hover, 12780 .menu.menu--submenu a:focus { 12781 border-left: 2px solid; 12782 font-weight: 500; 12783 } 12784} 12785.menu.menu--submenu .label { 12786 color: #ffffff; 12787 font-size: 0.75rem; 12788 font-weight: 700; 12789 letter-spacing: 0.042em; 12790 padding: 0.25rem; 12791 vertical-align: middle; 12792 line-height: 1; 12793 margin-left: 0.375rem; 12794 border-radius: 3px; 12795} 12796.menu.menu--submenu .label.alert { 12797 background: #c62437; 12798} 12799 12800a.color-alert { 12801 color: #c62437 !important; 12802} 12803 12804h4, .h4 { 12805 margin-bottom: 0.4em; 12806} 12807 12808.text-primary { 12809 color: #18A66F; 12810} 12811 12812.text-secondary { 12813 color: #f3f5f7; 12814} 12815 12816.button { 12817 font-weight: 500; 12818} 12819.button.large { 12820 padding: 1rem 1.625rem; 12821} 12822@media print, screen and (min-width: 64em) { 12823 .button.large { 12824 padding: 1.25rem 2rem; 12825 } 12826} 12827.button.subtle { 12828 background: rgba(24, 166, 111, 0.1); 12829 color: #18A66F; 12830} 12831.button.white:not(.hollow) { 12832 color: black; 12833} 12834.button.transparent { 12835 background: rgba(255, 255, 255, 0.2); 12836 color: #ffffff; 12837} 12838.button.transparent:hover, .button.transparent:focus { 12839 background: rgba(255, 255, 255, 0.4); 12840} 12841 12842.text--green { 12843 color: #18A66F; 12844} 12845 12846.icon { 12847 display: inline-block; 12848 width: 1em; 12849 height: 1em; 12850 stroke-width: 0; 12851 stroke: currentColor; 12852 fill: currentColor; 12853} 12854 12855.icon-loading { 12856 animation: spin 0.6s linear infinite; 12857} 12858 12859.icon-hikemates-wide { 12860 width: 1.91015625em; 12861} 12862 12863@keyframes spin { 12864 100% { 12865 transform: rotate(360deg); 12866 } 12867} 12868body.compensate-for-scrollbar {
12869 overflow: hidden; 12870} 12871 12872.fancybox-active { 12873 height: auto; 12874} 12875 12876.fancybox-is-hidden { 12877 left: -9999px; 12878 margin: 0; 12879 position: absolute !important; 12880 top: -9999px; 12881 visibility: hidden; 12882} 12883 12884.fancybox-container { 12885 -webkit-backface-visibility: hidden; 12886 height: 100%; 12887 left: 0; 12888 outline: none; 12889 position: fixed; 12890 -webkit-tap-highlight-color: transparent; 12891 top: 0; 12892 -ms-touch-action: manipulation; 12893 touch-action: manipulation; 12894 transform: translateZ(0); 12895 width: 100%; 12896 z-index: 99992; 12897} 12898 12899.fancybox-container * { 12900 box-sizing: border-box; 12901} 12902 12903.fancybox-outer, 12904.fancybox-inner, 12905.fancybox-bg, 12906.fancybox-stage { 12907 bottom: 0; 12908 left: 0; 12909 position: absolute; 12910 right: 0; 12911 top: 0; 12912} 12913 12914.fancybox-outer { 12915 -webkit-overflow-scrolling: touch; 12916 overflow-y: auto; 12917} 12918 12919.fancybox-bg { 12920 background: rgb(30, 30, 30); 12921 opacity: 0; 12922 transition-duration: inherit; 12923 transition-property: opacity; 12924 transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); 12925} 12926 12927.fancybox-is-open .fancybox-bg { 12928 opacity: 0.9; 12929 transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); 12930} 12931 12932.fancybox-infobar, 12933.fancybox-toolbar, 12934.fancybox-caption, 12935.fancybox-navigation .fancybox-button { 12936 direction: ltr; 12937 opacity: 0; 12938 position: absolute; 12939 transition: opacity 0.25s ease, visibility 0s ease 0.25s; 12940 visibility: hidden; 12941 z-index: 99997; 12942} 12943 12944.fancybox-show-infobar .fancybox-infobar, 12945.fancybox-show-toolbar .fancybox-toolbar, 12946.fancybox-show-caption .fancybox-caption, 12947.fancybox-show-nav .fancybox-navigation .fancybox-button { 12948 opacity: 1; 12949 transition: opacity 0.25s ease 0s, visibility 0s ease 0s; 12950 visibility: visible; 12951} 12952 12953.fancybox-infobar { 12954 color: #ccc; 12955 font-size: 13px; 12956 -webkit-font-smoothing: subpixel-antialiased; 12957 height: 44px; 12958 left: 0; 12959 line-height: 44px; 12960 min-width: 44px; 12961 mix-blend-mode: difference; 12962 padding: 0 10px; 12963 pointer-events: none; 12964 top: 0; 12965 -webkit-touch-callout: none; 12966 -webkit-user-select: none; 12967 -moz-user-select: none; 12968 -ms-user-select: none; 12969 user-select: none; 12970} 12971 12972.fancybox-toolbar { 12973 right: 0; 12974 top: 0; 12975} 12976 12977.fancybox-stage { 12978 direction: ltr; 12979 overflow: visible; 12980 transform: translateZ(0); 12981 z-index: 99994; 12982} 12983 12984.fancybox-is-open .fancybox-stage { 12985 overflow: hidden; 12986} 12987 12988.fancybox-slide { 12989 -webkit-backface-visibility: hidden; 12990 /* Using without prefix would break IE11 */ 12991 display: none; 12992 height: 100%; 12993 left: 0; 12994 outline: none; 12995 overflow: auto; 12996 -webkit-overflow-scrolling: touch; 12997 padding: 44px; 12998 position: absolute; 12999 text-align: center; 13000 top: 0; 13001 transition-property: transform, opacity; 13002 white-space: normal; 13003 width: 100%; 13004 z-index: 99994; 13005} 13006 13007.fancybox-slide::before { 13008 content: ""; 13009 display: inline-block; 13010 font-size: 0; 13011 height: 100%; 13012 vertical-align: middle; 13013 width: 0; 13014} 13015 13016.fancybox-is-sliding .fancybox-slide, 13017.fancybox-slide--previous, 13018.fancybox-slide--current, 13019.fancybox-slide--next { 13020 display: block; 13021} 13022 13023.fancybox-slide--image { 13024 overflow: hidden; 13025 padding: 44px 0; 13026} 13027 13028.fancybox-slide--image::before { 13029 display: none; 13030} 13031 13032.fancybox-slide--html { 13033 padding: 6px; 13034} 13035 13036.fancybox-content { 13037 background: #fff; 13038 display: inline-block; 13039 margin: 0; 13040 max-width: 100%; 13041 overflow: auto; 13042 -webkit-overflow-scrolling: touch; 13043 padding: 44px; 13044 position: relative; 13045 text-align: left; 13046 vertical-align: middle; 13047} 13048 13049.fancybox-slide--image .fancybox-content { 13050 animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); 13051 -webkit-backface-visibility: hidden; 13052 background: transparent; 13053 background-repeat: no-repeat; 13054 background-size: 100% 100%; 13055 left: 0; 13056 max-width: none; 13057 overflow: visible; 13058 padding: 0; 13059 position: absolute; 13060 top: 0; 13061 -ms-transform-origin: top left; 13062 transform-origin: top left; 13063 transition-property: transform, opacity; 13064 -webkit-user-select: none; 13065 -moz-user-select: none; 13066 -ms-user-select: none; 13067 user-select: none; 13068 z-index: 99995; 13069} 13070 13071.fancybox-can-zoomOut .fancybox-content { 13072 cursor: zoom-out; 13073} 13074 13075.fancybox-can-zoomIn .fancybox-content { 13076 cursor: zoom-in; 13077} 13078 13079.fancybox-can-swipe .fancybox-content, 13080.fancybox-can-pan .fancybox-content { 13081 cursor: -webkit-grab; 13082 cursor: grab; 13083} 13084 13085.fancybox-is-grabbing .fancybox-content { 13086 cursor: -webkit-grabbing; 13087 cursor: grabbing; 13088} 13089 13090.fancybox-container [data-selectable=true] { 13091 cursor: text; 13092} 13093 13094.fancybox-image, 13095.fancybox-spaceball {
13096 background: transparent; 13097 border: 0; 13098 height: 100%; 13099 left: 0; 13100 margin: 0; 13101 max-height: none; 13102 max-width: none; 13103 padding: 0; 13104 position: absolute; 13105 top: 0; 13106 -webkit-user-select: none; 13107 -moz-user-select: none; 13108 -ms-user-select: none; 13109 user-select: none; 13110 width: 100%; 13111} 13112 13113.fancybox-spaceball { 13114 z-index: 1; 13115} 13116 13117.fancybox-slide--video .fancybox-content, 13118.fancybox-slide--map .fancybox-content, 13119.fancybox-slide--pdf .fancybox-content, 13120.fancybox-slide--iframe .fancybox-content { 13121 height: 100%; 13122 overflow: visible; 13123 padding: 0; 13124 width: 100%; 13125} 13126 13127.fancybox-slide--video .fancybox-content { 13128 background: #000; 13129} 13130 13131.fancybox-slide--map .fancybox-content { 13132 background: #e5e3df; 13133} 13134 13135.fancybox-slide--iframe .fancybox-content { 13136 background: #fff; 13137} 13138 13139.fancybox-video, 13140.fancybox-iframe { 13141 background: transparent; 13142 border: 0; 13143 display: block; 13144 height: 100%; 13145 margin: 0; 13146 overflow: hidden; 13147 padding: 0; 13148 width: 100%; 13149} 13150 13151/* Fix iOS */ 13152.fancybox-iframe { 13153 left: 0; 13154 position: absolute; 13155 top: 0; 13156} 13157 13158.fancybox-error { 13159 background: #fff; 13160 cursor: default; 13161 max-width: 400px; 13162 padding: 40px; 13163 width: 100%; 13164} 13165 13166.fancybox-error p { 13167 color: #444; 13168 font-size: 16px; 13169 line-height: 20px; 13170 margin: 0; 13171 padding: 0; 13172} 13173 13174/* Buttons */ 13175.fancybox-button { 13176 background: rgba(30, 30, 30, 0.6); 13177 border: 0; 13178 border-radius: 0; 13179 box-shadow: none; 13180 cursor: pointer; 13181 display: inline-block; 13182 height: 44px; 13183 margin: 0; 13184 padding: 10px; 13185 position: relative; 13186 transition: color 0.2s; 13187 vertical-align: top; 13188 visibility: inherit; 13189 width: 44px; 13190} 13191 13192.fancybox-button, 13193.fancybox-button:visited, 13194.fancybox-button:link { 13195 color: #ccc; 13196} 13197 13198.fancybox-button:hover { 13199 color: #fff; 13200} 13201 13202.fancybox-button:focus { 13203 outline: none; 13204} 13205 13206.fancybox-button.fancybox-focus { 13207 outline: 1px dotted; 13208} 13209 13210.fancybox-button[disabled], 13211.fancybox-button[disabled]:hover { 13212 color: #888; 13213 cursor: default; 13214 outline: none; 13215} 13216 13217/* Fix IE11 */ 13218.fancybox-button div { 13219 height: 100%; 13220} 13221 13222.fancybox-button svg { 13223 display: block; 13224 height: 100%; 13225 overflow: visible; 13226 position: relative; 13227 width: 100%; 13228} 13229 13230.fancybox-button svg path { 13231 fill: currentColor; 13232 stroke-width: 0; 13233} 13234 13235.fancybox-button--play svg:nth-child(2), 13236.fancybox-button--fsenter svg:nth-child(2) { 13237 display: none; 13238} 13239 13240.fancybox-button--pause svg:nth-child(1), 13241.fancybox-button--fsexit svg:nth-child(1) { 13242 display: none; 13243} 13244 13245.fancybox-progress { 13246 background: #ff5268; 13247 height: 2px; 13248 left: 0; 13249 position: absolute; 13250 right: 0; 13251 top: 0; 13252 -ms-transform: scaleX(0); 13253 transform: scaleX(0); 13254 -ms-transform-origin: 0; 13255 transform-origin: 0; 13256 transition-property: transform; 13257 transition-timing-function: linear; 13258 z-index: 99998; 13259} 13260 13261/* Close button on the top right corner of html content */ 13262.fancybox-close-small { 13263 background: transparent; 13264 border: 0; 13265 border-radius: 0; 13266 color: #ccc; 13267 cursor: pointer; 13268 opacity: 0.8; 13269 padding: 8px; 13270 position: absolute; 13271 right: -12px; 13272 top: -44px; 13273 z-index: 401; 13274} 13275 13276.fancybox-close-small:hover {
13277 color: #fff; 13278 opacity: 1; 13279} 13280 13281.fancybox-slide--html .fancybox-close-small { 13282 color: currentColor; 13283 padding: 10px; 13284 right: 0; 13285 top: 0; 13286} 13287 13288.fancybox-slide--image.fancybox-is-scaling .fancybox-content { 13289 overflow: hidden; 13290} 13291 13292.fancybox-is-scaling .fancybox-close-small, 13293.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { 13294 display: none; 13295} 13296 13297/* Navigation arrows */ 13298.fancybox-navigation .fancybox-button { 13299 background-clip: content-box; 13300 height: 100px; 13301 opacity: 0; 13302 position: absolute; 13303 top: calc(50% - 50px); 13304 width: 70px; 13305} 13306 13307.fancybox-navigation .fancybox-button div { 13308 padding: 7px; 13309} 13310 13311.fancybox-navigation .fancybox-button--arrow_left { 13312 left: 0; 13313 left: env(safe-area-inset-left); 13314 padding: 31px 26px 31px 6px; 13315} 13316 13317.fancybox-navigation .fancybox-button--arrow_right { 13318 padding: 31px 6px 31px 26px; 13319 right: 0; 13320 right: env(safe-area-inset-right); 13321} 13322 13323/* Caption */ 13324.fancybox-caption { 13325 background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); 13326 bottom: 0; 13327 color: #eee; 13328 font-size: 14px; 13329 font-weight: 400; 13330 left: 0; 13331 line-height: 1.5; 13332 padding: 75px 44px 25px 44px; 13333 pointer-events: none; 13334 right: 0; 13335 text-align: center; 13336 z-index: 99996; 13337} 13338 13339@supports (padding: max(0px)) { 13340 .fancybox-caption { 13341 padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); 13342 } 13343} 13344.fancybox-caption--separate { 13345 margin-top: -50px; 13346} 13347 13348.fancybox-caption__body { 13349 max-height: 50vh; 13350 overflow: auto; 13351 pointer-events: all; 13352} 13353 13354.fancybox-caption a, 13355.fancybox-caption a:link, 13356.fancybox-caption a:visited { 13357 color: #ccc; 13358 text-decoration: none; 13359} 13360 13361.fancybox-caption a:hover { 13362 color: #fff; 13363 text-decoration: underline; 13364} 13365 13366/* Loading indicator */ 13367.fancybox-loading { 13368 animation: fancybox-rotate 1s linear infinite; 13369 background: transparent; 13370 border: 4px solid #888; 13371 border-bottom-color: #fff; 13372 border-radius: 50%; 13373 height: 50px; 13374 left: 50%; 13375 margin: -25px 0 0 -25px; 13376 opacity: 0.7; 13377 padding: 0; 13378 position: absolute; 13379 top: 50%; 13380 width: 50px; 13381 z-index: 99999; 13382} 13383 13384@keyframes fancybox-rotate { 13385 100% { 13386 transform: rotate(360deg); 13387 } 13388} 13389/* Transition effects */ 13390.fancybox-animated { 13391 transition-timing-function: cubic-bezier(0, 0, 0.25, 1); 13392} 13393 13394/* transitionEffect: slide */ 13395.fancybox-fx-slide.fancybox-slide--previous { 13396 opacity: 0; 13397 transform: translate3d(-100%, 0, 0); 13398} 13399 13400.fancybox-fx-slide.fancybox-slide--next { 13401 opacity: 0; 13402 transform: translate3d(100%, 0, 0); 13403} 13404 13405.fancybox-fx-slide.fancybox-slide--current { 13406 opacity: 1; 13407 transform: translate3d(0, 0, 0); 13408} 13409 13410/* transitionEffect: fade */ 13411.fancybox-fx-fade.fancybox-slide--previous, 13412.fancybox-fx-fade.fancybox-slide--next { 13413 opacity: 0; 13414 transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); 13415} 13416 13417.fancybox-fx-fade.fancybox-slide--current { 13418 opacity: 1; 13419} 13420 13421/* transitionEffect: zoom-in-out */ 13422.fancybox-fx-zoom-in-out.fancybox-slide--previous { 13423 opacity: 0; 13424 transform: scale3d(1.5, 1.5, 1.5); 13425} 13426 13427.fancybox-fx-zoom-in-out.fancybox-slide--next { 13428 opacity: 0; 13429 transform: scale3d(0.5, 0.5, 0.5); 13430} 13431 13432.fancybox-fx-zoom-in-out.fancybox-slide--current { 13433 opacity: 1; 13434 transform: scale3d(1, 1, 1); 13435} 13436 13437/* transitionEffect: rotate */ 13438.fancybox-fx-rotate.fancybox-slide--previous { 13439 opacity: 0; 13440 -ms-transform: rotate(-360deg); 13441 transform: rotate(-360deg); 13442} 13443 13444.fancybox-fx-rotate.fancybox-slide--next { 13445 opacity: 0; 13446 -ms-transform: rotate(360deg); 13447 transform: rotate(360deg); 13448} 13449 13450.fancybox-fx-rotate.fancybox-slide--current { 13451 opacity: 1; 13452 -ms-transform: rotate(0deg); 13453 transform: rotate(0deg); 13454} 13455 13456/* transitionEffect: circular */ 13457.fancybox-fx-circular.fancybox-slide--previous { 13458 opacity: 0; 13459 transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); 13460} 13461 13462.fancybox-fx-circular.fancybox-slide--next { 13463 opacity: 0; 13464 transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); 13465} 13466 13467.fancybox-fx-circular.fancybox-slide--current { 13468 opacity: 1; 13469 transform: scale3d(1, 1, 1) translate3d(0, 0, 0); 13470} 13471 13472/* transitionEffect: tube */ 13473.fancybox-fx-tube.fancybox-slide--previous { 13474 transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); 13475} 13476 13477.fancybox-fx-tube.fancybox-slide--next { 13478 transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); 13479} 13480 13481.fancybox-fx-tube.fancybox-slide--current { 13482 transform: translate3d(0, 0, 0) scale(1); 13483} 13484 13485/* Styling for Small-Screen Devices */ 13486@media all and (max-height: 576px) { 13487 .fancybox-slide { 13488 padding-left: 6px; 13489 padding-right: 6px; 13490 } 13491 .fancybox-slide--image { 13492 padding: 6px 0; 13493 } 13494 .fancybox-close-small {
13495 right: -6px; 13496 } 13497 .fancybox-slide--image .fancybox-close-small { 13498 background: #4e4e4e; 13499 color: #f2f4f6; 13500 height: 36px; 13501 opacity: 1; 13502 padding: 6px; 13503 right: 0; 13504 top: 0; 13505 width: 36px; 13506 } 13507 .fancybox-caption { 13508 padding-left: 12px; 13509 padding-right: 12px; 13510 } 13511 @supports (padding: max(0px)) { 13512 .fancybox-caption { 13513 padding-left: max(12px, env(safe-area-inset-left)); 13514 padding-right: max(12px, env(safe-area-inset-right)); 13515 } 13516 } 13517} 13518/* Share */ 13519.fancybox-share { 13520 background: #f4f4f4; 13521 border-radius: 3px; 13522 max-width: 90%; 13523 padding: 30px; 13524 text-align: center; 13525} 13526 13527.fancybox-share h1 { 13528 color: #222; 13529 font-size: 35px; 13530 font-weight: 700; 13531 margin: 0 0 20px 0; 13532} 13533 13534.fancybox-share p { 13535 margin: 0; 13536 padding: 0; 13537} 13538 13539.fancybox-share__button { 13540 border: 0; 13541 border-radius: 3px; 13542 display: inline-block; 13543 font-size: 14px; 13544 font-weight: 700; 13545 line-height: 40px; 13546 margin: 0 5px 10px 5px; 13547 min-width: 130px; 13548 padding: 0 15px; 13549 text-decoration: none; 13550 transition: all 0.2s; 13551 -webkit-user-select: none; 13552 -moz-user-select: none; 13553 -ms-user-select: none; 13554 user-select: none; 13555 white-space: nowrap; 13556} 13557 13558.fancybox-share__button:visited, 13559.fancybox-share__button:link { 13560 color: #fff; 13561} 13562 13563.fancybox-share__button:hover { 13564 text-decoration: none; 13565} 13566 13567.fancybox-share__button--fb { 13568 background: #3b5998; 13569} 13570 13571.fancybox-share__button--fb:hover { 13572 background: #344e86; 13573} 13574 13575.fancybox-share__button--pt { 13576 background: #bd081d; 13577} 13578 13579.fancybox-share__button--pt:hover { 13580 background: #aa0719; 13581} 13582 13583.fancybox-share__button--tw { 13584 background: #1da1f2; 13585} 13586 13587.fancybox-share__button--tw:hover { 13588 background: #0d95e8; 13589} 13590 13591.fancybox-share__button svg { 13592 height: 25px; 13593 margin-right: 7px; 13594 position: relative; 13595 top: -1px; 13596 vertical-align: middle; 13597 width: 25px; 13598} 13599 13600.fancybox-share__button svg path { 13601 fill: #fff; 13602} 13603 13604.fancybox-share__input { 13605 background: transparent; 13606 border: 0; 13607 border-bottom: 1px solid #d7d7d7; 13608 border-radius: 0; 13609 color: #5d5b5b; 13610 font-size: 14px; 13611 margin: 10px 0 0 0; 13612 outline: none; 13613 padding: 10px 15px; 13614 width: 100%; 13615} 13616 13617/* Thumbs */ 13618.fancybox-thumbs { 13619 background: #ddd; 13620 bottom: 0; 13621 display: none; 13622 margin: 0; 13623 -webkit-overflow-scrolling: touch; 13624 -ms-overflow-style: -ms-autohiding-scrollbar; 13625 padding: 2px 2px 4px 2px; 13626 position: absolute; 13627 right: 0; 13628 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 13629 top: 0; 13630 width: 212px; 13631 z-index: 99995; 13632} 13633 13634.fancybox-thumbs-x { 13635 overflow-x: auto; 13636 overflow-y: hidden; 13637} 13638 13639.fancybox-show-thumbs .fancybox-thumbs { 13640 display: block; 13641} 13642 13643.fancybox-show-thumbs .fancybox-inner { 13644 right: 212px; 13645} 13646 13647.fancybox-thumbs__list { 13648 font-size: 0; 13649 height: 100%; 13650 list-style: none; 13651 margin: 0; 13652 overflow-x: hidden; 13653 overflow-y: auto; 13654 padding: 0; 13655 position: absolute; 13656 position: relative; 13657 white-space: nowrap; 13658 width: 100%; 13659} 13660 13661.fancybox-thumbs-x .fancybox-thumbs__list { 13662 overflow: hidden; 13663} 13664 13665.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
13666 width: 7px; 13667} 13668 13669.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { 13670 background: #fff; 13671 border-radius: 10px; 13672 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 13673} 13674 13675.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { 13676 background: #2a2a2a; 13677 border-radius: 10px; 13678} 13679 13680.fancybox-thumbs__list a { 13681 -webkit-backface-visibility: hidden; 13682 backface-visibility: hidden; 13683 background-color: rgba(0, 0, 0, 0.1); 13684 background-position: center center; 13685 background-repeat: no-repeat; 13686 background-size: cover; 13687 cursor: pointer; 13688 float: left; 13689 height: 75px; 13690 margin: 2px; 13691 max-height: calc(100% - 8px); 13692 max-width: calc(50% - 4px); 13693 outline: none; 13694 overflow: hidden; 13695 padding: 0; 13696 position: relative; 13697 -webkit-tap-highlight-color: transparent; 13698 width: 100px; 13699} 13700 13701.fancybox-thumbs__list a::before { 13702 border: 6px solid #ff5268; 13703 bottom: 0; 13704 content: ""; 13705 left: 0; 13706 opacity: 0; 13707 position: absolute; 13708 right: 0; 13709 top: 0; 13710 transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); 13711 z-index: 99991; 13712} 13713 13714.fancybox-thumbs__list a:focus::before { 13715 opacity: 0.5; 13716} 13717 13718.fancybox-thumbs__list a.fancybox-thumbs-active::before { 13719 opacity: 1; 13720} 13721 13722/* Styling for Small-Screen Devices */ 13723@media all and (max-width: 576px) { 13724 .fancybox-thumbs { 13725 width: 110px; 13726 } 13727 .fancybox-show-thumbs .fancybox-inner { 13728 right: 110px; 13729 } 13730 .fancybox-thumbs__list a { 13731 max-width: calc(100% - 10px); 13732 } 13733} 13734@font-face { 13735 font-family: "swiper-icons"; 13736 src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); 13737 font-weight: 400; 13738 font-style: normal; 13739} 13740:root { 13741 --swiper-theme-color: #007aff; 13742} 13743 13744.swiper-container { 13745 margin-left: auto; 13746 margin-right: auto; 13747 position: relative; 13748 overflow: hidden; 13749 list-style: none; 13750 padding: 0; 13751 /* Fix of Webkit flickering */ 13752 z-index: 1; 13753} 13754 13755.swiper-container-vertical > .swiper-wrapper { 13756 flex-direction: column; 13757} 13758 13759.swiper-wrapper { 13760 position: relative; 13761 width: 100%; 13762 height: 100%; 13763 z-index: 1; 13764 display: flex; 13765 transition-property: transform; 13766 box-sizing: content-box; 13767} 13768 13769.swiper-container-android .swiper-slide, 13770.swiper-wrapper { 13771 transform: translate3d(0px, 0, 0); 13772} 13773 13774.swiper-container-multirow > .swiper-wrapper { 13775 flex-wrap: wrap; 13776} 13777 13778.swiper-container-multirow-column > .swiper-wrapper { 13779 flex-wrap: wrap; 13780 flex-direction: column; 13781} 13782 13783.swiper-container-free-mode > .swiper-wrapper { 13784 transition-timing-function: ease-out; 13785 margin: 0 auto; 13786} 13787 13788.swiper-slide { 13789 flex-shrink: 0; 13790 width: 100%; 13791 height: 100%; 13792 position: relative; 13793 transition-property: transform; 13794} 13795 13796.swiper-slide-invisible-blank { 13797 visibility: hidden; 13798} 13799 13800/* Auto Height */ 13801.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { 13802 height: auto; 13803} 13804.swiper-container-autoheight .swiper-wrapper { 13805 align-items: flex-start; 13806 transition-property: transform, height; 13807} 13808 13809/* 3D Effects */ 13810.swiper-container-3d { 13811 perspective: 1200px; 13812} 13813.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { 13814 transform-style: preserve-3d; 13815} 13816.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { 13817 position: absolute; 13818 left: 0; 13819 top: 0; 13820 width: 100%; 13821 height: 100%; 13822 pointer-events: none; 13823 z-index: 10; 13824} 13825.swiper-container-3d .swiper-slide-shadow-left { 13826 background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 13827} 13828.swiper-container-3d .swiper-slide-shadow-right { 13829 background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 13830} 13831.swiper-container-3d .swiper-slide-shadow-top { 13832 background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 13833} 13834.swiper-container-3d .swiper-slide-shadow-bottom { 13835 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); 13836} 13837 13838/* CSS Mode */ 13839.swiper-container-css-mode > .swiper-wrapper { 13840 overflow: auto; 13841 scrollbar-width: none; /* For Firefox */ 13842 -ms-overflow-style: none; /* For Internet Explorer and Edge */ 13843} 13844.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
13845 display: none; 13846} 13847.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { 13848 scroll-snap-align: start start; 13849} 13850 13851.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { 13852 scroll-snap-type: x mandatory; 13853} 13854 13855.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { 13856 scroll-snap-type: y mandatory; 13857} 13858 13859/* a11y */ 13860.swiper-container .swiper-notification { 13861 position: absolute; 13862 left: 0; 13863 top: 0; 13864 pointer-events: none; 13865 opacity: 0; 13866 z-index: -1000; 13867} 13868 13869:root { 13870 --swiper-navigation-size: 44px; 13871 /* 13872 --swiper-navigation-color: var(--swiper-theme-color); 13873 */ 13874} 13875 13876.swiper-button-prev, .swiper-button-next { 13877 position: absolute; 13878 top: 50%; 13879 width: calc(var(--swiper-navigation-size) / 44 * 27); 13880 height: var(--swiper-navigation-size); 13881 margin-top: calc(-1 * var(--swiper-navigation-size) / 2); 13882 z-index: 10; 13883 cursor: pointer; 13884 display: flex; 13885 align-items: center; 13886 justify-content: center; 13887 color: var(--swiper-navigation-color, var(--swiper-theme-color)); 13888} 13889.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { 13890 opacity: 0.35; 13891 cursor: auto; 13892 pointer-events: none; 13893} 13894.swiper-button-prev:after, .swiper-button-next:after { 13895 font-family: swiper-icons; 13896 font-size: var(--swiper-navigation-size); 13897 text-transform: none !important; 13898 letter-spacing: 0; 13899 text-transform: none; 13900 font-variant: initial; 13901 line-height: 1; 13902} 13903 13904.swiper-button-prev:after, 13905.swiper-container-rtl .swiper-button-next:after { 13906 content: "prev"; 13907} 13908.swiper-button-prev, 13909.swiper-container-rtl .swiper-button-next { 13910 left: 10px; 13911 right: auto; 13912} 13913 13914.swiper-button-next:after, 13915.swiper-container-rtl .swiper-button-prev:after { 13916 content: "next"; 13917} 13918.swiper-button-next, 13919.swiper-container-rtl .swiper-button-prev { 13920 right: 10px; 13921 left: auto; 13922} 13923 13924.swiper-button-prev.swiper-button-white, 13925.swiper-button-next.swiper-button-white { 13926 --swiper-navigation-color: #ffffff; 13927} 13928 13929.swiper-button-prev.swiper-button-black, 13930.swiper-button-next.swiper-button-black { 13931 --swiper-navigation-color: #000000; 13932} 13933 13934.swiper-button-lock { 13935 display: none; 13936} 13937 13938:root { 13939 /* 13940 --swiper-pagination-color: var(--swiper-theme-color); 13941 */ 13942} 13943 13944.swiper-pagination { 13945 position: absolute; 13946 text-align: center; 13947 transition: 300ms opacity; 13948 transform: translate3d(0, 0, 0); 13949 z-index: 10; 13950} 13951.swiper-pagination.swiper-pagination-hidden { 13952 opacity: 0; 13953} 13954 13955/* Common Styles */ 13956.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { 13957 bottom: 10px; 13958 left: 0; 13959 width: 100%; 13960} 13961 13962/* Bullets */ 13963.swiper-pagination-bullets-dynamic { 13964 overflow: hidden; 13965 font-size: 0; 13966} 13967.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 13968 transform: scale(0.33); 13969 position: relative; 13970} 13971.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { 13972 transform: scale(1); 13973} 13974.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { 13975 transform: scale(1); 13976} 13977.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { 13978 transform: scale(0.66); 13979} 13980.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { 13981 transform: scale(0.33); 13982} 13983.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { 13984 transform: scale(0.66); 13985} 13986.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { 13987 transform: scale(0.33); 13988} 13989 13990.swiper-pagination-bullet { 13991 width: 8px; 13992 height: 8px; 13993 display: inline-block; 13994 border-radius: 100%; 13995 background: #000; 13996 opacity: 0.2; 13997} 13998button.swiper-pagination-bullet { 13999 border: none; 14000 margin: 0; 14001 padding: 0; 14002 box-shadow: none; 14003 appearance: none; 14004} 14005 14006.swiper-pagination-clickable .swiper-pagination-bullet { 14007 cursor: pointer; 14008} 14009 14010.swiper-pagination-bullet-active { 14011 opacity: 1; 14012 background: var(--swiper-pagination-color, var(--swiper-theme-color)); 14013} 14014 14015.swiper-container-vertical > .swiper-pagination-bullets { 14016 right: 10px; 14017 top: 50%; 14018 transform: translate3d(0px, -50%, 0); 14019} 14020.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { 14021 margin: 6px 0; 14022 display: block; 14023} 14024.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { 14025 top: 50%; 14026 transform: translateY(-50%); 14027 width: 8px; 14028} 14029.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 14030 display: inline-block; 14031 transition: 200ms transform, 200ms top; 14032} 14033 14034.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { 14035 margin: 0 4px; 14036} 14037.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { 14038 left: 50%; 14039 transform: translateX(-50%); 14040 white-space: nowrap; 14041} 14042.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 14043 transition: 200ms transform, 200ms left; 14044} 14045.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { 14046 transition: 200ms transform, 200ms right; 14047} 14048 14049/* Progress */ 14050.swiper-pagination-progressbar { 14051 background: rgba(0, 0, 0, 0.25); 14052 position: absolute; 14053} 14054.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { 14055 background: var(--swiper-pagination-color, var(--swiper-theme-color)); 14056 position: absolute; 14057 left: 0; 14058 top: 0; 14059 width: 100%; 14060 height: 100%; 14061 transform: scale(0); 14062 transform-origin: left top; 14063} 14064.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { 14065 transform-origin: right top; 14066} 14067.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { 14068 width: 100%; 14069 height: 4px; 14070 left: 0; 14071 top: 0; 14072} 14073.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { 14074 width: 4px; 14075 height: 100%; 14076 left: 0; 14077 top: 0; 14078} 14079 14080.swiper-pagination-white { 14081 --swiper-pagination-color: #ffffff; 14082} 14083 14084.swiper-pagination-black { 14085 --swiper-pagination-color: #000000; 14086} 14087 14088.swiper-pagination-lock { 14089 display: none; 14090} 14091 14092/* required styles */ 14093.leaflet-pane, 14094.leaflet-tile, 14095.leaflet-marker-icon, 14096.leaflet-marker-shadow, 14097.leaflet-tile-container, 14098.leaflet-pane > svg, 14099.leaflet-pane > canvas, 14100.leaflet-zoom-box, 14101.leaflet-image-layer, 14102.leaflet-layer { 14103 position: absolute; 14104 left: 0; 14105 top: 0; 14106} 14107 14108.leaflet-container { 14109 overflow: hidden; 14110} 14111 14112.leaflet-tile, 14113.leaflet-marker-icon, 14114.leaflet-marker-shadow { 14115 -webkit-user-select: none; 14116 -moz-user-select: none; 14117 user-select: none;
14118 -webkit-user-drag: none; 14119} 14120 14121/* Prevents IE11 from highlighting tiles in blue */ 14122.leaflet-tile::selection { 14123 background: transparent; 14124} 14125 14126/* Safari renders non-retina tile on retina better with this, but Chrome is worse */ 14127.leaflet-safari .leaflet-tile { 14128 image-rendering: -webkit-optimize-contrast; 14129} 14130 14131/* hack that prevents hw layers "stretching" when loading new tiles */ 14132.leaflet-safari .leaflet-tile-container { 14133 width: 1600px; 14134 height: 1600px; 14135 -webkit-transform-origin: 0 0; 14136} 14137 14138.leaflet-marker-icon, 14139.leaflet-marker-shadow { 14140 display: block; 14141} 14142 14143/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ 14144/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ 14145.leaflet-container .leaflet-overlay-pane svg { 14146 max-width: none !important; 14147 max-height: none !important; 14148} 14149 14150.leaflet-container .leaflet-marker-pane img, 14151.leaflet-container .leaflet-shadow-pane img, 14152.leaflet-container .leaflet-tile-pane img, 14153.leaflet-container img.leaflet-image-layer, 14154.leaflet-container .leaflet-tile { 14155 max-width: none !important; 14156 max-height: none !important; 14157 width: auto; 14158 padding: 0; 14159} 14160 14161.leaflet-container img.leaflet-tile { 14162 /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */ 14163 mix-blend-mode: plus-lighter; 14164} 14165 14166.leaflet-container.leaflet-touch-zoom { 14167 -ms-touch-action: pan-x pan-y; 14168 touch-action: pan-x pan-y; 14169} 14170 14171.leaflet-container.leaflet-touch-drag { 14172 -ms-touch-action: pinch-zoom; 14173 /* Fallback for FF which doesn't support pinch-zoom */ 14174 touch-action: none; 14175 touch-action: pinch-zoom; 14176} 14177 14178.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { 14179 -ms-touch-action: none; 14180 touch-action: none; 14181} 14182 14183.leaflet-container { 14184 -webkit-tap-highlight-color: transparent; 14185} 14186 14187.leaflet-container a { 14188 -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); 14189} 14190 14191.leaflet-tile { 14192 filter: inherit; 14193 visibility: hidden; 14194} 14195 14196.leaflet-tile-loaded { 14197 visibility: inherit; 14198} 14199 14200.leaflet-zoom-box { 14201 width: 0; 14202 height: 0; 14203 -moz-box-sizing: border-box; 14204 box-sizing: border-box; 14205 z-index: 800; 14206} 14207 14208/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ 14209.leaflet-overlay-pane svg { 14210 -moz-user-select: none; 14211} 14212 14213.leaflet-pane { 14214 z-index: 400; 14215} 14216 14217.leaflet-tile-pane { 14218 z-index: 200; 14219} 14220 14221.leaflet-overlay-pane { 14222 z-index: 400; 14223} 14224 14225.leaflet-shadow-pane { 14226 z-index: 500; 14227} 14228 14229.leaflet-marker-pane { 14230 z-index: 600; 14231} 14232 14233.leaflet-tooltip-pane { 14234 z-index: 650; 14235} 14236 14237.leaflet-popup-pane { 14238 z-index: 700; 14239} 14240 14241.leaflet-map-pane canvas { 14242 z-index: 100; 14243} 14244 14245.leaflet-map-pane svg { 14246 z-index: 200; 14247} 14248 14249.leaflet-vml-shape { 14250 width: 1px; 14251 height: 1px; 14252} 14253 14254.lvml { 14255 behavior: url(#default#VML); 14256 display: inline-block; 14257 position: absolute; 14258} 14259 14260/* control positioning */ 14261.leaflet-control { 14262 position: relative; 14263 z-index: 800; 14264 pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ 14265 pointer-events: auto; 14266} 14267 14268.leaflet-top, 14269.leaflet-bottom { 14270 position: absolute; 14271 z-index: 1000; 14272 pointer-events: none; 14273} 14274 14275.leaflet-top { 14276 top: 0; 14277} 14278 14279.leaflet-right { 14280 right: 0; 14281} 14282 14283.leaflet-bottom { 14284 bottom: 0; 14285} 14286 14287.leaflet-left { 14288 left: 0; 14289} 14290 14291.leaflet-control { 14292 float: left; 14293 clear: both; 14294} 14295 14296.leaflet-right .leaflet-control { 14297 float: right; 14298} 14299 14300.leaflet-top .leaflet-control { 14301 margin-top: 10px; 14302} 14303 14304.leaflet-bottom .leaflet-control { 14305 margin-bottom: 10px; 14306} 14307 14308.leaflet-left .leaflet-control { 14309 margin-left: 10px; 14310} 14311 14312.leaflet-right .leaflet-control { 14313 margin-right: 10px; 14314} 14315 14316/* zoom and fade animations */ 14317.leaflet-fade-anim .leaflet-popup { 14318 opacity: 0; 14319 -webkit-transition: opacity 0.2s linear; 14320 -moz-transition: opacity 0.2s linear; 14321 transition: opacity 0.2s linear; 14322} 14323 14324.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { 14325 opacity: 1; 14326} 14327 14328.leaflet-zoom-animated { 14329 -webkit-transform-origin: 0 0; 14330 -ms-transform-origin: 0 0; 14331 transform-origin: 0 0; 14332} 14333 14334svg.leaflet-zoom-animated { 14335 will-change: transform; 14336} 14337 14338.leaflet-zoom-anim .leaflet-zoom-animated { 14339 -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); 14340 -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); 14341 transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); 14342} 14343 14344.leaflet-zoom-anim .leaflet-tile, 14345.leaflet-pan-anim .leaflet-tile { 14346 -webkit-transition: none; 14347 -moz-transition: none; 14348 transition: none; 14349} 14350 14351.leaflet-zoom-anim .leaflet-zoom-hide { 14352 visibility: hidden; 14353} 14354 14355/* cursors */ 14356.leaflet-interactive { 14357 cursor: pointer; 14358} 14359 14360.leaflet-grab { 14361 cursor: -webkit-grab; 14362 cursor: -moz-grab; 14363 cursor: grab; 14364} 14365 14366.leaflet-crosshair, 14367.leaflet-crosshair .leaflet-interactive { 14368 cursor: crosshair; 14369} 14370 14371.leaflet-popup-pane, 14372.leaflet-control { 14373 cursor: auto; 14374} 14375 14376.leaflet-dragging .leaflet-grab, 14377.leaflet-dragging .leaflet-grab .leaflet-interactive, 14378.leaflet-dragging .leaflet-marker-draggable { 14379 cursor: move; 14380 cursor: -webkit-grabbing; 14381 cursor: -moz-grabbing; 14382 cursor: grabbing; 14383} 14384 14385/* marker & overlays interactivity */ 14386.leaflet-marker-icon, 14387.leaflet-marker-shadow, 14388.leaflet-image-layer, 14389.leaflet-pane > svg path, 14390.leaflet-tile-container { 14391 pointer-events: none; 14392} 14393 14394.leaflet-marker-icon.leaflet-interactive, 14395.leaflet-image-layer.leaflet-interactive, 14396.leaflet-pane > svg path.leaflet-interactive, 14397svg.leaflet-image-layer.leaflet-interactive path { 14398 pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ 14399 pointer-events: auto; 14400} 14401 14402/* visual tweaks */ 14403.leaflet-container { 14404 background: #ddd; 14405 outline-offset: 1px; 14406} 14407 14408.leaflet-container a { 14409 color: #0078A8; 14410} 14411 14412.leaflet-zoom-box { 14413 border: 2px dotted #38f; 14414 background: rgba(255, 255, 255, 0.5); 14415} 14416 14417/* general typography */ 14418.leaflet-container { 14419 font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; 14420 font-size: 12px; 14421 font-size: 0.75rem; 14422 line-height: 1.5; 14423} 14424 14425/* general toolbar styles */ 14426.leaflet-bar { 14427 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); 14428 border-radius: 4px; 14429} 14430 14431.leaflet-bar a { 14432 background-color: #fff; 14433 border-bottom: 1px solid #ccc; 14434 width: 26px;
14435 height: 26px; 14436 line-height: 26px; 14437 display: block; 14438 text-align: center; 14439 text-decoration: none; 14440 color: black; 14441} 14442 14443.leaflet-bar a, 14444.leaflet-control-layers-toggle { 14445 background-position: 50% 50%; 14446 background-repeat: no-repeat; 14447 display: block; 14448} 14449 14450.leaflet-bar a:hover, 14451.leaflet-bar a:focus { 14452 background-color: #f4f4f4; 14453} 14454 14455.leaflet-bar a:first-child { 14456 border-top-left-radius: 4px; 14457 border-top-right-radius: 4px; 14458} 14459 14460.leaflet-bar a:last-child { 14461 border-bottom-left-radius: 4px; 14462 border-bottom-right-radius: 4px; 14463 border-bottom: none; 14464} 14465 14466.leaflet-bar a.leaflet-disabled { 14467 cursor: default; 14468 background-color: #f4f4f4; 14469 color: #bbb; 14470} 14471 14472.leaflet-touch .leaflet-bar a { 14473 width: 30px; 14474 height: 30px; 14475 line-height: 30px; 14476} 14477 14478.leaflet-touch .leaflet-bar a:first-child { 14479 border-top-left-radius: 2px; 14480 border-top-right-radius: 2px; 14481} 14482 14483.leaflet-touch .leaflet-bar a:last-child { 14484 border-bottom-left-radius: 2px; 14485 border-bottom-right-radius: 2px; 14486} 14487 14488/* zoom control */ 14489.leaflet-control-zoom-in, 14490.leaflet-control-zoom-out { 14491 font: bold 18px "Lucida Console", Monaco, monospace; 14492 text-indent: 1px; 14493} 14494 14495.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { 14496 font-size: 22px; 14497} 14498 14499/* layers control */ 14500.leaflet-control-layers { 14501 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); 14502 background: #fff; 14503 border-radius: 5px; 14504} 14505 14506.leaflet-control-layers-toggle { 14507 background-image: url(images/layers.png); 14508 width: 36px; 14509 height: 36px; 14510} 14511 14512.leaflet-retina .leaflet-control-layers-toggle { 14513 background-image: url(images/layers-2x.png); 14514 background-size: 26px 26px; 14515} 14516 14517.leaflet-touch .leaflet-control-layers-toggle { 14518 width: 44px; 14519 height: 44px; 14520} 14521 14522.leaflet-control-layers .leaflet-control-layers-list, 14523.leaflet-control-layers-expanded .leaflet-control-layers-toggle { 14524 display: none; 14525} 14526 14527.leaflet-control-layers-expanded .leaflet-control-layers-list { 14528 display: block; 14529 position: relative; 14530} 14531 14532.leaflet-control-layers-expanded { 14533 padding: 6px 10px 6px 6px; 14534 color: #333; 14535 background: #fff; 14536} 14537 14538.leaflet-control-layers-scrollbar { 14539 overflow-y: scroll; 14540 overflow-x: hidden; 14541 padding-right: 5px; 14542} 14543 14544.leaflet-control-layers-selector { 14545 margin-top: 2px; 14546 position: relative; 14547 top: 1px; 14548} 14549 14550.leaflet-control-layers label { 14551 display: block; 14552 font-size: 13px; 14553 font-size: 1.08333em; 14554} 14555 14556.leaflet-control-layers-separator { 14557 height: 0; 14558 border-top: 1px solid #ddd; 14559 margin: 5px -10px 5px -6px; 14560} 14561 14562/* Default icon URLs */ 14563.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ 14564 background-image: url(images/marker-icon.png); 14565} 14566 14567/* attribution and scale controls */ 14568.leaflet-container .leaflet-control-attribution { 14569 background: #fff; 14570 background: rgba(255, 255, 255, 0.8); 14571 margin: 0; 14572} 14573 14574.leaflet-control-attribution, 14575.leaflet-control-scale-line { 14576 padding: 0 5px; 14577 color: #333; 14578 line-height: 1.4; 14579} 14580 14581.leaflet-control-attribution a { 14582 text-decoration: none; 14583} 14584 14585.leaflet-control-attribution a:hover, 14586.leaflet-control-attribution a:focus { 14587 text-decoration: underline; 14588} 14589 14590.leaflet-attribution-flag { 14591 display: inline !important; 14592 vertical-align: baseline !important; 14593 width: 1em; 14594 height: 0.6669em; 14595} 14596 14597.leaflet-left .leaflet-control-scale { 14598 margin-left: 5px; 14599} 14600 14601.leaflet-bottom .leaflet-control-scale { 14602 margin-bottom: 5px; 14603} 14604 14605.leaflet-control-scale-line { 14606 border: 2px solid #777; 14607 border-top: none; 14608 line-height: 1.1; 14609 padding: 2px 5px 1px; 14610 white-space: nowrap; 14611 -moz-box-sizing: border-box; 14612 box-sizing: border-box; 14613 background: rgba(255, 255, 255, 0.8); 14614 text-shadow: 1px 1px #fff; 14615} 14616 14617.leaflet-control-scale-line:not(:first-child) { 14618 border-top: 2px solid #777; 14619 border-bottom: none; 14620 margin-top: -2px; 14621} 14622 14623.leaflet-control-scale-line:not(:first-child):not(:last-child) { 14624 border-bottom: 2px solid #777; 14625} 14626 14627.leaflet-touch .leaflet-control-attribution, 14628.leaflet-touch .leaflet-control-layers, 14629.leaflet-touch .leaflet-bar { 14630 box-shadow: none; 14631} 14632 14633.leaflet-touch .leaflet-control-layers, 14634.leaflet-touch .leaflet-bar { 14635 border: 2px solid rgba(0, 0, 0, 0.2); 14636 background-clip: padding-box; 14637} 14638 14639/* popup */ 14640.leaflet-popup { 14641 position: absolute; 14642 text-align: center; 14643 margin-bottom: 20px; 14644} 14645 14646.leaflet-popup-content-wrapper { 14647 padding: 1px; 14648 text-align: left; 14649 border-radius: 12px; 14650} 14651 14652.leaflet-popup-content { 14653 margin: 13px 24px 13px 20px; 14654 line-height: 1.3; 14655 font-size: 13px; 14656 font-size: 1.08333em; 14657 min-height: 1px; 14658} 14659 14660.leaflet-popup-content p { 14661 margin: 17px 0; 14662 margin: 1.3em 0; 14663} 14664 14665.leaflet-popup-tip-container { 14666 width: 40px; 14667 height: 20px; 14668 position: absolute; 14669 left: 50%;
14670 margin-top: -1px; 14671 margin-left: -20px; 14672 overflow: hidden; 14673 pointer-events: none; 14674} 14675 14676.leaflet-popup-tip { 14677 width: 17px; 14678 height: 17px; 14679 padding: 1px; 14680 margin: -10px auto 0; 14681 pointer-events: auto; 14682 -webkit-transform: rotate(45deg); 14683 -moz-transform: rotate(45deg); 14684 -ms-transform: rotate(45deg); 14685 transform: rotate(45deg); 14686} 14687 14688.leaflet-popup-content-wrapper, 14689.leaflet-popup-tip { 14690 background: white; 14691 color: #333; 14692 box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); 14693} 14694 14695.leaflet-container a.leaflet-popup-close-button { 14696 position: absolute; 14697 top: 0; 14698 right: 0; 14699 border: none; 14700 text-align: center; 14701 width: 24px; 14702 height: 24px; 14703 font: 16px/24px Tahoma, Verdana, sans-serif; 14704 color: #757575; 14705 text-decoration: none; 14706 background: transparent; 14707} 14708 14709.leaflet-container a.leaflet-popup-close-button:hover, 14710.leaflet-container a.leaflet-popup-close-button:focus { 14711 color: #585858; 14712} 14713 14714.leaflet-popup-scrolled { 14715 overflow: auto; 14716} 14717 14718.leaflet-oldie .leaflet-popup-content-wrapper { 14719 -ms-zoom: 1; 14720} 14721 14722.leaflet-oldie .leaflet-popup-tip { 14723 width: 24px; 14724 margin: 0 auto; 14725 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; 14726 filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); 14727} 14728 14729.leaflet-oldie .leaflet-control-zoom, 14730.leaflet-oldie .leaflet-control-layers, 14731.leaflet-oldie .leaflet-popup-content-wrapper, 14732.leaflet-oldie .leaflet-popup-tip { 14733 border: 1px solid #999; 14734} 14735 14736/* div icon */ 14737.leaflet-div-icon { 14738 background: #fff; 14739 border: 1px solid #666; 14740} 14741 14742/* Tooltip */ 14743/* Base styles for the element that has a tooltip */ 14744.leaflet-tooltip { 14745 position: absolute; 14746 padding: 6px; 14747 background-color: #fff; 14748 border: 1px solid #fff; 14749 border-radius: 3px; 14750 color: #222; 14751 white-space: nowrap; 14752 -webkit-user-select: none; 14753 -moz-user-select: none; 14754 -ms-user-select: none; 14755 user-select: none; 14756 pointer-events: none; 14757 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); 14758} 14759 14760.leaflet-tooltip.leaflet-interactive { 14761 cursor: pointer; 14762 pointer-events: auto; 14763} 14764 14765.leaflet-tooltip-top:before, 14766.leaflet-tooltip-bottom:before, 14767.leaflet-tooltip-left:before, 14768.leaflet-tooltip-right:before { 14769 position: absolute; 14770 pointer-events: none; 14771 border: 6px solid transparent; 14772 background: transparent; 14773 content: ""; 14774} 14775 14776/* Directions */ 14777.leaflet-tooltip-bottom { 14778 margin-top: 6px; 14779} 14780 14781.leaflet-tooltip-top { 14782 margin-top: -6px; 14783} 14784 14785.leaflet-tooltip-bottom:before, 14786.leaflet-tooltip-top:before { 14787 left: 50%; 14788 margin-left: -6px; 14789} 14790 14791.leaflet-tooltip-top:before { 14792 bottom: 0; 14793 margin-bottom: -12px; 14794 border-top-color: #fff; 14795} 14796 14797.leaflet-tooltip-bottom:before { 14798 top: 0; 14799 margin-top: -12px; 14800 margin-left: -6px; 14801 border-bottom-color: #fff; 14802} 14803 14804.leaflet-tooltip-left { 14805 margin-left: -6px; 14806} 14807 14808.leaflet-tooltip-right { 14809 margin-left: 6px; 14810} 14811 14812.leaflet-tooltip-left:before, 14813.leaflet-tooltip-right:before { 14814 top: 50%; 14815 margin-top: -6px; 14816} 14817 14818.leaflet-tooltip-left:before { 14819 right: 0; 14820 margin-right: -12px; 14821 border-left-color: #fff; 14822} 14823 14824.leaflet-tooltip-right:before { 14825 left: 0; 14826 margin-left: -12px; 14827 border-right-color: #fff; 14828} 14829 14830/* Printing */ 14831@media print { 14832 /* Prevent printers from removing background-images of controls. */ 14833 .leaflet-control { 14834 -webkit-print-color-adjust: exact; 14835 print-color-adjust: exact; 14836 } 14837} 14838.custom-marker { 14839 display: block; 14840} 14841.custom-marker span { 14842 display: block; 14843 width: 100%; 14844 height: 100%; 14845 background: #ffffff; 14846 border: 4px solid #fab650; 14847 border-radius: 20px; 14848 line-height: 0.75rem; 14849 text-align: center; 14850 color: #000000; 14851 box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.5); 14852 font-size: 0.625rem; 14853 font-weight: 700; 14854} 14855 14856.leaflet-popup { 14857 margin-bottom: 24px; 14858} 14859 14860.leaflet-popup-content-wrapper, 14861.leaflet-popup-tip { 14862 background: #fab650; 14863 color: #ffffff; 14864} 14865 14866.leaflet-popup-content-wrapper { 14867 border-radius: 3px; 14868 padding: 0.4375rem 0.625rem; 14869 max-width: 12.5rem; 14870} 14871 14872.leaflet-popup-content { 14873 text-align: center; 14874 margin: 0; 14875 line-height: 1; 14876 font-size: 0.625rem; 14877 font-weight: 700; 14878 text-transform: uppercase; 14879 letter-spacing: 0.083em; 14880 max-width: 100%; 14881 line-height: 1.2; 14882} 14883 14884.leaflet-popup-close-button { 14885 display: none; 14886} 14887 14888.leaflet-popup-tip-container {
14889 width: 20px; 14890 height: 8px; 14891 margin-left: -10px; 14892} 14893 14894.leaflet-popup-tip { 14895 width: 8px; 14896 height: 8px; 14897 margin: -4px auto; 14898} 14899 14900.hiker-theme text { 14901 font-size: 9px; 14902 font-weight: 700; 14903 text-transform: uppercase; 14904 letter-spacing: 0.083em; 14905 fill: rgba(0, 0, 0, 0.3); 14906} 14907@media screen and (min-width: 25em) { 14908 .hiker-theme text { 14909 font-size: 10px; 14910 } 14911} 14912.hiker-theme .background { 14913 background-color: #ffffff; 14914} 14915.hiker-theme .axis line, 14916.hiker-theme .axis path { 14917 fill: #ffffff; 14918 stroke: #ffffff; 14919 stroke-width: 4px; 14920} 14921.hiker-theme .domain + text { 14922 transform: translate(0.5em, 0.1em); 14923 letter-spacing: 0; 14924} 14925.hiker-theme .mouse-drag { 14926 fill: rgba(24, 166, 111, 0.3); 14927} 14928.hiker-theme .elevation-toggle, 14929.hiker-theme .elevation-toggle-icon { 14930 display: none; 14931} 14932.hiker-theme .area { 14933 fill: none; 14934 fill: url(#elevation-fill-gradient) rgba(241, 160, 22, 0.2); 14935 fill-opacity: 0.2; 14936 stroke: url(#elevation-stroke-gradient) #f1a016; 14937 stroke-width: 2px; 14938} 14939.hiker-theme .mouse-focus-line { 14940 pointer-events: none; 14941 stroke-width: 1; 14942 fill: none; 14943 stroke: rgba(0, 0, 0, 0.25); 14944} 14945.hiker-theme.height-focus { 14946 stroke: #ffffff; 14947 fill: #ffffff; 14948} 14949.hiker-theme.height-focus.line { 14950 pointer-events: none; 14951 stroke-width: 2; 14952 stroke: #ffffff; 14953} 14954.hiker-theme.height-focus-label { 14955 font-size: 10px; 14956 font-weight: 700; 14957 text-transform: uppercase; 14958 letter-spacing: 0.083em; 14959 fill: #ffffff; 14960} 14961.hiker-theme .elevation-collapsed .background { 14962 display: none; 14963} 14964.hiker-theme .elevation-collapsed .elevation-toggle { 14965 display: block; 14966} 14967 14968.leaflet-control-layers-toggle { 14969 background-image: url(../img/leaflet/layers.png); 14970} 14971 14972.leaflet-retina .leaflet-control-layers-toggle { 14973 background-image: url(../img/leaflet/layers-2x.png); 14974} 14975 14976@keyframes leaflet-gestures-fadein { 14977 0% { 14978 opacity: 0; 14979 } 14980 100% { 14981 opacity: 1; 14982 } 14983} 14984.leaflet-container:after { 14985 animation: leaflet-gestures-fadein 0.8s backwards; 14986 color: #fff; 14987 font-family: "Roboto", Arial, sans-serif; 14988 font-size: 22px; 14989 display: flex; 14990 justify-content: center; 14991 align-items: center; 14992 padding: 15px; 14993 position: absolute; 14994 top: 0; 14995 left: 0; 14996 right: 0; 14997 bottom: 0; 14998 background: rgba(0, 0, 0, 0.5); 14999 z-index: 461; 15000 pointer-events: none; 15001} 15002 15003.leaflet-gesture-handling-touch-warning:after, 15004.leaflet-gesture-handling-scroll-warning:after { 15005 -webkit-animation: leaflet-gestures-fadein 0.8s forwards; 15006 animation: leaflet-gestures-fadein 0.8s forwards; 15007} 15008 15009.leaflet-gesture-handling-touch-warning:after { 15010 content: attr(data-gesture-handling-touch-content); 15011} 15012 15013.leaflet-gesture-handling-scroll-warning:after { 15014 content: attr(data-gesture-handling-scroll-content); 15015} 15016 15017.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow { 15018 -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in; 15019 -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in; 15020 -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in; 15021 transition: transform 0.3s ease-out, opacity 0.3s ease-in; 15022} 15023 15024.leaflet-cluster-spider-leg { 15025 /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */ 15026 -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in; 15027 -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in; 15028 -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in; 15029 transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in; 15030} 15031 15032.leaflet-control-locate a { 15033 cursor: pointer; 15034} 15035.leaflet-control-locate a .leaflet-control-locate-location-arrow { 15036 display: inline-block; 15037 width: 16px; 15038 height: 16px; 15039 margin: 7px; 15040 background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>'); 15041} 15042.leaflet-control-locate a .leaflet-control-locate-spinner { 15043 display: inline-block; 15044 width: 16px; 15045 height: 16px; 15046 margin: 7px; 15047 background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="black" d="M304 48a48 48 0 1 1-96 0 48 48 0 0 1 96 0zm-48 368a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm208-208a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM96 256a48 48 0 1 0-96 0 48 48 0 0 0 96 0zm13 99a48 48 0 1 0 0 96 48 48 0 0 0 0-96zm294 0a48 48 0 1 0 0 96 48 48 0 0 0 0-96zM109 61a48 48 0 1 0 0 96 48 48 0 0 0 0-96z"/></svg>'); 15048 animation: leaflet-control-locate-spin 2s linear infinite; 15049} 15050.leaflet-control-locate.active a .leaflet-control-locate-location-arrow { 15051 background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(32, 116, 182)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>'); 15052} 15053.leaflet-control-locate.following a .leaflet-control-locate-location-arrow { 15054 background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="rgb(252, 132, 40)" d="M445 4 29 195c-48 23-32 93 19 93h176v176c0 51 70 67 93 19L508 67c16-38-25-79-63-63z"/></svg>'); 15055} 15056 15057.leaflet-touch .leaflet-bar .leaflet-locate-text-active { 15058 width: 100%; 15059 max-width: 200px; 15060 text-overflow: ellipsis; 15061 white-space: nowrap; 15062 overflow: hidden; 15063 padding: 0 10px; 15064} 15065.leaflet-touch .leaflet-bar .leaflet-locate-text-active .leaflet-locate-icon { 15066 padding: 0 5px 0 0; 15067} 15068 15069.leaflet-control-locate-location circle { 15070 animation: leaflet-control-locate-throb 4s ease infinite; 15071} 15072 15073@keyframes leaflet-control-locate-throb { 15074 0% { 15075 stroke-width: 1; 15076 } 15077 50% { 15078 stroke-width: 3; 15079 transform: scale(0.8, 0.8); 15080 } 15081 100% { 15082 stroke-width: 1; 15083 } 15084} 15085@keyframes leaflet-control-locate-spin { 15086 0% { 15087 transform: rotate(0deg); 15088 } 15089 100% { 15090 transform: rotate(360deg); 15091 } 15092} 15093@-webkit-keyframes passing-through { 15094 0% { 15095 opacity: 0; 15096 -webkit-transform: translateY(40px); 15097 -moz-transform: translateY(40px); 15098 -ms-transform: translateY(40px); 15099 -o-transform: translateY(40px); 15100 transform: translateY(40px); 15101 } 15102 30%, 70% { 15103 opacity: 1; 15104 -webkit-transform: translateY(0px); 15105 -moz-transform: translateY(0px); 15106 -ms-transform: translateY(0px); 15107 -o-transform: translateY(0px); 15108 transform: translateY(0px); 15109 } 15110 100% { 15111 opacity: 0; 15112 -webkit-transform: translateY(-40px); 15113 -moz-transform: translateY(-40px); 15114 -ms-transform: translateY(-40px); 15115 -o-transform: translateY(-40px); 15116 transform: translateY(-40px); 15117 } 15118} 15119@-moz-keyframes passing-through { 15120 0% { 15121 opacity: 0; 15122 -webkit-transform: translateY(40px); 15123 -moz-transform: translateY(40px); 15124 -ms-transform: translateY(40px); 15125 -o-transform: translateY(40px); 15126 transform: translateY(40px); 15127 } 15128 30%, 70% { 15129 opacity: 1; 15130 -webkit-transform: translateY(0px); 15131 -moz-transform: translateY(0px); 15132 -ms-transform: translateY(0px); 15133 -o-transform: translateY(0px); 15134 transform: translateY(0px); 15135 } 15136 100% { 15137 opacity: 0; 15138 -webkit-transform: translateY(-40px); 15139 -moz-transform: translateY(-40px); 15140 -ms-transform: translateY(-40px); 15141 -o-transform: translateY(-40px); 15142 transform: translateY(-40px); 15143 } 15144} 15145@keyframes passing-through { 15146 0% { 15147 opacity: 0; 15148 -webkit-transform: translateY(40px); 15149 -moz-transform: translateY(40px); 15150 -ms-transform: translateY(40px); 15151 -o-transform: translateY(40px); 15152 transform: translateY(40px); 15153 } 15154 30%, 70% { 15155 opacity: 1; 15156 -webkit-transform: translateY(0px); 15157 -moz-transform: translateY(0px); 15158 -ms-transform: translateY(0px); 15159 -o-transform: translateY(0px); 15160 transform: translateY(0px); 15161 } 15162 100% { 15163 opacity: 0; 15164 -webkit-transform: translateY(-40px); 15165 -moz-transform: translateY(-40px); 15166 -ms-transform: translateY(-40px); 15167 -o-transform: translateY(-40px); 15168 transform: translateY(-40px); 15169 } 15170} 15171@-webkit-keyframes slide-in { 15172 0% { 15173 opacity: 0; 15174 -webkit-transform: translateY(40px); 15175 -moz-transform: translateY(40px); 15176 -ms-transform: translateY(40px); 15177 -o-transform: translateY(40px); 15178 transform: translateY(40px); 15179 } 15180 30% { 15181 opacity: 1; 15182 -webkit-transform: translateY(0px); 15183 -moz-transform: translateY(0px); 15184 -ms-transform: translateY(0px); 15185 -o-transform: translateY(0px); 15186 transform: translateY(0px); 15187 } 15188} 15189@-moz-keyframes slide-in { 15190 0% { 15191 opacity: 0; 15192 -webkit-transform: translateY(40px); 15193 -moz-transform: translateY(40px); 15194 -ms-transform: translateY(40px); 15195 -o-transform: translateY(40px); 15196 transform: translateY(40px); 15197 } 15198 30% { 15199 opacity: 1; 15200 -webkit-transform: translateY(0px); 15201 -moz-transform: translateY(0px); 15202 -ms-transform: translateY(0px); 15203 -o-transform: translateY(0px); 15204 transform: translateY(0px); 15205 } 15206} 15207@keyframes slide-in { 15208 0% { 15209 opacity: 0; 15210 -webkit-transform: translateY(40px); 15211 -moz-transform: translateY(40px); 15212 -ms-transform: translateY(40px); 15213 -o-transform: translateY(40px); 15214 transform: translateY(40px); 15215 } 15216 30% { 15217 opacity: 1; 15218 -webkit-transform: translateY(0px); 15219 -moz-transform: translateY(0px); 15220 -ms-transform: translateY(0px); 15221 -o-transform: translateY(0px); 15222 transform: translateY(0px); 15223 } 15224} 15225@-webkit-keyframes pulse { 15226 0% { 15227 -webkit-transform: scale(1); 15228 -moz-transform: scale(1); 15229 -ms-transform: scale(1); 15230 -o-transform: scale(1); 15231 transform: scale(1); 15232 } 15233 10% { 15234 -webkit-transform: scale(1.1); 15235 -moz-transform: scale(1.1); 15236 -ms-transform: scale(1.1); 15237 -o-transform: scale(1.1); 15238 transform: scale(1.1); 15239 } 15240 20% { 15241 -webkit-transform: scale(1); 15242 -moz-transform: scale(1); 15243 -ms-transform: scale(1); 15244 -o-transform: scale(1); 15245 transform: scale(1); 15246 } 15247} 15248@-moz-keyframes pulse { 15249 0% { 15250 -webkit-transform: scale(1); 15251 -moz-transform: scale(1); 15252 -ms-transform: scale(1); 15253 -o-transform: scale(1); 15254 transform: scale(1); 15255 } 15256 10% { 15257 -webkit-transform: scale(1.1); 15258 -moz-transform: scale(1.1); 15259 -ms-transform: scale(1.1); 15260 -o-transform: scale(1.1); 15261 transform: scale(1.1); 15262 } 15263 20% { 15264 -webkit-transform: scale(1); 15265 -moz-transform: scale(1); 15266 -ms-transform: scale(1); 15267 -o-transform: scale(1); 15268 transform: scale(1); 15269 } 15270} 15271@keyframes pulse { 15272 0% { 15273 -webkit-transform: scale(1); 15274 -moz-transform: scale(1); 15275 -ms-transform: scale(1); 15276 -o-transform: scale(1); 15277 transform: scale(1); 15278 } 15279 10% { 15280 -webkit-transform: scale(1.1); 15281 -moz-transform: scale(1.1); 15282 -ms-transform: scale(1.1); 15283 -o-transform: scale(1.1); 15284 transform: scale(1.1); 15285 } 15286 20% { 15287 -webkit-transform: scale(1); 15288 -moz-transform: scale(1); 15289 -ms-transform: scale(1); 15290 -o-transform: scale(1); 15291 transform: scale(1); 15292 } 15293} 15294.dropzone, .dropzone * { 15295 box-sizing: border-box; 15296} 15297 15298.dropzone { 15299 min-height: 150px; 15300 border: 2px solid rgba(0, 0, 0, 0.3); 15301 background: white; 15302 padding: 20px 20px; 15303} 15304 15305.dropzone.dz-clickable { 15306 cursor: pointer; 15307} 15308 15309.dropzone.dz-clickable * { 15310 cursor: default; 15311} 15312 15313.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { 15314 cursor: pointer; 15315} 15316 15317.dropzone.dz-started .dz-message { 15318 display: none; 15319} 15320 15321.dropzone.dz-drag-hover { 15322 border-style: solid; 15323} 15324 15325.dropzone.dz-drag-hover .dz-message { 15326 opacity: 0.5; 15327} 15328 15329.dropzone .dz-message { 15330 text-align: center; 15331 margin: 2em 0; 15332} 15333 15334.dropzone .dz-message .dz-button { 15335 background: none; 15336 color: inherit; 15337 border: none; 15338 padding: 0; 15339 font: inherit; 15340 cursor: pointer; 15341 outline: inherit; 15342} 15343 15344.dropzone .dz-preview { 15345 position: relative; 15346 display: inline-block; 15347 vertical-align: top; 15348 margin: 16px; 15349 min-height: 100px; 15350} 15351 15352.dropzone .dz-preview:hover { 15353 z-index: 1000; 15354} 15355 15356.dropzone .dz-preview:hover .dz-details { 15357 opacity: 1; 15358} 15359 15360.dropzone .dz-preview.dz-file-preview .dz-image { 15361 border-radius: 20px; 15362 background: #999; 15363 background: linear-gradient(to bottom, #eee, #ddd); 15364} 15365 15366.dropzone .dz-preview.dz-file-preview .dz-details { 15367 opacity: 1; 15368} 15369 15370.dropzone .dz-preview.dz-image-preview { 15371 background: white; 15372} 15373 15374.dropzone .dz-preview.dz-image-preview .dz-details { 15375 -webkit-transition: opacity 0.2s linear; 15376 -moz-transition: opacity 0.2s linear; 15377 -ms-transition: opacity 0.2s linear; 15378 -o-transition: opacity 0.2s linear; 15379 transition: opacity 0.2s linear; 15380} 15381 15382.dropzone .dz-preview .dz-remove { 15383 font-size: 14px; 15384 text-align: center; 15385 display: block; 15386 cursor: pointer; 15387 border: none; 15388} 15389 15390.dropzone .dz-preview .dz-remove:hover { 15391 text-decoration: underline; 15392} 15393 15394.dropzone .dz-preview:hover .dz-details { 15395 opacity: 1; 15396} 15397 15398.dropzone .dz-preview .dz-details { 15399 z-index: 20; 15400 position: absolute; 15401 top: 0; 15402 left: 0; 15403 opacity: 0; 15404 font-size: 13px; 15405 min-width: 100%; 15406 max-width: 100%; 15407 padding: 2em 1em; 15408 text-align: center; 15409 color: rgba(0, 0, 0, 0.9); 15410 line-height: 150%; 15411} 15412 15413.dropzone .dz-preview .dz-details .dz-size { 15414 margin-bottom: 1em; 15415 font-size: 16px; 15416} 15417 15418.dropzone .dz-preview .dz-details .dz-filename { 15419 white-space: nowrap; 15420} 15421 15422.dropzone .dz-preview .dz-details .dz-filename:hover span { 15423 border: 1px solid rgba(200, 200, 200, 0.8); 15424 background-color: rgba(255, 255, 255, 0.8); 15425} 15426 15427.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { 15428 overflow: hidden; 15429 text-overflow: ellipsis; 15430} 15431 15432.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { 15433 border: 1px solid transparent; 15434} 15435 15436.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { 15437 background-color: rgba(255, 255, 255, 0.4); 15438 padding: 0 0.4em; 15439 border-radius: 3px; 15440} 15441 15442.dropzone .dz-preview:hover .dz-image img { 15443 -webkit-transform: scale(1.05, 1.05); 15444 -moz-transform: scale(1.05, 1.05); 15445 -ms-transform: scale(1.05, 1.05); 15446 -o-transform: scale(1.05, 1.05); 15447 transform: scale(1.05, 1.05); 15448 -webkit-filter: blur(8px); 15449 filter: blur(8px); 15450} 15451 15452.dropzone .dz-preview .dz-image { 15453 border-radius: 20px; 15454 overflow: hidden; 15455 width: 120px; 15456 height: 120px; 15457 position: relative; 15458 display: block; 15459 z-index: 10; 15460} 15461 15462.dropzone .dz-preview .dz-image img { 15463 display: block; 15464} 15465 15466.dropzone .dz-preview.dz-success .dz-success-mark { 15467 -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); 15468 -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); 15469 -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); 15470 -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); 15471 animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); 15472} 15473 15474.dropzone .dz-preview.dz-error .dz-error-mark { 15475 opacity: 1; 15476 -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); 15477 -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); 15478 -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); 15479 -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); 15480 animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); 15481} 15482 15483.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark { 15484 pointer-events: none; 15485 opacity: 0; 15486 z-index: 500; 15487 position: absolute; 15488 display: block; 15489 top: 50%; 15490 left: 50%; 15491 margin-left: -27px; 15492 margin-top: -27px; 15493} 15494 15495.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg { 15496 display: block; 15497 width: 54px; 15498 height: 54px; 15499} 15500 15501.dropzone .dz-preview.dz-processing .dz-progress { 15502 opacity: 1; 15503 -webkit-transition: all 0.2s linear; 15504 -moz-transition: all 0.2s linear; 15505 -ms-transition: all 0.2s linear; 15506 -o-transition: all 0.2s linear; 15507 transition: all 0.2s linear; 15508} 15509 15510.dropzone .dz-preview.dz-complete .dz-progress { 15511 opacity: 0; 15512 -webkit-transition: opacity 0.4s ease-in; 15513 -moz-transition: opacity 0.4s ease-in; 15514 -ms-transition: opacity 0.4s ease-in; 15515 -o-transition: opacity 0.4s ease-in; 15516 transition: opacity 0.4s ease-in; 15517} 15518 15519.dropzone .dz-preview:not(.dz-processing) .dz-progress { 15520 -webkit-animation: pulse 6s ease infinite; 15521 -moz-animation: pulse 6s ease infinite; 15522 -ms-animation: pulse 6s ease infinite; 15523 -o-animation: pulse 6s ease infinite; 15524 animation: pulse 6s ease infinite; 15525} 15526 15527.dropzone .dz-preview .dz-progress { 15528 opacity: 1; 15529 z-index: 1000; 15530 pointer-events: none; 15531 position: absolute; 15532 height: 16px; 15533 left: 50%; 15534 top: 50%; 15535 margin-top: -8px; 15536 width: 80px; 15537 margin-left: -40px; 15538 background: rgba(255, 255, 255, 0.9); 15539 -webkit-transform: scale(1); 15540 border-radius: 8px; 15541 overflow: hid
15541den; 15542} 15543 15544.dropzone .dz-preview .dz-progress .dz-upload { 15545 background: #333; 15546 background: linear-gradient(to bottom, #666, #444); 15547 position: absolute; 15548 top: 0; 15549 left: 0; 15550 bottom: 0; 15551 width: 0; 15552 -webkit-transition: width 300ms ease-in-out; 15553 -moz-transition: width 300ms ease-in-out; 15554 -ms-transition: width 300ms ease-in-out; 15555 -o-transition: width 300ms ease-in-out; 15556 transition: width 300ms ease-in-out; 15557} 15558 15559.dropzone .dz-preview.dz-error .dz-error-message { 15560 display: block; 15561} 15562 15563.dropzone .dz-preview.dz-error:hover .dz-error-message { 15564 opacity: 1; 15565 pointer-events: auto; 15566} 15567 15568.dropzone .dz-preview .dz-error-message { 15569 pointer-events: none; 15570 z-index: 1000; 15571 position: absolute; 15572 display: block; 15573 display: none; 15574 opacity: 0; 15575 -webkit-transition: opacity 0.3s ease; 15576 -moz-transition: opacity 0.3s ease; 15577 -ms-transition: opacity 0.3s ease; 15578 -o-transition: opacity 0.3s ease; 15579 transition: opacity 0.3s ease; 15580 border-radius: 8px; 15581 font-size: 13px; 15582 top: 130px; 15583 left: -10px; 15584 width: 140px; 15585 background: #be2626; 15586 background: linear-gradient(to bottom, #be2626, #a92222); 15587 padding: 0.5em 1.2em; 15588 color: white; 15589} 15590 15591.dropzone .dz-preview .dz-error-message:after { 15592 content: ""; 15593 position: absolute; 15594 top: -6px; 15595 left: 64px; 15596 width: 0; 15597 height: 0; 15598 border-left: 6px solid transparent; 15599 border-right: 6px solid transparent; 15600 border-bottom: 6px solid #be2626; 15601} 15602 15603.topbar-container { 15604 width: 100%; 15605 height: 4.375rem; 15606 position: relative; 15607 background: #ffffff; 15608 z-index: 1010; 15609} 15610@media print, screen and (min-width: 64em) { 15611 .topbar-container { 15612 height: 5.75rem; 15613 } 15614} 15615.topbar-container.is-absolute { 15616 position: absolute; 15617 background: transparent; 15618} 15619.topbar-container.is-fixed { 15620 position: fixed; 15621 top: 0; 15622} 15623 15624.topbar { 15625 width: 100%; 15626 padding: 0; 15627 position: relative; 15628 left: 0; 15629 right: 0; 15630 top: 0; 15631 background: transparent; 15632 z-index: 10; 15633 box-shadow: 0 4px 9px rgba(0, 0, 0, 0.11); 15634 transition: background 250ms ease-out; 15635 transform: translateY(0); 15636}
15637.is-absolute .topbar { 15638 box-shadow: none; 15639} 15640.is-absolute.is-sticky .topbar { 15641 background: #000000; 15642} 15643.is-sticky .topbar { 15644 background: #ffffff; 15645 transition: transform 250ms ease-out, background 250ms ease-out; 15646 position: fixed; 15647 top: -5.3125rem; 15648 transform: translateY(100%); 15649} 15650@media print, screen and (min-width: 64em) { 15651 .is-sticky .topbar { 15652 top: -5.8125rem; 15653 } 15654} 15655.is-fixed .topbar { 15656 top: 0; 15657 transform: none; 15658} 15659.is-search-page .topbar { 15660 background: #e9edf1; 15661 box-shadow: none; 15662} 15663.is-search-page .topbar .search__input { 15664 background: #ffffff !important; 15665} 15666.topbar .grid-x { 15667 justify-content: space-between; 15668 border-bottom: 1px solid rgba(255, 255, 255, 0.3); 15669 padding-bottom: 0.9375rem; 15670 padding-top: 0.9375rem; 15671} 15672.topbar .cell { 15673 min-width: 2.5rem; 15674} 15675@media print, screen and (min-width: 64em) { 15676 .topbar .cell.large-order-2 { 15677 margin-left: auto; 15678 } 15679} 15680 15681.topbar__logo { 15682 display: block; 15683 height: 3.375rem; 15684} 15685@media print, screen and (min-width: 64em) { 15686 .topbar__logo { 15687 height: 3.875rem; 15688 margin-right: 1.25rem; 15689 } 15690} 15691.topbar__logo img { 15692 display: block; 15693 width: auto; 15694 height: 100%; 15695} 15696 15697@media print, screen and (min-width: 64em) { 15698 .topbar__menu-wrapper { 15699 display: inline-flex; 15700 flex-flow: row nowrap; 15701 justify-content: flex-end; 15702 align-items: center; 15703 } 15704 .topbar__menu-wrapper .menu + .menu { 15705 margin-left: 1.25rem; 15706 } 15707} 15708@media screen and (max-width: 63.99875em) { 15709 .topbar__menu { 15710 display: none !important; 15711 } 15712} 15713.topbar__menu { 15714 justify-content: flex-end; 15715 font-weight: 500; 15716 font-size: 0.875rem; 15717} 15718.topbar__menu .dropdown { 15719 font-size: inherit; 15720} 15721.topbar__menu > li + li { 15722 margin-left: 0.75rem; 15723} 15724.topbar__menu > li > a { 15725 height: 2.75rem; 15726 line-height: 2.75rem; 15727 transition: color 250ms ease-out, background 250ms ease-out; 15728} 15729.topbar__menu > li > a.button { 15730 padding: 0 1.75em; 15731 height: 2.75rem; 15732 line-height: 2.75rem; 15733 font-size: 0.8125rem; 15734 transition: background 250ms ease-out, color 250ms ease-out, border 250ms ease-out; 15735 border-radius: 3px; 15736} 15737.topbar__menu > li > a.button.primary { 15738 color: #ffffff; 15739} 15740.topbar__menu > li > a.button.primary:hover, .topbar__menu > li > a.button.primary:focus { 15741 color: #ffffff; 15742} 15743.topbar__menu > li > a.button.blured { 15744 background: rgba(0, 0, 0, 0.2); 15745 color: #000000; 15746} 15747.topbar__menu > li > a.button.blured:hover, .topbar__menu > li > a.button.blured:focus { 15748 background: rgba(0, 0, 0, 0.1); 15749}
15750.is-absolute .topbar__menu > li > a.button.blured { 15751 background: rgba(255, 255, 255, 0.2); 15752 color: #ffffff; 15753 backdrop-filter: blur(10.8731px); 15754} 15755.is-absolute .topbar__menu > li > a.button.blured:hover, .is-absolute .topbar__menu > li > a.button.blured:focus { 15756 background: rgba(255, 255, 255, 0.1); 15757 color: #ffffff; 15758} 15759.topbar__menu > li > a:not(.button), .topbar__menu.dropdown.menu > li > a:not(.button) { 15760 color: #000000; 15761 padding: 0 0.5em; 15762} 15763.topbar__menu > li > a:not(.button):hover, .topbar__menu > li > a:not(.button):focus, .topbar__menu.dropdown.menu > li > a:not(.button):hover, .topbar__menu.dropdown.menu > li > a:not(.button):focus { 15764 color: rgba(0, 0, 0, 0.75); 15765} 15766.topbar__menu > li.is-active > a:not(.button), .topbar__menu.dropdown.menu > li.is-active > a:not(.button) { 15767 color: rgba(0, 0, 0, 0.75); 15768 background: revert; 15769} 15770.is-absolute .topbar__menu > li:not(.button) > a, .is-absolute .topbar__menu.dropdown.menu > li:not(.button) > a { 15771 color: #ffffff; 15772} 15773.is-absolute .topbar__menu > li:not(.button) >
15773 a:hover, .is-absolute .topbar__menu > li:not(.button) > a:focus, .is-absolute .topbar__menu.dropdown.menu > li:not(.button) > a:hover, .is-absolute .topbar__menu.dropdown.menu > li:not(.button) > a:focus { 15774 color: rgba(255, 255, 255, 0.75); 15775} 15776.is-absolute .topbar__menu > li.is-active > a:not(.button), .is-absolute .topbar__menu.dropdown.menu > li.is-active > a:not(.button) { 15777 color: rgba(255, 255, 255, 0.75); 15778} 15779.topbar__menu > li.is-dropdown-submenu-parent + li, .topbar__menu.dropdown.menu > li.is-dropdown-submenu-parent + li { 15780 margin-left: 1.5rem; 15781} 15782.topbar__menu > li.is-dropdown-submenu-parent > a, .topbar__menu.dropdown.menu > li.is-dropdown-submenu-parent > a { 15783 position: relative; 15784 padding-right: 1rem; 15785} 15786.topbar__menu > li.is-dropdown-submenu-parent > a::after, .topbar__menu.dropdown.menu > li.is-dropdown-submenu-parent > a::after { 15787 content: ""; 15788 display: block; 15789 width: 6px; 15790 height: 6px; 15791 border: 2px solid; 15792 border-width: 0px 2px 2px 0; 15793 transform: rotate(45deg); 15794 position: absolute; 15795 right: 2px; 15796 top: 50%; 15797} 15798.topbar__menu > li > .menu--activities { 15799 border: 0 none; 15800 background: #ffffff; 15801 padding: 0.75rem 0; 15802 border-radius: 3px; 15803 font-size: 0.875rem; 15804 left: 50% !important; 15805 transform: translateX(-50%); 15806 filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.25)) drop-shadow(0px 5px 7px rgba(0, 0, 0, 0.25)); 15807 z-index: 11; 15808} 15809.topbar__menu > li > .menu--activities::before { 15810 content: ""; 15811 display: block; 15812 width: 16px; 15813 height: 8px; 15814 border-style: solid; 15815 border-width: 0 8px 8px 8px; 15816 border-color: transparent transparent #ffffff transparent; 15817 top: 1px; 15818 left: 50%; 15819 position: absolute; 15820 transform: translate(-50%, -100%); 15821} 15822.topbar__menu > li > .menu--activities a { 15823 padding: 0 1.5rem; 15824 height: 2.5rem; 15825 line-height: 2.5rem; 15826 color: #000000; 15827 white-space: nowrap; 15828 font-weight: 500; 15829 transition: color 250ms ease-out; 15830} 15831.topbar__menu > li > .menu--activities a:hover, .topbar__menu > li > .menu--activities a:focus { 15832 color: rgba(0, 0, 0, 0.65); 15833} 15834.topbar__menu li.is-icon + .is-icon { 15835 margin-left: 0; 15836} 15837.topbar__menu li.is-icon a { 15838 display: flex; 15839 flex-flow: row nowrap; 15840 justify-content: center; 15841 align-items: center; 15842 font-weight: 400; 15843 font-size: 1.375rem; 15844 padding: 0 0.5em; 15845 transition: transform 250ms ease-out; 15846} 15847.topbar__menu li.is-icon a:hover, .topbar__menu li.is-icon a:focus { 15848 transform: scale(1.2); 15849 color: #000000; 15850}
15851.is-absolute .topbar__menu li.is-icon a:hover, .is-absolute .topbar__menu li.is-icon a:focus { 15852 color: #ffffff; 15853} 15854.topbar__menu li.is-logout a { 15855 color: #ff0000 !important; 15856} 15857.topbar__menu svg { 15858 display: block; 15859} 15860.topbar__menu .topbar__user { 15861 position: relative; 15862 display: block; 15863 min-width: 7.5rem; 15864 margin: -0.375rem 0; 15865 height: 3.5rem; 15866 padding: 0 2.75rem 0 3.5rem !important; 15867 padding-left: 3.5rem; 15868 line-height: 3.5rem; 15869 border-radius: 3px; 15870 border: 1px solid rgba(0, 0, 0, 0.5); 15871 font-size: 0.8125rem; 15872 background: #ffffff; 15873 color: #000000; 15874 z-index: 10; 15875 transition: background 250ms ease-out; 15876} 15877.topbar__menu .topbar__user:hover, .topbar__menu .topbar__user:focus { 15878 background: #ffffff; 15879 color: #000000; 15880} 15881.topbar__menu .topbar__user img { 15882 position: absolute; 15883 display: block; 15884 width: 2.125rem; 15885 border-radius: 2.125rem; 15886 left: 0.75rem; 15887 top: 50%; 15888 transform: translateY(-50%); 15889} 15890.topbar__menu .topbar__user::after { 15891 content: ""; 15892 display: block; 15893 width: 9px; 15894 height: 9px; 15895 border: 2px solid; 15896 border-width: 0px 2px 2px 0; 15897 transform: rotate(45deg) translateY(-25%); 15898 position: absolute; 15899 right: 1.25rem; 15900 top: 50%; 15901}
15902.is-absolute .topbar__menu .topbar__user { 15903 background: transparent; 15904 color: #ffffff; 15905 border-color: rgba(255, 255, 255, 0.5); 15906} 15907.topbar__menu .is-active .topbar__user { 15908 border-color: transparent; 15909} 15910 15911.topbar__user__dropdown { 15912 width: 100%; 15913 padding: 4.125rem 0 0.625rem; 15914 top: -0.375rem !important; 15915 border-top: 0 none; 15916 border-color: transparent; 15917 border-radius: 3px 3px; 15918 box-shadow: 0 4px 9px rgba(0, 0, 0, 0.11), 0 0 0 2px rgba(0, 0, 0, 0.15); 15919} 15920.topbar__user__dropdown a { 15921 font-size: 0.8125rem; 15922 color: #000000; 15923 transition: opacity 250ms ease-out, background 250ms ease-out; 15924} 15925.topbar__user__dropdown a:hover, .topbar__user__dropdown a:focus { 15926 opacity: 0.75; 15927} 15928 15929@media print, screen and (min-width: 64em) { 15930 .topbar__menu-icon { 15931 display: none !important; 15932 } 15933} 15934.topbar__menu-icon { 15935 display: block; 15936 float: right; 15937 position: relative; 15938 width: 1.5rem; 15939 height: 1rem; 15940 cursor: pointer; 15941 overflow: hidden; 15942 border-radius: 0; 15943} 15944.topbar__menu-icon::after { 15945 display: block; 15946 content: ""; 15947 position: absolute; 15948 top: 0; 15949 left: 0; 15950 width: 100%; 15951 height: 0.125rem; 15952 background: #000000; 15953 color: #000; 15954 box-shadow: 0 0.4375rem 0, 0.625rem 0.875rem 0; 15955 transition: box-shadow 250ms ease-out; 15956} 15957.topbar__menu-icon:hover::after { 15958 box-shadow: 0 0.4375rem 0, 0 0.875rem 0; 15959}
15960.is-absolute .topbar__menu-icon::after { 15961 background: #ffffff; 15962 color: #ffffff; 15963} 15964 15965.off-canvas { 15966 padding: 0; 15967} 15968.off-canvas__header { 15969 height: 4.375rem; 15970 padding: 0.5rem 1.25rem; 15971 border-bottom: 1px solid rgba(255, 255, 255, 0.15); 15972} 15973@media print, screen and (min-width: 64em) { 15974 .off-canvas__header { 15975 height: 5.75rem; 15976 padding: 0.9375rem 1.25rem; 15977 } 15978} 15979.off-canvas .topbar__logo { 15980 display: inline-flex; 15981} 15982.off-canvas .close-button { 15983 font-size: 1.25rem; 15984 top: 1.5625rem; 15985 right: 1.25rem; 15986 color: #ffffff; 15987 transition: color 250ms ease-out; 15988} 15989.off-canvas .close-button::before { 15990 content: ""; 15991 display: block; 15992 width: 2em; 15993 height: 2em; 15994 position: absolute; 15995 left: -0.5em; 15996 top: -0.5em; 15997} 15998.off-canvas .close-button:hover, .off-canvas .close-button:focus { 15999 color: rgba(255, 255, 255, 0.75); 16000} 16001.off-canvas .close-button svg { 16002 display: block; 16003} 16004.off-canvas .icon { 16005 display: block; 16006} 16007.off-canvas .menu { 16008 padding: 1.25rem; 16009 color: #ffffff; 16010} 16011.off-canvas .menu a { 16012 color: #ffffff; 16013 font-weight: 500; 16014 padding: 0.6rem 0; 16015} 16016.off-canvas .menu li + li { 16017 margin-top: 0.6em; 16018} 16019.off-canvas__social.menu { 16020 margin-left: -0.5em; 16021 padding: 0; 16022 font-size: 1.25rem; 16023} 16024.off-canvas__social.menu li + li { 16025 margin-top: 0; 16026} 16027.off-canvas__social.menu a { 16028 color: #ffffff; 16029 padding: 0.5em; 16030} 16031.off-canvas__user.menu { 16032 border-bottom: 1px solid rgba(255, 255, 255, 0.15); 16033} 16034.off-canvas__user.menu > li > a { 16035 padding: 0; 16036 display: flex; 16037 flex-flow: row nowrap; 16038 line-height: 1.3125; 16039 align-items: center; 16040 justify-content: flex-start; 16041} 16042.off-canvas__user.menu > li > a img { 16043 display: block; 16044 width: 3.75rem; 16045 border-radius: 3.75rem; 16046 margin-right: 1.25rem; 16047} 16048.off-canvas__user.menu .menu { 16049 margin-top: 1rem; 16050 padding: 0; 16051} 16052.off-canvas .grid-x { 16053 padding: 1.25rem 0.625rem; 16054 border-top: 1px solid rgba(255, 255, 255, 0.15); 16055} 16056.off-canvas .grid-x .cell { 16057 padding-left: 0.625rem; 16058 padding-right: 0.625rem; 16059} 16060.off-canvas .grid-x .button { 16061 margin-bottom: 0; 16062 white-space: nowrap; 16063 text-align: center; 16064} 16065.off-canvas .grid-x .shrink { 16066 margin-top: 0.5rem; 16067 margin-left: auto; 16068 color: rgba(255, 255, 255, 0.5); 16069 font-size: 0.875rem; 16070 line-height: 1.5; 16071 font-weight: 500; 16072} 16073.off-canvas .grid-x .shrink span { 16074 font-size: 1.25rem; 16075} 16076 16077.footer { 16078 position: relative; 16079 padding-top: 3rem; 16080} 16081.footer .padded .cell { 16082 margin-bottom: 3em; 16083} 16084@media print, screen and (min-width: 40em) { 16085 .footer .padded .cell { 16086 margin-bottom: 0; 16087 } 16088} 16089.footer { 16090 color: rgba(255, 255, 255, 0.75); 16091 background: #000000; 16092 padding-bottom: 3rem; 16093} 16094.footer .copyright { 16095 font-size: 0.875rem; 16096} 16097.footer .copyright span { 16098 color: #ffffff; 16099} 16100.footer .copyright a { 16101 color: #ffffff; 16102 opacity: 0.7; 16103} 16104.footer .copyright a:hover, .footer .copyright a:focus { 16105 color: #18A66F; 16106 text-decoration: underline; 16107} 16108.footer .copyright .bullet { 16109 background: #3e3e3e; 16110 display: inline-block; 16111 width: 4px; 16112 height: 4px; 16113 vertical-align: middle; 16114 margin-inline: 0.25rem; 16115 border-radius: 50%; 16116} 16117.footer .footer__phone { 16118 font-size: 2rem; 16119 font-weight: 800; 16120 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 16121 color: #ffffff !important; 16122} 16123.footer hr { 16124 border-color: #3e3e3e; 16125 max-width: 100%; 16126 margin: 2.5rem 0; 16127} 16128.footer .grid-container { 16129 position: relative; 16130 z-index: 1; 16131} 16132.footer .row { 16133 justify-content: flex-start; 16134} 16135.footer__logo { 16136 display: block; 16137 margin-block: 0.5rem 3.5rem; 16138} 16139@media print, screen and (min-width: 40em) { 16140 .footer__logo { 16141 margin-block: 7rem; 16142 } 16143} 16144.footer__logo img { 16145 display: block; 16146 width: 100%; 16147} 16148.footer p { 16149 margin: 0; 16150 font-size: 0.875rem; 16151} 16152.footer .heart { 16153 display: inline-block; 16154 margin: 0 0.1em; 16155 line-height: 0; 16156 position: relative; 16157 top: 4px; 16158 font-size: 1.5rem; 16159 color: #FAB650; 16160} 16161.footer .social { 16162 list-style: none; 16163 margin: 3rem 0 0 0; 16164 font-size: 0; 16165} 16166@media print, screen and (min-width: 40em) { 16167 .footer .social { 16168 margin-top: 6.625rem; 16169 } 16170} 16171.footer .social li { 16172 display: inline-block; 16173} 16174.footer .social li a { 16175 display: block; 16176 background: #3e3e3e; 16177 width: 3rem; 16178 height: 3rem; 16179 line-height: 3rem; 16180 text-align: center; 16181 border-radius: 50%; 16182 margin-right: 0.5rem; 16183 font-size: 0.875rem; 16184} 16185.footer .social li a svg { 16186 vertical-align: middle; 16187} 16188 16189.footer__menu { 16190 margin: 0; 16191 font-size: 0.875rem; 16192} 16193.footer__menu li + li { 16194 margin-top: 0.25rem; 16195} 16196.footer__menu a { 16197 padding: 0; 16198 line-height: 157%; 16199 transition: color 250ms ease-out; 16200 color: inherit; 16201 text-decoration: none; 16202 opacity: 0.7; 16203} 16204.footer__menu a:link { 16205 color: #ffffff; 16206} 16207.footer__menu a:hover, .footer__menu a:focus { 16208 text-decoration: underline; 16209 color: #18A66F; 16210} 16211.footer__menu a.has-icon { 16212 padding-left: 1.75rem; 16213 position: relative; 16214} 16215.footer__menu a.has-icon .icon { 16216 font-size: 1.125rem; 16217 position: absolute; 16218 left: 0; 16219 top: 50%; 16220 transform: translateY(-50%); 16221 color: #ffffff; 16222} 16223.footer__menu__title { 16224 display: block; 16225 margin-bottom: 1.5rem; 16226 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 16227 font-size: 0.875rem; 16228 font-weight: 800; 16229 color: #ffffff; 16230} 16231.footer__menu.highlight a { 16232 opacity: 1; 16233 text-decoration: underline; 16234} 16235 16236.partners { 16237 margin-top: 3rem; 16238 text-align: center; 16239} 16240@media print, screen and (min-width: 64em) { 16241 .partners { 16242 margin-top: 4.5rem; 16243 } 16244} 16245.partners strong { 16246 display: block; 16247 margin: 0 0 1em; 16248} 16249.partners__grid { 16250 border: 1px solid rgba(0, 0, 0, 0.1); 16251 border-width: 1px 0 0 1px; 16252} 16253.partners__grid .cell { 16254 display: block; 16255 position: relative; 16256 background: rgba(255, 255, 255, 0.9); 16257 border: 1px solid rgba(0, 0, 0, 0.1); 16258 border-width: 0 1px 1px 0; 16259 transition: background-color 250ms ease-out, box-shadow 250ms ease-out; 16260} 16261.partners__grid .cell::before { 16262 content: ""; 16263 display: block; 16264 height: 0; 16265 padding-top: 100%; 16266} 16267.partners__grid .cell:hover, .partners__grid .cell:focus { 16268 background: #ffffff; 16269 box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); 16270 z-index: 1; 16271} 16272.partners__grid img { 16273 position: absolute; 16274 left: 50%; 16275 top: 50%; 16276 transform: translate(-50%, -50%); 16277 max-width: 70%; 16278 max-height: 70%; 16279 width: auto; 16280 height: auto; 16281} 16282.partners__list { 16283 margin-left: -1.375rem; 16284 margin-right: -1.375rem; 16285} 16286.partners__list .cell { 16287 padding: 1.375rem; 16288} 16289.partners__list a { 16290 display: inline-block; 16291 padding: 0; 16292 color: rgba(0, 0, 0, 0.3); 16293 font-weight: 700; 16294 font-size: 1.125rem; 16295} 16296@media print, screen and (min-width: 64em) { 16297 .partners__list a { 16298 font-size: 1.5rem; 16299 padding: 1rem 0; 16300 } 16301} 16302 16303.cc-window { 16304 width: 100%; 16305 position: fixed; 16306 position: sticky; 16307 bottom: 0; 16308 left: 0; 16309 right: 0; 16310 z-index: 9999; 16311 padding: 1rem 0; 16312 background: #141414; 16313 color: #ffffff; 16314} 16315@media print, screen and (min-width: 64em) { 16316 .cc-window { 16317 padding: 1.25rem 0; 16318 } 16319} 16320.cc-window .grid-container { 16321 width: 100%; 16322} 16323@media screen and (min-width: 30em) { 16324 .cc-window .grid-container { 16325 display: flex; 16326 flex-flow: row nowrap; 16327 justify-content: space-between; 16328 align-items: center; 16329 } 16330} 16331 16332.cc-message { 16333 display: block; 16334 font-size: 0.625rem; 16335 line-height: 1.5; 16336 font-weight: 500; 16337} 16338@media print, screen and (min-width: 40em) { 16339 .cc-message { 16340 font-size: 0.75rem; 16341 } 16342} 16343@media print, screen and (min-width: 64em) { 16344 .cc-message { 16345 font-size: 0.875rem; 16346 } 16347} 16348.cc-message a { 16349 text-decoration: underline; 16350} 16351.cc-message a:hover, .cc-message a:focus { 16352 text-decoration: none; 16353} 16354
16355.cc-compliance .button { 16356 margin: 0.5rem 0 0; 16357 min-width: 0; 16358 padding: 0.625rem 1.5rem; 16359 line-height: 1; 16360 border: 0 none; 16361 font-size: 0.875rem; 16362} 16363@media screen and (min-width: 30em) { 16364 .cc-compliance .button { 16365 margin: 0 0 0 1.25rem; 16366 } 16367} 16368@media print, screen and (min-width: 64em) { 16369 .cc-compliance .button { 16370 padding: 0.75rem 1.875rem; 16371 } 16372} 16373 16374.cc-window { 16375 opacity: 1; 16376 transition: opacity 1s ease; 16377} 16378 16379.cc-window.cc-invisible { 16380 opacity: 0; 16381} 16382 16383/* only animate ifhas class 'cc-animate' */ 16384.cc-animate.cc-revoke { 16385 transition: transform 1s ease; 16386} 16387 16388.cc-animate.cc-revoke.cc-top { 16389 transform: translateY(-2em); 16390} 16391 16392.cc-animate.cc-revoke.cc-bottom { 16393 transform: translateY(2em); 16394} 16395 16396.cc-animate.cc-revoke.cc-active.cc-top { 16397 transform: translateY(0); 16398} 16399 16400.cc-animate.cc-revoke.cc-active.cc-bottom { 16401 transform: translateY(0); 16402} 16403 16404.cc-revoke:hover { 16405 transform: translateY(0); 16406} 16407 16408.cc-grower { 16409 /* Initially we don't want any height, and we want the contents to be hidden */ 16410 max-height: 0; 16411 overflow: hidden; 16412 transition: max-height 1s; 16413} 16414 16415.pagination { 16416 margin-top: 1.25rem; 16417 font-size: 0 !important; 16418 font-weight: 500; 16419} 16420.pagination li { 16421 width: 2.75rem; 16422 height: 2.5rem; 16423 line-height: 2.375rem; 16424 margin: 3px; 16425 border: 1px solid #cbcbcb; 16426 border-radius: 3px; 16427 overflow: hidden; 16428 background: #ffffff; 16429} 16430.pagination li a { 16431 background: #ffffff; 16432} 16433.pagination li a:hover { 16434 color: #141414; 16435} 16436.pagination li.pagination-previous, .pagination li.pagination-next { 16437 border-radius: 3px; 16438 border-color: #18A66F; 16439 background: #18A66F; 16440 color: #ffffff; 16441} 16442.pagination li.pagination-previous.disabled, .pagination li.pagination-next.disabled { 16443 opacity: 0.5; 16444} 16445.pagination li.pagination-previous.disabled:hover, .pagination li.pagination-next.disabled:hover { 16446 background: #18A66F; 16447} 16448.pagination li.pagination-previous a, .pagination li.pagination-next a { 16449 background: #18A66F; 16450 color: #ffffff; 16451} 16452 16453.hike__header { 16454 position: relative; 16455 padding-top: 4.375rem; 16456 background: #000000; 16457 color: #ffffff; 16458 text-align: center; 16459} 16460@media print, screen and (min-width: 40em) { 16461 .hike__header { 16462 padding-top: 5.625rem; 16463 } 16464} 16465@media print, screen and (min-width: 64em) { 16466 .hike__header { 16467 text-align: left; 16468 padding-top: 8.25rem; 16469 padding-bottom: 17.5rem; 16470 } 16471} 16472.hike__header .has-tip { 16473 border-bottom: 0 none; 16474} 16475.hike__header .hike__attributes { 16476 justify-content: center; 16477} 16478@media screen and (min-width: 22.5em) { 16479 .hike__header .hike__attributes { 16480 font-size: 1.25rem; 16481 } 16482 .hike__header .hike__attributes strong { 16483 font-size: 0.625rem; 16484 } 16485} 16486.hike__header .hike__attributes li, 16487.hike__header .hike__attributes li:last-child { 16488 text-align: left; 16489 margin-left: 1rem; 16490 margin-right: 1rem; 16491} 16492@media print, screen and (min-width: 64em) { 16493 .hike__header .hike__attributes li { 16494 margin: 0 1em 0 0; 16495 } 16496 .hike__header .hike__attributes li:last-child { 16497 margin-right: 0; 16498 margin-left: 0; 16499 } 16500} 16501@media screen and (min-width: 75em) { 16502 .hike__header .hike__attributes li { 16503 margin: 0 2em 0 0; 16504 } 16505} 16506.hike__header::after { 16507 content: ""; 16508 display: block; 16509 width: 100%; 16510 height: 12rem; 16511 position: absolute; 16512 left: 0; 16513 top: 0; 16514 background-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); 16515 opacity: 0.5; 16516 z-index: 1; 16517} 16518.hike__header .grid-container { 16519 position: relative; 16520 z-index: 2; 16521 padding-bottom: 1rem; 16522} 16523@media print, screen and (min-width: 48em) { 16524 .hike__header .grid-container { 16525 padding-bottom: 2rem; 16526 } 16527} 16528.hike__header .callout.alert { 16529 background: #fc2a2a; 16530} 16531.hike__header__info { 16532 display: flex; 16533 flex-flow: row wrap; 16534 justify-content: flex-start; 16535 align-items: center; 16536} 16537.hike__header__info .callout { 16538 padding: 0.5625rem 0.625rem; 16539 margin-right: 1rem; 16540} 16541.hike__header__info .callout p { 16542 font-size: 0.875rem; 16543 line-height: 1.4286; 16544} 16545.hike__header .large-order-1 { 16546 position: relative; 16547} 16548.hike__header__user-actions { 16549 margin-bottom: 0.75rem; 16550} 16551@media print, screen and (min-width: 64em) { 16552 .hike__header__user-actions { 16553 margin-top: 0.875rem; 16554 margin-bottom: 0; 16555 } 16556} 16557.hike__header__user-actions .grid-x { 16558 justify-content: center; 16559 align-items: center; 16560} 16561@media print, screen and (min-width: 64em) { 16562 .hike__header__user-actions .grid-x { 16563 justify-content: space-between; 16564 } 16565} 16566.hike__header__user-actions .cell { 16567 font-size: 0; 16568} 16569.hike__header__user-actions .button-group { 16570 margin: 0; 16571} 16572.hike__header__user-actions .button-group .button { 16573 margin-bottom: 0; 16574} 16575.hike__header__user-actions .button-group .button.comments-count { 16576 align-self: center; 16577 display: block; 16578 margin: 0.375rem 1.125rem 0 0; 16579 width: 2.125rem; 16580 height: 2rem; 16581 line-height: 1.625rem; 16582 padding: 0; 16583 background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='34' height='32' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:avocode='https://avocode.com/' viewB
16583ox='0 0 34 32'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg%3E%3Ctitle%3EPath%3C/title%3E%3Cpath d='M30.6,0h-27.2c-1.87777,0 -3.4,1.52223 -3.4,3.4v18.13333c0,1.87777 1.52223,3.4 3.4,3.4h7.93333v0l5.66667,6.8v0l5.66667,-6.8v0h7.93333c1.87777,0 3.4,-1.52223 3.4,-3.4v-18.13333c0,-1.87777 -1.52223,-3.4 -3.4,-3.4z' fill='%23ffffff' fill-opacity='0.2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center transparent; 16584 color: #ffffff; 16585 font-size: 0.8125rem; 16586 font-weight: 700; 16587 border: 0 none; 16588 transition: background-color 0.25s ease-out, color 0.25s ease-out, background-image 0.25s ease-out; 16589} 16590.hike__header__user-actions .button-group .button.comments-count:hover, .hike__header__user-actions .button-group .button.comments-count:focus { 16591 background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='34' height='32' xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:avocode='https://avocode.com/' viewBox='0 0 34 32'%3E%3Cdefs%3E%3C/defs%3E%3Cdesc%3EGenerated with Avocode.%3C/desc%3E%3Cg%3E%3Cg%3E%3Ctitle%3EPath%3C/title%3E%3Cpath d='M30.6,0h-27.2c-1.87777,0 -3.4,1.52223 -3.4,3.4v18.13333c0,1.87777 1.52223,3.4 3.4,3.4h7.93333v0l5.66667,6.8v0l5.66667,-6.8v0h7.93333c1.87777,0 3.4,-1.52223 3.4,-3.4v-18.13333c0,-1.87777 -1.52223,-3.4 -3.4,-3.4z' fill='%23ffffff' fill-opacity='0.4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center transparent; 16592} 16593.hike__header__user-actions .button-group button { 16594 display: inline-block; 16595 margin: auto 0 auto 1em; 16596 font-size: 1.25rem; 16597 width: 1em; 16598 height: 1em; 16599 color: #ffffff; 16600 transition: transform 250ms ease-out; 16601 cursor: pointer; 16602} 16603@media print, screen and (min-width: 64em) { 16604 .hike__header__user-actions .button-group button { 16605 font-size: 1.5rem; 16606 } 16607} 16608.hike__header__user-actions .button-group button:hover, .hike__header__user-actions .button-group button:focus { 16609 transform: scale(1.2); 16610} 16611.hike__header__user-actions .button-group button.is-active { 16612 color: #18A66F; 16613} 16614.hike__header__user-actions .star-rating { 16615 display: inline-block; 16616 vertical-align: bottom; 16617 margin-bottom: 0; 16618 font-size: 0.875rem; 16619} 16620@media print, screen and (min-width: 64em) { 16621 .hike__header__user-actions .star-rating { 16622 font-size: 1.25rem; 16623 } 16624} 16625.hike__header__user-actions .star-rating__count, 16626.hike__header__user-actions .star-rating__add { 16627 display: inline-block; 16628 color: #f1ba16; 16629 font-size: 0.75rem; 16630 font-weight: 700; 16631 vertical-align: bottom; 16632 line-height: 0.75rem; 16633 margin-left: 0.75em; 16634} 16635@media print, screen and (min-width: 64em) { 16636 .hike__header__user-actions .star-rating__count, 16637 .hike__header__user-actions .star-rating__add { 16638 font-size: 0.875rem; 16639 line-height: 1.125rem; 16640 } 16641} 16642@media screen and (max-width: 63.99875em) { 16643 .hike__header__user-actions .star-rating__add { 16644 display: none !important; 16645 } 16646} 16647.hike__header__user-actions .star-rating__add { 16648 margin-left: 1.5em; 16649} 16650.hike__header__user-actions .star-rating__add:hover, .hike__header__user-actions .star-rating__add:focus { 16651 color: rgb(198.4744939271, 151.624291498, 11.9255060729); 16652} 16653 16654.hike__position { 16655 display: block; 16656 width: 4.625rem; 16657 height: 2.4375rem; 16658 position: relative; 16659 top: 0.125rem; 16660} 16661.hike__position img { 16662 display: block; 16663 margin: 0; 16664} 16665.hike__position .point { 16666 display: block; 16667 width: 0.5rem; 16668 height: 0.5rem; 16669 border-radius: 0.5rem; 16670 background: #fc2a2a; 16671 position: absolute; 16672 transform: translate(-50%, -50%); 16673} 16674 16675@media print, screen and (min-width: 64em) { 16676 .hike__header__actions-toggle { 16677 display: none !important; 16678 } 16679} 16680.hike__header__actions-toggle { 16681 display: block; 16682 cursor: pointer; 16683 color: #ffffff; 16684 font-size: 1.375rem; 16685 padding: 0.5625rem 0.25rem; 16686 position: absolute; 16687 right: 0; 16688 top: 0.625rem; 16689} 16690@media print, screen and (min-width: 40em) { 16691 .hike__header__actions-toggle { 16692 top: 0.875rem; 16693 } 16694} 16695@media print, screen and (min-width: 48em) { 16696 .hike__header__actions-toggle { 16697 top: 1.125rem; 16698 } 16699} 16700.hike__header__actions-toggle .icon { 16701 display: block; 16702} 16703@media print, screen and (min-width: 64em) { 16704 .hike__header__actions-toggle + .dropdown-pane { 16705 display: none !important; 16706 } 16707} 16708.hike__header__actions-toggle + .dropdown-pane { 16709 width: auto; 16710 padding: 0.625rem 0.5rem; 16711 font-size: 0.875rem; 16712 box-shadow: 0 12px 24px rgba(0, 0, 0, 0.17); 16713 border: 0 none; 16714} 16715.hike__header__actions-toggle + .dropdown-pane .menu { 16716 text-align: left; 16717} 16718.hike__header__actions-toggle + .dropdown-pane a { 16719 font-weight: 700; 16720 color: #000000; 16721} 16722 16723@media print, screen and (min-width: 64em) { 16724 .hike__sticky-closure { 16725 display: none !important; 16726 } 16727} 16728.hike__sticky-closure { 16729 width: 100%; 16730} 16731.hike__sticky-closure .sticky.is-stuck { 16732 z-index: 800; 16733} 16734.hike__sticky-closure .callout { 16735 width: 100%; 16736 margin: 0; 16737 border-radius: 0; 16738 text-align: center; 16739 font-size: 0.875rem; 16740} 16741 16742@media print, screen and (min-width: 64em) { 16743 .hike__sticky-weather { 16744 display: none !important; 16745 } 16746} 16747.hike__sticky-weather { 16748 width: 100%; 16749 height: 0 !important; 16750} 16751.hike__sticky-weather .sticky { 16752 background: #ffffff; 16753 box-shadow: 0 20px 70px rgba(0, 0, 0, 0.12); 16754 transition: opacity 250ms ease-out; 16755} 16756.hike__sticky-weather .sticky.is-stuck { 16757 z-index: 800; 16758} 16759.hike__sticky-weather .sticky.is-anchored.is-at-bottom { 16760 visibility: hidden; 16761} 16762.hike__sticky-weather .grid-container { 16763 display: flex; 16764 flex-flow: row nowrap; 16765 justify-content: space-evenly; 16766 align-items: center; 16767 padding-top: 0.625rem; 16768 padding-bottom: 0.625rem; 16769} 16770.hike__sticky-weather span, 16771.hike__sticky-weather a { 16772 font-size: 0.75rem; 16773 line-height: 1.875rem; 16774 color: #000000; 16775 font-weight: 500; 16776} 16777.hike__sticky-weather span:first-child, 16778.hike__sticky-weather a:first-child { 16779 color: #18A66F; 16780} 16781@media screen and (min-width: 22.5em) { 16782 .hike__sticky-weather span, 16783 .hike__sticky-weather a { 16784 font-size: 0.875rem; 16785 } 16786} 16787.hike__sticky-weather img { 16788 width: 1.375rem; 16789} 16790@media screen and (min-width: 22.5em) { 16791 .hike__sticky-weather img { 16792 width: 1.75rem; 16793 } 16794} 16795.hike__sticky-weather .icon { 16796 color: rgba(0, 0, 0, 0.3); 16797} 16798 16799.header__bg-img { 16800 width: 100%; 16801 height: 100%; 16802 position: absolute; 16803 top: 0; 16804 left: 0; 16805 object-fit: cover; 16806 object-position: center top; 16807 opacity: 0.4; 16808 z-index: 0; 16809} 16810.header__bg-img--default { 16811 opacity: 1; 16812} 16813 16814.hike__title { 16815 margin-bottom: 0.75em; 16816 font-size: 1.5rem; 16817} 16818@media print, screen and (min-width: 40em) { 16819 .hike__title { 16820 font-size: 1.75rem; 16821 } 16822} 16823@media print, screen and (min-width: 48em) { 16824 .hike__title { 16825 font-size: 2rem; 16826 } 16827} 16828.hike__title small { 16829 display: block; 16830 line-height: 1.2; 16831 margin-top: -0.1em; 16832 font-weight: 500; 16833 font-family: "Roboto", sans-serif; 16834 font-weight: 500; 16835 font-size: 0.625rem; 16836 white-space: normal; 16837} 16838@media print, screen and (min-width: 40em) { 16839 .hike__title small { 16840 font-size: 0.75rem; 16841 } 16842} 16843@media print, screen and (min-width: 48em) { 16844 .hike__title small { 16845 font-size: 0.875rem; 16846 } 16847} 16848.hike__title--big { 16849 padding: 0 1.25rem; 16850 margin-bottom: 0.5rem; 16851 font-size: 3.75rem; 16852} 16853@media print, screen and (min-width: 40em) { 16854 .hike__title--big { 16855 font-size: 4.25rem; 16856 } 16857} 16858@media print, screen and (min-width: 48em) { 16859 .hike__title--big { 16860 font-size: 4.75rem; 16861 } 16862} 16863@media print, screen and (min-width: 64em) { 16864 .hike__title--big { 16865 font-size: 5.25rem; 16866 padding: 0; 16867 } 16868} 16869.hike__title--big small { 16870 margin-top: -0.35em; 16871 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 16872 letter-spacing: -0.016em; 16873 font-size: 1.25rem; 16874} 16875@media print, screen and (min-width: 48em) { 16876 .hike__title--big small { 16877 font-size: 1.375rem; 16878 } 16879} 16880@media print, screen and (min-width: 64em) { 16881 .hike__title--big small { 16882 font-size: 1.5rem; 16883 } 16884} 16885 16886.hike__flags { 16887 display: block; 16888 margin: 0 0 1.5rem; 16889 padding: 0; 16890 font-size: 0; 16891 color: #ffffff; 16892} 16893@media print, screen and (min-width: 48em) { 16894 .hike__flags { 16895 margin-bottom: 2rem; 16896 } 16897} 16898@media print, screen and (min-width: 64em) { 16899 .hike__flags { 16900 margin-bottom: 1rem; 16901 } 16902} 16903.hike__flags--trip::after { 16904 display: inline-block; 16905 content: "a späť"; 16906 width: auto; 16907 color: #ffffff; 16908 font-size: 0.875rem; 16909 line-height: 1rem; 16910 margin-left: 0.75rem; 16911 vertical-align: middle; 16912 height: 0.9375rem; 16913 background: none; 16914} 16915 16916.flag { 16917 position: relative; 16918 display: inline-block; 16919 vertical-align: middle; 16920 width: 1.5rem; 16921 height: 1rem; 16922 margin: 0 0.625rem; 16923 background: #ffffff; 16924 border-radius: 1px; 16925 outline: 1px solid #dcdcdc; 16926 box-shadow: 0 4px 7px rgba(0, 0, 0, 0.23); 16927} 16928.flag:first-child { 16929 margin-left: 0; 16930} 16931.flag::before { 16932 content: ""; 16933 display: block; 16934 width: 100%; 16935 height: 0.5rem; 16936 position: absolute; 16937 top: 0.25rem; 16938 left: 0; 16939} 16940.flag--red::before { 16941 background: rgb(255, 0, 0); 16942} 16943.flag--yellow::before { 16944 background: #fab650; 16945} 16946.flag--green::before { 16947 background: rgb(0, 255, 0); 16948} 16949.flag--blue::before { 16950 background: rgb(0, 0, 255); 16951} 16952.hike__header .flag { 16953 outline: 0 none; 16954 box-shadow: none; 16955 margin-right: 1.25rem; 16956 margin: 0 1.25rem 0 0; 16957} 16958.hike__header .flag::after { 16959 display: inline-block; 16960 content: "âº"; 16961 line-height: 1rem; 16962 vertical-align: top; 16963 font-size: 1.5rem; 16964 position: absolute; 16965 left: 100%; 16966 width: 1.25rem; 16967 text-align: center; 16968 opacity: 0.5; 16969} 16970.hike__header .flag:last-of-type { 16971 margin-right: 0; 16972} 16973.hike__header .flag:last-of-type::after {
16974 content: ""; 16975 width: 0; 16976} 16977 16978.hike__attributes { 16979 display: flex; 16980 flex-flow: row wrap; 16981 justify-content: flex-start; 16982 align-items: center; 16983 margin: 0; 16984 padding: 0; 16985 font-size: 1rem; 16986 line-height: 1em; 16987 font-weight: 500; 16988} 16989@media print, screen and (min-width: 64em) { 16990 .hike__attributes { 16991 justify-content: flex-end; 16992 flex-wrap: nowrap; 16993 font-size: 1.125rem; 16994 } 16995} 16996.hike__attributes li { 16997 display: block; 16998 margin: 0.5rem 0; 16999 margin-right: 2.2em; 17000 list-style: none; 17001} 17002.hike__attributes li:last-child { 17003 margin-right: 0; 17004} 17005.hike__attributes strong { 17006 display: block; 17007 opacity: 0.5; 17008 font-size: 0.5625rem; 17009 text-transform: uppercase; 17010 letter-spacing: 0.083em; 17011} 17012@media print, screen and (min-width: 48em) { 17013 .hike__attributes strong { 17014 font-size: 0.6875rem; 17015 } 17016} 17017.hike__attributes .difficulty { 17018 display: inline-block; 17019 vertical-align: bottom; 17020} 17021.hike__attributes button { 17022 display: inline-block; 17023 font-size: 1.25rem; 17024 width: 1em; 17025 height: 1em; 17026 color: #ffffff; 17027 transition: transform 250ms ease-out; 17028 cursor: pointer; 17029} 17030@media print, screen and (min-width: 64em) { 17031 .hike__attributes button { 17032 font-size: 1.5rem; 17033 } 17034} 17035.hike__attributes button:hover, .hike__attributes button:focus { 17036 transform: scale(1.2); 17037} 17038.hike__attributes button + button { 17039 margin-left: 1em; 17040} 17041.hike__attributes button.is-active { 17042 color: #18A66F; 17043} 17044 17045.hike__attributes--small { 17046 font-size: 0.75rem; 17047 line-height: 1.2em; 17048} 17049@media print, screen and (min-width: 64em) { 17050 .hike__attributes--small { 17051 font-size: 0.9375rem; 17052 } 17053} 17054.hike__attributes--small li { 17055 margin-right: 2em; 17056} 17057.hike__attributes--small strong { 17058 letter-spacing: 0.042em; 17059} 17060 17061.hike__main { 17062 position: relative; 17063 background: url(../img/main-pattern-gradient.png) no-repeat -100px -90px #ffffff; 17064} 17065.hike__main .grid-container { 17066 position: relative; 17067} 17068 17069.h-title-1 { 17070 margin-top: 0; 17071 margin-bottom: 0; 17072 font-size: 1.625rem; 17073} 17074@media print, screen and (min-width: 64em) { 17075 .h-title-1 { 17076 font-size: 2.125rem; 17077 } 17078} 17079 17080.h-title-2 { 17081 margin-top: 1.5em; 17082 margin-bottom: 0.65em; 17083 font-size: 1.625rem; 17084} 17085 17086.h-title-3 { 17087 margin-top: 0; 17088 margin-bottom: 0; 17089 font-size: 1.875rem; 17090} 17091@media print, screen and (min-width: 64em) { 17092 .h-title-3 { 17093 font-size: 2.5rem; 17094 } 17095} 17096 17097.h-title-1.mt, 17098.h-title-3.mt { 17099 margin-top: 1.25em; 17100} 17101.h-title-1.mb, 17102.h-title-3.mb { 17103 margin-bottom: 0.65em; 17104} 17105 17106.header-grid.h-title-1 h2, 17107.header-grid.h-title-1 h3, 17108.header-grid.h-title-1 h4, 17109.header-grid.h-title-1 h5, .header-grid.h-title-2 h2, 17110.header-grid.h-title-2 h3, 17111.header-grid.h-title-2 h4, 17112.header-grid.h-title-2 h5, .header-grid.h-title-3 h2, 17113.header-grid.h-title-3 h3, 17114.header-grid.h-title-3 h4, 17115.header-grid.h-title-3 h5 { 17116 font-size: inherit; 17117} 17118 17119.hike__map { 17120 display: block; 17121 margin: 0 -0.9375rem; 17122 position: relative; 17123 z-index: 1; 17124 border-radius: 3px; 17125 overflow: hidden; 17126 background: #ffffff; 17127 box-shadow: 0 20px 70px rgba(0, 0, 0, 0.12); 17128} 17129@media print, screen and (min-width: 64em) { 17130 .hike__map { 17131 position: relative; 17132 top: -17.5rem; 17133 margin: 0 0 -17.5rem; 17134 } 17135} 17136 17137#hike-map { 17138 display: block; 17139 width: 100%; 17140 height: 17.5rem; 17141 background: #d8d8d8; 17142} 17143.reveal #hike-map { 17144 height: 100%; 17145} 17146#hike-map .leaflet-control-container .leaflet-control-locate { 17147 display: none; 17148} 17149 17150.hike__map__controls { 17151 position: absolute; 17152 left: 0.625rem; 17153 right: 0.625rem; 17154 top: 0.9375rem; 17155 z-index: 500; 17156 font-size: 0; 17157 display: flex; 17158 flex-flow: row-reverse nowrap; 17159 justify-content: right; 17160} 17161@media print, screen and (min-width: 48em) { 17162 .hike__map__controls { 17163 right: 0.9375rem; 17164 top: 1.25rem; 17165 flex-flow: column nowrap; 17166 left: auto; 17167 } 17168} 17169.hike__map__controls a, 17170.hike__map__controls button { 17171 display: inline-block; 17172 margin: 0 0.3125rem 0.625rem 0.3125rem; 17173 width: 2.5rem; 17174 height: 2.5rem; 17175 border-radius: 2.5rem; 17176 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); 17177 background-color: #ffffff; 17178 cursor: pointer; 17179 color: rgba(0, 0, 0, 0.5); 17180 transition: color 250ms ease-out; 17181 vertical-align: top; 17182 text-align: center; 17183} 17184@media print, screen and (min-width: 48em) { 17185 .hike__map__controls a, 17186 .hike__map__controls button { 17187 width: 2.75rem; 17188 height: 2.75rem; 17189 border-radius: 2.75rem; 17190 display: block; 17191 } 17192} 17193.hike__map__controls a.is-active, 17194.hike__map__controls button.is-active { 17195 color: #18A66F; 17196} 17197.hike__map__controls a .icon, 17198.hike__map__controls button .icon { 17199 font-size: 1rem; 17200} 17201.hike__map__controls a span, 17202.hike__map__controls button span { 17203 display: block; 17204 position: relative; 17205 top: 50%; 17206 transform: translateY(-50%); 17207 font-size: 0.625rem; 17208 font-weight: 700; 17209 letter-spacing: 0.83px; 17210 text-transform: uppercase; 17211} 17212.hike__map__controls a:hover, 17213.hike__map__controls button:hover {
17214 color: #000000; 17215} 17216.reveal .hike__map__controls a#hike-map-button-fullscreen, 17217.reveal .hike__map__controls button#hike-map-button-fullscreen { 17218 display: none; 17219} 17220.hike__map__controls a#hike-map-button-close, 17221.hike__map__controls button#hike-map-button-close { 17222 display: none; 17223} 17224.reveal .hike__map__controls a#hike-map-button-close, 17225.reveal .hike__map__controls button#hike-map-button-close { 17226 display: block; 17227} 17228@media print, screen and (min-width: 64em) { 17229 .reveal .hike__map__controls a#hike-map-button-close, 17230 .reveal .hike__map__controls button#hike-map-button-close { 17231 display: none !important; 17232 } 17233} 17234 17235#hike-map-button-center { 17236 display: block; 17237 width: auto; 17238 height: 1.75rem; 17239 line-height: 1.75rem; 17240 padding: 0 0.5rem; 17241 font-size: 0.75rem; 17242 position: absolute; 17243 bottom: 0.9375rem; 17244 right: 0.9375rem; 17245 border-radius: 3px; 17246 outline: none; 17247 font-weight: 600; 17248 color: #000000; 17249 z-index: 500; 17250 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); 17251 background-color: #ffffff; 17252 cursor: pointer; 17253 transition: color 250ms ease-out; 17254 text-align: center; 17255} 17256@media print, screen and (min-width: 48em) { 17257 #hike-map-button-center { 17258 bottom: 1.25rem; 17259 right: 1.25rem; 17260 } 17261} 17262@media print, screen and (min-width: 64em) { 17263 #hike-map-button-center { 17264 height: 2rem; 17265 line-height: 2rem; 17266 padding: 0 0.75rem; 17267 font-size: 0.875rem; 17268 } 17269} 17270.reveal #hike-map-button-center { 17271 right: auto; 17272 bottom: auto; 17273 left: 0.9375rem; 17274 top: 0.9375rem; 17275} 17276@media print, screen and (min-width: 48em) { 17277 .reveal #hike-map-button-center { 17278 left: 1.25rem; 17279 top: 1.25rem; 17280 } 17281} 17282#hike-map-button-center .icon { 17283 display: inline-block; 17284 color: rgba(0, 0, 0, 0.5); 17285 vertical-align: text-top; 17286 margin-right: 0.25em; 17287 font-size: 1rem; 17288 transition: color 250ms ease-out; 17289} 17290#hike-map-button-center:hover .icon { 17291 color: #000000; 17292} 17293 17294@media screen and (max-width: 63.99875em) { 17295 .hike__map__weather { 17296 display: none !important; 17297 } 17298} 17299.hike__map__weather { 17300 display: block; 17301 width: 10rem; 17302 margin: 0; 17303 padding: 0; 17304 background: #ffffff; 17305 border-radius: 3px; 17306 box-shadow: 0 20px 70px rgba(0, 0, 0, 0.12); 17307 position: absolute; 17308 left: 1.25rem; 17309 top: 1.25rem; 17310 list-style: none; 17311 z-index: 500; 17312} 17313.hike__map__weather li { 17314 padding: 0.625rem 0.9375rem; 17315 border-bottom: 1px solid rgba(216, 216, 216, 0.5); 17316} 17317.hike__map__weather li:nth-child(2), .hike__map__weather li:nth-child(3) { 17318 border-bottom: 0 none; 17319} 17320.hike__map__weather p { 17321 margin: 0; 17322 line-height: 1; 17323 display: flex; 17324 flex-flow: row nowrap; 17325 justify-content: space-between; 17326 align-items: center; 17327 font-size: 0.75rem; 17328 color: rgba(0, 0, 0, 0.5); 17329 font-weight: 500; 17330} 17331.hike__map__weather p + p { 17332 margin-top: 0.25rem; 17333} 17334.hike__map__weather strong { 17335 font-size: 0.875rem; 17336 color: #000000; 17337 font-weight: 500; 17338} 17339.hike__map__weather img { 17340 display: block; 17341 width: 1.75rem; 17342} 17343.hike__map__weather a { 17344 font-size: 0.875rem; 17345 font-weight: 500; 17346 display: block; 17347 line-height: 1; 17348} 17349 17350#hike-elevation svg { 17351 display: block; 17352 position: relative; 17353 left: 50%; 17354 transform: translateX(-50%) scale(0.75); 17355 margin-top: -0.9375rem; 17356} 17357@media screen and (min-width: 22.5em) { 17358 #hike-elevation svg { 17359 transform: translateX(-50%) scale(0.875); 17360 margin-top: -0.5rem; 17361 } 17362} 17363@media print, screen and (min-width: 40em) { 17364 #hike-elevation svg { 17365 transform: translateX(-50%); 17366 margin-top: 0; 17367 } 17368} 17369.hike__elevation { 17370 padding: 0.9375rem 0.9375rem 0; 17371 color: #141414; 17372} 17373@media print, screen and (min-width: 48em) { 17374 .hike__elevation { 17375 display: flex; 17376 flex-flow: row wrap; 17377 justify-content: space-between; 17378 align-items: center; 17379 padding: 1.25rem; 17380 } 17381} 17382@media print, screen and (min-width: 64em) { 17383 .hike__elevation { 17384 padding: 1.5rem 1.25rem; 17385 flex-wrap: nowrap; 17386 } 17387} 17388@media screen and (min-width: 75em) { 17389 .hike__elevation { 17390 padding: 1.875rem 3rem; 17391 } 17392} 17393.hike__elevation .leaflet-control { 17394 display: block; 17395 width: 100%; 17396 float: none; 17397} 17398.hike__elevation .hike__attributes { 17399 margin: 0 -0.5em 0; 17400 line-height: 1.25em; 17401 justify-content: space-between; 17402 font-size: 0.75rem; 17403} 17404@media screen and (min-width: 22.5em) { 17405 .hike__elevation .hike__attributes { 17406 font-size: 0.875rem; 17407 } 17408} 17409@media print, screen and (min-width: 40em) { 17410 .hike__elevation .hike__attributes { 17411 font-size: 1rem; 17412 justify-content: space-evenly; 17413 } 17414} 17415@media print, screen and (min-width: 48em) { 17416 .hike__elevation .hike__attributes { 17417 flex: 0 0 16.25rem; 17418 width: 16.25rem; 17419 } 17420} 17421@media print, screen and (min-width: 64em) { 17422 .hike__elevation .hike__attributes { 17423 margin: 0.5em 0; 17424 flex: 0 0 auto; 17425 width: auto; 17426 font-size: 1.125rem; 17427 justify-content: flex-start;
17428 align-items: flex-end; 17429 } 17430} 17431.hike__elevation .hike__attributes li { 17432 margin-left: 0.5em; 17433 margin-right: 0.5em; 17434} 17435@media print, screen and (min-width: 48em) { 17436 .hike__elevation .hike__attributes li { 17437 margin: 0; 17438 padding: 0.5em; 17439 flex: 0 0 50%; 17440 width: 50%; 17441 text-align: right; 17442 } 17443} 17444@media print, screen and (min-width: 64em) { 17445 .hike__elevation .hike__attributes li { 17446 flex: 0 0 auto; 17447 width: auto; 17448 padding: 0; 17449 margin: 0.5rem 0 0.5rem 2.2em; 17450 text-align: left; 17451 } 17452} 17453@media print, screen and (min-width: 64em) { 17454 .hike__elevation .hike__attributes strong { 17455 line-height: 1.2; 17456 margin-bottom: 0.5em; 17457 } 17458} 17459@media print, screen and (min-width: 64em) { 17460 .hike__elevation__actions { 17461 display: none !important; 17462 } 17463} 17464.hike__elevation__actions { 17465 margin-top: 0.5rem; 17466 padding: 0 0.6875rem 0.6875rem; 17467} 17468.hike__elevation__actions .cell { 17469 padding: 0.25rem; 17470} 17471.hike__elevation__actions .button { 17472 width: 100%; 17473 letter-spacing: 0; 17474 padding: 12px 5px; 17475 margin: 0; 17476} 17477 17478.frame { 17479 width: 100%; 17480} 17481.frame .slidee { 17482 display: block; 17483 padding: 0; 17484 height: 100%; 17485 list-style: none; 17486 font-size: 0; 17487} 17488.frame .slidee > li { 17489 display: inline-block; 17490 margin: 0; 17491} 17492.frame .slidee > li + li { 17493 margin-left: 1rem; 17494} 17495@media print, screen and (min-width: 64em) { 17496 .frame .slidee > li + li { 17497 margin-left: 1.25rem; 17498 } 17499} 17500 17501.hike__gallery { 17502 margin: 0 0 0.625rem; 17503 position: relative; 17504} 17505@media print, screen and (min-width: 40em) { 17506 .hike__gallery { 17507 margin-bottom: 1rem; 17508 } 17509} 17510@media print, screen and (max-width: 29.99875em) { 17511 .hike__gallery { 17512 overflow: visible; 17513 clip-path: inset(0 -1rem 0 -1rem); 17514 } 17515} 17516.hike__gallery a { 17517 display: block; 17518 width: 1em; 17519 height: 1em; 17520 font-size: 9.125rem; 17521 border-radius: 3px; 17522 overflow: hidden; 17523 background-color: #d7dbde; 17524 transition: box-shadow 250ms ease-out, transform 250ms ease-out; 17525} 17526.hike__gallery img { 17527 display: block; 17528} 17529 17530.scrollbar { 17531 width: 100%; 17532 max-width: 30rem; 17533 padding: 0 0.9375rem; 17534 height: 0.375rem; 17535 margin: 1.25rem auto 0; 17536 touch-action: none; 17537} 17538.scrollbar .handle { 17539 width: 11.25rem; 17540 /* overriden if dynamicHandle: 1 */ 17541 height: 100%; 17542 border-radius: 5px; 17543 background-color: #d8d8d8; 17544 cursor: move; 17545 transition: width 250ms ease-out; 17546} 17547 17548.hike__info { 17549 padding-top: 0; 17550 overflow-x: hidden; 17551} 17552@media print, screen and (min-width: 30em) { 17553 .hike__info { 17554 overflow-x: visible; 17555 } 17556} 17557@media print, screen and (min-width: 48em) { 17558 .hike__info { 17559 padding-top: 1.5rem; 17560 } 17561} 17562@media print, screen and (min-width: 64em) { 17563 .hike__info { 17564 padding-top: 4.5rem; 17565 } 17566} 17567 17568.hike__info__column { 17569 max-width: 39.375rem; 17570} 17571.hike__info__column + .hike__info__column { 17572 margin-top: 2rem; 17573} 17574@media print, screen and (min-width: 64em) { 17575 .hike__info__column + .hike__info__column { 17576 margin-top: 0; 17577 } 17578} 17579 17580.hike__path { 17581 margin-bottom: 0; 17582 font-size: 1rem; 17583} 17584 17585.hike__description.is-closed { 17586 height: 4.125rem; 17587 overflow: hidden; 17588} 17589@media print, screen and (min-width: 64em) { 17590 .hike__description.is-closed { 17591 height: auto; 17592 overflow: visible; 17593 } 17594} 17595.hike__description p { 17596 font-size: 0.875rem; 17597 line-height: 1.375rem; 17598} 17599@media print, screen and (min-width: 64em) { 17600 .hike__description p { 17601 font-size: 1rem; 17602 line-height: 1.5; 17603 } 17604} 17605.hike__description cite { 17606 display: block; 17607 color: rgba(0, 0, 0, 0.6); 17608 font-size: 0.75rem; 17609 font-weight: 400; 17610 font-style: normal; 17611} 17612.hike__description > *:last-child { 17613 margin-bottom: 0; 17614} 17615 17616@media print, screen and (min-width: 64em) { 17617 .hike__description__toggle { 17618 display: none !important; 17619 } 17620} 17621.hike__description__toggle { 17622 display: block; 17623 margin-bottom: 1.75rem; 17624 font-size: 0.875rem; 17625 line-height: 1.375rem; 17626 font-weight: 500; 17627 color: #18A66F; 17628 text-decoration: underline; 17629 cursor: pointer; 17630} 17631.hike__description__toggle:hover {
17632 color: rgb(20.64, 142.76, 95.46); 17633 text-decoration: none; 17634} 17635.hike__description__toggle.is-disabled { 17636 height: 0; 17637 visibility: hidden; 17638} 17639.hike__description__toggle span:first-child { 17640 display: none; 17641} 17642.hike__description.is-closed + .hike__description__toggle span:first-child { 17643 display: initial; 17644} 17645.hike__description.is-closed + .hike__description__toggle span:last-child { 17646 display: none; 17647} 17648 17649.hike__amenities { 17650 padding: 0; 17651 margin: 0 -0.4375rem; 17652 display: flex; 17653 flex-flow: row wrap; 17654 list-style: none; 17655} 17656.hike__amenities:last-child { 17657 margin-bottom: -0.75rem; 17658} 17659@media print, screen and (min-width: 64em) { 17660 .hike__amenities:last-child { 17661 margin-bottom: -1rem; 17662 } 17663} 17664.hike__amenities li { 17665 margin: 0.75rem 0; 17666 padding: 0 0.5rem; 17667 display: flex; 17668 flex-flow: row nowrap; 17669 justify-content: flex-start; 17670 align-items: flex-start; 17671 flex: 1 0 50%; 17672 max-width: 14.375rem; 17673} 17674@media print, screen and (min-width: 40em) { 17675 .hike__amenities li { 17676 flex: 1 0 15rem; 17677 max-width: 15rem; 17678 } 17679} 17680@media print, screen and (min-width: 64em) { 17681 .hike__amenities li { 17682 margin: 1rem 0; 17683 } 17684} 17685.hike__amenities a { 17686 text-decoration: underline; 17687} 17688.hike__amenities a:hover, .hike__amenities a:focus { 17689 text-decoration: none; 17690} 17691.hike__amenities img { 17692 flex: 0 0 auto; 17693 margin: 0 1rem 0 0; 17694} 17695@media print, screen and (min-width: 64em) { 17696 .hike__amenities img { 17697 margin: 0 1.25rem 0 0; 17698 } 17699} 17700.hike__amenities div { 17701 flex: 1 1 0; 17702 max-width: 90%; 17703 color: #000000; 17704 font-size: 0.875rem; 17705 font-weight: 500; 17706 line-height: 1.2em; 17707 white-space: normal; 17708} 17709@media print, screen and (min-width: 48em) { 17710 .hike__amenities div { 17711 font-size: 1rem; 17712 } 17713} 17714.hike__amenities strong { 17715 display: block; 17716 line-height: 1.2; 17717 margin: 0 0 0.5em; 17718 color: rgba(0, 0, 0, 0.5); 17719 font-size: 0.6875rem; 17720 font-weight: 700; 17721 text-transform: uppercase; 17722 letter-spacing: 0.083em; 17723} 17724.hike__amenities .missing { 17725 font-size: 0.75rem; 17726 line-height: 1.3333; 17727 font-weight: 500; 17728 color: rgba(0, 0, 0, 0.5); 17729} 17730 17731.hike__alternatives { 17732 display: block; 17733 margin: 0; 17734 list-style: none; 17735 color: rgba(0, 0, 0, 0.5); 17736} 17737.hike__alternatives li { 17738 display: block; 17739 font-size: 0.875rem; 17740 font-weight: 500; 17741 line-height: 1.5; 17742} 17743.hike__alternatives li + li { 17744 margin-top: 1em; 17745} 17746.hike__alternatives a, 17747.hike__alternatives div { 17748 display: inline-block; 17749 vertical-align: baseline; 17750} 17751.hike__alternatives a { 17752 margin-right: 1em; 17753 font-size: 0.875rem; 17754 text-decoration: underline; 17755} 17756.hike__alternatives a:hover, .hike__alternatives a:focus { 17757 text-decoration: none; 17758} 17759@media print, screen and (min-width: 64em) { 17760 .hike__alternatives a { 17761 font-size: 1rem; 17762 } 17763} 17764.hike__alternatives div { 17765 white-space: nowrap; 17766} 17767.hike__alternatives span + span { 17768 margin-left: 1em; 17769} 17770 17771.hike__weather { 17772 margin-bottom: 1rem; 17773} 17774@media print, screen and (min-width: 64em) { 17775 .hike__weather { 17776 margin-bottom: 1.25rem; 17777 } 17778} 17779.hike__weather table { 17780 margin: 0; 17781 font-size: 0.625rem; 17782} 17783@media screen and (min-width: 26.25em) { 17784 .hike__weather table { 17785 font-size: 0.75rem; 17786 } 17787} 17788@media print, screen and (min-width: 40em) { 17789 .hike__weather table { 17790 width: 100%; 17791 } 17792} 17793@media print, screen and (min-width: 40em) { 17794 .hike__weather table { 17795 font-size: 0.875rem; 17796 } 17797} 17798.hike__weather td, 17799.hike__weather th { 17800 line-height: 1; 17801} 17802.hike__weather td:first-child, 17803.hike__weather th:first-child { 17804 padding-left: 0.5rem; 17805} 17806@media screen and (min-width: 22.5em) { 17807 .hike__weather td:first-child, 17808 .hike__weather th:first-child { 17809 padding-left: 0.75rem; 17810 } 17811} 17812@media screen and (min-width: 26.25em) { 17813 .hike__weather td:first-child, 17814 .hike__weather th:first-child { 17815 padding-left: 1rem; 17816 } 17817} 17818@media print, screen and (min-width: 40em) { 17819 .hike__weather td:first-child, 17820 .hike__weather th:first-child { 17821 padding-left: 1.25rem; 17822 } 17823} 17824.hike__weather td:last-child, 17825.hike__weather th:last-child { 17826 padding-right: 0.5rem; 17827 text-align: right; 17828} 17829@media screen and (min-width: 22.5em) { 17830 .hike__weather td:last-child, 17831 .hike__weather th:last-child { 17832 padding-right: 0.75rem; 17833 } 17834} 17835@media screen and (min-width: 26.25em) { 17836 .hike__weather td:last-child, 17837 .hike__weather th:last-child { 17838 padding-right: 1rem; 17839 } 17840} 17841@media print, screen and (min-width: 40em) { 17842 .hike__weather td:last-child, 17843 .hike__weather th:last-child { 17844 padding-right: 1.25rem; 17845 } 17846} 17847.hike__weather td:nth-child(2), .hike__weather td:nth-child(3), .hike__weather td:nth-child(4), 17848.hike__weather th:nth-child(2), 17849.hike__weather th:nth-child(3), 17850.hike__weather th:nth-child(4) { 17851 text-align: center; 17852} 17853.hike__weather td:nth-child(2), 17854.hike__weather th:nth-child(2) { 17855 padding-right: 0; 17856} 17857.hike__weather td:nth-child(4), 17858.hike__weather th:nth-child(4) { 17859 padding-left: 0; 17860} 17861.hike__weather td { 17862 padding: 1rem 0.375rem; 17863 font-weight: 500; 17864} 17865@media screen and (min-width: 22.5em) { 17866 .hike__weather td { 17867 padding: 1rem 0.5rem; 17868 } 17869} 17870@media screen and (min-width: 26.25em) { 17871 .hike__weather td { 17872 padding: 1.375rem 0.625rem; 17873 } 17874} 17875.hike__weather td img { 17876 width: 1.5rem; 17877} 17878@media screen and (min-width: 26.25em) { 17879 .hike__weather td img { 17880 width: 1.625rem; 17881 } 17882} 17883@media print, screen and (min-width: 40em) { 17884 .hike__weather td img { 17885 width: 2rem; 17886 } 17887} 17888.hike__weather th { 17889 padding: 0.625rem 0.375rem; 17890 font-weight: 700; 17891 font-size: 0.5rem; 17892 text-transform: uppercase; 17893 letter-spacing: 0.08em; 17894} 17895@media screen and (min-width: 22.5em) { 17896 .hike__weather th { 17897 padding: 0.75rem 0.5rem; 17898 } 17899} 17900@media screen and (min-width: 26.25em) { 17901 .hike__weather th { 17902 padding: 0.875rem 0.75rem; 17903 } 17904} 17905@media print, screen and (min-width: 40em) { 17906 .hike__weather th { 17907 font-size: 0.625rem; 17908 } 17909} 17910 17911.hike__accommodation, 17912.hike__posts { 17913 overflow: auto; 17914 scrollbar-width: none; 17915 -ms-overflow-style: none; 17916 overflow: -moz-scrollbars-none; 17917 flex-wrap: nowrap; 17918 margin-left: -0.3125rem; 17919 margin-right: -0.3125rem; 17920} 17921@media print, screen and (min-width: 64em) { 17922 .hike__accommodation, 17923 .hike__posts { 17924 margin-left: -0.5rem; 17925 margin-right: -0.5rem; 17926 flex-wrap: wrap; 17927 overflow: visible; 17928 } 17929} 17930.hike__accommodation .cell, 17931.hike__posts .cell { 17932 width: 11.25rem; 17933 margin-left: 0.3125rem; 17934 margin-right: 0.3125rem; 17935} 17936@media print, screen and (min-width: 64em) { 17937 .hike__accommodation .cell, 17938 .hike__posts .cell { 17939 width: calc(50% - 1rem); 17940 margin-left: 0.5rem; 17941 margin-right: 0.5rem; 17942 } 17943} 17944 17945#reveal-map { 17946 max-width: 100%; 17947 width: 100%; 17948 height: 100%; 17949 margin: 0; 17950 top: 0 !important; 17951 bottom: 0; 17952 left: 0; 17953 right: 0; 17954 padding: 0; 17955} 17956#reveal-map .inner { 17957 width: 100%; 17958 height: 100%; 17959 border-radius: 3px; 17960 overflow: hidden; 17961} 17962@media screen and (max-width: 63.99875em) { 17963 #reveal-map .close-button span { 17964 display: none !important; 17965 } 17966} 17967@media print, screen and (min-width: 64em) { 17968 #reveal-map { 17969 margin: 2.5rem; 17970 width: 90%; 17971 width: calc(100% - 5rem); 17972 height: calc(100% - 5rem); 17973 overflow: visible; 17974 } 17975 #reveal-map .close-button { 17976 font-size: 1.125rem; 17977 top: -1.625rem; 17978 right: -1.625rem; 17979 color: #ffffff; 17980 } 17981 #reveal-map .close-button span { 17982 position: absolute; 17983 right: 100%; 17984 top: 0; 17985 padding-right: 1em; 17986 font-size: 0.625rem; 17987 line-height: 1.125rem; 17988 text-transform: uppercase; 17989 font-weight: 700; 17990 color: rgba(255, 255, 255, 0.5); 17991 letter-spacing: 0.83px; 17992 } 17993} 17994#reveal-map .grid-x { 17995 height: 100%; 17996} 17997 17998.hike__poi { 17999 width: 100%; 18000 position: absolute; 18001 left: 0; 18002 bottom: 0; 18003 z-index: 410; 18004} 18005@media print, screen and (min-width: 64em) { 18006 .hike__poi { 18007 display: flex; 18008 flex-flow: column nowrap; 18009 padding: 0 0.9375rem; 18010 position: relative; 18011 bottom: auto; 18012 left: auto; 18013 flex: 1 0 auto; 18014 max-width: 22.5rem; 18015 padding: 0; 18016 height: 100%; 18017 transition: max-width 250ms ease-out; 18018 } 18019 .hike__poi::after { 18020 content: ""; 18021 display: block; 18022 height: 3.75rem; 18023 position: absolute; 18024 left: 0; 18025 right: 1.25rem; 18026 bottom: 0; 18027 background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); 18028 } 18029 .hike__poi.is-collapsed { 18030 max-width: 3.75rem; 18031 overflow: hidden; 18032 } 18033 .hike__poi.is-collapsed .hike__poi__header, 18034 .hike__poi.is-collapsed .scroll-container { 18035 opacity: 0; 18036 } 18037} 18038@media screen and (min-width: 75em) { 18039 .hike__poi { 18040 max-width: 25rem; 18041 } 18042} 18043@media screen and (min-width: 90em) { 18044 .hike__poi { 18045 max-width: 28.75rem; 18046 } 18047} 18048@media screen and (max-width: 63.99875em) { 18049 .hike__poi__header { 18050 display: none !important; 18051 } 18052} 18053.hike__poi__header { 18054 height: 6.25rem; 18055 padding-top: 2.5rem; 18056} 18057.hike__poi__header h2 { 18058 margin: 0; 18059 white-space: nowrap; 18060} 18061.hike__poi__header, 18062.hike__poi .scroll-container { 18063 opacity: 1; 18064 transition: opacity 150ms ease; 18065} 18066@media print, screen and (min-width: 64em) { 18067 .hike__poi__header, 18068 .hike__poi .scroll-container { 18069 padding-left: 1.25rem; 18070 padding-right: 1.25rem; 18071 } 18072} 18073@media screen and (min-width: 75em) { 18074 .hike__poi__header, 18075 .hike__poi .scroll-container { 18076 padding-left: 1.875rem; 18077 padding-right: 1.875rem; 18078 } 18079} 18080@media screen and (min-width: 90em) { 18081 .hike__poi__header, 18082 .hike__poi .scroll-container { 18083 padding-left: 2.5rem; 18084 padding-right: 2.5rem; 18085 } 18086} 18087.hike__poi .scroll-container { 18088 overflow-x: auto; 18089 padding-top: 0; 18090 padding-bottom: 0.75rem; 18091} 18092@media print, screen and (min-width: 64em) { 18093 .hike__poi .scroll-container { 18094 height: calc(100% - 6.25rem); 18095 padding-top: 0; 18096 padding-bottom: 0; 18097 overflow-y: auto; 18098 } 18099 .hike__poi .scroll-container .hike__poi__list { 18100 padding-top: 0.3125rem; 18101 } 18102} 18103.hike__poi .scroll-container::-webkit-scrollbar {
18104 width: 0.5rem; 18105 height: 0.5rem; 18106 background-color: #F5F5F5; 18107} 18108.hike__poi .scroll-container::-webkit-scrollbar-thumb { 18109 border-radius: 3px; 18110 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 18111 background-color: #D8D8D8; 18112 cursor: move; 18113} 18114.hike__poi .scroll-container::-webkit-scrollbar-track { 18115 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 18116 border-radius: 3px; 18117 background-color: #F5F5F5; 18118} 18119 18120@media screen and (max-width: 63.99875em) { 18121 #hike-poi-toggle { 18122 display: none !important; 18123 } 18124} 18125#hike-poi-toggle { 18126 display: block; 18127 position: absolute; 18128 right: 0; 18129 top: 2.5rem; 18130 width: 2.5rem; 18131 height: 2.125rem; 18132 color: rgba(0, 0, 0, 0.5); 18133 transition: color 250ms ease-out, right 250ms ease-out; 18134 cursor: pointer; 18135} 18136#hike-poi-toggle:hover, #hike-poi-toggle:focus { 18137 color: #000000; 18138} 18139#hike-poi-toggle::before { 18140 content: ""; 18141 display: inline-block; 18142 width: 9px; 18143 height: 9px; 18144 border: 2px solid; 18145 border-width: 0px 2px 2px 0; 18146 transform: rotate(135deg); 18147 transform-origin: center; 18148} 18149.is-collapsed #hike-poi-toggle { 18150 right: 0.625rem; 18151} 18152.is-collapsed #hike-poi-toggle::before { 18153 transform: rotate(315deg); 18154} 18155 18156.hike__poi__list { 18157 display: flex; 18158 flex-flow: row nowrap; 18159 align-items: flex-end; 18160 margin: 0; 18161 list-style: none; 18162} 18163.hike__poi__list::after { 18164 content: ""; 18165 display: block; 18166 width: 1.25rem; 18167 height: 1.25rem; 18168 flex: 1 0 1.25rem; 18169} 18170@media print, screen and (min-width: 64em) { 18171 .hike__poi__list { 18172 display: block; 18173 margin: 0 0 0 0.875rem; 18174 } 18175 .hike__poi__list::after { 18176 content: none; 18177 } 18178} 18179 18180.hike__poi__item { 18181 display: block; 18182 position: relative; 18183 flex: 1 0 18.75rem; 18184 max-width: 20rem; 18185 margin-left: 1.25rem; 18186 background: #ffffff; 18187 border-radius: 3px; 18188 padding: 0.9375rem; 18189} 18190@media print, screen and (min-width: 64em) { 18191 .hike__poi__item { 18192 display: list-item; 18193 max-width: none; 18194 margin-left: 0; 18195 background: transparent; 18196 border-radius: 0; 18197 padding: 0.1875rem 0 3.25rem 2.125rem; 18198 counter-increment: inst; 18199 position: relative; 18200 border-left: 1px dashed rgba(0, 0, 0, 0.2); 18201 } 18202 .hike__poi__item::before { 18203 content: counter(inst); 18204 display: block; 18205 color: #f2731c; 18206 font-size: 0.875rem; 18207 width: 2em; 18208 height: 2em; 18209 border-radius: 2em; 18210 line-height: calc(2em - 4px); 18211 position: absolute; 18212 left: -0.875rem; 18213 top: 0; 18214 border: 2px solid; 18215 font-weight: 700; 18216 text-align: center; 18217 background: #ffffff; 18218 box-shadow: 0 0 0 4px #fff; 18219 } 18220} 18221.hike__poi__item .elevation { 18222 float: right; 18223 margin-left: 1em; 18224 line-height: 1.625rem; 18225 font-size: 0.875rem; 18226 font-weight: 500; 18227 color: rgba(0, 0, 0, 0.5); 18228} 18229.hike__poi__item .name { 18230 display: block; 18231 line-height: 1; 18232 margin-bottom: 0; 18233 cursor: pointer; 18234 font-size: 1.625rem; 18235 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 18236 font-weight: 500; 18237} 18238@media print, screen and (min-width: 64em) { 18239 .hike__poi__item .name { 18240 margin-bottom: 0.4em; 18241 } 18242} 18243.hike__poi__item .name small { 18244 display: block; 18245 margin-bottom: 0.5em; 18246 opacity: 0.5; 18247 font-size: 0.625rem; 18248 font-weight: 500; 18249 text-transform: uppercase; 18250 font-family: "Roboto", sans-serif; 18251 line-height: 1; 18252 letter-spacing: 0.083em; 18253} 18254.hike__poi__item .name::after { 18255 content: ""; 18256 display: inline-block; 18257 margin-left: 10px; 18258 width: 8px; 18259 height: 8px; 18260 border: 2px solid #444444; 18261 border-width: 0px 2px 2px 0; 18262 transform: rotate(225deg); 18263 transform-origin: center; 18264} 18265@media print, screen and (min-width: 64em) { 18266 .hike__poi__item .name::after { 18267 content: none; 18268 } 18269} 18270.hike__poi__item.is-active .name::after { 18271 margin-bottom: 5px; 18272 transform: rotate(45deg); 18273} 18274.hike__poi__item p { 18275 display: none; 18276 margin: 1em 0 0 0; 18277 line-height: 1.5; 18278 font-size: 0.75rem; 18279} 18280@media print, screen and (min-width: 64em) { 18281 .hike__poi__item p { 18282 display: block; 18283 font-size: 0.875rem; 18284 } 18285} 18286.hike__poi__item.is-active p { 18287 display: block; 18288} 18289.hike__poi__item cite { 18290 font-size: 75%; 18291} 18292 18293.hike__poi__img { 18294 display: block; 18295 width: 9.375rem; 18296} 18297 18298@media screen and (max-width: 39.99875em) { 18299 .scrollbar--vertical { 18300 display: none !important; 18301 } 18302}
18303.scrollbar--vertical { 18304 width: 0.25rem; 18305 height: 100%; 18306 position: absolute; 18307 right: -0.625rem; 18308 top: 0; 18309 line-height: 0; 18310} 18311@media print, screen and (min-width: 64em) { 18312 .scrollbar--vertical { 18313 right: -1.5rem; 18314 } 18315} 18316.scrollbar--vertical .handle { 18317 width: 100%; 18318 height: 7.5rem; 18319 background: rgba(20, 20, 20, 0.2); 18320 border-radius: 2px; 18321 cursor: move; 18322} 18323.scrollbar--vertical .mousearea { 18324 position: absolute; 18325 top: 0; 18326 left: -0.5rem; 18327 width: 1.25rem; 18328 height: 100%; 18329} 18330 18331.search__results.hike-contest { 18332 display: flex; 18333 flex-flow: row wrap; 18334 justify-content: center; 18335 align-items: flex-start; 18336 margin: 0 -0.875rem !important; 18337 padding: 0; 18338 list-style: none; 18339} 18340@media print, screen and (min-width: 64em) { 18341 .search__results.hike-contest { 18342 justify-content: flex-start; 18343 } 18344} 18345.search__results.hike-contest > li { 18346 position: relative; 18347 border-radius: 3px; 18348 transition: box-shadow 250ms ease-out, transform 250ms ease-out; 18349} 18350.search__results.hike-contest > li:hover, .search__results.hike-contest > li:focus { 18351 color: #ffffff; 18352 box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.6); 18353 transform: translateY(-0.5rem); 18354} 18355.search__results.hike-contest > li.is-approved::after, .search__results.hike-contest > li.is-approving::after, .search__results.hike-contest > li.is-declined::after { 18356 content: ""; 18357 display: block; 18358 width: 100%; 18359 height: 100%; 18360 position: absolute; 18361 left: 0; 18362 top: 0; 18363 background: rgba(0, 0, 0, 0.8); 18364 z-index: 3; 18365 border-radius: 3px; 18366 color: #ffffff; 18367 text-align: center; 18368 line-height: 26.875rem; 18369} 18370@media print, screen and (min-width: 48em) { 18371 .search__results.hike-contest > li.is-approved::after, .search__results.hike-contest > li.is-approving::after, .search__results.hike-contest > li.is-declined::after { 18372 line-height: 28.75rem; 18373 } 18374} 18375@media print, screen and (min-width: 64em) { 18376 .search__results.hike-contest > li.is-approved::after, .search__results.hike-contest > li.is-approving::after, .search__results.hike-contest > li.is-declined::after { 18377 line-height: 31.25rem; 18378 } 18379} 18380.search__results.hike-contest > li.is-approved::after { 18381 content: "ð¤"; 18382 text-align: center; 18383 font-size: 1.625rem; 18384 line-height: 35.625rem; 18385} 18386@media print, screen and (min-width: 48em) { 18387 .search__results.hike-contest > li.is-approved::after { 18388 line-height: 40rem; 18389 } 18390} 18391@media print, screen and (min-width: 64em) { 18392 .search__results.hike-contest > li.is-approved::after { 18393 line-height: 43.75rem; 18394 } 18395} 18396.search__results.hike-contest > li.is-approving::after { 18397 content: "Overuje sa"; 18398} 18399.search__results.hike-contest > li.is-declined::after { 18400 content: "Zamietnuté"; 18401} 18402.search__results.hike-contest > li.is-declined .button { 18403 position: relative; 18404 z-index: 5; 18405} 18406.search__results.hike-contest > li .icon { 18407 display: block; 18408 font-size: 3.375rem; 18409 line-height: 1; 18410 position: absolute; 18411 left: 50%; 18412 top: 50%; 18413 transform: translate(-50%, -50%); 18414 z-index: 5; 18415} 18416.search__results.hike-contest .hike-card { 18417 border-radius: 3px 3px 0 0; 18418} 18419.search__results.hike-contest .hike-card:hover, .search__results.hike-contest .hike-card:focus { 18420 transform: none; 18421 box-shadow: none; 18422} 18423.search__results.hike-contest .button { 18424 display: block; 18425 margin: -1px 0 0; 18426 padding: 1.125rem; 18427 text-align: center; 18428 border-radius: 0 0 3px 3px; 18429} 18430 18431.hike__share { 18432 max-width: 31.25rem; 18433} 18434 18435.hike__share__buttons { 18436 display: flex; 18437 flex-flow: row wrap; 18438 margin: 0 0 2rem; 18439} 18440@media print, screen and (min-width: 30em) { 18441 .hike__share__buttons { 18442 margin: 0 -0.625rem 2.5rem; 18443 flex-wrap: nowrap; 18444 } 18445} 18446.hike__share__buttons .button { 18447 flex: 0 0 100%; 18448 padding: 1.375rem 1.5rem; 18449} 18450@media print, screen and (min-width: 30em) { 18451 .hike__share__buttons .button { 18452 margin: 0 0.625rem; 18453 flex: 1 1 auto; 18454 } 18455} 18456 18457.hike__share__copy input { 18458 cursor: default; 18459} 18460.hike__share__copy a { 18461 float: right; 18462} 18463 18464.hike__action { 18465 position: relative; 18466 border-radius: 3px; 18467 background: #d8d8d8; 18468 color: #ffffff; 18469 margin: 3.125rem 0 0; 18470 padding: 1.5rem; 18471 text-align: center; 18472} 18473@media print, screen and (min-width: 40em) { 18474 .hike__action { 18475 padding: 0; 18476 text-align: left; 18477 } 18478} 18479@media print, screen and (min-width: 48em) { 18480 .hike__action { 18481 margin: 5rem 0 -1rem; 18482 } 18483} 18484@media print, screen and (min-width: 64em) { 18485 .hike__action { 18486 margin: 6.25rem 0 0; 18487 } 18488} 18489@media print, screen and (min-width: 40em) { 18490 .hike__action { 18491 display: flex; 18492 flex-flow: row nowrap; 18493 justify-content: space-between; 18494 align-items: center; 18495 } 18496} 18497.hike__action::before { 18498 content: ""; 18499 display: block; 18500 width: 100%; 18501 height: 100%; 18502 position: absolute; 18503 left: 0; 18504 top: 0;
18505 background: url(../img/home-header-1920.jpg) no-repeat center top; 18506 background-size: cover; 18507 opacity: 0.8; 18508} 18509.hike__action .inner { 18510 position: relative; 18511} 18512@media print, screen and (min-width: 40em) { 18513 .hike__action .inner { 18514 padding: 2rem; 18515 } 18516} 18517@media print, screen and (min-width: 64em) { 18518 .hike__action .inner { 18519 padding: 3.5rem; 18520 } 18521} 18522.hike__action p { 18523 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 18524 font-size: 1.75rem; 18525 line-height: 1; 18526} 18527@media print, screen and (min-width: 40em) { 18528 .hike__action p { 18529 font-size: 2rem; 18530 } 18531} 18532@media print, screen and (min-width: 48em) { 18533 .hike__action p { 18534 font-size: 2.25rem; 18535 } 18536} 18537@media print, screen and (min-width: 64em) { 18538 .hike__action p { 18539 font-size: 2.75rem; 18540 } 18541} 18542.hike__action img { 18543 position: relative; 18544 width: 80%; 18545} 18546@media print, screen and (min-width: 40em) { 18547 .hike__action img { 18548 height: 11.25rem; 18549 width: auto; 18550 } 18551} 18552@media print, screen and (min-width: 48em) { 18553 .hike__action img { 18554 height: 15.625rem; 18555 } 18556} 18557.hike__action .button { 18558 margin: 0 0 1.5rem; 18559 white-space: nowrap; 18560} 18561@media print, screen and (min-width: 40em) { 18562 .hike__action .button { 18563 margin: 0; 18564 } 18565} 18566 18567.hike__sticky { 18568 display: block; 18569 padding: 0.75rem 0; 18570 width: 100%; 18571 position: relative; 18572 left: 0; 18573 top: 0; 18574 background: #18A66F; 18575 color: #ffffff; 18576 visibility: hidden; 18577 opacity: 0; 18578 transition: opacity 250ms ease-out; 18579 z-index: 100; 18580} 18581.hike__sticky.is-stuck { 18582 opacity: 1; 18583 visibility: visible; 18584 z-index: 1011 !important; 18585} 18586.hike__sticky .grid-x { 18587 align-items: center; 18588} 18589.hike__sticky p { 18590 margin: 0; 18591 font-size: 0.75rem; 18592 line-height: 1.4; 18593} 18594@media print, screen and (min-width: 48em) { 18595 .hike__sticky p { 18596 font-size: 0.875rem; 18597 } 18598} 18599.hike__sticky .button { 18600 margin: 0; 18601} 18602 18603.hike__uniqa, 18604.hike__empty-box, 18605.hike__union { 18606 margin: 0 -0.9375rem 0; 18607 position: relative; 18608 padding: 1.25rem 1rem 1rem 7.5rem; 18609} 18610@media print, screen and (min-width: 30em) { 18611 .hike__uniqa, 18612 .hike__empty-box, 18613 .hike__union { 18614 margin-left: 0; 18615 margin-right: 0; 18616 border-radius: 3px; 18617 } 18618} 18619@media print, screen and (min-width: 64em) { 18620 .hike__uniqa, 18621 .hike__empty-box, 18622 .hike__union { 18623 width: 100%; 18624 max-width: none; 18625 } 18626} 18627.hike__uniqa img, 18628.hike__empty-box img, 18629.hike__union img { 18630 position: absolute; 18631 left: 3.75rem; 18632 top: 50%; 18633 transform: translate(-50%, -50%); 18634} 18635.hike__uniqa h3, 18636.hike__empty-box h3, 18637.hike__union h3 { 18638 font-size: 1.5rem; 18639 font-weight: 500; 18640 margin: 0 0 0.25rem !important; 18641} 18642@media print, screen and (min-width: 30em) { 18643 .hike__uniqa h3, 18644 .hike__empty-box h3, 18645 .hike__union h3 { 18646 font-size: 1.75rem; 18647 } 18648} 18649.hike__uniqa p, 18650.hike__empty-box p, 18651.hike__union p { 18652 font-size: 0.75rem; 18653 margin-bottom: 0.5rem; 18654 line-height: 1.36; 18655 font-weight: 500; 18656 opacity: 0.8; 18657} 18658@media print, screen and (min-width: 30em) { 18659 .hike__uniqa p, 18660 .hike__empty-box p, 18661 .hike__union p { 18662 font-size: 0.875rem; 18663 } 18664} 18665.hike__uniqa a:not(.button), 18666.hike__empty-box a:not(.button), 18667.hike__union a:not(.button) { 18668 text-decoration: underline; 18669} 18670.hike__uniqa a:not(.button):hover, .hike__uniqa a:not(.button):focus, 18671.hike__empty-box a:not(.button):hover, 18672.hike__empty-box a:not(.button):focus, 18673.hike__union a:not(.button):hover, 18674.hike__union a:not(.button):focus { 18675 text-decoration: none; 18676} 18677.hike__uniqa a:not(.button), 18678.hike__empty-box a:not(.button), 18679.hike__union a:not(.button) { 18680 font-size: 0.875rem; 18681 font-weight: 500; 18682} 18683.hike__uniqa .button, 18684.hike__empty-box .button, 18685.hike__union .button { 18686 margin: 0; 18687} 18688 18689.hike__uniqa { 18690 background: #005ca8; 18691 color: #ffffff; 18692} 18693 18694.hike__union { 18695 margin: 0 -1.25rem 0; 18696 background: url("../img/union_bg_3.jpg") no-repeat center top; 18697 background-size: cover; 18698 color: #ffffff; 18699 padding: 1.875rem 1.25rem 1.5rem; 18700} 18701@media print, screen and (min-width: 30em) { 18702 .hike__union { 18703 margin-left: 0; 18704 margin-right: 0; 18705 height: 0; 18706 padding: 40% 0 0; 18707 background-size: 100%; 18708 } 18709} 18710@media print, screen and (min-width: 30em) { 18711 .hike__union .inner { 18712 position: absolute; 18713 top: 4.25532%; 18714 bottom: 0; 18715 left: 0; 18716 right: 0; 18717 padding: 1.875rem 1.5rem; 18718 } 18719} 18720@media print, screen and (min-width: 48em) { 18721 .hike__union .inner { 18722 padding: 2.1875rem 2rem; 18723 } 18724} 18725.hike__union img { 18726 position: absolute; 18727 width: auto; 18728 height: 1.75rem; 18729 left: auto; 18730 top: 1.5rem; 18731 right: 1.25rem; 18732 transform: none; 18733} 18734@media print, screen and (min-width: 30em) { 18735 .hike__union img { 18736 top: 1.75rem; 18737 right: 1.625rem; 18738 } 18739} 18740@media print, screen and (min-width: 30em) { 18741 .hike__union h3 { 18742 font-size: 2.125rem; 18743 } 18744} 18745.hike__union p { 18746 margin-bottom: 1em; 18747} 18748.hike__union--variant-2 { 18749 background-image: url("../img/union_bg.jpg"); 18750 background-color: #4b83c7; 18751} 18752 18753.hike__empty-box { 18754 height: 8.125rem; 18755 margin-bottom: 1rem; 18756 border-radius: 3px; 18757 background-color: #d7dbde; 18758} 18759.hike__empty-box img { 18760 height: 6.25rem; 18761 width: auto; 18762} 18763 18764.hike__footer { 18765 background: #ffffff; 18766 padding-top: 2rem; 18767 padding-bottom: 1.25rem; 18768 overflow-x: hidden; 18769} 18770@media print, screen and (min-width: 64em) { 18771 .hike__footer { 18772 padding-top: 3.75rem; 18773 } 18774} 18775 18776.hike__related__items .frame { 18777 overflow: visible !important; 18778} 18779.hike__related__items .slidee { 18780 margin: 0; 18781 white-space: nowrap; 18782} 18783.hike__related__items .hike-card { 18784 width: 27.45em; 18785 height: 25em; 18786} 18787@media print, screen and (min-width: 40em) { 18788 .hike__related__items .hike-card { 18789 height: 27em; 18790 } 18791} 18792@media print, screen and (min-width: 48em) { 18793 .hike__related__items .hike-card { 18794 height: 29em; 18795 } 18796} 18797@media print, screen and (min-width: 64em) { 18798 .hike__related__items .hike-card { 18799 height: 32em; 18800 } 18801} 18802.hike__related__items .hike-card__inner { 18803 padding: 2.3em 2.5em 2em; 18804} 18805 18806.hike-card { 18807 display: block; 18808 font-size: 0.5rem; 18809 width: 32em; 18810 height: 35em; 18811 position: relative; 18812 color: #ffffff; 18813 border-radius: 3px; 18814 text-align: left; 18815 overflow: hidden;
18816 transition: box-shadow 250ms ease-out, transform 250ms ease-out; 18817 background: #000; 18818} 18819@media print, screen and (min-width: 48em) { 18820 .hike-card { 18821 font-size: 0.5625rem; 18822 } 18823} 18824@media print, screen and (min-width: 64em) { 18825 .hike-card { 18826 font-size: 0.625rem; 18827 } 18828} 18829.hike-card:hover, .hike-card:focus { 18830 color: #ffffff; 18831 box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.6); 18832 transform: translateY(-0.5rem); 18833} 18834.hike-card::before { 18835 content: ""; 18836 display: block; 18837 width: 100%; 18838 height: 100%; 18839 position: absolute; 18840 z-index: 1; 18841 left: 0; 18842 top: 0; 18843 background-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 23%, rgba(0, 0, 0, 0) 60%, black 100%); 18844 opacity: 0.75; 18845} 18846.hike-card--empty { 18847 background: #ffffff; 18848} 18849.hike-card--empty::before { 18850 content: ""; 18851 display: block; 18852 width: 100%; 18853 height: 100%; 18854 position: absolute; 18855 z-index: 1; 18856 left: 0; 18857 top: 0; 18858 background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); 18859 opacity: 0.75; 18860} 18861.hike-card__empty-cta .text { 18862 display: block; 18863 max-width: 19em; 18864 margin-bottom: 1.25em; 18865 font-size: 1.2em; 18866 line-height: 1.25; 18867 font-weight: 400; 18868} 18869.hike-card__empty-cta .button { 18870 padding: 0.625rem; 18871 margin: 0 0 0.375rem; 18872 font-size: 1.4em; 18873} 18874.hike-card--own { 18875 text-align: center; 18876} 18877.hike-card--own .hike-card__inner { 18878 justify-content: flex-start; 18879 align-items: center; 18880} 18881.hike-card--own .hike-card__inner .hike__title { 18882 margin-top: 1em; 18883} 18884.hike-card--own p { 18885 margin: 0; 18886 font-size: 0.875rem; 18887 line-height: 1.4; 18888 color: rgba(255, 255, 255, 0.8); 18889} 18890.hike-card__bg-img { 18891 position: absolute; 18892 left: 0; 18893 top: 0; 18894 z-index: 0; 18895 width: 100%; 18896 height: 100%; 18897 object-fit: cover; 18898} 18899.hike-card__inner { 18900 position: relative; 18901 z-index: 2; 18902 width: 100%; 18903 height: 100%; 18904 display: flex; 18905 flex-flow: column nowrap; 18906 justify-content: space-between; 18907 padding: 2.8em 3em 2.4em; 18908 box-sizing: border-box; 18909} 18910.hike-card__inner .hike__title { 18911 margin-top: auto; 18912 white-space: initial; 18913} 18914.hike-card__inner .hike__attributes { 18915 justify-content: space-between; 18916 margin: 0; 18917} 18918.hike-card__inner .hike__attributes li { 18919 margin-top: 0; 18920 margin-bottom: 0; 18921 margin-right: 0.5em; 18922 text-align: left; 18923} 18924.hike-card__inner .hike__attributes li:last-child { 18925 margin-right: 0; 18926} 18927.hike-card__inner .hike__attributes strong { 18928 font-size: 62.5%; 18929} 18930.hike-card--accommodation { 18931 width: 100%; 18932 height: 13.125rem; 18933 margin-bottom: 0; 18934} 18935@media print, screen and (min-width: 64em) { 18936 .hike-card--accommodation { 18937 height: 14.375rem; 18938 margin-bottom: 1rem; 18939 } 18940} 18941.hike-card--accommodation::before { 18942 background-image: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, black 100%); 18943} 18944.hike-card--accommodation .hike-card__inner { 18945 padding: 0.9375rem; 18946} 18947@media print, screen and (min-width: 64em) { 18948 .hike-card--accommodation .hike-card__inner { 18949 padding: 1.25rem; 18950 } 18951} 18952.hike-card--accommodation .hike-card__bg-img { 18953 opacity: 0.7; 18954} 18955.hike-card--accommodation .price { 18956 display: block; 18957 font-weight: 700; 18958 line-height: 1; 18959} 18960.hike-card--accommodation .title { 18961 display: block; 18962 margin-top: auto; 18963 font-weight: 500; 18964 line-height: 1.4; 18965 font-size: 0.8125rem; 18966 max-height: 2.8em; 18967 overflow: hidden; 18968 text-overflow: ellipsis; 18969 display: -webkit-box; 18970 -webkit-line-clamp: 2; 18971 -webkit-box-orient: vertical; 18972} 18973@media print, screen and (min-width: 64em) { 18974 .hike-card--accommodation .title { 18975 font-size: 0.9375rem; 18976 } 18977} 18978@media screen and (max-width: 63.99875em) { 18979 .hike-card--accommodation .button { 18980 display: none !important; 18981 } 18982} 18983.hike-card--accommodation .button { 18984 padding: 0.625rem; 18985 margin-top: 0.25rem; 18986 margin-bottom: 0; 18987} 18988.hike-card--post { 18989 width: 100%; 18990 height: 11.25rem; 18991 margin-bottom: 0; 18992} 18993@media print, screen and (min-width: 64em) { 18994 .hike-card--post { 18995 height: 12.5rem; 18996 margin-bottom: 1rem; 18997 } 18998} 18999.hike-card--post::before { 19000 background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, black 100%); 19001 opacity: 0.8; 19002} 19003.hike-card--post .hike-card__inner { 19004 padding: 0.9375rem; 19005} 19006@media print, screen and (min-width: 64em) { 19007 .hike-card--post .hike-card__inner { 19008 padding: 1.25rem; 19009 } 19010} 19011.hike-card--post .title { 19012 display: block; 19013 margin-top: auto; 19014 font-weight: 500; 19015 line-height: 1.4; 19016 font-size: 0.875rem; 19017 max-height: 4.2em; 19018 overflow: hidden; 19019 text-overflow: ellipsis; 19020 display: -webkit-box; 19021 -webkit-line-clamp: 3; 19022 -webkit-box-orient: vertical; 19023} 19024@media print, screen and (min-width: 64em) { 19025 .hike-card--post .title { 19026 font-size: 1rem; 19027 } 19028} 19029@media screen and (max-width: 63.99875em) { 19030 .hike-card--post .button { 19031 display: none !important; 19032 } 19033} 19034.hike-card--post .button { 19035 padding: 0.625rem; 19036 margin-top: 0.25rem; 19037 margin-bottom: 0; 19038} 19039 19040.star-rating { 19041 position: relative; 19042 display: block; 19043 margin-bottom: 0.4em; 19044 font-size: 1rem; 19045 line-height: 1; 19046 width: 6em; 19047 height: 1em; 19048 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20'%3E%3Cpath fill='%23f1ba16' fill-opacity='0.4' d='M20.9,6.6l-5.4-0.8l-2.4-5.1C12.8,0,12-0.2,11.3,0.2c-0.2,0.1-0.4,0.3-0.5,0.5L8.5,5.8L3.1,6.6 C2.4,6.7,1.9,7.4,2,8.1c0,0.3,0.2,0.6,0.4,0.8l3.9,4l-0.9,5.6c-0.1,0.7,0.3,1.4,1,1.5c0.3,0,0.5,0,0.8-0.1l4.8-2.7l4.8,2.7 c0.6,0.3,1.4,0.1,1.7-0.5c0.1-0.3,0.2-0.5,0.1-0.8l-0.9-5.6l3.9-4c0.5-0.5,0.5-1.3,0-1.9C21.5,6.8,21.2,6.7,20.9,6.6L20.9,6.6z'/%3E%3C/svg%3E"); 19049 background-repeat: repeat-x; 19050 background-size: 1.2em; 19051 backface-visibility: hidden; 19052} 19053.star-rating span { 19054 content: ""; 19055 display: block; 19056 width: 0%; 19057 height: 100%; 19058 position: absolute; 19059 left: 0; 19060 top: 0; 19061 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20'%3E%3Cpath fill='%23f1ba16' d='M20.9,6.6l-5.4-0.8l-2.4-5.1C12.8,0,12-0.2,11.3,0.2c-0.2,0.1-0.4,0.3-0.5,0.5L8.5,5.8L3.1,6.6 C2.4,6.7,1.9,7.4,2,8.1c0,0.3,0.2,0.6,0.4,0.8l3.9,4l-0.9,5.6c-0.1,0.7,0.3,1.4,1,1.5c0.3,0,0.5,0,0.8-0.1l4.8-2.7l4.8,2.7 c0.6,0.3,1.4,0.1,1.7-0.5c0.1-0.3,0.2-0.5,0.1-0.8l-0.9-5.6l3.9-4c0.5-0.5,0.5-1.3,0-1.9C21.5,6.8,21.2,6.7,20.9,6.6L20.9,6.6z'/%3E%3C/svg%3E"); 19062 background-repeat: repeat-x; 19063 background-size: inherit; 19064} 19065 19066.star-rating--1 span { 19067 width: 10%; 19068} 19069 19070.star-rating--2 span { 19071 width: 20%; 19072} 19073 19074.star-rating--3 span { 19075 width: 30%; 19076} 19077 19078.star-rating--4 span { 19079 width: 40%; 19080} 19081 19082.star-rating--5 span { 19083 width: 50%; 19084} 19085 19086.star-rating--6 span { 19087 width: 60%; 19088} 19089 19090.star-rating--7 span { 19091 width: 70%; 19092} 19093 19094.star-rating--8 span { 19095 width: 80%; 19096} 19097 19098.star-rating--9 span { 19099 width: 90%; 19100} 19101 19102.star-rating--10 span { 19103 width: 100%; 19104} 19105 19106.hike__update-button { 19107 display: inline-block; 19108 vertical-align: middle; 19109 position: relative; 19110 width: 1em; 19111 height: 1em; 19112 margin-left: 0.5em; 19113 font-size: 1rem; 19114 color: rgba(0, 0, 0, 0.2); 19115 transition: color 250ms ease-out; 19116 border-bottom: 0 none; 19117 cursor: pointer; 19118} 19119.hike__update-button::after {
19120 content: ""; 19121 display: block; 19122 width: 2em; 19123 height: 2em; 19124 position: absolute; 19125 left: -0.5em; 19126 top: -0.5em; 19127} 19128.hike__update-button:hover, .hike__update-button:focus { 19129 color: #000000; 19130} 19131 19132.dropzone { 19133 position: relative; 19134 margin: 0; 19135 padding: 1.5rem 1.25rem 1.25rem; 19136 border: 1px dashed #dfdfdf; 19137 min-height: 7.75rem; 19138} 19139@media print, screen and (min-width: 40em) { 19140 .dropzone { 19141 min-height: 10rem; 19142 } 19143} 19144@media print, screen and (min-width: 64em) { 19145 .dropzone { 19146 min-height: 11.875rem; 19147 } 19148} 19149.dropzone.dz-started { 19150 border: 0px solid transparent; 19151 padding: 0; 19152 display: flex; 19153 flex-flow: row wrap; 19154 justify-content: center; 19155 align-items: flex-start; 19156 margin: 0 -0.75rem; 19157} 19158@media print, screen and (min-width: 40em) { 19159 .dropzone.dz-started { 19160 margin: 0 -1.25rem; 19161 } 19162} 19163.reveal-update .dropzone img { 19164 margin: 0; 19165} 19166.dropzone .dz-preview { 19167 display: block; 19168 flex: 0 0 6.25rem; 19169 max-width: 6.25rem; 19170 width: 6.25rem; 19171 height: 6.25rem; 19172 margin: 0.75rem; 19173} 19174@media print, screen and (min-width: 40em) { 19175 .dropzone .dz-preview { 19176 margin: 1.25rem; 19177 flex: 0 0 7.5rem; 19178 max-width: 7.5rem; 19179 width: 7.5rem; 19180 height: 7.5rem; 19181 } 19182} 19183@media print, screen and (min-width: 48em) { 19184 .dropzone .dz-preview { 19185 flex: 0 0 9.375rem; 19186 max-width: 9.375rem; 19187 width: 9.375rem; 19188 height: 9.375rem; 19189 } 19190} 19191.dropzone .dz-preview:hover .dz-image img { 19192 filter: none; 19193 transform: none; 19194} 19195.dropzone .dz-preview .dz-image { 19196 width: 100%; 19197 height: 100%; 19198 border-radius: 3px; 19199} 19200.dropzone .dz-preview .dz-details { 19201 display: none; 19202} 19203.dropzone .dz-preview .dz-remove { 19204 display: block; 19205 width: 1.625rem; 19206 height: 1.625rem; 19207 border-radius: 100%; 19208 box-shadow: 0 6px 14px rgba(0, 0, 0, 0.31); 19209 position: absolute; 19210 top: 0; 19211 right: 0; 19212 transform: translate(50%, -50%); 19213 z-index: 21; 19214 background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg%3E%3Cpath d='M6.1,0.5v0l-2.1,2.1v0l-2.1,-2.1v0l-1.4,1.4v0l2.1,2.1v0l-2.1,2.1v0l1.4,1.4v0l2.1,-2.1v0l2.1,2.1v0l1.4,-1.4v0l-2.1,-2.1v0l2.1,-2.1v0z' fill='%23444444'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat center #ffffff; 19215} 19216.dropzone .dz-message { 19217 margin: 0; 19218 text-align: left; 19219 padding-left: 6rem; 19220} 19221@media print, screen and (min-width: 40em) { 19222 .dropzone .dz-message { 19223 padding-left: 6.75rem; 19224 } 19225} 19226.dropzone .dz-message > img { 19227 position: absolute; 19228 left: 0; 19229 bottom: 0; 19230} 19231.dropzone .dz-message span { 19232 display: block; 19233 color: #000000; 19234 font-size: 0.875rem; 19235 font-weight: 500; 19236} 19237.dropzone .dz-message span img { 19238 display: block; 19239 margin-bottom: 0.75rem; 19240} 19241.dropzone .dz-message a { 19242 color: #18A66F; 19243 text-decoration: underline; 19244} 19245.dropzone .dz-message a:hover { 19246 text-decoration: none; 19247} 19248.dropzone .dz-message small { 19249 display: block; 19250 font-size: 0.75rem; 19251 color: rgba(0, 0, 0, 0.5); 19252} 19253.dropzone + .additional-fields { 19254 display: none; 19255} 19256.dropzone.dz-started + .additional-fields { 19257 display: block; 19258} 19259 19260.leaflet-control-locate-location circle { 19261 animation: leaflet-control-locate-throb-custom 4s ease infinite; 19262} 19263 19264@keyframes leaflet-control-locate-throb-custom { 19265 0% { 19266 r: 9; 19267 } 19268 50% { 19269 r: 7; 19270 } 19271 100% { 19272 r: 9; 19273 } 19274} 19275.difficulty { 19276 display: inline-block; 19277 position: relative; 19278 width: 3.125rem; 19279 height: 1em; 19280 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10' height='8' viewBox='0 0 10 8'><polygon points='1,7 9,7 5,1' style='fill: rgb%280,0,0,0.3%29'></polygon></svg>"); 19281 background-size: 0.625rem 0.5rem; 19282 background-repeat: repeat-x; 19283 background-position: 0 center; 19284} 19285.difficulty::after { 19286 content: ""; 19287 display: block; 19288 width: 0%; 19289 height: 100%; 19290 position: absolute; 19291 left: 0; 19292 top: 0; 19293 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10' height='8' viewBox='0 0 10 8'><polygon points='1,7 9,7 5,1' style='fill: rgb%280,0,0%29'></polygon></svg>"); 19294 background-size: 0.625rem 0.5rem; 19295 background-repeat: repeat-x; 19296 background-position: 0 center; 19297} 19298.difficulty--white { 19299 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10' height='8' viewBox='0 0 10 8'><polygon points='1,7 9,7 5,1' style='fill: rgb%28255,255,255,0.3%29'></polygon></svg>"); 19300} 19301.difficulty--white::after { 19302 background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='10' height='8' viewBox='0 0 10 8'><polygon points='1,7 9,7 5,1' style='fill: rgb%28255,255,255%29'></polygon></svg>"); 19303} 19304.difficulty--1::after { 19305 width: 20%; 19306} 19307.difficulty--2::after { 19308 width: 40%; 19309} 19310.difficulty--3::after { 19311 width: 60%; 19312} 19313.difficulty--4::after { 19314 width: 80%; 19315} 19316.difficulty--5::after { 19317 width: 100%; 19318} 19319 19320@media print, screen and (min-width: 30em) { 19321 .reveal { 19322 width: calc(100% - 1.875rem); 19323 } 19324} 19325@media print, screen and (min-width: 40em) { 19326 .reveal { 19327 padding: 3.75rem 3.75rem; 19328 } 19329} 19330@media print, screen and (min-width: 48em) { 19331 .reveal { 19332 width: 43.75rem; 19333 padding: 4.25rem 6.25rem; 19334 } 19335} 19336@media print, screen and (min-width: 64em) { 19337 .reveal { 19338 width: 60rem; 19339 padding: 3.75rem 6.1875rem 6.25rem; 19340 } 19341} 19342.reveal h1 { 19343 font-size: clamp(2.25rem, 5vw, 4.375rem); 19344 line-height: 1; 19345 margin-bottom: 2rem; 19346} 19347.reveal h2 { 19348 font-size: 2rem; 19349 margin-block: 2rem; 19350 max-width: 35.625rem; 19351} 19352.reveal h3 { 19353 font-size: 1.5rem; 19354 line-height: 1.3333; 19355 margin-block: 2rem; 19356} 19357.reveal h3 .light { 19358 font-weight: 400; 19359} 19360.reveal .subheader { 19361 font-size: 1.25rem; 19362 font-weight: 400; 19363 line-height: 144%; 19364 margin-bottom: 2rem; 19365 color: #000000; 19366} 19367.reveal p { 19368 color: #868686; 19369 font-size: 1rem; 19370 line-height: 144%; 19371 font-weight: 400; 19372 max-width: 35.625rem; 19373 margin-block: 2rem; 19374} 19375.reveal p strong { 19376 color: #272727; 19377 font-weight: 600; 19378} 19379.reveal p a:link { 19380 text-decoration: underline; 19381} 19382.reveal > img { 19383 display: block; 19384 margin-block: 2rem; 19385 border-radius: 0.25rem; 19386} 19387.reveal .container-gallery { 19388 display: flex; 19389 flex-wrap: wrap; 19390 gap: 1.5rem; 19391 margin-block: 2rem; 19392 justify-content: center; 19393} 19394@media print, screen and (min-width: 40em) { 19395 .reveal .container-gallery { 19396 flex-wrap: nowrap; 19397 } 19398} 19399.reveal .container-gallery img { 19400 max-width: 100%; 19401 height: auto; 19402 border-radius: 0.25rem; 19403} 19404@media print, screen and (min-width: 40em) { 19405 .reveal .container-gallery img { 19406 width: 100%; 19407 } 19408} 19409.reveal .close-button { 19410 background-color: #e9e9e9; 19411 padding: 0.75rem; 19412 border-radius: 50%; 19413 top: 1rem; 19414 right: 1rem; 19415 font-size: 1rem; 19416 transition: color 250ms ease-out; 19417} 19418@media print, screen and (min-width: 40em) { 19419 .reveal .close-button { 19420 top: 1.875rem; 19421 right: 1.875rem; 19422 } 19423} 19424.reveal .close-button svg { 19425 display: block; 19426} 19427.reveal .list { 19428 list-style: none; 19429 margin: 2rem 0; 19430} 19431.reveal .list li { 19432 font-size: 1rem; 19433 font-weight: 400; 19434 padding: 0.75rem 0.875rem; 19435 line-height: 1.5rem; 19436} 19437.reveal .list li strong { 19438 font-weight: 600; 19439} 19440.reveal .list li:nth-child(odd) { 19441 background-color: #f4f6f7; 19442} 19443.reveal .list li a:link { 19444 color: #000000; 19445 font-weight: 600; 19446 text-decoration: underline; 19447 line-height: 150%; 19448 display: flex; 19449 width: 100%; 19450 justify-content: space-between; 19451} 19452.reveal .list li a:link::after {
19453 content: ""; 19454 display: inline-block; 19455 background: url(../img/icon/arrow_back.svg) no-repeat center center; 19456 width: 24px; 19457 height: 24px; 19458} 19459.reveal .list.list__columns li { 19460 display: flex; 19461 flex-wrap: wrap; 19462 justify-content: space-between; 19463} 19464.reveal .callout { 19465 margin-block: 2rem; 19466 font-size: 1rem; 19467 font-weight: 400; 19468 line-height: 1.625rem; 19469 text-align: center; 19470 background: #E5F6F0; 19471 padding: 1.5rem 1.75rem; 19472 color: #272727; 19473} 19474.reveal--success { 19475 padding-top: 10.625rem; 19476 padding-bottom: 2.5rem; 19477 background: url(../img/reveal-confetti.jpg) no-repeat center top #ffffff; 19478} 19479@media print, screen and (min-width: 64em) { 19480 .reveal--success { 19481 width: 50rem; 19482 } 19483} 19484.reveal--success .reveal-title { 19485 margin: 0 -1.25rem 0.3em; 19486} 19487.reveal--success > p { 19488 max-width: 30em; 19489 margin: 0 auto 2em; 19490 font-size: 1rem; 19491 line-height: 1.4375; 19492 text-align: center; 19493} 19494.reveal--success .button.large { 19495 box-shadow: none; 19496 margin-bottom: 0; 19497} 19498.reveal .activation-steps { 19499 background: #f4f6f7; 19500 border-radius: 0.25rem; 19501 padding: 2.5rem; 19502 margin-block: 2rem; 19503} 19504.reveal .activation-steps h2 { 19505 margin-top: 0; 19506} 19507.reveal .activation-steps h3 { 19508 font-size: 1.25rem; 19509 line-height: 1.5rem; 19510 margin-top: 0; 19511 margin-bottom: 1rem; 19512} 19513.reveal .activation-step { 19514 margin-bottom: 2rem; 19515} 19516.reveal .activation-step:last-child { 19517 margin-bottom: 0; 19518} 19519.reveal .activation-step p { 19520 margin: 0; 19521} 19522 19523.reveal-title { 19524 display: block; 19525 margin: 0 0 1em; 19526 text-align: center; 19527} 19528 19529.reveal--insurance .insurance__section-heading { 19530 font-size: 2rem; 19531 line-height: 2.5rem; 19532 margin-top: 2rem; 19533 margin-bottom: 1.5rem; 19534} 19535.reveal--insurance .insurance__steps { 19536 display: flex; 19537 flex-direction: column; 19538 gap: 1.5rem; 19539 margin-bottom: 2rem; 19540} 19541.reveal--insurance .insurance__step { 19542 background: #f4f6f7; 19543 border-radius: 0.25rem; 19544 padding: 1.5rem 1.25rem; 19545} 19546.reveal--insurance .insurance__step h3 { 19547 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 19548 font-size: 1.25rem; 19549 font-weight: 800; 19550 line-height: 1.5rem; 19551 color: #272727; 19552 margin: 0; 19553} 19554.reveal--insurance .insurance__step ul, .reveal--insurance .insurance__step p { 19555 font-size: 1.125rem; 19556 line-height: 1.25rem; 19557 color: #272727; 19558 margin-bottom: 0; 19559} 19560.reveal--insurance .insurance__step ul { 19561 padding-left: 1.5rem; 19562} 19563.reveal--insurance .insurance__step ul li { 19564 list-style: disc; 19565 margin-bottom: 0.5rem; 19566} 19567.reveal--insurance .insurance__step ul li:last-child { 19568 margin-bottom: 0; 19569} 19570.reveal--insurance .insurance__step-divider { 19571 border: none; 19572 border-top: 1px solid #bebebe; 19573 margin: 1rem 0; 19574} 19575.reveal--insurance .insurance__link { 19576 color: #f52624; 19577 text-decoration: underline; 19578} 19579.reveal--insurance .insurance__link:hover { 19580 color: rgb(219.9563318777, 12.0524017467, 10.0436681223); 19581} 19582.reveal--insurance .insurance__photo { 19583 position: relative; 19584 margin-top: 2rem; 19585 border-radius: 0.25rem; 19586 overflow: hidden; 19587} 19588.reveal--insurance .insurance__photo img:first-child { 19589 display: block; 19590 width: 100%; 19591 height: 17.5rem; 19592 object-fit: cover; 19593} 19594@media print, screen and (min-width: 40em) { 19595 .reveal--insurance .insurance__photo img:first-child { 19596 height: 27.5rem; 19597 } 19598} 19599.reveal--insurance .insurance__photo-badge { 19600 position: absolute; 19601 bottom: 1.25rem; 19602 right: 1.25rem; 19603 width: 6.25rem; 19604 height: 6.25rem; 19605 background: #fff; 19606 border-radius: 50%; 19607 display: flex; 19608 align-items: center; 19609 justify-content: center; 19610 padding: 0.5rem; 19611} 19612@media print, screen and (min-width: 40em) { 19613 .reveal--insurance .insurance__photo-badge { 19614 width: 7.75rem; 19615 height: 7.75rem; 19616 bottom: 1.75rem; 19617 right: 1.75rem; 19618 } 19619} 19620.reveal--insurance .insurance__photo-badge img { 19621 max-width: 75%; 19622 height: auto; 19623} 19624 19625.reveal--mapycom .subheader a:link { 19626 color: #18A66F; 19627 text-decoration: underline; 19628} 19629.reveal--mapycom .mapycom-info-title { 19630 font-size: 1.25rem; 19631 line-height: 1.5rem; 19632 margin-bottom: 1rem; 19633} 19634.reveal--mapycom .callout--yellow { 19635 background: #FAB650; 19636 color: #272727; 19637 text-align: center; 19638} 19639 19640.reveal--discount .discount-modal__category { 19641 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 19642 font-weight: 800; 19643 font-size: 1.25rem; 19644 line-height: 1.5rem; 19645 color: #272727; 19646 margin-bottom: 2rem; 19647} 19648.reveal--discount .discount-modal__description { 19649 font-size: 1.25rem; 19650 line-height: 1.44; 19651 margin-bottom: 2rem; 19652} 19653.reveal--discount .discount-modal__description strong { 19654 font-weight: bold; 19655} 19656.reveal--discount .discount-modal__description a { 19657 color: #18A66F; 19658 text-decoration: underline; 19659} 19660.reveal--discount .discount-modal__how-title { 19661 font-family: "Gotham Narrow", sans-serif; 19662 font-weight: 900; 19663 font-size: 2rem; 19664 line-height: 2.5rem; 19665 color: #000000; 19666 margin-bottom: 2rem; 19667} 19668.reveal--discount .discount-modal__step { 19669 margin-bottom: 2rem; 19670} 19671.reveal--discount .discount-modal__step h3 { 19672 font-size: 1.25rem; 19673 line-height: 1.5rem; 19674 margin-bottom: 1rem; 19675} 19676.reveal--discount .discount-modal__step p, .reveal--discount .discount-modal__step ul { 19677 font-size: 1rem; 19678 line-height: 1.44; 19679 color: #686868; 19680 margin-top: 1.5rem; 19681 margin-bottom: 0; 19682} 19683.reveal--discount .discount-modal__step ul { 19684 list-style: disc; 19685 padding-left: 1.5rem; 19686} 19687.reveal--discount .discount-modal__step ul li { 19688 margin-bottom: 0; 19689} 19690.reveal--discount .discount-modal__step strong { 19691 color: #272727; 19692 font-weight: bold; 19693} 19694.reveal--discount .discount-modal__image { 19695 position: relative; 19696 margin-top: 2rem; 19697 margin-bottom: 2rem; 19698} 19699.reveal--discount .discount-modal__image img.discount-modal__photo { 19700 width: 100%; 19701 height: 27.5rem; 19702 object-fit: cover; 19703 border-radius: 0.25rem; 19704 display: block; 19705} 19706.reveal--discount .discount-modal__logo { 19707 position: absolute; 19708 top: 1.75rem; 19709 right: 1.75rem; 19710 width: 7.75rem; 19711 height: 7.75rem; 19712 background: #ffffff; 19713 border-radius: 50%; 19714 display: flex; 19715 align-items: center; 19716 justify-content: center; 19717} 19718.reveal--discount .discount-modal__logo img { 19719 width: 5.625rem; 19720 height: 5.625rem; 19721 object-fit: contain; 19722} 19723.reveal--discount.reveal--northfinder .discount-modal__logo { 19724 background: none; 19725 border-radius: 0; 19726} 19727.reveal--discount .discount-modal__btn { 19728 background: #000000; 19729 color: #ffffff; 19730 font-family: "Gotham Narrow", sans-serif; 19731 font-weight: 900; 19732 font-size: 1.125rem; 19733 line-height: 1.5rem; 19734 padding: 1.0625rem 2.25rem; 19735 border-radius: 0.25rem; 19736} 19737.reveal--discount .discount-modal__btn:hover, .reveal--discount .discount-modal__btn:focus { 19738 background: #333; 19739 color: #ffffff; 19740} 19741 19742.reveal#contest-closed { 19743 background: url(../img/reveal-bg.png) no-repeat right bottom #ffffff; 19744 background-size: contain; 19745 text-align: center; 19746} 19747@media print, screen and (min-width: 64em) { 19748 .reveal#contest-closed { 19749 width: 50rem; 19750 } 19751} 19752.reveal#contest-closed .reveal-title + p { 19753 margin: -2.5em 0 0; 19754 font-size: 0.875rem; 19755 line-height: 1.5; 19756} 19757.reveal#contest-closed .contest-closed-newsletter { 19758 margin-top: 3.125rem; 19759} 19760.reveal#contest-closed .contest-closed-newsletter > p { 19761 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 19762 font-size: 1.5rem; 19763 line-height: 1.3333; 19764 font-weight: 500; 19765} 19766 19767.reveal-update { 19768 text-align: center; 19769} 19770@media print, screen and (min-width: 40em) { 19771 .reveal-update { 19772 padding: 3.75rem 3.75rem; 19773 text-align: left; 19774 } 19775} 19776@media print, screen and (min-width: 48em) { 19777 .reveal-update { 19778 width: 43.75rem; 19779 padding: 3.75rem; 19780 } 19781} 19782.reveal-update .reveal-title small { 19783 display: block; 19784 line-height: 1.4; 19785 margin-top: 0.3em; 19786 color: rgba(0, 0, 0, 0.5); 19787 font-family: "Roboto", sans-serif; 19788 font-size: 1rem; 19789 font-weight: 500; 19790} 19791.reveal-update textarea { 19792 margin-bottom: 1.25rem; 19793 text-align: left; 19794} 19795.reveal-update img { 19796 margin-right: 2.5rem; 19797 margin-left: -1.25rem; 19798} 19799.reveal-update .button { 19800 margin: 0; 19801 padding: 1.25rem 1.875rem; 19802} 19803.reveal-update label { 19804 line-height: 1; 19805 display: flex; 19806 flex-flow: row wrap; 19807 justify-content: space-between; 19808 align-items: center; 19809} 19810.reveal-update label span { 19811 margin-right: 0.75rem; 19812} 19813.reveal-update label span:last-child { 19814 margin-right: 0; 19815} 19816.reveal-update label input { 19817 flex: 0 0 100%; 19818 width: 100%; 19819} 19820@media print, screen and (min-width: 40em) { 19821 .reveal-update label small { 19822 margin-top: 0; 19823 } 19824} 19825.reveal-update input, .reveal-update textarea { 19826 margin: 0.625rem 0 1.25rem; 19827} 19828@media print, screen and (min-width: 48em) { 19829 .reveal-update input, .reveal-update textarea { 19830 margin: 0.75rem 0 2.5rem; 19831 } 19832} 19833.reveal-update small { 19834 font-size: 0.75rem; 19835 font-weight: 500; 19836 color: rgba(0, 0, 0, 0.5); 19837} 19838 19839#reveal-gallery .cell { 19840 max-width: 33.75rem; 19841} 19842#reveal-gallery .additional-fields { 19843 margin-top: 1rem; 19844} 19845#reveal-gallery .additional-fields .button { 19846 display: block; 19847 margin: 0 auto; 19848} 19849 19850#reveal-rating img { 19851 margin: 0 auto; 19852} 19853#reveal-rating form { 19854 margin-top: 2.5rem; 19855} 19856#reveal-rating .grid-margin-x { 19857 margin-left: -0.9375rem; 19858 margin-right: -0.9375rem; 19859} 19860#reveal-rating .button { 19861 display: block; 19862 margin: 0 auto; 19863 width: 12.5rem; 19864} 19865 19866.rating-input { 19867 display: flex; 19868 flex-flow: row nowrap; 19869 justify-content: center; 19870 align-items: center; 19871 height: 3.75rem; 19872 margin: 0.6875rem 0 1.25rem; 19873 border: 1px solid #ebebeb; 19874 border-radius: 3px; 19875} 19876@media print, screen and (min-width: 48em) { 19877 .rating-input { 19878 margin: 0.8125rem 0 2.5rem; 19879 } 19880} 19881.rating-input input[type=radio] { 19882 opacity: 0; 19883 position: absolute; 19884 z-index: -1; 19885} 19886.rating-input input[type=radio]:checked ~ label { 19887 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20'%3E%3Cpath fill='%23f1ba16' fill-opacity='0.4' d='M20.9,6.6l-5.4-0.8l-2.4-5.1C12.8,0,12-0.2,11.3,0.2c-0.2,0.1-0.4,0.3-0.5,0.5L8.5,5.8L3.1,6.6 C2.4,6.7,1.9,7.4,2,8.1c0,0.3,0.2,0.6,0.4,0.8l3.9,4l-0.9,5.6c-0.1,0.7,0.3,1.4,1,1.5c0.3,0,0.5,0,0.8-0.1l4.8-2.7l4.8,2.7 c0.6,0.3,1.4,0.1,1.7-0.5c0.1-0.3,0.2-0.5,0.1-0.8l-0.9-5.6l3.9-4c0.5-0.5,0.5-1.3,0-1.9C21.5,6.8,21.2,6.7,20.9,6.6L20.9,6.6z'/%3E%3C/svg%3E"); 19888} 19889.rating-input label { 19890 position: relative; 19891 display: block; 19892 margin: 0; 19893 font-size: 1.5rem; 19894 line-height: 1; 19895 width: 1.2em; 19896 height: 1em; 19897 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20'%3E%3Cpath fill='%23f1ba16' fill-opacity='0.4' d='M20.9,6.6l-5.4-0.8l-2.4-5.1C12.8,0,12-0.2,11.3,0.2c-0.2,0.1-0.4,0.3-0.5,0.5L8.5,5.8L3.1,6.6 C2.4,6.7,1.9,7.4,2,8.1c0,0.3,0.2,0.6,0.4,0.8l3.9,4l-0.9,5.6c-0.1,0.7,0.3,1.4,1,1.5c0.3,0,0.5,0,0.8-0.1l4.8-2.7l4.8,2.7 c0.6,0.3,1.4,0.1,1.7-0.5c0.1-0.3,0.2-0.5,0.1-0.8l-0.9-5.6l3.9-4c0.5-0.5,0.5-1.3,0-1.9C21.5,6.8,21.2,6.7,20.9,6.6L20.9,6.6z'/%3E%3C/svg%3E"); 19898 background-repeat: no-repeat; 19899 background-size: 1.2em; 19900 backface-visibility: hidden; 19901} 19902.rating-input.is-active label { 19903 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20'%3E%3Cpath fill='%23f1ba16' d='M20.9,6.6l-5.4-0.8l-2.4-5.1C12.8,0,12-0.2,11.3,0.2c-0.2,0.1-0.4,0.3-0.5,0.5L8.5,5.8L3.1,6.6 C2.4,6.7,1.9,7.4,2,8.1c0,0.3,0.2,0.6,0.4,0.8l3.9,4l-0.9,5.6c-0.1,0.7,0.3,1.4,1,1.5c0.3,0,0.5,0,0.8-0.1l4.8-2.7l4.8,2.7 c0.6,0.3,1.4,0.1,1.7-0.5c0.1-0.3,0.2-0.5,0.1-0.8l-0.9-5.6l3.9-4c0.5-0.5,0.5-1.3,0-1.9C21.5,6.8,21.2,6.7,20.9,6.6L20.9,6.6z'/%3E%3C/svg%3E"); 19904} 19905 19906#reveal-bookmark { 19907 text-align: center; 19908} 19909#reveal-bookmark img { 19910 display: block; 19911 margin: 0 auto 1.875rem; 19912} 19913#reveal-bookmark .reveal-title { 19914 margin-bottom: 0.1em; 19915} 19916#reveal-bookmark p { 19917 max-width: 25em; 19918 font-weight: 500; 19919 margin: 0 auto 1.75em; 19920 color: rgba(0, 0, 0, 0.5); 19921 line-height: 1.5; 19922} 19923#reveal-bookmark p .icon { 19924 color: #000000; 19925 stroke-width: 1px; 19926 vertical-align: middle; 19927 margin: -2px 4px 0; 19928} 19929#reveal-bookmark p a { 19930 text-decoration: underline; 19931} 19932#reveal-bookmark p a:hover, #reveal-bookmark p a:focus { 19933 text-decoration: none; 19934} 19935#reveal-bookmark .button { 19936 margin-bottom: 1.2em; 19937 width: 12.5rem; 19938} 19939#reveal-bookmark .button + p { 19940 margin: 0 auto; 19941 color: #000000; 19942} 19943 19944#reveal-magazin { 19945 text-align: center; 19946 background: url(../img/main-pattern-gradient.png) repeat-x 0 0 #fff; 19947} 19948@media print, screen and (min-width: 48em) { 19949 #reveal-magazin { 19950 width: 90%; 19951 max-width: 58rem; 19952 padding-top: 3.25rem; 19953 padding-bottom: 3.25rem; 19954 padding-left: 18.4375rem; 19955 padding-right: 2.8125rem; 19956 position: relative; 19957 text-align: left; 19958 } 19959} 19960@media screen and (min-width: 62em) { 19961 #reveal-magazin { 19962 padding-left: 25rem; 19963 min-height: 37.5rem; 19964 } 19965} 19966#reveal-magazin .inner { 19967 position: relative; 19968 z-index: 2; 19969} 19970@media screen and (max-width: 47.99875em) { 19971 #reveal-magazin img { 19972 display: none !important; 19973 } 19974} 19975@media print, screen and (min-width: 48em) { 19976 #reveal-magazin img { 19977 display: block; 19978 position: absolute; 19979 margin: 0; 19980 width: calc(18.4375rem - 30px); 19981 max-width: 100%; 19982 left: 0; 19983 top: 50%; 19984 transform: translateY(-50%); 19985 max-height: 100%; 19986 object-fit: contain; 19987 } 19988} 19989@media print, screen and (min-width: 64em) { 19990 #reveal-magazin img { 19991 width: 21.8125rem; 19992 } 19993} 19994#reveal-magazin p { 19995 margin-bottom: 1.875rem; 19996 line-height: 1.875; 19997 font-size: 0.875rem; 19998 font-weight: 300; 19999} 20000@media print, screen and (min-width: 48em) { 20001 #reveal-magazin p { 20002 font-size: 1rem; 20003 } 20004} 20005#reveal-magazin .button { 20006 margin-top: 0.5rem; 20007 padding: 1.1875rem 1.25rem; 20008 background-color: #F52624; 20009 min-width: 13.125rem; 20010 border-radius: 5px; 20011 box-shadow: none; 20012 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 20013} 20014#reveal-magazin .button:hover, #reveal-magazin .button:focus { 20015 background-color: rgb(228.4198689956, 12.5161572052, 10.4301310044); 20016} 20017#reveal-magazin .button.is-loading { 20018 background: url(../img/loading.svg) no-repeat center center #F52624; 20019 color: #F52624; 20020 opacity: 0.75; 20021 text-indent: -9999px; 20022} 20023#reveal-magazin .reveal-title { 20024 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 20025 text-align: inherit; 20026 font-size: 2.5rem; 20027 line-height: 1.1; 20028 margin-bottom: 1.25rem; 20029} 20030#reveal-magazin .sticker { 20031 display: inline-flex; 20032 justify-content: center; 20033 align-items: center; 20034 background: #F52624; 20035 font-size: 2em; 20036 width: 1em; 20037 height: 1em; 20038 border-radius: 1em; 20039 position: absolute; 20040 top: 50%; 20041 left: 0; 20042 transform: translateY(-50%) rotate(15deg); 20043 color: #FFFFFF; 20044 z-index: -1; 20045} 20046#reveal-magazin .sticker span { 20047 font-size: 0.5em; 20048} 20049#reveal-magazin input { 20050 margin: 0 auto 1rem; 20051 height: 4.125rem; 20052 background: #FFFFFF; 20053 border: 1px solid #F0F0F0; 20054 box-sizing: border-box; 20055 box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.05); 20056 border-radius: 5px; 20057 font-size: 1rem; 20058 max-width: 23.75rem; 20059 font-weight: 400; 20060} 20061#reveal-magazin input:focus { 20062 border-color: #919191; 20063} 20064@media print, screen and (min-width: 48em) { 20065 #reveal-magazin input { 20066 margin-left: 0; 20067 } 20068} 20069#reveal-magazin input.is-invalid-input:not(:focus) { 20070 border-color: #c62437; 20071 background-color: #f9e9eb; 20072} 20073#reveal-magazin .callout { 20074 padding: 1.25rem 1.5rem; 20075 color: #000000; 20076 border-radius: 5px; 20077} 20078#reveal-magazin .callout.success { 20079 background: rgba(24, 166, 111, 0.15); 20080} 20081#reveal-magazin .callout.alert { 20082 background: rgba(255, 0, 0, 0.15); 20083} 20084#reveal-magazin .callout p { 20085 font-weight: 700; 20086 margin: 0; 20087} 20088#reveal-magazin .label { 20089 display: inline-block; 20090 position: absolute; 20091 padding: 0 0.75rem; 20092 left: 1.5625rem; 20093 top: 1.5625rem; 20094 line-height: 2rem; 20095 border-radius: 5px; 20096 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 20097 background: #000; 20098 color: #fff; 20099 z-index: 2; 20100} 20101#reveal-magazin .close-button { 20102 padding: 0.75rem; 20103 right: 0.5rem; 20104 top: 0.5rem; 20105} 20106 20107.user-card { 20108 max-width: 39.375rem; 20109 padding: 0.9375rem; 20110 margin: 0 -0.9375rem; 20111 background: #ffffff; 20112 border-radius: 3px; 20113 box-shadow: 0 4px 9px rgba(0, 0, 0, 0.11); 20114 overflow: hidden; 20115} 20116@media print, screen and (min-width: 30em) { 20117 .user-card { 20118 margin: 0 auto; 20119 padding: 1.25rem; 20120 border: 1px solid rgba(151, 151, 151, 0.3); 20121 } 20122} 20123@media screen and (min-width: 37em) { 20124 .user-card { 20125 margin: 0 auto; 20126 padding: 1.875rem; 20127 } 20128} 20129.reveal .user-card { 20130 max-width: none; 20131 margin: 0; 20132 padding: 0; 20133 background: none; 20134 border: 0 none; 20135 box-shadow: none; 20136} 20137.user-card--green { 20138 background-color: rgba(24, 166, 111, 0.1); 20139 border-color: transparent; 20140 box-shadow: none; 20141} 20142.user-card .callout { 20143 text-align: center; 20144} 20145 20146.user-form form .button { 20147 display: block; 20148 wid
20148th: 17.125rem; 20149 margin: 3em auto auto; 20150 padding: 1.25rem; 20151} 20152.user-form form .button + p { 20153 margin: 0.5em 0 0; 20154 text-align: center; 20155} 20156.user-form form .button + p a { 20157 text-decoration: underline; 20158} 20159.user-form form .button + p a:hover, .user-form form .button + p a:focus { 20160 text-decoration: none; 20161} 20162.user-form form ul { 20163 margin-top: -1rem; 20164 margin-bottom: 1.5rem; 20165 color: #c62437; 20166 font-size: 0.875rem; 20167 line-height: 1.4; 20168} 20169.user-form form .help-text { 20170 margin-top: -1.5rem; 20171} 20172.user-form form .help-text a { 20173 text-decoration: underline; 20174} 20175.user-form form .help-text a:hover, .user-form form .help-text a:focus { 20176 text-decoration: none; 20177} 20178.user-form hr { 20179 border-bottom-color: #e9e9e9; 20180 margin: 1.5rem 0 1.75rem; 20181} 20182@media print, screen and (min-width: 40em) { 20183 .user-form hr { 20184 margin: 3rem 0 3.5rem; 20185 } 20186} 20187.user-form .grid-x { 20188 justify-content: space-between; 20189 margin-left: -0.625rem; 20190 margin-right: -0.625rem; 20191} 20192.user-form .cell { 20193 padding-left: 0.625rem; 20194 padding-right: 0.625rem; 20195} 20196.user-form label { 20197 margin-bottom: 0.5rem; 20198} 20199.user-form label input, .user-form label select, .user-form label textarea { 20200 display: block; 20201 margin-top: 0.5rem; 20202} 20203.user-form label a { 20204 text-decoration: underline; 20205 color: inherit; 20206} 20207.user-form label a:hover, .user-form label a:focus { 20208 text-decoration: none; 20209 color: inherit; 20210} 20211.user-form input[type=checkbox] { 20212 margin-bottom: 0; 20213 display: inline-block; 20214} 20215.user-form .label { 20216 display: block; 20217 float: right; 20218 width: 1rem; 20219 height: 1rem; 20220 line-height: 1rem; 20221 border-radius: 1rem; 20222 background: #808080; 20223 color: #ffffff; 20224 text-align: center; 20225 font-size: 0.75rem; 20226 font-weight: 500; 20227 border: 0 none; 20228} 20229 20230.button--facebook, 20231.button--google { 20232 display: flex; 20233 flex-flow: row nowrap; 20234 justify-content: flex-start; 20235 align-items: center; 20236 padding: 0; 20237 border: 1px solid; 20238 background: #ffffff; 20239 transition: color 250ms ease-out, background 250ms ease-out, border 250ms ease-out; 20240} 20241.button--facebook .icon, 20242.button--google .icon { 20243 display: block; 20244 font-size: 1.25rem; 20245} 20246.button--facebook .button__icon, 20247.button--google .button__icon { 20248 display: block; 20249 padding: 0.75rem 0.75rem; 20250 border-radius: 2px; 20251} 20252.button--facebook .button__text, 20253.button--google .button__text { 20254 display: block; 20255 padding: 0.75rem 0.75rem; 20256 margin: 0 auto; 20257 white-space: nowrap; 20258} 20259 20260.button--facebook { 20261 background: #0866ff; 20262 border-color: #0866ff; 20263 color: #ffffff; 20264} 20265.button--facebook .button__icon { 20266 padding: 0.625rem 0 0.625rem 0.75rem; 20267} 20268.button--facebook .icon { 20269 font-size: 1.5rem; 20270} 20271.button--facebook:hover, .button--facebook:focus { 20272 background: #0866ff; 20273 border-color: #0866ff; 20274 color: #ffffff; 20275} 20276 20277.button--google { 20278 background: #ffffff; 20279 border-color: #000000; 20280 color: #000000; 20281 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); 20282 transition: background-color 300ms ease, box-shadow 300ms ease; 20283} 20284.button--google .button__icon { 20285 background: #ffffff; 20286} 20287.button--google .icon { 20288 margin: auto; 20289} 20290.button--google:hover, .button--google:focus { 20291 background: #ffffff; 20292 border-color: #000000; 20293 color: #fff; 20294 box-shadow: 0 0 3px 3px rgba(66, 133, 244, 0.3); 20295} 20296.button--google:active { 20297 background: #3367d6; 20298} 20299 20300.profile-header { 20301 margin-top: 1.875rem; 20302 margin-bottom: 2.25rem; 20303 padding: 1.5rem; 20304 box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16); 20305 border-radius: 3px; 20306 background-color: #000000; 20307 color: #ffffff; 20308 text-align: center; 20309} 20310@media print, screen and (min-width: 48em) { 20311 .profile-header { 20312 margin-top: 2.5rem; 20313 margin-bottom: 3.5rem; 20314 } 20315} 20316.profile-header h2 { 20317 margin: 0; 20318} 20319.profile-header p { 20320 margin: 0; 20321 opacity: 0.5; 20322 letter-spacing: 0.0625em; 20323} 20324 20325.profile-header__avatar { 20326 display: block; 20327 margin: -3.375rem auto 0.2em; 20328 width: 1em; 20329 height: 1em; 20330 line-height: 1; 20331 border-radius: 1em; 20332 font-size: 5.5rem; 20333 background: #d8d8d8; 20334 border: 4px solid #ffffff; 20335 overflow: hidden; 20336} 20337@media print, screen and (min-width: 48em) { 20338 .profile-header__avatar { 20339 margin-top: -4rem; 20340 font-size: 8rem; 20341 } 20342} 20343.profile-header__avatar img { 20344 display: block; 20345 width: 100%; 20346 height: 100%; 20347 object-fit: cover; 20348} 20349 20350.switch { 20351 width: 100%; 20352 height: 3.75rem; 20353 margin-bottom: 1.875rem; 20354 border: 1px solid #dfdfdf; 20355 border-radius: 3px; 20356 background: #ffffff; 20357} 20358.switch input { 20359 display: none !important; 20360} 20361 20362.switch-paddle { 20363 width: 100%; 20364 height: 3.625rem; 20365 border-radius: 3px; 20366} 20367.switch-paddle::after { 20368 width: 50%; 20369 width: calc(50% - 0.875rem); 20370 background: #18A66F; 20371} 20372 20373.switch-active, .switch-inactive { 20374 display: block !important; 20375 transform: translate(-50%, -50%); 20376 font-size: 0.875rem; 20377 font-weight: 500; 20378 color: #000000; 20379 z-index: 1; 20380 transition: color 0.25s ease-out; 20381} 20382 20383input:checked ~ .switch-paddle::after { 20384 left: 55%; 20385 left: calc(50% + 0.4375rem); 20386} 20387 20388input:checked + label > .switch-inactive { 20389 color: #ffffff; 20390} 20391 20392input:checked + label > .switch-active { 20393 color: #000000; 20394} 20395 20396.switch-active { 20397 left: 25%; 20398 color: #ffffff; 20399} 20400 20401.switch-inactive { 20402 left: 75%; 20403} 20404 20405.pretty-radios { 20406 margin-bottom: 3.125rem; 20407} 20408.pretty-radios > div { 20409 display: flex; 20410 flex-flow: row wrap; 20411 justify-content: space-between; 20412}
20413.pretty-radios input { 20414 display: none !important; 20415} 20416.pretty-radios label { 20417 width: 100%; 20418 margin: 0 0 0.875rem 0; 20419 display: flex; 20420 flex-flow: row nowrap; 20421 justify-content: flex-start; 20422 align-items: center; 20423 padding-left: 3rem; 20424 height: 3.75rem; 20425 position: relative; 20426 font-size: 0.875rem; 20427 background: #ffffff; 20428 border: 1px solid #dfdfdf; 20429 border-radius: 3px; 20430 background: #ffffff; 20431 transition: border 0.25s ease-out; 20432} 20433@media print, screen and (min-width: 30em) { 20434 .pretty-radios label { 20435 width: 50%; 20436 width: calc(50% - 0.625rem); 20437 } 20438} 20439@media print, screen and (min-width: 40em) { 20440 .pretty-radios label { 20441 padding-left: 3.625rem; 20442 } 20443 .pretty-radios label::after { 20444 left: 1.25rem; 20445 } 20446} 20447.pretty-radios label::before { 20448 content: ""; 20449 display: block; 20450 width: 1.125rem; 20451 height: 1.125rem; 20452 line-height: 1.125rem; 20453 border-radius: 1.125rem; 20454 border: 1px solid #dfdfdf; 20455 position: absolute; 20456 left: 1rem; 20457 top: 50%; 20458 transform: translateY(-50%); 20459 transition: all 0.25s ease-out; 20460} 20461.pretty-radios input:checked + label { 20462 border-color: #18A66F; 20463 box-shadow: 0 0 0 1px #18A66F inset; 20464} 20465.pretty-radios input:checked + label::before { 20466 content: "â"; 20467 color: #ffffff; 20468 font-size: 0.75rem; 20469 text-align: center; 20470 background: #18A66F; 20471 border-color: #18A66F; 20472} 20473 20474.peak-block-list { 20475 display: flex; 20476 flex-flow: row wrap; 20477 justify-content: flex-start; 20478 width: 100%; 20479 margin: -0.1875rem -0.1875rem 1.5625rem; 20480 list-style: none; 20481} 20482@media print, screen and (min-width: 64em) { 20483 .peak-block-list { 20484 width: 31.5rem; 20485 margin-bottom: 3.125rem; 20486 } 20487} 20488@media screen and (min-width: 71.25em) { 20489 .peak-block-list { 20490 width: 47.25rem; 20491 } 20492} 20493.peak-block-list li { 20494 flex: 0 0 auto; 20495 width: auto; 20496 max-width: 100%; 20497 padding: 0.1875rem; 20498} 20499@media print, screen and (min-width: 64em) { 20500 .peak-block-list li { 20501 width: 15.75rem; 20502 } 20503} 20504.peak-block-list button { 20505 position: relative; 20506 width: 100%; 20507 margin: 0; 20508 display: flex; 20509 flex-flow: row nowrap; 20510 justify-content: flex-start; 20511 align-items: center; 20512 height: 3rem; 20513 line-height: 1.25; 20514 padding: 0 1.25rem 0 2.25rem; 20515 position: relative; 20516 background: #ffffff; 20517 border: 1px solid #dfdfdf; 20518 border-radius: 3px; 20519 background: #ffffff; 20520 transition: border 0.25s ease-out, opacity 0.25s ease-out, transform 0.25s ease-out; 20521 color: #000000; 20522 font-weight: 500; 20523 text-align: left; 20524 cursor: pointer; 20525} 20526@media print, screen and (min-width: 40em) { 20527 .peak-block-list button { 20528 font-size: 0.875rem; 20529 padding: 0 1.75rem 0 3rem; 20530 height: 3.75rem; 20531 } 20532} 20533.peak-block-list button:hover, .peak-block-list button:focus { 20534 color: #000000; 20535} 20536.peak-block-list button::before { 20537 content: ""; 20538 display: block; 20539 width: 1.125rem; 20540 height: 1.125rem; 20541 line-height: 1.125rem; 20542 border-radius: 1.125rem; 20543 border: 1px solid #dfdfdf; 20544 position: absolute; 20545 left: 0.75rem; 20546 top: 50%; 20547 transform: translateY(-50%); 20548} 20549@media print, screen and (min-width: 40em) { 20550 .peak-block-list button::before { 20551 left: 1.25rem; 20552 } 20553} 20554.peak-block-list button.is-loading { 20555 background: url(../img/loading.svg) no-repeat 0.0625rem center #ffffff; 20556 opacity: 0.5; 20557 transform: scale(0.95); 20558} 20559@media print, screen and (min-width: 40em) { 20560 .peak-block-list button.is-loading { 20561 background-position: 0.5625rem center; 20562 } 20563} 20564.peak-block-list button.is-selected { 20565 border-color: #18A66F; 20566 box-shadow: 0 0 0 1px #18A66F inset; 20567} 20568.peak-block-list button.is-selected::before { 20569 content: "â"; 20570 color: #ffffff; 20571 font-size: 0.75rem; 20572 text-align: center; 20573 background: #18A66F; 20574 border-color: #18A66F; 20575} 20576.peak-block-list button.is-selected:hover::before { 20577 content: "x"; 20578 background: #c62437; 20579 border-color: #c62437; 20580} 20581 20582.user-peaks { 20583 justify-content: center; 20584 text-align: left; 20585} 20586 20587#selected-peaks-title { 20588 height: 3.75rem; 20589 line-height: 3.75rem; 20590 margin-bottom: 0; 20591 padding-left: 1.625rem; 20592 position: relative; 20593 cursor: pointer; 20594} 20595@media print, screen and (min-width: 64em) { 20596 #selected-peaks-title { 20597 height: auto; 20598 line-height: 1; 20599 margin-bottom: 0.4em; 20600 padding: 0; 20601 background: transparent; 20602 cursor: default; 20603 border: 0 none; 20604 border-radius: 0; 20605 } 20606} 20607.sticky.is-stuck #selected-peaks-title { 20608 margin-left: 0; 20609 margin-right: 0; 20610 border-width: 0; 20611 border-radius: 0; 20612} 20613#selected-peaks-title::before { 20614 content: ""; 20615 display: block; 20616 width: 10px; 20617 height: 10px; 20618 border: 2px solid #000000; 20619 border-width: 0px 2px 2px 0; 20620 transform: rotate(225deg); 20621 position: absolute; 20622 left: 4px; 20623 top: 45%; 20624 transform-origin: center; 20625} 20626@media print, screen and (min-width: 64em) { 20627 #selected-peaks-title::before { 20628 content: none; 20629 } 20630} 20631#selected-peaks-title.is-active::before { 20632 margin-top: -5px; 20633 transform: rotate(45deg); 20634} 20635 20636#peaks-sticky { 20637 margin: 0; 20638 position: fixed; 20639 bottom: 0; 20640 left: 0; 20641 right: 50%; 20642 z-index: 2; 20643} 20644@media print, screen and (min-width: 64em) { 20645 #peaks-sticky { 20646 position: relative; 20647 margin-bottom: 3.125rem; 20648 width: 20.5rem; 20649 padding-left: 1.5625rem; 20650 padding-right: 0.9375rem; 20651 z-index: unset; 20652 } 20653} 20654#peaks-sticky .sticky.is-anchored { 20655 z-index: unset; 20656 transform: none; 20657 top: 0 !important; 20658} 20659 20660.selected-peaks { 20661 display: none; 20662 width: 100%; 20663 max-height: 300px; 20664 max-height: 50vh; 20665 margin: 0; 20666 padding: 1.25rem 0; 20667 overflow-y: auto; 20668 position: fixed; 20669 left: 0; 20670 bottom: 3.75rem; 20671 background: #ffffff; 20672 list-style: none; 20673 border: 1px solid #dfdfdf; 20674 border-width: 0 0 1px 0; 20675 font-size: 0; 20676 font-weight: 500; 20677 text-align: left; 20678 z-index: 5; 20679 box-shadow: 0 -4px 9px rgba(0, 0, 0, 0.11); 20680} 20681.selected-peaks.is-expanded { 20682 display: block; 20683} 20684@media screen and (min-width: 32.5em) { 20685 .selected-peaks.is-expanded { 20686 display: flex; 20687 flex-flow: row wrap; 20688 justify-content: space-between; 20689 align-items: flex-start; 20690 } 20691} 20692@media print, screen and (min-width: 64em) { 20693 .selected-peaks, .selected-peaks.is-expanded { 20694 display: block; 20695 max-height: calc(100vh - 16rem); 20696 position: relative; 20697 bottom: auto; 20698 border-width: 1px; 20699 border-radius: 3px; 20700 z-index: unset; 20701 box-shadow: none; 20702 } 20703} 20704.selected-peaks li { 20705 margin-bottom: 0.5em; 20706 padding: 0.25rem 2.5rem 0.25rem 2.75rem; 20707 line-height: 1.125rem; 20708 position: relative; 20709 font-size: 0.875rem; 20710 transition: opacity 0.25s ease-out; 20711} 20712.selected-peaks li:last-child { 20713 margin-bottom: none; 20714} 20715@media screen and (min-width: 32.5em) { 20716 .selected-peaks li { 20717 flex: 0 0 50%; 20718 width: 50%; 20719 } 20720} 20721@media print, screen and (min-width: 48em) { 20722 .selected-peaks li {
20723 flex: 0 0 33.33333%; 20724 width: 33.33333%; 20725 } 20726} 20727@media print, screen and (min-width: 64em) { 20728 .selected-peaks li { 20729 width: 100%; 20730 padding: 0.25rem 2.5rem 0.25rem 3.25rem; 20731 } 20732} 20733.selected-peaks li.is-loading { 20734 background: url(../img/loading.svg) no-repeat 0.5625rem center #ffffff; 20735 background-size: 2rem; 20736 opacity: 0.5; 20737} 20738@media print, screen and (min-width: 64em) { 20739 .selected-peaks li.is-loading { 20740 background-position: 1.0625rem center; 20741 } 20742} 20743.selected-peaks li.item::before { 20744 content: "â"; 20745 display: block; 20746 width: 1.125rem; 20747 height: 1.125rem; 20748 line-height: 1.125rem; 20749 border-radius: 1.125rem; 20750 border: 1px solid #dfdfdf; 20751 position: absolute; 20752 left: 1rem; 20753 top: 50%; 20754 transform: translateY(-50%); 20755 transition: all 0.25s ease-out; 20756 color: #ffffff; 20757 font-size: 0.75rem; 20758 text-align: center; 20759 background: #18A66F; 20760 border-color: #18A66F; 20761} 20762@media print, screen and (min-width: 64em) { 20763 .selected-peaks li.item::before { 20764 left: 1.5rem; 20765 } 20766} 20767.selected-peaks li.item:hover .close-button { 20768 visibility: visible; 20769} 20770.selected-peaks li.empty { 20771 color: #18A66F; 20772 padding: 0 0.9375rem; 20773} 20774@media print, screen and (min-width: 64em) { 20775 .selected-peaks li.empty { 20776 padding: 0 1.5625rem; 20777 } 20778} 20779.selected-peaks .close-button { 20780 display: block; 20781 visibility: hidden; 20782 font-size: 0.75rem; 20783 width: 2em; 20784 height: 2em; 20785 line-height: 1; 20786 padding: 0.5em; 20787 position: absolute; 20788 right: 1.25rem; 20789 top: 50%; 20790 transform: translate(25%, -50%); 20791 color: #c62437; 20792 font-weight: 700; 20793} 20794[data-whatinput=touch] .selected-peaks .close-button { 20795 visibility: visible; 20796} 20797.selected-peaks .close-button svg { 20798 display: block; 20799} 20800 20801#search-sticky { 20802 height: 3.75rem !important; 20803 margin: 0 0 3.125rem; 20804} 20805 20806.user-peaks__overlay { 20807 display: none; 20808 position: fixed; 20809 width: 100vw; 20810 height: 100vh; 20811 background: rgba(0, 0, 0, 0.2); 20812 left: 0; 20813 top: 0; 20814 z-index: 10; 20815} 20816.user-peaks__overlay.is-visible { 20817 display: block; 20818} 20819 20820.user-peaks__search { 20821 position: relative; 20822 width: 100%; 20823 padding: 0 0.9375rem; 20824 z-index: 10; 20825} 20826.user-peaks__search.sticky.is-stuck { 20827 background: #ebebeb; 20828 z-index: 10; 20829 padding-left: 0; 20830 padding-right: 0; 20831} 20832@media print, screen and (min-width: 64em) { 20833 .user-peaks__search.sticky.is-stuck { 20834 box-shadow: 0 4px 9px rgba(0, 0, 0, 0.11); 20835 } 20836} 20837@media print, screen and (min-width: 64em) { 20838 .user-peaks__search input, .user-peaks__search .user-peaks__search__results, .user-peaks__search .user-peaks__search__results li { 20839 max-width: 51.625rem; 20840 width: 100%; 20841 margin-left: auto; 20842 margin-right: auto; 20843 } 20844} 20845@media screen and (min-width: 71.25em) { 20846 .user-peaks__search input, .user-peaks__search .user-peaks__search__results, .user-peaks__search .user-peaks__search__results li { 20847 max-width: 67.375rem; 20848 } 20849} 20850.user-peaks__search input { 20851 display: block; 20852 margin-bottom: 0; 20853 padding-left: 3.75rem; 20854 background-image: url(../img/icon/icon-search.svg); 20855 background-position: 1.625rem 1.3125rem; 20856 background-repeat: no-repeat; 20857} 20858 20859.user-peaks__search__results { 20860 display: block; 20861 margin-left: 0; 20862 max-height: 20rem; 20863 overflow-y: auto; 20864 padding: 0; 20865 list-style: none; 20866 position: absolute; 20867 left: 0.9375rem; 20868 right: 0.9375rem; 20869 top: 3.75rem; 20870 background: #ffffff; 20871 box-shadow: 0 12px 14px rgba(0, 0, 0, 0.11); 20872 z-index: 10; 20873 font-size: 0; 20874} 20875.sticky.is-stuck .user-peaks__search__results { 20876 left: 0; 20877 right: 0; 20878 max-width: 100% !important; 20879} 20880.user-peaks__search__results li { 20881 display: flex; 20882 flex-flow: row nowrap; 20883 justify-content: flex-start; 20884 align-items: center; 20885 padding: 0.75rem 1.875rem; 20886 line-height: 1.125rem; 20887 font-size: 0.875rem; 20888 font-weight: 500; 20889 background: #ffffff; 20890 cursor: pointer; 20891 transition: background-color 250ms ease; 20892} 20893.user-peaks__search__results li:hover { 20894 background: rgba(0, 0, 0, 0.05); 20895} 20896.user-peaks__search__results li:first-child { 20897 margin-top: 1.25rem; 20898} 20899.user-peaks__search__results li:last-child { 20900 margin-bottom: 1.25rem; 20901} 20902.user-peaks__search__results li.is-empty { 20903 color: #c62437; 20904} 20905.user-peaks__search__results li.is-empty::before { 20906 content: none; 20907} 20908.user-peaks__search__results li.is-loading { 20909 background: url(../img/loading.svg) no-repeat 1.1875rem center #ffffff; 20910 opacity: 0.5; 20911} 20912.user-peaks__search__results li::before { 20913 content: ""; 20914 display: inline-block; 20915 margin-right: 0.625rem; 20916 width: 1.125rem; 20917 height: 1.125rem; 20918 line-height: 1.125rem; 20919 border-radius: 1.125rem; 20920 border: 1px solid #dfdfdf; 20921 transition: all 0.25s ease-out; 20922 font-size: 0.75rem; 20923 color: #ffffff; 20924 text-align: center; 20925 background: #ffffff; 20926 border-color: #ffffff; 20927} 20928.user-peaks__search__results li.is-selected::before { 20929 content: "â"; 20930 background: #18A66F; 20931 border-color: #18A66F; 20932} 20933.user-peaks__search__results li.is-selected:hover::before { 20934 content: "x"; 20935 background: #c62437; 20936 border-color: #c62437; 20937} 20938 20939.user-peaks-footer { 20940 width: 100%; 20941 padding: 0.625rem 0; 20942 position: fixed; 20943 text-align: right; 20944 right: 0; 20945 bottom: 0; 20946 background: #ffffff; 20947 box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.08);
20948 z-index: 1; 20949} 20950@media print, screen and (min-width: 64em) { 20951 .user-peaks-footer { 20952 text-align: center; 20953 } 20954} 20955.user-peaks-footer .button { 20956 margin: 0; 20957 padding: 0; 20958 font-size: 0.875rem; 20959 height: 2.5rem; 20960 line-height: 2.5rem; 20961 border-width: 0; 20962 white-space: nowrap; 20963 text-align: center; 20964 width: 8.75rem; 20965 max-width: 100%; 20966} 20967@media print, screen and (min-width: 64em) { 20968 .user-peaks-footer .button { 20969 height: auto; 20970 line-height: 1; 20971 border-width: 1px; 20972 padding: 0.875rem 1.5rem; 20973 width: 11.25rem; 20974 } 20975} 20976 20977.profile__title { 20978 margin-bottom: 0.75em; 20979 text-align: center; 20980} 20981.profile__title h1 { 20982 font-size: inherit; 20983 margin: 0; 20984} 20985@media print, screen and (min-width: 64em) { 20986 .profile__title .grid-x { 20987 text-align: left; 20988 } 20989} 20990.profile__title small { 20991 font-size: 50%; 20992 display: block; 20993 line-height: 1.5; 20994 color: #18A66F; 20995 font-weight: 500; 20996 text-transform: uppercase; 20997} 20998@media print, screen and (min-width: 64em) { 20999 .profile__title small { 21000 font-size: 35%; 21001 } 21002} 21003.profile__title p { 21004 margin-top: 1em; 21005 max-width: 26.5em; 21006 margin: 1em auto 0; 21007 color: rgba(0, 0, 0, 0.5); 21008 font-family: "Roboto", sans-serif; 21009 font-weight: 400; 21010 text-transform: none; 21011 letter-spacing: 0; 21012} 21013 21014.callout--user { 21015 margin-bottom: 2.5rem; 21016 padding: 2.25rem 1.5rem 1.5rem; 21017 text-align: center; 21018 box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16); 21019} 21020.callout--user p { 21021 font-weight: 500; 21022} 21023.callout--user > strong { 21024 display: block; 21025} 21026.callout--user .close-button { 21027 font-size: 0.75rem; 21028 color: rgba(255, 255, 255, 0.5); 21029 top: 1.25rem; 21030 right: 1.25rem; 21031 transition: color 250ms ease-out; 21032} 21033.callout--user .close-button:hover, .callout--user .close-button:focus { 21034 color: #ffffff; 21035} 21036.callout--user .close-button svg { 21037 display: block; 21038} 21039.callout--user.has-badge { 21040 box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.16); 21041} 21042.callout--user.has-badge::before { 21043 content: ""; 21044 display: block; 21045 width: 7.5rem; 21046 height: 8rem; 21047 background: url(../img/callout-badge.png) no-repeat center top; 21048 background-size: 100%; 21049 margin: -2.5rem auto 0.25rem; 21050} 21051.callout--user.success { 21052 background: #18A66F; 21053} 21054.callout--user.success .button { 21055 color: #18A66F !important; 21056} 21057.callout--user.alert .button { 21058 color: #c62437 !important; 21059} 21060.callout--user.callout--custom p { 21061 max-width: 27em; 21062 margin-left: auto; 21063 margin-right: auto; 21064 color: rgba(255, 255, 255, 0.8); 21065 font-weight: 400; 21066} 21067 21068#reveal-peaks p { 21069 line-height: 1.6; 21070 text-align: center; 21071} 21072 21073.user-peaks__accordion .accordion-title { 21074 padding: 0.75rem 0 0.75rem 1.625rem; 21075 border: 0 none; 21076 background: transparent; 21077 color: #000000; 21078} 21079.user-peaks__accordion .accordion-title:hover, .user-peaks__accordion .accordion-title:focus { 21080 color: #000000; 21081} 21082.user-peaks__accordion .accordion-title::before { 21083 content: ""; 21084 display: block; 21085 width: 10px; 21086 height: 10px; 21087 border: 2px solid #000000; 21088 border-width: 0px 2px 2px 0; 21089 transform: rotate(45deg); 21090 position: absolute; 21091 left: 4px;
21092 top: 17px; 21093 transform-origin: center; 21094} 21095.user-peaks__accordion .is-active > .accordion-title::before { 21096 top: 23px; 21097 transform: rotate(225deg); 21098} 21099.user-peaks__accordion h3 { 21100 margin: 0; 21101} 21102.user-peaks__accordion .accordion-item { 21103 padding: 0; 21104 border: 0 none; 21105 background: transparent; 21106 border-bottom: 1px solid #dfdfdf; 21107} 21108 21109.profile__subtitle { 21110 text-align: center; 21111} 21112.profile__subtitle small { 21113 display: block; 21114 font-family: "Roboto", sans-serif; 21115 font-size: 50%; 21116 color: rgba(0, 0, 0, 0.5); 21117 line-height: 1; 21118 margin-top: 0.5em; 21119 font-weight: 400; 21120} 21121 21122.steps-creator { 21123 margin-top: 0.5rem; 21124 margin-bottom: 1.875rem; 21125} 21126.steps-creator__control, .steps-creator__items { 21127 width: 100%; 21128 padding: 1.25rem 1.25rem; 21129 border-radius: 3px 3px 0 0; 21130 background-color: #ebebeb; 21131 font-family: inherit; 21132 color: #000000; 21133} 21134.steps-creator__control { 21135 border-bottom: 1px solid #ddd; 21136 padding-bottom: 0.75rem; 21137} 21138.steps-creator__control .input-group { 21139 margin: 0; 21140} 21141.steps-creator__control .input-group-field { 21142 height: auto; 21143 margin: 0; 21144 padding: 1em; 21145 background: #ffffff; 21146} 21147.steps-creator__control .input-group-button .button { 21148 width: auto; 21149 margin: 0; 21150 padding: 0 1.25rem; 21151} 21152.steps-creator__control .flag { 21153 width: 2.8125rem; 21154 height: 1.875rem; 21155 margin: 0 0.375rem 0.625rem 0; 21156 border-radius: 3px; 21157 outline: 0 none; 21158 box-shadow: inset 0 0 0 1px #ccc; 21159 cursor: pointer; 21160 transition: box-shadow 250ms ease-out; 21161} 21162@media print, screen and (min-width: 40em) { 21163 .steps-creator__control .flag { 21164 margin-right: 0.5rem; 21165 } 21166} 21167.steps-creator__control .flag::before { 21168 height: 0.75rem; 21169 top: 0.5625rem; 21170} 21171.steps-creator__control .flag.is-active { 21172 box-shadow: inset 0 0 0 2px #333, 0 2px 5px 0px rgba(0, 0, 0, 0.25); 21173} 21174.steps-creator__control .flag.flag--no { 21175 overflow: hidden; 21176} 21177.steps-creator__control .flag.flag--no::before, .steps-creator__control .flag.flag--no::after { 21178 content: ""; 21179 display: block; 21180 width: 120%; 21181 height: 0.125rem; 21182 position: absolute; 21183 top: 50%; 21184 left: 50%; 21185 background: black; 21186 transform: rotate(30deg) translate(-50%, -50%); 21187 transform-origin: left; 21188} 21189.steps-creator__control .flag.flag--no::after { 21190 transform: rotate(-30deg) translate(-50%, -50%); 21191} 21192.steps-creator__control__color { 21193 font-size: 0; 21194 margin-right: -0.5rem; 21195} 21196.steps-creator__items { 21197 min-height: 3.75rem; 21198 margin: 0; 21199 list-style: none; 21200 border-radius: 0 0 3px 3px; 21201 font-size: 0.875rem; 21202 font-weight: 500; 21203 line-height: 1.5; 21204} 21205.steps-creator__items .flag { 21206 margin: 0 0.25rem 0 0; 21207} 21208.steps-creator__items li, 21209.steps-creator__items div { 21210 position: relative; 21211 display: inline-block; 21212 padding: 0.5em 1em 0.5em 0.5em; 21213 color: #000000; 21214 margin: 0 0.5rem 0.5rem 0; 21215 border: 1px solid #ccc; 21216 background: #ffffff; 21217 border-radius: 3px; 21218 cursor: move; 21219} 21220.steps-creator__items .close-button { 21221 font-size: 0.625rem; 21222 top: 0; 21223 right: 0; 21224 color: #c62437; 21225 transform: translate(50%, -40%); 21226} 21227 21228.loyalty__box { 21229 margin-bottom: 3.75rem; 21230 padding: 1.5625rem; 21231 border-radius: 3px; 21232 background-color: #e8f0f7; 21233} 21234.loyalty__box p { 21235 margin-bottom: 2em; 21236 font-size: 0.75rem; 21237 line-height: 1.5; 21238} 21239@media print, screen and (min-width: 48em) { 21240 .loyalty__box p { 21241 font-size: 0.875rem; 21242 } 21243} 21244.loyalty__box .share-button { 21245 width: 100%; 21246 text-align: center; 21247 margin: 0 0 0.625rem; 21248 font-size: 0.875rem; 21249 padding: 0.9375rem 1.25rem; 21250} 21251@media print, screen and (min-width: 30em) { 21252 .loyalty__box .share-button { 21253 width: auto; 21254 margin: 0.3125rem; 21255 } 21256} 21257.loyalty__box .share-button .icon { 21258 position: static; 21259 margin: -0.4375rem 0.875rem -0.4375rem 0; 21260 transform: none; 21261} 21262.loyalty__box .share-button.transparent { 21263 background: rgba(0, 0, 0, 0.2); 21264 color: #000000; 21265} 21266.loyalty__box .share-button.transparent:hover, .loyalty__box .share-button.transparent:focus { 21267 background: rgba(0, 0, 0, 0.3); 21268} 21269.loyalty__box .copy-url-input { 21270 position: relative; 21271} 21272.loyalty__box .copy-url-input input { 21273 margin-bottom: 0.625rem; 21274 background-color: #ffffff; 21275} 21276.loyalty__box .copy-url-input a { 21277 display: block; 21278 position: absolute; 21279 right: 1.25rem; 21280 top: 0; 21281 height: 3.75rem; 21282 line-height: 3.75rem; 21283 font-size: 0.75rem; 21284 font-weight: 700; 21285 text-transform: uppercase; 21286} 21287@media print, screen and (min-width: 30em) { 21288 .loyalty__box .share-buttons { 21289 margin-left: -0.3125rem; 21290 } 21291} 21292.loyalty__results p { 21293 margin-bottom: 2em; 21294 font-size: 0.75rem; 21295 line-height: 1.5; 21296} 21297@media print, screen and (min-width: 48em) { 21298 .loyalty__results p { 21299 font-size: 0.875rem; 21300 } 21301} 21302.loyalty__results .header { 21303 margin-bottom: 3.125rem; 21304} 21305.loyalty__results .header p { 21306 margin-bottom: 0; 21307} 21308.loyalty__count { 21309 text-align: right; 21310} 21311@media print, screen and (min-width: 30em) { 21312 .loyalty__count { 21313 display: flex; 21314 flex-flow: row nowrap; 21315 justify-content: flex-end; 21316 align-items: center; 21317 text-align: left; 21318 margin-bottom: 0.125rem; 21319 } 21320} 21321.loyalty__count span { 21322 display: block; 21323 color: rgba(0, 0, 0, 0.3); 21324 font-size: 0.75rem; 21325 line-height: 1.5; 21326 font-weight: 700; 21327 letter-spacing: 0.5px; 21328 text-transform: uppercase; 21329} 21330.loyalty__count .stat { 21331 color: #18A66F; 21332 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 21333 font-size: 4rem; 21334 font-weight: 400; 21335 line-height: 3rem; 21336} 21337@media print, screen and (min-width: 30em) { 21338 .loyalty__count .stat { 21339 margin-right: 0.625rem; 21340 line-height: 2.25rem; 21341 position: relative; 21342 top: 0.125rem; 21343 } 21344} 21345.loyalty__progress { 21346 display: flex; 21347 flex-flow: column nowrap; 21348 align-items: center; 21349 width: 3.75rem; 21350 height: 18.75rem; 21351} 21352@media print, screen and (min-width: 40em) { 21353 .loyalty__progress { 21354 flex-flow: row nowrap; 21355 width: 100%; 21356 height: auto; 21357 } 21358} 21359.loyalty__progress .step { 21360 display: block; 21361 flex: 0 0 3.75rem; 21362 max-width: 3.75rem; 21363 width: 3.75rem; 21364 position: relative; 21365} 21366.loyalty__progress .step span { 21367 display: block; 21368 width: 3.75rem; 21369 height: 3.75rem; 21370 line-height: 3.75rem; 21371 border-radius: 3.75rem; 21372 font-size: 1.75rem; 21373 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 21374 font-weight: 500; 21375 color: #000000; 21376 text-align: center; 21377 background-color: #e8f0f7; 21378} 21379.loyalty__progress .step p { 21380 position: absolute; 21381 top: 50%; 21382 left: 4.5rem; 21383 transform: translateY(-50%); 21384 color: #000000; 21385 font-size: 0.875rem; 21386 line-height: 1rem; 21387 font-weight: 400; 21388 white-space: nowrap; 21389} 21390@media print, screen and (min-width: 40em) { 21391 .loyalty__progress .step p { 21392 transform: none; 21393 top: 100%; 21394 left: 0; 21395 margin-top: 0.75rem; 21396 } 21397} 21398.loyalty__progress .step.is-active span { 21399 background-color: #18A66F; 21400 color: #ffffff; 21401} 21402.loyalty__progress .step.is-active p { 21403 color: #18A66F; 21404 font-weight: 700; 21405} 21406@media print, screen and (min-width: 40em) { 21407 .loyalty__progress .step--2 p { 21408 text-align: center; 21409 left: 50%; 21410 transform: translateX(-50%); 21411 } 21412 .loyalty__progress .step--3 p { 21413 text-align: right; 21414 left: auto; 21415 right: 0; 21416 } 21417} 21418.loyalty__progress .line { 21419 flex: 1 1 0; 21420 min-height: 0px; 21421 min-width: 0px; 21422 width: auto; 21423 height: auto; 21424 border: 2px solid #e8f0f7; 21425 display: block; 21426 position: relative; 21427} 21428.loyalty__progress .line.is-active { 21429 border-color: #18A66F; 21430} 21431 21432.contest p, .contest ul, .contest ol { 21433 max-width: 40em; 21434 line-height: 1.75; 21435 margin-bottom: 1.75em; 21436}
21437.contest p a, .contest ul a, .contest ol a { 21438 color: inherit; 21439 text-decoration: underline; 21440 font-weight: 600; 21441} 21442.contest p a:hover, .contest p a:focus, .contest ul a:hover, .contest ul a:focus, .contest ol a:hover, .contest ol a:focus { 21443 color: inherit; 21444 text-decoration: none; 21445} 21446.contest ol { 21447 max-width: 32em; 21448 margin-left: 0; 21449 list-style: none; 21450} 21451.contest ol li { 21452 position: relative; 21453 margin-bottom: 1.75em; 21454 padding-left: 3.75em; 21455 counter-increment: item; 21456} 21457.contest ol li::before { 21458 content: counter(item, decimal-leading-zero) "."; 21459 position: absolute; 21460 left: 0; 21461 top: 0; 21462 font-size: 250%; 21463 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 21464 line-height: 1.1; 21465} 21466.contest ul { 21467 margin-left: 0; 21468 list-style: none; 21469} 21470.contest ul li { 21471 position: relative; 21472 padding-left: 1.25em; 21473} 21474.contest ul li::before { 21475 content: ""; 21476 display: block; 21477 position: absolute; 21478 left: 0; 21479 top: 0; 21480 margin-top: 0.875em; 21481 font-size: 0.5em; 21482 width: 1em; 21483 height: 1em; 21484 border-radius: 1em; 21485 background: #18A66F; 21486 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 21487 line-height: 1.1; 21488} 21489 21490.contest__header { 21491 margin-top: 1.5rem; 21492 margin-bottom: 1.5rem; 21493 text-align: center; 21494} 21495@media print, screen and (min-width: 40em) { 21496 .contest__header { 21497 text-align: left; 21498 } 21499} 21500@media print, screen and (min-width: 48em) { 21501 .contest__header { 21502 margin-top: 1.875rem; 21503 margin-bottom: 1.875rem; 21504 } 21505} 21506@media print, screen and (min-width: 64em) { 21507 .contest__header { 21508 margin-top: 2.5rem; 21509 margin-bottom: 2.5rem; 21510 } 21511} 21512.contest__header .grid-x { 21513 justify-content: center; 21514 align-items: center; 21515} 21516@media print, screen and (min-width: 64em) { 21517 .contest__header .grid-x { 21518 justify-content: flex-start; 21519 } 21520} 21521.contest__header small { 21522 display: block; 21523 line-height: 1; 21524 font-size: 65%; 21525} 21526.contest__header h1, .contest__header p { 21527 margin-bottom: 0; 21528} 21529.contest__header p { 21530 margin: 1.5em 0 0; 21531 line-height: 1.5; 21532 text-align: center; 21533} 21534@media print, screen and (min-width: 64em) { 21535 .contest__header p { 21536 text-align: left; 21537 } 21538} 21539.contest__header p a { 21540 font-weight: 600; 21541} 21542 21543.progress-circle { 21544 position: relative; 21545 font-size: 3.75rem; 21546 margin: 0 auto 0.3333em; 21547 width: 1em; 21548 height: 1em; 21549 border-radius: 50%; 21550 border: 4px solid #d8d8d8; 21551} 21552@media print, screen and (min-width: 40em) { 21553 .progress-circle { 21554 margin: 0 0.3333em 0 0; 21555 font-size: 5.625rem; 21556 } 21557} 21558@media print, screen and (min-width: 48em) { 21559 .progress-circle { 21560 font-size: 7.5rem; 21561 } 21562} 21563.progress-circle > span { 21564 position: absolute; 21565 display: flex; 21566 width: 100%; 21567 height: 100%; 21568 text-align: center; 21569 align-items: center; 21570 justify-content: center; 21571 white-space: nowrap; 21572 z-index: 1; 21573 width: 100%; 21574 line-height: 100%; 21575 font-size: 0.3em; 21576 color: #000000; 21577 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 21578 font-weight: 500; 21579} 21580.progress-circle .slice { 21581 position: absolute; 21582 width: 1em; 21583 height: 1em; 21584 left: -4px; 21585 top: -4px; 21586 clip: rect(0em, 1em, 1em, 0.5em); 21587} 21588.progress-circle .bar { 21589 position: absolute; 21590 border: 4px solid #18A66F; 21591 width: 1em; 21592 height: 1em; 21593 clip: rect(0em, 0.5em, 1em, 0em); 21594 border-radius: 50%; 21595} 21596.progress-circle .fill { 21597 border-color: #18A66F; 21598 position: absolute; 21599} 21600.progress-circle.p25 .bar { 21601 transform: rotate(90deg); 21602} 21603.progress-circle.p50 .bar { 21604 transform: rotate(180deg); 21605} 21606.progress-circle.p75 .slice { 21607 clip: rect(auto, auto, auto, auto); 21608} 21609.progress-circle.p75 .bar { 21610 transform: rotate(270deg); 21611} 21612.progress-circle.p75 .fill { 21613 transform: rotate(180deg); 21614 border: 4px solid #18A66F; 21615 width: 1em; 21616 height: 1em; 21617 clip: rect(0em, 0.5em, 1em, 0em); 21618 border-radius: 50%; 21619} 21620.progress-circle.p100 .slice { 21621 clip: rect(auto, auto, auto, auto); 21622} 21623.progress-circle.p100 .bar { 21624 transform: rotate(360deg); 21625} 21626.progress-circle.p100 .fill { 21627 transform: rotate(180deg); 21628 position: absolute; 21629 border: 4px solid #18A66F; 21630 width: 1em; 21631 height: 1em; 21632 clip: rect(0em, 0.5em, 1em, 0em); 21633 border-radius: 50%; 21634} 21635 21636.contest-register h1 { 21637 margin-bottom: 0.5em; 21638 font-size: 2.5rem; 21639} 21640@media print, screen and (min-width: 48em) { 21641 .contest-register h1 { 21642 font-size: 3.25rem; 21643 } 21644} 21645@media print, screen and (min-width: 64em) { 21646 .contest-register h1 { 21647 font-size: 4rem; 21648 } 21649} 21650 21651.border-box { 21652 margin: 1.875rem 0; 21653 padding: 1.25rem; 21654 border: 1px solid #dfdfdf; 21655 border-radius: 3px; 21656 text-align: center; 21657} 21658.border-box .heading { 21659 margin: 0 0 0.15em; 21660} 21661.border-box p { 21662 font-weight: 500; 21663} 21664.border-box p strong { 21665 font-weight: 700; 21666} 21667.border-box p:last-child { 21668 margin-bottom: 0; 21669} 21670 21671.checkbox { 21672 margin-bottom: 0.375rem; 21673 position: relative; 21674} 21675.checkbox label { 21676 display: inline-block; 21677 text-transform: none; 21678 font-weight: normal; 21679 font-size: 0.875rem; 21680 line-height: 1.25rem; 21681} 21682.checkbox label.is-invalid-label { 21683 color: #c62437; 21684} 21685.checkbox label.is-invalid-label::before { 21686 border-color: #c62437 !important; 21687} 21688.checkbox label a { 21689 color: #18A66F; 21690 text-decoration: underline; 21691} 21692.checkbox label a:hover, .checkbox label a:focus { 21693 text-decoration: none; 21694} 21695.checkbox label a:hover, .checkbox label a:focus { 21696 color: rgb(20.64, 142.76, 95.46); 21697} 21698.checkbox [type=checkbox]:checked, .checkbox [type=checkbox]:not(:checked) { 21699 position: absolute; 21700 opacity: 0; 21701 cursor: pointer; 21702} 21703.checkbox [type=checkbox]:checked + label, .checkbox [type=checkbox]:not(:checked) + label { 21704 position: relative; 21705 padding-left: 1.875rem; 21706 cursor: pointer; 21707} 21708.checkbox [type=checkbox]:checked + label:before, .checkbox [type=checkbox]:not(:checked) + label:before { 21709 content: ""; 21710 position: absolute; 21711 left: 0; 21712 top: 0; 21713 width: 1.25rem; 21714 height: 1.25rem; 21715 border: 1px solid #dfdfdf; 21716 background: #ebebeb; 21717 border-radius: 3px; 21718 transition: background-color 250ms ease-out, border-color 250ms ease-out; 21719} 21720.checkbox [type=checkbox]:checked + label:after, .checkbox [type=checkbox]:not(:checked) + label:after {
21721 content: ""; 21722 position: absolute; 21723 left: 0; 21724 top: 0; 21725 display: block; 21726 width: 1.25rem; 21727 height: 1.25rem; 21728 background: url(../img/icon/icon-check.svg) no-repeat center; 21729 z-index: 2; 21730 opacity: 0; 21731 transition: opacity 250ms ease-out; 21732} 21733.checkbox [type=checkbox]:checked + label:before { 21734 background-color: #18A66F; 21735 border-color: #18A66F; 21736} 21737.checkbox [type=checkbox]:checked + label:after { 21738 opacity: 1; 21739} 21740.checkbox .form-error { 21741 margin-top: 0.625rem; 21742} 21743 21744[type=checkbox] + label { 21745 margin-left: 0; 21746} 21747 21748.contest-page { 21749 text-align: center; 21750} 21751@media print, screen and (min-width: 64em) { 21752 .contest-page { 21753 text-align: left; 21754 } 21755} 21756.contest-page p { 21757 max-width: 46.5em; 21758 margin-left: auto; 21759 margin-right: auto; 21760} 21761@media print, screen and (min-width: 64em) { 21762 .contest-page p { 21763 margin-left: 0; 21764 } 21765} 21766.contest-page .home__share { 21767 text-align: inherit; 21768 margin-top: 2.5rem; 21769} 21770.contest-page .home__share div { 21771 margin-left: -0.3125rem; 21772} 21773.contest-page [type=file] { 21774 width: auto; 21775} 21776 21777ul.contest-payment { 21778 background: #d4d4d4; 21779 display: inline-flex; 21780 max-width: 100%; 21781 flex-flow: row wrap; 21782 justify-content: flex-start; 21783 align-items: center; 21784 margin: 0 0 1em; 21785 padding: 1.25rem 2rem; 21786 line-height: 1em; 21787 font-weight: 400; 21788 color: #000000; 21789 font-size: 1.125rem; 21790} 21791@media print, screen and (min-width: 48em) { 21792 ul.contest-payment { 21793 padding: 1.5rem 2.5rem; 21794 font-size: 1.25rem; 21795 } 21796} 21797@media print, screen and (min-width: 64em) { 21798 ul.contest-payment { 21799 justify-content: flex-end; 21800 flex-wrap: nowrap; 21801 padding: 2rem 4rem; 21802 font-size: 1.375rem; 21803 } 21804} 21805ul.contest-payment li { 21806 display: block; 21807 margin: 0.5rem 0; 21808 margin-right: 2.2em; 21809 list-style: none; 21810 text-align: center; 21811} 21812ul.contest-payment li:last-child { 21813 margin-right: 0; 21814} 21815@media print, screen and (min-width: 48em) { 21816 ul.contest-payment li { 21817 text-align: left; 21818 } 21819} 21820ul.contest-payment strong { 21821 display: block; 21822 opacity: 0.5; 21823 font-weight: 700; 21824 text-transform: uppercase; 21825 font-size: 0.75rem; 21826 letter-spacing: 0.083em; 21827} 21828ul.contest-payment { 21829 justify-content: center; 21830} 21831ul.contest-payment li, ul.contest-payment li:last-child { 21832 margin-left: 1rem; 21833 margin-right: 1rem; 21834} 21835@media print, screen and (min-width: 48em) { 21836 ul.contest-payment { 21837 justify-content: flex-start; 21838 } 21839 ul.contest-payment li { 21840 margin: 0 2.2em 0 0; 21841 } 21842 ul.contest-payment li:last-child { 21843 margin-right: 0; 21844 } 21845} 21846@media print, screen and (min-width: 64em) { 21847 ul.contest-payment { 21848 margin-bottom: 1rem; 21849 } 21850} 21851 21852.tooltip { 21853 font-weight: 500; 21854} 21855 21856.tooltip--bigger { 21857 max-width: 21.25rem; 21858 padding: 0.5rem 0.75rem; 21859} 21860 21861.tooltip--big { 21862 max-width: 35.625rem; 21863 padding: 0.75rem; 21864} 21865 21866.tooltip--search { 21867 max-width: 25rem; 21868 padding: 0.9375rem 1.25rem; 21869 box-shadow: 0 22px 80px rgba(0, 0, 0, 0.2); 21870 font-size: 0.875rem; 21871 line-height: 1.2142857143; 21872 font-weight: 400; 21873} 21874.tooltip--search strong { 21875 display: block; 21876 padding: 0.3125rem 0; 21877 font-weight: 700; 21878} 21879.tooltip--search p { 21880 opacity: 0.8; 21881} 21882.tooltip--search .button { 21883 width: 5.5rem; 21884 height: 2.25rem; 21885 padding: 0; 21886 margin: 0.625rem 0 0; 21887 font-size: 0.75rem; 21888} 21889 21890.tooltip--white { 21891 background: #ffffff; 21892 color: #000000; 21893} 21894.tooltip--white.bottom::before { 21895 display: block; 21896 width: 0; 21897 height: 0; 21898 border-style: solid; 21899 border-width: 0.625rem; 21900 content: ""; 21901 border-top-width: 0; 21902 border-color: transparent transparent #ffffff; 21903} 21904.tooltip--white.top::before { 21905 display: block; 21906 width: 0; 21907 height: 0; 21908 border-style: solid; 21909 border-width: 0.625rem; 21910 content: ""; 21911 border-bottom-width: 0; 21912 border-color: #ffffff transparent transparent; 21913} 21914.tooltip--white.left::before { 21915 display: block; 21916 width: 0; 21917 height: 0; 21918 border-style: solid; 21919 border-width: 0.625rem; 21920 content: ""; 21921 border-right-width: 0; 21922 border-color: transparent transparent transparent #ffffff; 21923} 21924.tooltip--white.right::before { 21925 display: block; 21926 width: 0; 21927 height: 0; 21928 border-style: solid; 21929 border-width: 0.625rem; 21930 content: ""; 21931 border-left-width: 0; 21932 border-color: transparent #ffffff transparent transparent; 21933} 21934 21935.fade-enter-active, .fade-leave-active { 21936 transition: opacity 250ms ease-out; 21937} 21938 21939.fade-enter, .fade-leave-to { 21940 opacity: 0; 21941} 21942 21943#comments .button { 21944 display: block; 21945 opacity: 1; 21946 position: relative; 21947} 21948#comments .button .icon { 21949 display: none; 21950 line-height: 0; 21951 margin-top: -0.625rem; 21952 font-size: 1.25rem; 21953 position: absolute; 21954 right: 0.75rem; 21955 top: 50%; 21956} 21957#comments .button.is-loading { 21958 padding-right: 2.75rem; 21959} 21960#comments .button.is-loading .icon { 21961 display: block; 21962} 21963#comments .button.disabled { 21964 opacity: 0.25; 21965} 21966 21967.comment__loader { 21968 position: absolute; 21969 font-size: 1.25rem; 21970 padding: 0.9375rem 0; 21971} 21972@media print, screen and (min-width: 40em) { 21973 .comment__loader { 21974 padding: 1.25rem 0; 21975 } 21976} 21977 21978.comment__form { 21979 margin: 0 0 1.25rem; 21980} 21981.comment__form textarea { 21982 margin: 0; 21983 padding: 1rem 1.25rem; 21984 height: auto; 21985 line-height: 1.3; 21986} 21987@media print, screen and (min-width: 40em) { 21988 .comment__form textarea { 21989 padding: 1.5rem; 21990 } 21991} 21992.comment__form .button { 21993 margin: 0.625rem 0 0; 21994} 21995#comment-reply-form .comment__form { 21996 position: relative; 21997 margin-top: -1.625rem; 21998 margin-bottom: 0; 21999} 22000 22001.comment {
22002 display: block; 22003} 22004.comment.has-replies + .comment { 22005 border-top: 1px solid #ebebeb; 22006} 22007.comment__content { 22008 position: relative; 22009 padding: 0.9375rem 0; 22010 border-bottom: 1px solid #ebebeb; 22011} 22012@media print, screen and (min-width: 40em) { 22013 .comment__content { 22014 position: relative; 22015 padding: 1.25rem 0 1.25rem 4.875rem; 22016 } 22017} 22018.comment__header { 22019 display: flex; 22020 flex-flow: row nowrap; 22021 align-items: flex-start; 22022 margin-bottom: 0.75rem; 22023} 22024@media print, screen and (min-width: 40em) { 22025 .comment__header { 22026 display: block; 22027 margin-bottom: 0.875rem; 22028 } 22029} 22030.comment__avatar { 22031 display: block; 22032 flex: 0 0 2.5rem; 22033 width: 2.5rem; 22034 border-radius: 100%; 22035 margin-right: 0.9375rem; 22036} 22037@media print, screen and (min-width: 40em) { 22038 .comment__avatar { 22039 flex-basis: 3.125rem; 22040 width: 3.125rem; 22041 position: absolute; 22042 left: 0; 22043 top: 1.25rem; 22044 } 22045} 22046.comment__info { 22047 flex: 1 1 0px; 22048} 22049.comment__actions { 22050 display: flex; 22051 flex-flow: row nowrap; 22052 align-items: center; 22053 position: absolute; 22054 right: -0.25rem; 22055 top: 0.5625rem; 22056} 22057@media print, screen and (min-width: 40em) { 22058 .comment__actions { 22059 top: 0.875rem; 22060 } 22061} 22062.comment__actions button { 22063 display: block; 22064 font-size: 1rem; 22065 padding: 0.25em; 22066 margin-left: 0.25rem; 22067 color: rgba(0, 0, 0, 0.2); 22068 transition: color 250ms ease-out; 22069 cursor: pointer; 22070} 22071.comment__actions button:hover { 22072 color: #000000; 22073} 22074.comment__actions button.like.is-active { 22075 color: #18A66F; 22076} 22077.comment__actions button.dislike.is-active { 22078 color: #c62437; 22079} 22080.comment__actions button.report.is-active { 22081 color: #000000; 22082} 22083.comment__actions svg { 22084 display: block; 22085 pointer-events: none; 22086} 22087.comment__actions .votes { 22088 display: block; 22089 font-size: 0.875rem; 22090 font-weight: 700; 22091} 22092.comment__actions .votes.is-positive { 22093 color: #18A66F; 22094} 22095.comment__actions .votes.is-negative { 22096 color: #c62437; 22097} 22098.comment.has-replies { 22099 padding-bottom: 0; 22100 border-bottom: 0 none; 22101} 22102.comment__replies { 22103 margin: 0.9375rem 0 0.9375rem 0.75rem; 22104 border-left: 2px solid #ebebeb; 22105 padding-left: 0.75rem; 22106} 22107@media print, screen and (min-width: 40em) { 22108 .comment__replies { 22109 margin: 1.25rem 0 1.25rem 4rem; 22110 border-left-width: 0.25rem; 22111 padding-left: 1rem; 22112 } 22113} 22114.comment__replies .comment:last-of-type .comment__content { 22115 border-bottom-width: 0; 22116} 22117.comment__show-replies { 22118 display: inline-block; 22119 color: #000000; 22120 font-size: 0.875rem; 22121 font-weight: 500; 22122} 22123.comment__show-replies:hover, .comment__show-replies:focus { 22124 text-decoration: underline; 22125 color: #000000; 22126} 22127.comment .name { 22128 display: block; 22129 margin-bottom: 0.1875rem; 22130 line-height: 1.15; 22131 font-size: 0.875rem; 22132 font-weight: 500; 22133 padding-right: 7rem; 22134} 22135.comment .date { 22136 display: block; 22137 line-height: 1; 22138 font-size: 0.75rem; 22139 color: rgba(0, 0, 0, 0.5); 22140 font-weight: 500; 22141 text-transform: capitalize; 22142} 22143.comment p { 22144 margin: 0; 22145 line-height: 1.3; 22146 font-size: 0.875rem; 22147 font-weight: 500; 22148 color: rgba(0, 0, 0, 0.5); 22149} 22150.comment__reply { 22151 display: inline-block; 22152 margin-top: 0.25rem; 22153 margin-bottom: -0.4375rem; 22154 color: #000000; 22155 font-size: 0.875rem; 22156 line-height: 2; 22157 font-weight: 500; 22158} 22159.comment__reply:hover, .comment__reply:focus { 22160 text-decoration: underline; 22161 color: #000000; 22162} 22163 22164.comments__load-more { 22165 margin: 1.25rem 0 0; 22166} 22167@media print, screen and (min-width: 64em) { 22168 .comments__load-more { 22169 margin-top: 1.875rem; 22170 } 22171} 22172 22173.notifications { 22174 position: fixed; 22175 display: block; 22176 max-width: 25rem; 22177 position: fixed; 22178 right: 0.9375rem; 22179 bottom: 0.9375rem; 22180 margin-left: 0.9375rem; 22181 z-index: 10000; 22182 max-height: 100vh; 22183} 22184@media print, screen and (min-height: 32em) { 22185 .notifications { 22186 max-height: 50vh; 22187 } 22188} 22189@media print, screen and (min-width: 64em) { 22190 .notifications { 22191 width: 28.125rem; 22192 max-width: 28.125rem; 22193 margin-left: 1.875rem; 22194 right: 1.875rem; 22195 bottom: 1.875rem; 22196 } 22197} 22198.notifications__item { 22199 display: block; 22200 margin: 0; 22201 padding: 0.625rem 1.875rem 0.625rem 0.75rem; 22202 background-color: #ffffff; 22203 box-shadow: 0 22px 34px rgba(0, 0, 0, 0.15); 22204 opacity: 0; 22205 transform: translateY(-2rem); 22206 transition: opacity 100ms linear; 22207} 22208@media print, screen and (min-width: 64em) { 22209 .notifications__item { 22210 width: 100%; 22211 padding: 1rem 2.625rem 1rem 1.125rem; 22212 box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3); 22213 } 22214} 22215.notifications__item.is-active { 22216 opacity: 1; 22217 transform: translateY(0);
22218 transition: opacity 150ms linear, transform 250ms ease-out; 22219} 22220.notifications__item.success { 22221 background-color: #ffffff; 22222 border-top: 4px solid #18A66F; 22223} 22224.notifications__item.alert { 22225 background-color: #ffffff; 22226 border-top: 4px solid #c62437; 22227} 22228.notifications__item.warning { 22229 background-color: #ffffff; 22230 border-top: 4px solid #ffae00; 22231} 22232.notifications__item.has-icon { 22233 padding-left: 4rem; 22234} 22235@media print, screen and (min-width: 64em) { 22236 .notifications__item.has-icon { 22237 padding-left: 5.25rem; 22238 } 22239} 22240.notifications__item + .notifications__item { 22241 margin-top: 1rem; 22242} 22243.notifications__item img { 22244 width: 2.25rem; 22245 position: absolute; 22246 left: 0.75rem; 22247 top: 0.75rem; 22248} 22249@media print, screen and (min-width: 64em) { 22250 .notifications__item img { 22251 width: 3.125rem; 22252 left: 1.125rem; 22253 top: 1.125rem; 22254 } 22255} 22256.notifications__item h5 { 22257 color: #000000; 22258 margin-bottom: 0.25em; 22259 font-size: 1.125rem; 22260} 22261@media print, screen and (min-width: 64em) { 22262 .notifications__item h5 { 22263 font-size: 1.5rem; 22264 } 22265} 22266.notifications__item p { 22267 margin-bottom: 0; 22268 color: rgba(0, 0, 0, 0.5); 22269 font-weight: 500; 22270 font-size: 0.75rem; 22271 line-height: 1.3333; 22272} 22273@media print, screen and (min-width: 64em) { 22274 .notifications__item p { 22275 font-size: 0.875rem; 22276 } 22277} 22278.notifications__item p a { 22279 text-decoration: underline; 22280} 22281.notifications__item p a:hover, .notifications__item p a:focus { 22282 text-decoration: none; 22283} 22284.notifications__item p a { 22285 color: #18A66F; 22286} 22287.notifications .close-button { 22288 display: block; 22289 font-size: 0.75rem; 22290 width: 2em; 22291 height: 2em; 22292 line-height: 1; 22293 padding: 0.5em; 22294 position: absolute; 22295 right: 0.5rem; 22296 top: 0.5rem; 22297} 22298@media print, screen and (min-width: 64em) { 22299 .notifications .close-button { 22300 font-size: 1rem; 22301 } 22302} 22303.notifications .close-button svg { 22304 display: block; 22305} 22306 22307.button { 22308 font-weight: 800; 22309 padding: 0.9375rem 1.25rem; 22310 margin-bottom: 0; 22311} 22312.button.opaque { 22313 background-color: rgba(255, 255, 255, 0.12); 22314} 22315.button.nomargin { 22316 margin: 0; 22317} 22318 22319.green-box { 22320 background: #083020; 22321 background: radial-gradient(circle at bottom right, #145e40, #083020); 22322 overflow: hidden; 22323 height: 100%; 22324 padding: 8%; 22325 border-radius: 5px; 22326 color: #fff; 22327 position: relative; 22328} 22329 22330.page-spacer { 22331 height: clamp(4rem, 12vw, 8.25rem); 22332} 22333 22334.page-spacer--half { 22335 height: clamp(2rem, 6vw, 5.375rem); 22336} 22337 22338.manifest p { 22339 line-height: 1.75; 22340} 22341.manifest__header { 22342 text-align: center; 22343} 22344.manifest__header h1 { 22345 margin: 0; 22346} 22347.manifest__header p { 22348 max-width: 38em; 22349 margin-left: auto; 22350 margin-right: auto; 22351} 22352@media print, screen and (min-width: 48em) { 22353 .manifest__header { 22354 margin-bottom: -2.5rem; 22355 } 22356} 22357@media print, screen and (min-width: 64em) { 22358 .manifest__header { 22359 margin-bottom: -5rem; 22360 } 22361} 22362.manifest__share { 22363 align-items: center; 22364 margin-top: 10.75rem; 22365 padding: 0.9375rem; 22366 border: 1px solid rgba(151, 151, 151, 0.2); 22367 border-radius: 3px; 22368 background: #ffffff; 22369 text-align: center; 22370} 22371@media screen and (min-width: 30em) { 22372 .manifest__share { 22373 padding: 1.25rem; 22374 } 22375} 22376@media print, screen and (min-width: 40em) { 22377 .manifest__share { 22378 padding: 2rem; 22379 } 22380} 22381@media print, screen and (min-width: 48em) { 22382 .manifest__share { 22383 padding: 3.125rem; 22384 text-align: left; 22385 } 22386} 22387.manifest__share h3 { 22388 margin: 0.5em 0; 22389} 22390@media print, screen and (min-width: 48em) { 22391 .manifest__share h3 { 22392 margin: 0 1.875rem 0 0; 22393 } 22394} 22395.manifest__share__buttons { 22396 font-size: 0; 22397} 22398.manifest__share .button { 22399 width: 100%; 22400 margin: 0.3125rem 0; 22401 padding: 1rem 1.25rem 1rem 3rem; 22402} 22403@media screen and (min-width: 30em) { 22404 .manifest__share .button { 22405 width: auto; 22406 margin: 0.3125rem; 22407 } 22408} 22409@media print, screen and (min-width: 48em) { 22410 .manifest__share .button { 22411 padding: 1rem 1.5rem 1rem 3.5rem; 22412 } 22413} 22414 22415.manifest__item { 22416 margin-top: 3.75rem; 22417 text-align: center; 22418} 22419@media print, screen and (min-width: 40em) { 22420 .manifest__item { 22421 margin-top: 5.625rem; 22422 } 22423} 22424@media print, screen and (min-width: 48em) { 22425 .manifest__item { 22426 margin-top: 12.5rem; 22427 text-align: left; 22428 } 22429 .manifest__item--odd { 22430 text-align: right; 22431 flex-direction: row-reverse; 22432 } 22433} 22434@media print, screen and (min-width: 64em) { 22435 .manifest__item { 22436 margin-top: 17.5rem; 22437 } 22438} 22439.manifest__item .cell { 22440 position: relative; 22441} 22442.manifest__item__number { 22443 display: block; 22444 line-height: 0.8; 22445 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 22446 font-weight: 400; 22447 color: #000000; 22448 font-size: 6.25rem; 22449} 22450@media print, screen and (min-width: 40em) { 22451 .manifest__item__number { 22452 font-size: 8.75rem; 22453 } 22454} 22455@media print, screen and (min-width: 48em) { 22456 .manifest__item__number { 22457 font-size: 12.5rem; 22458 } 22459} 22460@media print, screen and (min-width: 64em) { 22461 .manifest__item__number { 22462 font-size: 15.625rem; 22463 } 22464} 22465.manifest__item__title { 22466 text-transform: uppercase; 22467 font-weight: 400; 22468} 22469.manifest__item__title strong { 22470 display: block; 22471 font-weight: 600; 22472 color: #18A66F; 22473} 22474.manifest__item__img { 22475 display: block; 22476 margin: 0 auto 1rem; 22477 width: 25rem; 22478} 22479@media print, screen and (min-width: 48em) { 22480 .manifest__item__img { 22481 width: 34.375rem; 22482 max-width: calc(100% - 2rem); 22483 margin: 0 auto; 22484 position: absolute; 22485 left: 0; 22486 right: 0; 22487 top: 50%; 22488 transform: translateY(-50%); 22489 } 22490} 22491.manifest__item p { 22492 max-width: 30em; 22493 margin: 0 auto; 22494} 22495@media print, screen and (min-width: 48em) { 22496 .manifest__item p { 22497 max-width: 24em; 22498 } 22499} 22500 22501.page--kit .content__main { 22502 padding-top: 0; 22503 padding-bottom: 0; 22504 text-align: center; 22505 background: #ffffff; 22506} 22507.page--kit .grid-container.is-wide { 22508 max-width: 87.5rem; 22509} 22510.page--kit p, .page--kit ul, .page--kit ol { 22511 font-size: 1rem; 22512 line-height: 1.75; 22513} 22514.page--kit .text-small {
22515 font-size: 0.875rem; 22516} 22517.page--kit h1, .page--kit .h1 { 22518 margin-bottom: 0.35em; 22519 line-height: 0.85; 22520 text-transform: none; 22521 font-size: 2.125rem; 22522 font-weight: 700; 22523} 22524@media print, screen and (min-width: 64em) { 22525 .page--kit h1, .page--kit .h1 { 22526 font-size: 3.75rem; 22527 } 22528} 22529.page--kit h2 { 22530 margin-bottom: 0.75em; 22531 line-height: 1.1; 22532 font-weight: 700; 22533 font-size: 2.125rem; 22534} 22535@media print, screen and (min-width: 64em) { 22536 .page--kit h2 { 22537 margin-bottom: 1.2em; 22538 font-size: 2.75rem; 22539 } 22540} 22541.page--kit h2 img { 22542 vertical-align: initial; 22543 width: 2.75rem; 22544} 22545.page--kit h3 { 22546 margin-bottom: 0.5em; 22547 font-weight: 700; 22548 font-size: 1.5rem; 22549} 22550.page--kit .menu { 22551 margin-left: -0.75em; 22552 margin-right: -0.75em; 22553 margin-bottom: 1em; 22554 justify-content: center; 22555} 22556@media print, screen and (min-width: 64em) { 22557 .page--kit .menu { 22558 justify-content: flex-start; 22559 } 22560} 22561.page--kit .menu img { 22562 display: inline-block; 22563 margin-right: 0.25rem; 22564 vertical-align: sub; 22565} 22566.page--kit .menu li { 22567 margin: 0 0.75em; 22568} 22569.page--kit .buttons { 22570 font-size: 0; 22571} 22572.page--kit .buttons .button { 22573 margin: 0 0.625rem 0.625rem 0; 22574} 22575.page--kit .button.cart { 22576 max-width: 100%; 22577} 22578@media print, screen and (min-width: 64em) { 22579 .page--kit .button.cart { 22580 width: 14.375rem; 22581 } 22582} 22583.page--kit .button.cart .icon { 22584 font-size: 1.375rem; 22585 margin: -0.5em 0.75em -0.5em 0; 22586 line-height: 0; 22587 vertical-align: middle; 22588} 22589.page--kit .button.hollow.black { 22590 background: #ffffff; 22591 box-shadow: none; 22592 border-color: #d6d6d6; 22593} 22594.page--kit .button.hollow.black:hover, .page--kit .button.hollow.black:focus { 22595 border-color: #000000; 22596 transition: border-color 0.25s; 22597} 22598.page--kit .label { 22599 display: inline-block; 22600 vertical-align: middle; 22601 margin-right: 0.5rem; 22602 width: 2.125rem; 22603 height: 2.125rem; 22604 line-height: 2.125rem; 22605 border-radius: 2.125rem; 22606 background: #ff0048; 22607 color: #ffffff; 22608 text-align: center; 22609 font-size: 0.875rem; 22610 font-weight: 700; 22611 text-transform: uppercase; 22612 border: 0 none; 22613 font-family: "Roboto", sans-serif; 22614} 22615.page--kit .label + .label { 22616 margin-left: -0.875rem; 22617} 22618.page--kit .callout { 22619 display: inline-block; 22620 margin: 0 auto 1.25rem; 22621 padding: 0.5625rem; 22622 font-size: 0.875rem; 22623 line-height: 1.285; 22624 background: transparent; 22625 border: 0 none; 22626 color: #18A66F; 22627 font-weight: 700; 22628} 22629@media print, screen and (min-width: 40em) { 22630 .page--kit .callout { 22631 padding: 0.5625rem 1.125rem; 22632 min-width: 23.125rem; 22633 } 22634} 22635.page--kit .callout img { 22636 width: 1rem; 22637 height: 1rem; 22638 margin-right: 0.5rem; 22639 vertical-align: sub; 22640} 22641.page--kit .box { 22642 display: block; 22643 background: rgba(0, 0, 0, 0.05); 22644 border-radius: 3px; 22645} 22646@media print, screen and (min-width: 40em) { 22647 .page--kit .box { 22648 display: flex; 22649 flex-flow: row nowrap; 22650 align-items: flex-end; 22651 text-align: left; 22652 } 22653} 22654.page--kit .box + .box { 22655 border-top: 15px solid #fff; 22656} 22657@media print, screen and (min-width: 64em) { 22658 .page--kit .box + .box { 22659 border-top-width: 0.625rem; 22660 } 22661} 22662.page--kit .box .inner { 22663 padding: 1.75rem 2.5rem 1.25rem; 22664} 22665@media print, screen and (min-width: 40em) { 22666 .page--kit .box .inner { 22667 order: 2; 22668 padding: 1.875rem 2.5rem 1.5rem; 22669 } 22670} 22671.page--kit .box p { 22672 margin-bottom: 0; 22673} 22674.page--kit .box img { 22675 display: block; 22676 margin: 0 auto; 22677} 22678@media print, screen and (min-width: 40em) { 22679 .page--kit .box img { 22680 flex: 0 0 10rem; 22681 max-width: 10rem; 22682 margin: 2.1875rem 0 0; 22683 order: 1; 22684 } 22685} 22686.page--kit .section-1 { 22687 background: #edeaef; 22688 overflow: hidden; 22689} 22690@media print, screen and (min-width: 64em) { 22691 .page--kit .section-1 { 22692 text-align: left; 22693 } 22694} 22695.page--kit .section-1 .grid-container { 22696 position: relative; 22697 overflow: hidden; 22698} 22699@media print, screen and (min-width: 40em) { 22700 .page--kit .section-1 .grid-container { 22701 overflow: visible; 22702 } 22703} 22704.page--kit .section-1 .grid-x { 22705 align-items: center; 22706} 22707.page--kit .section-1 .cell--content { 22708 z-index: 1; 22709 padding-top: 0.9375rem; 22710 padding-bottom: 0.9375rem; 22711} 22712@media print, screen and (min-width: 40em) { 22713 .page--kit .section-1 .cell--content { 22714 padding-top: 2.1875rem; 22715 padding-bottom: 1.5625rem; 22716 } 22717} 22718.page--kit .section-1 .cell--content p:last-child { 22719 margin-bottom: 0; 22720} 22721.page--kit .section-1 .img { 22722 display: inline-block; 22723 margin: 0 -3.75rem 1.25rem -1.875rem; 22724 height: auto; 22725 position: relative; 22726 font-size: 0; 22727 max-width: 25rem; 22728} 22729@media print, screen and (min-width: 40em) { 22730 .page--kit .section-1 .img { 22731 max-width: 100%; 22732 width: auto; 22733 margin: 0 auto 1.25rem; 22734 height: 17.5rem; 22735 } 22736} 22737@media print, screen and (min-width: 64em) { 22738 .page--kit .section-1 .img { 22739 margin: 0; 22740 height: 30rem; 22741 position: absolute; 22742 top: 50%; 22743 left: 80%; 22744 z-index: -1; 22745 transform: translate(-50%, -50%); 22746 } 22747} 22748@media screen and (min-width: 75em) { 22749 .page--kit .section-1 .img { 22750 height: 35rem; 22751 left: 82%; 22752 } 22753} 22754@media screen and (min-width: 90em) { 22755 .page--kit .section-1 .img { 22756 left: auto; 22757 right: 0; 22758 transform: translate(0, -50%); 22759 margin-right: -11rem; 22760 } 22761} 22762.page--kit .section-1 .img img { 22763 display: block; 22764} 22765@media print, screen and (min-width: 40em) { 22766 .page--kit .section-1 .img img { 22767 width: auto; 22768 max-width: none; 22769 height: 100%; 22770 } 22771} 22772.page--kit .section-1 .img .label { 22773 margin: 0; 22774 position: absolute;
22775 transition: transform 250ms ease-out, box-shadow 250ms ease-out; 22776 transform: translate(-50%, -50%) scale(0.75); 22777 box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); 22778} 22779@media print, screen and (min-width: 64em) { 22780 .page--kit .section-1 .img .label { 22781 transform: translate(-50%, -50%); 22782 } 22783} 22784.page--kit .section-1 .img .label:hover { 22785 box-shadow: 0 6px 8px rgba(0, 0, 0, 0.5); 22786 transform: translate(-50%, -50%) scale(1); 22787} 22788@media print, screen and (min-width: 64em) { 22789 .page--kit .section-1 .img .label:hover { 22790 box-shadow: 0 12px 17px rgba(0, 0, 0, 0.5); 22791 transform: translate(-50%, -50%) scale(1.25); 22792 } 22793} 22794.page--kit .section-1 .sticker { 22795 display: block; 22796 width: 4.375rem; 22797 height: 4.375rem; 22798 line-height: 4.375rem; 22799 border-radius: 4.375rem; 22800 position: absolute; 22801 top: 0; 22802 left: 1.875rem; 22803 box-shadow: 0 15px 21px rgba(0, 0, 0, 0.29); 22804 font-size: 1.375rem; 22805 background: #000000; 22806 color: #ffffff; 22807 font-weight: 700; 22808 text-align: center; 22809 z-index: 3; 22810} 22811@media print, screen and (min-width: 64em) { 22812 .page--kit .section-1 .sticker { 22813 width: 7.5rem; 22814 height: 7.5rem; 22815 line-height: 7.5rem; 22816 border-radius: 7.5rem; 22817 box-shadow: 0 22px 30px rgba(0, 0, 0, 0.29); 22818 font-size: 2rem; 22819 top: 9.4%; 22820 left: 10%; 22821 } 22822} 22823.page--kit .section-1 img.hide-for-large { 22824 width: 40rem; 22825 max-width: calc(100% + 1.875rem); 22826 margin: 0 -0.9375rem 1.25rem; 22827} 22828.page--kit .section-1 p { 22829 max-width: 31em; 22830 margin-left: auto; 22831 margin-right: auto; 22832} 22833@media print, screen and (min-width: 64em) { 22834 .page--kit .section-1 p { 22835 margin-left: 0; 22836 font-size: 1.125rem; 22837 } 22838} 22839.page--kit .section-1 .text-small { 22840 font-weight: 500; 22841} 22842.page--kit .section-2 { 22843 position: relative; 22844 margin-top: 3.125rem; 22845} 22846@media print, screen and (min-width: 64em) { 22847 .page--kit .section-2 { 22848 margin-top: 7.5rem; 22849 background-image: linear-gradient(180deg, #ffffff 0%, #f0f1f3 100%); 22850 } 22851} 22852.page--kit .section-2 .text-small { 22853 font-weight: 500; 22854} 22855@media print, screen and (min-width: 64em) { 22856 .page--kit .section-2 .callout { 22857 min-width: 23.125rem; 22858 margin-bottom: 2.25rem; 22859 } 22860} 22861.page--kit .section-2 .cell { 22862 background-image: linear-gradient(180deg, #ffffff 0%, #f0f1f3 100%); 22863} 22864@media print, screen and (min-width: 64em) { 22865 .page--kit .section-2 .cell { 22866 background-image: none; 22867 display: flex; 22868 flex-flow: column nowrap; 22869 justify-content: flex-start; 22870 align-items: center; 22871 } 22872} 22873.page--kit .section-2 .cell > img { 22874 flex: 0 0 0; 22875 display: block; 22876 margin: auto auto 0; 22877} 22878.page--kit .section-2 .cell + .cell { 22879 padding-top: 2rem; 22880} 22881@media print, screen and (min-width: 64em) { 22882 .page--kit .section-2 .cell + .cell { 22883 padding-top: 0; 22884 } 22885} 22886.page--kit .section-3 { 22887 padding-top: 3.125rem; 22888 padding-bottom: 0.9375rem; 22889} 22890@media print, screen and (min-width: 64em) { 22891 .page--kit .section-3 { 22892 padding-top: 5.75rem; 22893 padding-bottom: 0; 22894 } 22895} 22896@media print, screen and (min-width: 64em) { 22897 .page--kit .section-3 .grid-x { 22898 align-items: flex-end; 22899 } 22900} 22901.page--kit .section-3 .cell + .cell { 22902 margin-top: 1.875rem; 22903} 22904@media print, screen and (min-width: 64em) { 22905 .page--kit .section-3 .cell + .cell { 22906 margin-top: 0; 22907 } 22908} 22909.page--kit .section-3 .boxes { 22910 margin: 0 auto; 22911 max-width: 35.625rem; 22912 background: url(../img/main-pattern.png) repeat 0 0; 22913} 22914.page--kit .section-3 .text-small { 22915 font-weight: 500; 22916} 22917.page--kit .section-3 .img-1 { 22918 display: block; 22919 margin: 0 auto; 22920} 22921.page--kit .section-4 { 22922 padding: 2rem 0 0.25rem; 22923 text-align: center; 22924} 22925@media print, screen and (min-width: 64em) { 22926 .page--kit .section-4 { 22927 padding: 4.5rem 0 2.625rem; 22928 } 22929} 22930.page--kit .section-4 .grid-x { 22931 justify-content: space-around; 22932} 22933.page--kit .section-4 img { 22934 display: block; 22935 margin: 0 auto; 22936} 22937.page--kit .section-4 p { 22938 font-size: 0.875rem; 22939 line-height: 1.25rem; 22940 margin: 1.25rem 0 1.875rem; 22941} 22942.page--kit .section-5 { 22943 padding-top: 1.875rem; 22944 padding-bottom: 1.875rem; 22945 background: #e3ebf4; 22946} 22947@media print, screen and (min-width: 64em) { 22948 .page--kit .section-5 { 22949 padding-top: 3.75rem; 22950 padding-bottom: 3.75rem; 22951 text-align: left; 22952 } 22953} 22954.page--kit .section-5 h2 { 22955 max-width: 17em; 22956 margin: 0 auto 0.75em; 22957 font-size: 1.75rem; 22958} 22959@media print, screen and (min-width: 64em) { 22960 .page--kit .section-5 h2 { 22961 max-width: 13em; 22962 margin: 0 0 0.5em;
22963 font-size: 2.75rem; 22964 } 22965} 22966.page--kit .section-5 .home__checklist { 22967 margin: 0 auto 2em; 22968 line-height: 1.1875; 22969 text-align: left; 22970} 22971.page--kit .section-5 img { 22972 margin: 0 auto 2.75rem; 22973} 22974@media print, screen and (min-width: 64em) { 22975 .page--kit .section-5 img { 22976 margin-bottom: -5.625rem; 22977 } 22978} 22979.page--kit .section-5 .button { 22980 display: block; 22981 margin: 0; 22982} 22983@media print, screen and (min-width: 30em) { 22984 .page--kit .section-5 .button { 22985 display: inline-block; 22986 } 22987} 22988.page--kit .section-6 { 22989 border-top: 1px solid #e5e5e5; 22990 padding-top: 2.1875rem; 22991 padding-bottom: 1.25rem; 22992} 22993@media print, screen and (min-width: 64em) { 22994 .page--kit .section-6 { 22995 border-top: 0 none; 22996 padding-top: 3.75rem; 22997 padding-bottom: 2.5rem; 22998 } 22999} 23000.page--kit .section-6 .share { 23001 padding: 0; 23002} 23003@media print, screen and (min-width: 64em) { 23004 .page--kit .section-6 .share { 23005 border: 1px solid #e5e5e5; 23006 padding: 2.8125rem; 23007 } 23008} 23009.page--kit .section-6 p { 23010 max-width: 40em; 23011 margin: 0 auto; 23012} 23013.page--kit .section-6 .buttons { 23014 margin-top: 1.25rem; 23015} 23016.page--kit .section-7 { 23017 border-top: 1px solid #e5e5e5; 23018 padding-top: 3.125rem; 23019 padding-bottom: 1.25rem; 23020} 23021@media print, screen and (min-width: 64em) { 23022 .page--kit .section-7 { 23023 padding-top: 5.75rem; 23024 padding-bottom: 0; 23025 } 23026} 23027.page--kit .section-7 h2 { 23028 margin: 0; 23029} 23030.page--kit .section-7 img { 23031 display: block; 23032 margin: 0 auto; 23033 width: 18.75rem; 23034} 23035@media print, screen and (min-width: 40em) { 23036 .page--kit .section-7 img { 23037 width: 28.125rem; 23038 } 23039} 23040@media print, screen and (min-width: 64em) { 23041 .page--kit .section-7 img { 23042 width: 37.5rem; 23043 } 23044} 23045.page--kit .share-button { 23046 width: 100%; 23047 text-align: center; 23048 margin: 0 0 0.625rem; 23049 font-size: 0.875rem; 23050 padding: 0.9375rem 1.25rem; 23051} 23052@media print, screen and (min-width: 30em) { 23053 .page--kit .share-button { 23054 width: auto; 23055 margin: 0.3125rem; 23056 } 23057} 23058.page--kit .share-button .icon { 23059 position: static; 23060 margin: -0.4375rem 0.875rem -0.4375rem 0; 23061 transform: none; 23062} 23063.page--kit .share-button.transparent { 23064 background: rgba(0, 0, 0, 0.2); 23065 color: #000000; 23066} 23067.page--kit .share-button.transparent:hover, .page--kit .share-button.transparent:focus { 23068 background: rgba(0, 0, 0, 0.3); 23069} 23070.page--kit .section-8 { 23071 background: url(../img/main-pattern-gradient.png) repeat-x 0 0 #ffffff; 23072} 23073.page--kit .section-8 .grid-container { 23074 position: relative; 23075 overflow: hidden; 23076} 23077@media print, screen and (min-width: 40em) { 23078 .page--kit .section-8 .grid-container { 23079 overflow: visible; 23080 } 23081} 23082.page--kit .section-8 .grid-x { 23083 justify-content: flex-end; 23084 align-items: center; 23085} 23086.page--kit .section-8 .cell--content { 23087 z-index: 1; 23088 padding-top: 1.875rem; 23089 padding-bottom: 1.25rem; 23090} 23091@media print, screen and (min-width: 40em) { 23092 .page--kit .section-8 .cell--content { 23093 padding-top: 3.125rem; 23094 padding-bottom: 3.75rem; 23095 padding-right: 1.875rem; 23096 } 23097} 23098@media print, screen and (min-width: 64em) { 23099 .page--kit .section-8 .cell--content { 23100 max-width: 37.5rem; 23101 text-align: left; 23102 } 23103} 23104.page--kit .section-8 .cell--content p:last-child { 23105 margin-bottom: 0; 23106} 23107.page--kit .section-8 form { 23108 max-width: 31.25rem; 23109 margin: 0 auto; 23110} 23111@media print, screen and (min-width: 64em) { 23112 .page--kit .section-8 form { 23113 margin: 0; 23114 } 23115} 23116.page--kit .section-8 label { 23117 text-align: left; 23118} 23119.page--kit .section-8 .cell--img { 23120 position: relative; 23121 padding: 0; 23122 align-self: stretch; 23123} 23124.page--kit .section-8 .cell--img img { 23125 display: block; 23126 width: 100%; 23127 margin: 0 auto; 23128} 23129@media print, screen and (min-width: 64em) { 23130 .page--kit .section-8 .cell--img img { 23131 height: 100%; 23132 object-fit: cover; 23133 } 23134} 23135.page--kit .section-8 p { 23136 max-width: 31em; 23137 margin-left: auto; 23138 margin-right: auto; 23139} 23140@media print, screen and (min-width: 64em) { 23141 .page--kit .section-8 p { 23142 margin-left: 0; 23143 } 23144} 23145.page--kit .section-8 input[type=email] { 23146 margin-bottom: 0.75rem; 23147} 23148.page--kit .section-8 .checkbox { 23149 margin-bottom: 1rem; 23150} 23151.page--kit .section-8 .button { 23152 margin-bottom: 0; 23153} 23154.page--kit .section-8 .share .button { 23155 margin-bottom: 0.625rem; 23156} 23157.page--kit .section-9 h1 .emote { 23158 display: block; 23159 margin-bottom: 0.5em; 23160} 23161@media print, screen and (max-width: 63.99875em) { 23162 .page--kit .sticky-container .sticky { 23163 top: 0 !important; 23164 } 23165} 23166@media print, screen and (min-width: 64em) { 23167 .page--kit .sticky-container { 23168 height: 0 !important; 23169 } 23170 .page--kit .sticky-container .stripe-gift { 23171 opacity: 0; 23172 visibility: hidden; 23173 transition: opacity 250ms ease-out, visibility 250ms ease-out; 23174 position: relative; 23175 } 23176 .page--kit .sticky-container .is-stuck .stripe-gift { 23177 opacity: 1; 23178 visibility: visible; 23179 } 23180} 23181.page--kit .sticky-container .stripe-gift p { 23182 max-width: 27rem; 23183} 23184@media print, screen and (min-width: 64em) { 23185 .page--kit .sticky-container .stripe-gift p { 23186 max-width: none; 23187 } 23188} 23189 23190.page--kit .reveal-kit .hot-label { 23191 display: inline-block; 23192 vertical-align: middle; 23193 padding: 0 0.9375rem 0 0.3125rem; 23194 height: 1.125rem; 23195 line-height: 1.125rem; 23196 background: #f52336; 23197 color: #ffffff; 23198 text-align: center; 23199 font-size: 0.625rem; 23200 font-weight: 700; 23201 text-transform: uppercase; 23202 font-family: sans-serif; 23203 border: 0 none; 23204 letter-spacing: 0.042em; 23205 clip-path: polygon(100% 0, calc(100% - 7px) 50%, 100% 100%, 0 100%, 0 100%, 0 0); 23206} 23207.page--kit .reveal-kit .hot-label.big {
23208 margin-bottom: 0.625rem; 23209 font-size: 0.75rem; 23210 height: 1.375rem; 23211 line-height: 1.375rem; 23212} 23213 23214.reveal-kit { 23215 padding: 0; 23216} 23217@media print, screen and (min-width: 64em) { 23218 .reveal-kit { 23219 width: 56.25rem; 23220 } 23221} 23222@media screen and (min-width: 75em) { 23223 .reveal-kit { 23224 width: 62.5rem; 23225 } 23226} 23227.reveal-kit .reveal-title { 23228 margin-bottom: 1.2em; 23229 font-size: 1.75rem; 23230 text-align: left; 23231 font-weight: 700; 23232} 23233@media print, screen and (min-width: 64em) { 23234 .reveal-kit .reveal-title { 23235 font-size: 2.125rem; 23236 } 23237} 23238.reveal-kit .cell-content { 23239 padding: 1.25rem 1.5rem; 23240} 23241@media print, screen and (min-width: 40em) { 23242 .reveal-kit .cell-content { 23243 padding: 1.875rem 2.5rem; 23244 } 23245} 23246@media print, screen and (min-width: 64em) { 23247 .reveal-kit .cell-content { 23248 padding: 2.5rem 3.125rem; 23249 flex: 0 0 auto; 23250 width: 54%; 23251 } 23252} 23253.reveal-kit .cell-img { 23254 padding: 0; 23255 position: relative; 23256} 23257@media print, screen and (min-width: 64em) { 23258 .reveal-kit .cell-img { 23259 flex: 0 0 auto; 23260 width: 46%; 23261 } 23262} 23263.reveal-kit .cell-img img { 23264 display: block; 23265 width: 100%; 23266 height: 100%; 23267 object-fit: cover; 23268} 23269.reveal-kit hr { 23270 margin: 2.5rem 0 1.875rem; 23271 border-color: #d8d8d8; 23272} 23273.reveal-kit .button { 23274 margin: 0; 23275} 23276.reveal-kit .button.cart { 23277 max-width: 100%; 23278} 23279@media print, screen and (min-width: 64em) { 23280 .reveal-kit .button.cart { 23281 width: 14.375rem; 23282 } 23283} 23284.reveal-kit .button.cart .icon { 23285 font-size: 1.375rem; 23286 margin: -0.5em 0.75em -0.5em 0; 23287 line-height: 0; 23288 vertical-align: middle; 23289} 23290.reveal-kit .button.hollow.black { 23291 background: #ffffff; 23292 box-shadow: none; 23293 border-color: #d6d6d6; 23294} 23295.reveal-kit .button.hollow.black:hover, .reveal-kit .button.hollow.black:focus { 23296 border-color: #000000; 23297 transition: border-color 0.25s; 23298} 23299@media print, screen and (min-width: 40em) { 23300 .reveal-kit .inner { 23301 padding-left: 2.5rem; 23302 } 23303} 23304.reveal-kit .checkbox label { 23305 position: relative; 23306 margin-bottom: 1rem; 23307 font-size: 1.125rem; 23308 line-height: 1.5rem; 23309 font-weight: 700; 23310} 23311@media print, screen and (min-width: 40em) { 23312 .reveal-kit .checkbox label { 23313 padding-left: 2.5rem !important; 23314 margin-left: -2.5rem; 23315 } 23316} 23317.reveal-kit .checkbox [type=checkbox]:checked + label .hot-label { 23318 display: none; 23319} 23320.reveal-kit ul { 23321 margin-left: 0; 23322 list-style: none; 23323 font-size: 1rem; 23324 line-height: 1.25rem; 23325 color: rgba(0, 0, 0, 0.8); 23326} 23327.reveal-kit ul li + li { 23328 margin-top: 0.3125rem; 23329} 23330.reveal-kit table { 23331 margin-bottom: 1.5rem; 23332 border: 0 none; 23333 font-size: 1rem; 23334 font-weight: 700; 23335 color: rgba(0, 0, 0, 0.3); 23336 line-height: 1; 23337} 23338.reveal-kit tbody { 23339 border: 0 none; 23340} 23341.reveal-kit tr { 23342 border: 0 none; 23343} 23344.reveal-kit tr:last-child { 23345 color: #000000; 23346} 23347.reveal-kit td { 23348 padding: 0.3em 0; 23349} 23350.reveal-kit td:last-child { 23351 text-align: right; 23352} 23353 23354.stripe-kit { 23355 display: block; 23356 background: #edeaef; 23357 overflow: hidden; 23358 padding-top: 2.5rem; 23359 padding-bottom: 2.5rem; 23360 text-align: center; 23361} 23362@media print, screen and (min-width: 40em) { 23363 .stripe-kit { 23364 padding-top: 0; 23365 padding-bottom: 0; 23366 text-align: left; 23367 } 23368} 23369.stripe-kit .h1 { 23370 display: block; 23371 margin-bottom: 0.5em; 23372 text-transform: none; 23373 color: #18A66F; 23374 font-weight: 700; 23375 line-height: 1.1; 23376 font-weight: 700; 23377 font-size: 2.125rem; 23378} 23379@media print, screen and (min-width: 64em) { 23380 .stripe-kit .h1 { 23381 font-size: 3.25rem; 23382 } 23383} 23384.stripe-kit .button { 23385 width: 11.25rem; 23386 margin: 0; 23387} 23388.stripe-kit .grid-x { 23389 align-items: center; 23390} 23391@media print, screen and (min-width: 48em) { 23392 .stripe-kit .grid-x { 23393 align-items: stretch; 23394 } 23395} 23396@media print, screen and (min-width: 40em) { 23397 .stripe-kit .cell--content { 23398 padding-top: 2.5rem; 23399 padding-bottom: 2.5rem; 23400 } 23401} 23402.stripe-kit .cell--img { 23403 position: relative; 23404} 23405.stripe-kit img { 23406 display: block; 23407 margin: 1.25rem auto -1.875rem; 23408} 23409@media print, screen and (min-width: 48em) { 23410 .stripe-kit img { 23411 margin: 0; 23412 height: 120%; 23413 width: auto; 23414 max-width: none; 23415 position: absolute; 23416 right: -1.5625rem; 23417 top: 0; 23418 } 23419} 23420 23421.stripe-gift { 23422 background: #FF0049; 23423 color: #ffffff; 23424 padding-top: 0.75rem; 23425 padding-bottom: 0.75rem; 23426 text-align: center; 23427} 23428@media screen and (min-width: 30em) { 23429 .stripe-gift { 23430 text-align: left; 23431 } 23432} 23433.stripe-gift .grid-x { 23434 align-items: center; 23435} 23436.stripe-gift p { 23437 max-width: 20rem; 23438 position: relative; 23439 line-height: 1.2; 23440 margin: 0 auto 0.5rem; 23441 font-weight: 500; 23442 font-size: 0.75rem; 23443 text-align: center; 23444} 23445@media print, screen and (min-width: 30em) { 23446 .stripe-gift p { 23447 text-align: left; 23448 margin: 0; 23449 } 23450} 23451@media print, screen and (min-width: 64em) { 23452 .stripe-gift p { 23453 max-width: 100%; 23454 font-size: 0.9375rem; 23455 } 23456} 23457.stripe-gift svg { 23458 display: inline-block; 23459 margin: 0 1em; 23460 vertical-align: middle; 23461} 23462.stripe-gift svg:first-child { 23463 display: block; 23464 margin: 0 auto 0.5rem; 23465} 23466@media print, screen and (min-width: 40em) { 23467 .stripe-gift svg:first-child { 23468 display: block; 23469 position: absolute; 23470 left: 0; 23471 top: 50%; 23472 transform: translateY(-50%); 23473 } 23474} 23475.stripe-gift .button { 23476 height: 2rem; 23477 line-height: 1.875rem; 23478 padding: 0 1.25rem; 23479 margin: 0; 23480} 23481.stripe-gift img { 23482 margin-right: 0.25rem; 23483} 23484.stripe-gift .discount { 23485 max-width: 100%; 23486 display: flex; 23487 flex-flow: row nowrap; 23488 align-items: center; 23489 justify-content: center; 23490 margin-bottom: 0; 23491} 23492 23493.bf-label { 23494 display: inline-block; 23495 margin: 0 auto 1rem; 23496 border-radius: 7px; 23497 background: #000000; 23498 color: #ffffff; 23499 font-weight: 700; 23500 font-size: 0.75rem; 23501 line-height: 1.2; 23502 padding: 0.4em 0.75em; 23503} 23504@media print, screen and (min-width: 64em) { 23505 .bf-label { 23506 white-space: nowrap; 23507 width: auto; 23508 font-size: 0.875rem; 23509 margin: 0 0 1.5rem; 23510 } 23511} 23512@media screen and (min-width: 75em) { 23513 .bf-label { 23514 font-size: 1rem; 23515 } 23516} 23517 23518.page--kst { 23519 padding-top: 4.375rem; 23520} 23521.page--kst .content__main { 23522 padding-top: 0; 23523 padding-bottom: 0; 23524 background-image: none; 23525} 23526.page--kst .headline { 23527 position: relative; 23528} 23529.page--kst .button.hollow { 23530 box-shadow: none; 23531} 23532.page--kst .button.hollow:hover, .page--kst .button.hollow:focus { 23533 transition: border-color 0.25s; 23534} 23535.page--kst .button.white { 23536 color: #18A66F; 23537} 23538.page--kst .label { 23539 display: inline-block; 23540 text-transform: uppercase; 23541 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 23542 color: #ffffff; 23543 font-size: 0.75rem; 23544 font-weight: 800; 23545 letter-spacing: 4px; 23546} 23547@media print, screen and (min-width: 64em) { 23548 .page--kst .label { 23549 margin-top: 8.75rem; 23550 } 23551} 23552.page--kst .section { 23553 padding-top: 2.5rem; 23554 padding-bottom: 2.5rem; 23555} 23556@media print, screen and (min-width: 40em) { 23557 .page--kst .section { 23558 padding-top: 3.75rem; 23559 padding-bottom: 3.75rem; 23560 } 23561} 23562@media print, screen and (min-width: 64em) { 23563 .page--kst .section { 23564 padding-top: 4.375rem; 23565 padding-bottom: 4.375rem; 23566 } 23567} 23568@media screen and (min-width: 75em) { 23569 .page--kst .section { 23570 padding-top: 5rem; 23571 padding-bottom: 5rem; 23572 } 23573} 23574.page--kst .section h2 { 23575 margin-block: 3rem 2rem; 23576 line-height: 1; 23577 font-size: 2.5rem; 23578 text-align: center; 23579} 23580@media print, screen and (min-width: 64em) { 23581 .page--kst .section h2 { 23582 font-size: 3.125rem; 23583 } 23584} 23585.page--kst .section h3 { 23586 margin-bottom: 0.3em; 23587 line-height: 1.1; 23588 font-size: 1.875rem; 23589} 23590@media print, screen and (min-width: 64em) { 23591 .page--kst .section h3 { 23592 font-size: 2.5rem; 23593 } 23594} 23595.page--kst .section p a { 23596 text-decoration: underline; 23597} 23598.page--kst .section p a:hover, .page--kst .section p a:focus { 23599 text-decoration: none; 23600} 23601.page--kst .section .text-small {
23602 font-size: 0.75rem; 23603 color: rgba(0, 0, 0, 0.5); 23604} 23605@media print, screen and (min-width: 64em) { 23606 .page--kst .section .text-small { 23607 font-size: 0.875rem; 23608 } 23609} 23610.page--kst .section .home__checklist { 23611 margin-bottom: 3rem; 23612} 23613.page--kst .section .home__checklist li + li { 23614 margin-top: 0.5rem; 23615} 23616.page--kst .section .w-discount-icon { 23617 max-width: 28em !important; 23618 line-height: 1.5; 23619 padding-top: 0.125rem; 23620 min-height: 1.5rem; 23621 position: relative; 23622 padding-left: 2.1875rem; 23623 background: url("../img/clenstvo/icon-discount.svg") no-repeat 0 0; 23624} 23625.page--kst .section-2 { 23626 padding-top: 0; 23627 background-color: #f8f9fa; 23628} 23629.page--kst .section-2 h2 { 23630 margin-top: 0; 23631 margin-bottom: 3.5rem; 23632 padding-top: 3.5rem; 23633} 23634.page--kst .section-2 .benefit { 23635 background: #ffffff; 23636 padding: 2rem; 23637 border-radius: 0.5rem; 23638 box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04); 23639 display: flex; 23640 flex-flow: column; 23641 gap: 1.5rem; 23642} 23643@media screen and (min-width: 35em) { 23644 .page--kst .section-2 .benefit.mapycom { 23645 background-image: url("../img/clenstvo/mapy-mockup.png"); 23646 background-repeat: no-repeat; 23647 background-position: 90% top; 23648 background-size: 34%; 23649 } 23650} 23651@media print, screen and (min-width: 40em) { 23652 .page--kst .section-2 .benefit.mapycom { 23653 background-image: none; 23654 } 23655} 23656@media print, screen and (min-width: 64em) { 23657 .page--kst .section-2 .benefit.mapycom { 23658 background-image: url("../img/clenstvo/mapy-mockup.png"); 23659 background-repeat: no-repeat; 23660 background-position: left 83% bottom 2rem; 23661 background-size: auto; 23662 } 23663} 23664.page--kst .section-2 .benefit h3 { 23665 font-size: 1.625rem; 23666 line-height: 124%; 23667 margin-bottom: 0.75rem; 23668} 23669.page--kst .section-2 .benefit div { 23670 flex-grow: 1; 23671} 23672.page--kst .section-2 .benefit p { 23673 font-size: 1rem; 23674 line-height: 144%; 23675 font-weight: 400; 23676 color: #686868; 23677 max-width: 21.25rem; 23678} 23679.page--kst .section-2 .benefit a { 23680 color: #000000; 23681 text-decoration: underline; 23682 font-size: 1rem; 23683} 23684.page--kst .section-2 .benefit-list { 23685 display: flex; 23686 justify-content: center; 23687 align-items: center; 23688 align-content: center; 23689 gap: 0.5rem; 23690 align-self: stretch; 23691 flex-wrap: wrap; 23692 margin-bottom: 0.5rem; 23693} 23694.page--kst .section-2 .benefit-list__item { 23695 padding: 1rem; 23696 border-radius: 2.75rem; 23697 background-color: #ffffff; 23698 box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04); 23699 font-size: 1rem; 23700 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 23701 font-weight: 300; 23702} 23703.page--kst .section-2 .benefit-list__item.hidden { 23704 display: none; 23705 transition: all 0.3s ease; 23706} 23707.page--kst .section-2 .benefit-list__item strong { 23708 font-weight: 800; 23709} 23710.page--kst .section-2 .benefit-link-more { 23711 text-decoration: underline; 23712 color: #ffffff !important; 23713 border-radius: 2.75rem; 23714 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 23715 background-color: #00a76d; 23716 padding: 1rem; 23717 font-weight: 700; 23718 transition: all 0.3s ease; 23719} 23720.page--kst .section-2 p { 23721 margin-bottom: 1.5em; 23722} 23723.page--kst .section-2 p:last-child { 23724 margin-bottom: 0; 23725} 23726.page--kst .section-2 .button.hollow { 23727 background: transparent; 23728 color: #000000; 23729 border-color: #000000; 23730 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 23731 margin-bottom: 0; 23732} 23733.page--kst .section-3 { 23734 margin-block: 6rem 4.5rem; 23735 padding: 0; 23736} 23737.page--kst .section-3 .grid-container > p { 23738 text-align: center; 23739 font-size: 1.25rem; 23740 font-weight: 400; 23741 color: #686868; 23742 margin-block: 3rem 3.5rem; 23743} 23744.page--kst .section-3 .cards > .cell { 23745 border-radius: 0.5rem; 23746 padding: 1.5rem; 23747 display: flex; 23748 flex-direction: column; 23749 gap: 1.5rem; 23750} 23751.page--kst .section-3 .cards .cell-1 { 23752 background-color: #fab650; 23753} 23754.page--kst .section-3 .cards .cell-2 { 23755 background-color: #4cc199; 23756} 23757.page--kst .section-3 .cards .cell-3 { 23758 background-color: #f178b6; 23759} 23760.page--kst .section-3 .cards .button, 23761.page--kst .section-3 .cards p, 23762.page--kst .section-3 .cards h3 { 23763 margin: 0; 23764 text-align: center; 23765} 23766.page--kst .section-3 .cards h3 { 23767 font-size: 2rem; 23768} 23769.page--kst .section-3 .cards img { 23770 width: 100%; 23771 border-radius: 4px; 23772 object-fit: cover; 23773 aspect-ratio: 1/1; 23774} 23775.page--kst .section-3 .cards p { 23776 line-height: 144%; 23777 flex-grow: 1; 23778} 23779.page--kst .section-3 .cards .event { 23780 padding: 1.5rem; 23781 background: rgba(0, 0, 0, 0.04); 23782} 23783.page--kst .section-3 .cards .event strong { 23784 font-size: 1rem; 23785 font-weight: 900; 23786 line-height: 124%; 23787} 23788.page--kst .section-3 .cards .date { 23789 display: flex; 23790 align-items: center; 23791 gap: 12px; 23792 margin-top: 0.75rem; 23793} 23794.page--kst .section-3 .cards .date::before { 23795 background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1340_1162' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1340_1162)'%3E%3Cpath d='M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z' fill='black'/%3E%3C/g%3E%3C/svg%3E"); 23796 background-repeat: no-repeat; 23797 content: ""; 23798 display: block; 23799 width: 24px; 23800 height: 24px; 23801} 23802.page--kst .section-3 .cards .date a { 23803 background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1333_1156' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect x='24' y='24' width='24' height='24' transform='rotate(-180 24 24)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1333_1156)'%3E%3Cpath d='M15.1313 11.25L11.4656 7.5844C11.1713 7.29003 11.1734 6.81211 11.4704 6.52035C11.7636 6.23223 12.2343 6.23431 12.525 6.52502L18 12L12.525 17.475C12.2343 17.7657 11.7636 17.7678 11.4704 17.4796C11.1734 17.1879 11.1713 16.71 11.4656 16.4156L15.1313 12.75L6.75 12.75C6.33578 12.75 6 12.4142 6 12C6 11.5858 6.33579 11.25 6.75 11.25L15.1313 11.25Z' fill='black'/%3E%3C/g%3E%3C/svg%3E"); 23804 width: 24px; 23805 height: 24px; 23806 display: block; 23807 background-repeat: no-repeat; 23808 background-position: center; 23809 margin-left: auto; 23810} 23811.page--kst .section-3 .accomplishments { 23812 margin-block: clamp(2rem, 8vw, 3.5rem); 23813 margin-inline: auto; 23814} 23815.page--kst .section-3 .accomplishments h4 { 23816 font-size: clamp(1rem, 3vw, 1.625rem); 23817 font-weight: 800; 23818 line-height: 123%; 23819 margin: 0; 23820} 23821.page--kst .section-3 .accomplishments div { 23822 display: flex; 23823 flex-wrap: nowrap; 23824 align-items: center; 23825 justify-content: space-between; 23826 padding: 1rem 1.5rem; 23827} 23828.page--kst .section-3 .accomplishments div:nth-child(odd) { 23829 background: rgba(0, 0, 0, 0.04); 23830} 23831.page--kst .section-3 .accomplishments div.gray span { 23832 background: #bebebe; 23833} 23834.page--kst .section-3 .accomplishments div.green span { 23835 background: #4cc199; 23836} 23837.page--kst .section-3 .accomplishments div.pink span { 23838 background: #f178b6; 23839} 23840.page--kst .section-3 .accomplishments div span { 23841 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 23842 color: #000000; 23843 font-size: clamp(1rem, 3vw, 1.625rem); 23844 line-height: 132%; 23845 font-weight: 800; 23846 background: #fab650; 23847 border-radius: 0.25rem; 23848 padding: 0.5rem 0.5rem 0.375rem; 23849 min-width: clamp(5rem, 4em, 6rem); 23850 display: flex; 23851 justify-content: space-between; 23852} 23853.page--kst .section-3 .accomplishments div span::before { 23854 content: "â¢"; 23855 display: inline-block; 23856 margin-right: 0.5rem; 23857 font-size: 1rem; 23858 vertical-align: middle; 23859} 23860.page--kst .section-3 .accomplishments div span::after {
23861 content: "â¢"; 23862 display: inline-block; 23863 margin-left: 0.5rem; 23864 font-size: 1rem; 23865 vertical-align: middle; 23866} 23867.page--kst .section-3 .callout.secondary { 23868 margin-block: 2rem 0; 23869 border-radius: 0.25rem; 23870 background-color: #fff8ed; 23871 padding: 1.5rem 1.75rem; 23872 text-align: center; 23873 font-size: 1rem; 23874 font-weight: 400; 23875 line-height: 144%; 23876 color: #272727; 23877} 23878.page--kst .section-3 .callout.secondary strong { 23879 font-weight: 500; 23880} 23881.page--kst .section-5 { 23882 background: #00a76d; 23883 color: #ffffff; 23884 padding-block: 3rem; 23885} 23886@media print, screen and (min-width: 40em) { 23887 .page--kst .section-5 { 23888 padding-block: 4.75rem; 23889 background-image: url("../img/main-pattern-gradient.png"); 23890 background-position: left -209px top -157px; 23891 background-repeat: no-repeat; 23892 } 23893} 23894@media print, screen and (min-width: 64em) { 23895 .page--kst .section-5 { 23896 padding-block: 6.0625rem; 23897 } 23898} 23899@media print, screen and (min-width: 64em) { 23900 .page--kst .section-5 .label { 23901 margin-top: 0; 23902 } 23903} 23904.page--kst .section-5 .headline { 23905 font-size: 2rem; 23906 text-align: left; 23907 line-height: 1; 23908 margin-block: 2rem; 23909} 23910@media print, screen and (min-width: 40em) { 23911 .page--kst .section-5 .headline { 23912 font-size: 2.5rem; 23913 } 23914} 23915@media print, screen and (min-width: 64em) { 23916 .page--kst .section-5 .headline { 23917 font-size: 4rem; 23918 } 23919} 23920.page--kst .section-5 .headline span { 23921 color: #b3e5d3; 23922} 23923.page--kst .section-5 h3 { 23924 font-size: 1rem; 23925 font-weight: 800; 23926 margin-bottom: 1.125rem; 23927} 23928.page--kst .section-5 .home__checklist li { 23929 padding-left: 2rem; 23930 font-size: 0.9375rem; 23931 font-weight: 400; 23932 line-height: 160%; 23933 color: #ffffff; 23934} 23935.page--kst .section-5 .home__checklist li span { 23936 color: #b3e5d3; 23937} 23938.page--kst .section-5 .home__checklist li::before { 23939 background-image: url("../img/icon/icon-check-circle.svg"); 23940 width: 1.5rem; 23941 height: 1.5rem; 23942 background-size: auto; 23943} 23944.page--kst .section-5 .pricing { 23945 background: #ffffff; 23946 border-radius: 0.5rem; 23947 box-shadow: 0px 0px 64px 0px rgba(0, 0, 0, 0.2); 23948 padding: 2rem 1.5rem; 23949 color: #000000; 23950 text-align: left; 23951} 23952@media print, screen and (min-width: 64em) { 23953 .page--kst .section-5 .pricing { 23954 padding: 2rem 2.5rem; 23955 } 23956} 23957.page--kst .section-5 .pricing h3 { 23958 font-size: 2rem; 23959 font-weight: 800; 23960 margin-bottom: 1rem; 23961} 23962.page--kst .section-5 .pricing .pricing__switcher { 23963 display: flex; 23964 font-size: 0.875rem; 23965 font-weight: 400; 23966 align-items: flex-start; 23967 padding: 2px; 23968 border-radius: 0.556875rem; 23969 background: #f3f5f7; 23970} 23971.page--kst .section-5 .pricing .pricing__switcher a { 23972 align-items: center; 23973 align-content: center; 23974 align-self: stretch; 23975 flex-grow: 1; 23976 text-align: center; 23977 color: #000000; 23978 padding: 0.375rem 0.5rem; 23979} 23980.page--kst .section-5 .pricing .pricing__switcher a.is-active { 23981 font-weight: 700; 23982 background: #ffffff; 23983 border-radius: 0.433125rem; 23984 border: 0.5px solid rgba(0, 0, 0, 0.04); 23985 box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.12), 0px 3px 1px 0px rgba(0, 0, 0, 0.04); 23986} 23987.page--kst .section-5 .pricing .home__checklist { 23988 margin-block: 1.5rem; 23989} 23990.page--kst .section-5 .pricing .home__checklist li { 23991 padding-left: 1.75rem; 23992 font-size: 0.875rem; 23993 line-height: 1.625rem; 23994 color: #000000; 23995} 23996.page--kst .section-5 .pricing .home__checklist li + li { 23997 margin-top: 0.25rem; 23998} 23999.page--kst .section-5 .pricing .home__checklist li::before { 24000 background-image: url("../img/icon/icon-check-circle-green.svg"); 24001 background-position-y: 50%; 24002 width: 1.25rem; 24003 height: 100%; 24004} 24005.page--kst .section-5 .pricing .pricing__callout { 24006 font-size: 0.875rem; 24007 color: #005ca8; 24008 background-color: #e5eff6; 24009 padding: 0.25rem; 24010 line-height: 1.625rem; 24011 text-align: center; 24012} 24013.page--kst .section-5 .pricing hr { 24014 margin-block: 1.5rem 0.75rem; 24015 border-color: #e9e9e9; 24016} 24017.page--kst .section-5 .pricing .pricing__price { 24018 display: flex; 24019 justify-content: space-between; 24020 align-items: center; 24021 font-size: 1.125rem; 24022 font-weight: 400; 24023 line-height: 1.25rem; 24024 margin-block: 0.75rem; 24025} 24026.page--kst .section-5 .pricing .pricing__price .price { 24027 font-size: 2rem; 24028 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 24029 font-weight: 450; 24030 line-height: 2.5rem; 24031 color: #005ca8; 24032} 24033.page--kst .section-5 .pricing .button { 24034 margin-bottom: 0; 24035 width: 100%; 24036} 24037.page--kst .section-6 { 24038 padding-block: 0; 24039} 24040@media print, screen and (min-width: 64em) { 24041 .page--kst .section-6 .headline { 24042 text-align: left; 24043 margin-block: 4.5rem 3.5rem; 24044 } 24045} 24046.page--kst .section-6 .swiper-slide { 24047 max-width: min(100%, 48rem); 24048 padding: 3rem 3rem 2.5rem; 24049 background: #f5f5f5; 24050 border-radius: 0.5rem; 24051 height: auto; 24052 display: flex; 24053 flex-direction: column; 24054 box-sizing: border-box; 24055} 24056@media print, screen and (min-width: 40em) { 24057 .page--kst .section-6 .swiper-slide { 24058 padding: 3rem 8.75rem 2.5rem 3rem; 24059 } 24060} 24061.page--kst .section-6 .swiper-slide img { 24062 width: 94px; 24063} 24064.page--kst .section-6 .swiper-slide p { 24065 font-size: 1.375rem; 24066 font-weight: 500; 24067 color: #000000; 24068 line-height: 124%; 24069 margin-top: 2rem; 24070 margin-bottom: 6rem; 24071 flex-grow: 1; 24072} 24073.page--kst .section-6 .swiper-slide span { 24074 font-size: 1rem; 24075 font-weight: 400; 24076} 24077.page--kst .section-6 .text-link { 24078 color: #005ca8; 24079 text-decoration: underline; 24080} 24081.page--kst .section-6 .swiper-navigation { 24082 display: flex; 24083 gap: 0.5rem; 24084 justify-content: center; 24085 margin-block: 2rem; 24086} 24087@media print, screen and (min-width: 40em) { 24088 .page--kst .section-6 .swiper-navigation { 24089 justify-content: start; 24090 margin-block: 3.5rem 4.5rem; 24091 } 24092} 24093.page--kst .section-6 .swiper-navigation a { 24094 position: static; 24095 display: flex; 24096 width: 3.75rem; 24097 height: 3.75rem; 24098 border-radius: 3.75rem; 24099 border: 1px solid #000000; 24100 align-items: center; 24101 justify-content: center; 24102} 24103.page--kst .section-6 .box-green { 24104 background: #00a76d url("../img/clenstvo/header-phone.png?v=2") no-repeat center bottom; 24105 background-position: center bottom -182px; 24106 background-size: clamp(100px, 60%, 205px); 24107 border-radius: 0.5rem; 24108 padding: 3rem 1rem 15rem; 24109 text-align: center; 24110 color: #ffffff; 24111} 24112@media print, screen and (min-width: 40em) { 24113 .page--kst .section-6 .box-green { 24114 padding: 3rem 2rem; 24115 background-position: right 48px bottom -100px; 24116 } 24117} 24118@media screen and (min-width: 56.25em) { 24119 .page--kst .section-6 .box-green { 24120 padding: 5rem 6.1875rem; 24121 background-position: right 150px bottom -100px, right top, center bottom; 24122 background-size: clamp(100px, 60%, 205px), auto, auto; 24123 background-image: url("../img/clenstvo/header-phone.png?v=2"), url("../img/clenstvo/green-box-bg-1.svg"), url("../img/clenstvo/green-box-bg-2.svg"); 24124 } 24125} 24126@media print, screen and (min-width: 64em) { 24127 .page--kst .section-6 .box-green { 24128 padding: 5rem 6.1875rem; 24129 background-position: right 150px bottom -100px, right top, center bottom; 24130 background-size: clamp(100px, 60%, 205px), auto, auto; 24131 background-image: url("../img/clenstvo/header-phone.png?v=2"), url("../img/clenstvo/green-box-bg-1.svg"), url("../img/clenstvo/green-box-bg-2.svg"); 24132 } 24133} 24134.page--kst .section-6 .box-green h3 { 24135 font-size: 2rem; 24136 margin-bottom: 1.5rem; 24137} 24138.page--kst .section-6 .box-green p { 24139 font-size: 1.0625rem; 24140 line-height: 160%; 24141 color: #b3e5d3; 24142 margin-bottom: 1.5rem; 24143} 24144.page--kst .section-6 .box-green p strong { 24145 font-weight: 500; 24146 color: #e5f6f0; 24147} 24148.page--kst .section-6 .sticker { 24149 display: flex; 24150 justify-content: center; 24151 align-items: center; 24152 width: 7rem; 24153 height: 7rem; 24154 border-radius: 7rem; 24155 font-size: 1rem; 24156 line-height: 1; 24157 background: #fab650; 24158 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 24159 color: #000000; 24160 font-weight: 800; 24161 text-align: center; 24162 position: absolute; 24163 left: 50%; 24164 transform: translateX(-150%); 24165} 24166@media print, screen and (min-width: 40em) { 24167 .page--kst .section-6 .sticker { 24168 left: auto; 24169 right: 186px; 24170 transform: none; 24171 } 24172} 24173@media screen and (min-width: 56.25em) { 24174 .page--kst .section-6 .sticker { 24175 right: 310px; 24176 } 24177} 24178@media print, screen and (min-width: 64em) { 24179 .page--kst .section-6 .sticker { 24180 width: 8.5rem; 24181 height: 8.5rem; 24182 border-radius: 8.5rem; 24183 font-size: 1.25rem; 24184 } 24185} 24186.page--kst .section-7 { 24187 padding: 0; 24188} 24189.page--kst .section-7 .headline { 24190 text-align: center; 24191} 24192@media print, screen and (min-width: 40em) { 24193 .page--kst .section-7 .headline { 24194 margin-top: 4.5rem 3rem; 24195 } 24196} 24197@media print, screen and (min-width: 64em) { 24198 .page--kst .section-7 .headline { 24199 margin-block: 6rem 4rem; 24200 } 24201} 24202.page--kst .section-7 .accordion .number { 24203 display: none; 24204} 24205.page--kst .section-7 .callout { 24206 padding: 1.5rem 1.75rem; 24207 text-align: center; 24208 font-size: 1rem; 24209 color: #272727; 24210 font-weight: 400; 24211 background-color: #f3f5f7; 24212 margin-block: 3rem; 24213} 24214@media print, screen and (min-width: 64em) { 24215 .page--kst .section-7 .callout { 24216 margin-block: 3.75rem 4.5rem; 24217 } 24218} 24219.page--kst .section-7 .callout a { 24220 text-decoration: underline; 24221} 24222.page--kst .newsletter-social-box { 24223 padding: 0; 24224} 24225.page--kst .cta-box { 24226 max-width: 28.75rem; 24227 padding: 1.625rem 1.875rem 1.875rem; 24228 border-radius: 3px; 24229 color: #ffffff; 24230 background: #18A66F; 24231} 24232.page--kst .cta-box .h3 { 24233 display: block; 24234 margin-bottom: 0.5em; 24235} 24236.page--kst .cta-box .button { 24237 margin: 0; 24238} 24239@media print, screen and (min-width: 48em) and (max-width: 63.99875em) { 24240 .page--kst .cta-box .sticker { 24241 margin-top: 1.25rem; 24242 } 24243} 24244.page--kst .home__share { 24245 text-align: left; 24246 margin-top: 2.5rem; 24247} 24248@media print, screen and (min-width: 64em) { 24249 .page--kst .home__share { 24250 margin-top: 5rem; 24251 } 24252} 24253.page--kst .testimonials { 24254 margin-bottom: 1.25rem; 24255 border-radius: 3px; 24256 border: 1px solid rgba(0, 0, 0, 0.1); 24257 max-width: 28.75rem; 24258 padding: 1.625rem 1.875rem 1.875rem; 24259 border-radius: 3px; 24260 color: #000000; 24261} 24262.page--kst .testimonials .h4 { 24263 display: block; 24264 margin-bottom: 0.5em; 24265} 24266.page--kst .testimonials p { 24267 color: #000000; 24268 font-size: 0.875rem; 24269} 24270.page--kst .testimonials cite { 24271 display: block; 24272 color: #000000; 24273 font-size: 0.875rem; 24274 font-weight: 700; 24275 line-height: 1; 24276 font-style: normal; 24277} 24278.page--kst .testimonials cite::before { 24279 content: ""; 24280} 24281.page--kst .testimonials img { 24282 display: block; 24283 width: 4.375rem; 24284 border-radius: 4.375rem; 24285 margin-bottom: 0.75rem; 24286} 24287.page--kst .testimonials .swiper-container { 24288 margin-bottom: -1.25rem; 24289} 24290.page--kst .testimonials .swiper-pagination { 24291 position: static; 24292 bottom: 0; 24293 text-align: left; 24294 margin: 1rem -0.25rem 0; 24295} 24296.page--kst .bf-label { 24297 display: inline-flex; 24298 flex-flow: row nowrap; 24299 justify-content: center; 24300 align-items: center; 24301 padding: 0.3125rem 0.625rem; 24302 font-weight: 400; 24303 line-height: 1.25rem; 24304 text-align: center; 24305 background: #ec2324; 24306 border-radius: 3px; 24307} 24308@media screen and (min-width: 75em) { 24309 .page--kst .bf-label { 24310 justify-content: flex-start; 24311 font-size: 0.875rem; 24312 } 24313} 24314.page--kst .bf-label img { 24315 margin-right: 0.25rem; 24316} 24317.page--kst .strike { 24318 color: #ec2324; 24319 font-size: 40%; 24320 vertical-align: top; 24321 display: inline-block; 24322 position: relative; 24323 margin-right: -0.25em; 24324} 24325.page--kst .strike::after {
24326 content: ""; 24327 display: block; 24328 width: 130%; 24329 height: 0; 24330 border-top: 1px solid #ec2324; 24331 position: absolute; 24332 transform: rotate(-35deg); 24333 top: 40%; 24334 left: -9%; 24335 transform-origin: center; 24336} 24337.page--kst .buddy__hero { 24338 position: relative; 24339 color: #ffffff; 24340} 24341@media print, screen and (min-width: 48em) { 24342 .page--kst .buddy__hero { 24343 padding-bottom: 0 !important; 24344 } 24345 .page--kst .buddy__hero .cell--content { 24346 padding-bottom: 3.125rem; 24347 } 24348 .page--kst .buddy__hero .cell--img { 24349 align-self: flex-end; 24350 } 24351 .page--kst .buddy__hero .cell--img img:first-child { 24352 max-width: 320px; 24353 } 24354 .page--kst .buddy__hero .cell--img img:last-child { 24355 right: 60%; 24356 } 24357} 24358@media print, screen and (min-width: 64em) { 24359 .page--kst .buddy__hero .cell--img img:first-child { 24360 max-width: none; 24361 } 24362 .page--kst .buddy__hero .cell--img img:last-child { 24363 right: 100%; 24364 } 24365} 24366.page--kst .buddy__hero__img { 24367 width: 100%; 24368 height: 100%; 24369 position: absolute; 24370 left: 0; 24371 top: 0; 24372 object-fit: cover; 24373 object-position: center; 24374} 24375.page--kst .buddy__hero .text-small { 24376 color: rgba(255, 255, 255, 0.5); 24377} 24378.page--kst .buddy__hero .button.hollow { 24379 background: transparent; 24380 border-color: rgba(255, 255, 255, 0.2); 24381} 24382.page--kst .buddy__hero .button.hollow:hover { 24383 color: #18A66F; 24384 border-color: #18A66F; 24385} 24386.page--kst .buddy__hero .headline { 24387 position: relative; 24388} 24389@media screen and (max-width: 22.5em) { 24390 .page--kst .buddy__hero .headline { 24391 font-size: 2.25rem; 24392 } 24393} 24394.page--kst .buddy__hero .sticker--buddy { 24395 display: inline-flex; 24396 position: absolute; 24397 top: 100%; 24398 right: 0; 24399} 24400@media print, screen and (min-width: 40em) { 24401 .page--kst .buddy__hero .sticker--buddy { 24402 position: relative; 24403 top: 0.625rem; 24404 right: auto; 24405 vertical-align: top; 24406 } 24407} 24408@media print, screen and (min-width: 48em) { 24409 .page--kst .buddy__hero .sticker--buddy { 24410 position: absolute; 24411 top: 25%; 24412 right: -3.5rem; 24413 } 24414} 24415@media print, screen and (min-width: 64em) { 24416 .page--kst .buddy__hero .sticker--buddy { 24417 top: 72%; 24418 right: -0.5rem; 24419 } 24420} 24421@media print, screen and (min-width: 64em) { 24422 .page--kst .buddy__hero .home__checklist { 24423 margin-bottom: 2em; 24424 } 24425} 24426.page--kst.gift .content__main { 24427 background: #ffffff; 24428} 24429.page--kst.gift .button.theme { 24430 background-color: #FC522B; 24431 color: #ffffff; 24432 box-shadow: none; 24433} 24434.page--kst.gift .button.theme:hover, .page--kst.gift .button.theme:focus { 24435 background-color: rgb(247.2511627907, 48.9837209302, 3.4988372093); 24436} 24437.page--kst.gift .button.hollow { 24438 background: transparent; 24439 border-color: rgba(255, 255, 255, 0.2); 24440 color: #ffffff; 24441 transition: background-color 0.25s, border-color 0.25s ease-out, color 0.25s ease-out; 24442} 24443.page--kst.gift .button.hollow:hover { 24444 background: #ffffff; 24445 border-color: #ffffff; 24446 color: #FC522B; 24447} 24448.page--kst.gift .section h2, .page--kst.gift .section h3, .page--kst.gift .section h4, .page--kst.gift .section h5 { 24449 color: #000F35; 24450} 24451.page--kst.gift .union-logo { 24452 float: none; 24453 margin: 0 auto 1rem; 24454} 24455@media print, screen and (min-width: 40em) { 24456 .page--kst.gift .union-logo { 24457 margin-left: 0; 24458 } 24459} 24460.page--kst.gift .label-gift { 24461 display: inline-block; 24462 margin-bottom: 1rem; 24463 padding: 0.375rem 0.75rem; 24464 background: rgba(255, 255, 255, 0.1); 24465 border-radius: 5px; 24466 font-weight: 700; 24467 font-size: 0.75rem; 24468 line-height: 0.875rem; 24469 text-transform: uppercase; 24470 color: #FC522B; 24471} 24472.page--kst.gift .home__faq .accordion-title::before { 24473 border-color: #000F35; 24474} 24475.page--kst.gift .accordion-item { 24476 color: #061436; 24477} 24478.page--kst.gift .accordion-content { 24479 color: rgba(6, 20, 54, 0.8); 24480} 24481@media print, screen and (min-width: 64em) { 24482 .page--kst.gift .section-2 .cell--content:first-child { 24483 padding-right: 3.125rem; 24484 } 24485 .page--kst.gift .section-2 .cell--content:last-child { 24486 padding-left: 3.125rem; 24487 } 24488} 24489@media screen and (min-width: 75em) { 24490 .page--kst.gift .section-2 .cell--content:first-child { 24491 padding-right: 4.6875rem; 24492 } 24493 .page--kst.gift .section-2 .cell--content:last-child { 24494 padding-left: 4.6875rem; 24495 } 24496} 24497.page--kst.gift .section-3 { 24498 background: #000F35; 24499} 24500.page--kst.gift .section-3 .cell { 24501 max-width: 20rem; 24502} 24503.page--kst.gift .section-3 .headline {
24504 color: #ffffff; 24505 margin-bottom: 2em; 24506} 24507.page--kst.gift .section-3 .title { 24508 color: #ffffff; 24509} 24510.page--kst.gift .section-3 .text-small { 24511 max-width: 18em; 24512 color: rgba(255, 255, 255, 0.7); 24513} 24514.page--kst.gift .section-4 .headline + p { 24515 max-width: 21em; 24516 margin-bottom: 2em; 24517} 24518.page--kst.gift .section-4 .button { 24519 margin-bottom: 2em; 24520} 24521.page--kst.gift .odznak { 24522 display: block; 24523} 24524@media screen and (max-width: 63.99875em) { 24525 .page--kst.gift .odznak { 24526 display: none !important; 24527 } 24528} 24529@media print, screen and (min-width: 64em) { 24530 .page--kst.gift .odznak { 24531 width: 8.25rem; 24532 position: absolute; 24533 left: calc(50% - 17px); 24534 top: 46%; 24535 transform: translate(-50%, 0); 24536 } 24537} 24538@media screen and (min-width: 75em) { 24539 .page--kst.gift .odznak { 24540 width: 10.125rem; 24541 top: 45; 24542 } 24543} 24544.page--kst.voucher h1 { 24545 margin-bottom: 0.3125rem; 24546} 24547.page--kst.voucher h1 .emote { 24548 display: block; 24549 margin-bottom: 0.5em; 24550} 24551.page--kst.voucher h1 + p { 24552 max-width: 36em; 24553 margin: 0 auto 1.875rem; 24554} 24555@media print, screen and (min-width: 64em) { 24556 .page--kst.voucher h1 + p { 24557 margin-bottom: 3.125rem; 24558 } 24559} 24560.page--kst.voucher label { 24561 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 24562 font-style: normal; 24563 font-weight: 500; 24564 font-size: 1.875rem; 24565 line-height: 1.6666666667; 24566 text-align: center; 24567} 24568.page--kst.voucher input { 24569 border-width: 1px; 24570 border-style: solid; 24571 border-color: transparent; 24572 margin-bottom: 0; 24573} 24574.page--kst.voucher input.is-invalid-input { 24575 border-color: #ff0000; 24576} 24577.page--kst.voucher form .inner { 24578 display: inline-block; 24579} 24580.page--kst.voucher form .errors { 24581 margin: 0.625rem 0 1.25rem; 24582 color: #ff0000; 24583} 24584@media print, screen and (min-width: 64em) { 24585 .page--kst.voucher form .errors { 24586 margin-bottom: 1.875rem; 24587 } 24588} 24589.page--kst.voucher form .errors p, .page--kst.voucher form .errors ul { 24590 margin: 0; 24591 font-size: 0.875rem; 24592 line-height: 1.4285714286; 24593 text-align: center; 24594 list-style: none; 24595} 24596 24597.page--kst-buy .content__main { 24598 padding-top: 2.25rem; 24599 padding-bottom: 3.5rem; 24600 background: #fff; 24601 background-image: none; 24602} 24603.page--kst-buy .grid-container { 24604 background: transparent; 24605} 24606.page--kst-buy hr { 24607 display: none; 24608} 24609.page--kst-buy .step-indicator { 24610 text-align: center; 24611 font-size: 1.25rem; 24612 letter-spacing: 0.04em; 24613 margin-bottom: 0.75rem; 24614} 24615.page--kst-buy .step-indicator strong { 24616 font-weight: 700; 24617} 24618.page--kst-buy h1 { 24619 margin-bottom: 0; 24620 text-align: center; 24621 font-size: 2.75rem; 24622 line-height: 1.08; 24623} 24624.page--kst-buy h1 + p { 24625 font-size: 1.25rem; 24626 line-height: 1.5; 24627 text-align: center; 24628 max-width: 28em; 24629 margin: 1.75rem auto 2.75em; 24630} 24631.page--kst-buy h2 { 24632 text-align: left; 24633 color: #111926; 24634 font-size: 1.75rem; 24635 margin-bottom: 2.5rem; 24636 margin-top: 3.5rem; 24637} 24638.page--kst-buy h2.nm { 24639 margin-bottom: 0.25rem; 24640} 24641@media print, screen and (min-width: 48em) { 24642 .page--kst-buy h2 { 24643 font-size: 2rem; 24644 } 24645} 24646.page--kst-buy h3 { 24647 font-size: 1.625rem; 24648} 24649.page--kst-buy .user-form { 24650 max-width: 48rem; 24651 margin: 0 auto; 24652} 24653.page--kst-buy .user-form .user-card { 24654 margin: 0 0 3.125rem; 24655 max-width: 100%; 24656} 24657.page--kst-buy .user-form .checkbox { 24658 color: #2b3243; 24659} 24660.page--kst-buy .user-form .checkbox label { 24661 margin-bottom: 0; 24662} 24663.page--kst-buy .user-form .checkbox label a { 24664 text-decoration: underline; 24665} 24666.page--kst-buy .user-form label { 24667 font-weight: 700; 24668} 24669.page--kst-buy .user-form .callout a { 24670 color: #272727; 24671} 24672.page--kst-buy .user-form .user-form__contact-email { 24673 margin-bottom: 1.5rem; 24674} 24675.page--kst-buy .user-form .user-form__contact-email .checkbox { 24676 margin-bottom: 1.5rem; 24677} 24678.page--kst-buy .user-form .checkboxes label { 24679 font-weight: 400; 24680} 24681.page--kst-buy .user-form form[name=complete_kst] h2 + p + div.grid-x { 24682 margin-top: 2.5rem; 24683} 24684.page--kst-buy label, 24685.page--kst-buy legend { 24686 color: #1e2332; 24687} 24688.page--kst-buy input, 24689.page--kst-buy select { 24690 border-radius: 4px; 24691 border: 1px solid #ebebeb; 24692 background: #ebebeb; 24693 color: #111522; 24694 font-weight: 400; 24695 font-size: 1rem; 24696} 24697.page--kst-buy input::placeholder, 24698.page--kst-buy select::placeholder { 24699 color: #939393; 24700} 24701.page--kst-buy #checkbox-contact-email + label { 24702 font-weight: 400; 24703} 24704.page--kst-buy .text-small {
24705 color: rgba(0, 0, 0, 0.6); 24706 font-size: 0.875rem; 24707 line-height: 1.25rem; 24708 font-weight: 400; 24709} 24710.page--kst-buy .file-upload { 24711 display: flex; 24712 flex-flow: row wrap; 24713 margin-bottom: 2.5rem; 24714 padding: 2rem; 24715 border: 1px dashed rgba(104, 104, 104, 0.5); 24716 border-radius: 3px; 24717 justify-content: space-between; 24718 align-items: center; 24719 gap: 1.5rem; 24720} 24721.page--kst-buy .file-upload.is-invalid-label { 24722 color: #c62437; 24723 border-color: #c62437; 24724 background-color: #f9e9eb; 24725} 24726.page--kst-buy .file-upload .name { 24727 font-size: 1.25rem; 24728 font-weight: 450; 24729 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 24730} 24731.page--kst-buy .file-upload .text-small { 24732 color: inherit; 24733} 24734.page--kst-buy .file-upload label, .page--kst-buy .file-upload input, .page--kst-buy .file-upload p { 24735 margin: 0; 24736} 24737.page--kst-buy .file-upload > div { 24738 flex: 1 1 8.75rem; 24739} 24740.page--kst-buy .file-upload .form-error { 24741 flex: 0 0 100%; 24742} 24743.page--kst-buy .file-upload .button { 24744 padding: 1rem 1.5rem; 24745 width: auto; 24746 white-space: nowrap; 24747 font-size: 0.875rem; 24748 font-weight: 500; 24749 margin: 0; 24750} 24751.page--kst-buy label p { 24752 margin-bottom: 1.875rem; 24753} 24754.page--kst-buy .border-box { 24755 padding: 2rem; 24756 text-align: left; 24757 border-radius: 6px; 24758 border: 0; 24759} 24760.page--kst-buy .border-box h3 { 24761 margin-bottom: 0.25rem; 24762} 24763.page--kst-buy .border-box.file-upload { 24764 display: flex; 24765 align-items: center; 24766 gap: 1rem; 24767 background: #fff; 24768 background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23333' stroke-width='1' stroke-dasharray='5%2c5' stroke-dashoffset='5' stroke-linecap='square'/%3e%3c/svg%3e"); 24769 flex-wrap: wrap; 24770 margin-block: 3rem; 24771} 24772.page--kst-buy .border-box.file-upload .inner { 24773 display: flex; 24774 align-items: center; 24775 gap: 1rem; 24776 flex: 1; 24777} 24778.page--kst-buy .border-box.file-upload .inner div { 24779 flex-grow: 1; 24780} 24781.page--kst-buy .border-box.file-upload .inner .button.green { 24782 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 24783 color: #ffffff; 24784 font-size: 1.125rem; 24785 font-weight: 800; 24786} 24787.page--kst-buy .border-box.file-upload .name { 24788 font-size: 1.0625rem; 24789 font-weight: 600; 24790 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 24791 margin: 0 0 0.25rem; 24792} 24793.page--kst-buy .border-box.file-upload .text-small { 24794 margin: 0; 24795} 24796.page--kst-buy .border-box.file-upload .button { 24797 margin: 0; 24798 white-space: nowrap; 24799} 24800.page--kst-buy .border-box:not(.file-upload) { 24801 background-color: #eff2f5; 24802 color: #161922; 24803} 24804.page--kst-buy .border-box:not(.file-upload) .inner { 24805 display: flex; 24806 flex-flow: row wrap; 24807 justify-content: space-between; 24808 align-items: flex-start; 24809} 24810@media screen and (min-width: 35em) { 24811 .page--kst-buy .border-box:not(.file-upload) .inner { 24812 flex-wrap: nowrap; 24813 } 24814} 24815.page--kst-buy .border-box:not(.file-upload) .inner p { 24816 font-weight: normal; 24817} 24818.page--kst-buy .border-box:not(.file-upload) .inner img { 24819 display: block; 24820 margin: 1.5rem 0 0; 24821} 24822.page--kst-buy .border-box:not(.file-upload) h2 { 24823 margin-top: 0; 24824 margin-bottom: 0.2em; 24825 text-align: left; 24826} 24827.page--kst-buy .border-box:not(.file-upload) p { 24828 font-size: 0.875rem; 24829 color: #2f3443; 24830} 24831.page--kst-buy .donation-card { 24832 margin: 3.5rem 0 1.5rem; 24833 padding: 2rem; 24834 border-radius: 4px; 24835 background: #5d5fef; 24836 color: #fff; 24837} 24838.page--kst-buy .donation-card__header { 24839 display: grid; 24840 gap: 1.625rem; 24841} 24842@media print, screen and (min-width: 40em) { 24843 .page--kst-buy .donation-card__header { 24844 grid-template-columns: minmax(0, 1fr) 15.0625rem; 24845 align-items: center; 24846 gap: 3.5rem; 24847 } 24848} 24849.page--kst-buy .donation-card h2 { 24850 margin: 0 0 0.625rem; 24851 font-size: 1.625rem; 24852 line-height: 1.15; 24853 color: #fff; 24854} 24855.page--kst-buy .donation-card__content p { 24856 margin: 0; 24857 color: #fff; 24858 font-size: 1rem; 24859 line-height: 1.38; 24860} 24861.page--kst-buy .donation-card img { 24862 width: 100%; 24863 border-radius: 6px; 24864 display: block; 24865} 24866.page--kst-buy .donation-card__form { 24867 border-top: 1px solid #7879f1; 24868 padding-top: 1.75rem; 24869 margin-top: 1.75rem; 24870} 24871@media print, screen and (min-width: 40em) { 24872 .page--kst-buy .donation-card__form { 24873 grid-column: 1/-1; 24874 } 24875} 24876.page--kst-buy .donation-card__label { 24877 margin: 0 0 0.5rem; 24878 font-size: 1rem; 24879 font-weight: 600; 24880 line-height: 1; 24881} 24882.page--kst-buy .donation-card__input-wrap { 24883 position: relative; 24884 margin-bottom: 0.875rem; 24885} 24886.page--kst-buy .donation-card__input { 24887 display: block; 24888 width: 100%; 24889 padding: 0.875rem 2.75rem 0.875rem 1rem; 24890 background: #fff; 24891 border: none; 24892 border-radius: 8px; 24893 font-size: 1.125rem; 24894 color: #111; 24895 -moz-appearance: textfield; 24896} 24897.page--kst-buy .donation-card__input::-webkit-inner-spin-button, .page--kst-buy .donation-card__input::-webkit-outer-spin-button { 24898 -webkit-appearance: none; 24899} 24900.page--kst-buy .donation-card__input:focus { 24901 outline: 2px solid rgba(255, 255, 255, 0.6); 24902 outline-offset: 2px; 24903} 24904.page--kst-buy .donation-card__currency { 24905 position: absolute; 24906 right: 1rem; 24907 top: 50%; 24908 transform: translateY(-50%); 24909 font-size: 1.125rem; 24910 color: rgba(17, 17, 17, 0.45); 24911 pointer-events: none; 24912} 24913.page--kst-buy .donation-card__presets { 24914 display: flex; 24915 gap: 0.25rem; 24916 flex-wrap: wrap; 24917} 24918.page--kst-buy .donation-card .donation-preset { 24919 padding: 0.5rem 1rem; 24920 border-radius: 1.875rem; 24921 border: 1.5px solid rgba(255, 255, 255, 0.65); 24922 background: transparent; 24923 color: #fff; 24924 font-size: 0.8125rem; 24925 font-weight: 600; 24926 cursor: pointer; 24927 transition: background 250ms ease-out, color 250ms ease-out, border-color 250ms ease-out; 24928} 24929.page--kst-buy .donation-card .donation-preset:hover { 24930 background: rgba(255, 255, 255, 0.15); 24931 border-color: #fff; 24932} 24933.page--kst-buy .donation-card .donation-preset.is-active { 24934 background: #fff; 24935 color: #37334f; 24936 border-color: #fff; 24937} 24938.page--kst-buy .donation-card__submit.button { 24939 display: inline-flex; 24940 align-items: center; 24941 justify-content: center; 24942 width: auto; 24943 margin: 0; 24944 border-radius: 1.875rem; 24945 background: #ffffff; 24946 color: #37334f; 24947 padding: 0.625rem 1.25rem; 24948 font-size: 0.9375rem; 24949 font-weight: 600; 24950} 24951.page--kst-buy .donation-card__submit.button:hover, .page--kst-buy .donation-card__submit.button:focus { 24952 background: #f2f5ff; 24953 color: #2e2a46; 24954} 24955.page--kst-buy .box-checklist { 24956 width: 100%; 24957 max-width: 48rem; 24958 margin: 0 auto 4rem; 24959 padding: 1.25rem; 24960 text-align: left; 24961 border-radius: 3px; 24962 background-color: #E8F0F7; 24963 text-align: center; 24964} 24965@media print, screen and (min-width: 40em) { 24966 .page--kst-buy .box-checklist { 24967 text-align: left; 24968 } 24969} 24970@media print, screen and (min-width: 48em) { 24971 .page--kst-buy .box-checklist { 24972 padding: 2.5rem 2.8125rem 2.5rem; 24973 } 24974} 24975.page--kst-buy .box-checklist h2 { 24976 margin-bottom: 1em; 24977} 24978.page--kst-buy .box-checklist .home__checklist { 24979 text-align: left; 24980 margin-bottom: 0; 24981} 24982@media print, screen and (min-width: 40em) { 24983 .page--kst-buy .box-checklist .home__checklist { 24984 column-count: 2; 24985 column-gap: 1.875rem; 24986 } 24987} 24988.page--kst-buy .box-checklist .label { 24989 display: inline; 24990 padding: 0.0625rem 0.3125rem; 24991 height: 1em; 24992 line-height: 1; 24993 border-radius: 3px; 24994 background: #f3f5f7; 24995 color: #ffffff; 24996 text-align: center; 24997 font-size: 0.625rem; 24998 font-weight: 700; 24999 border: 0 none; 25000 text-transform: uppercase; 25001 vertical-align: middle; 25002} 25003.page--kst-buy .callout { 25004 margin: 3rem 0; 25005 padding: 1.5rem 1.75rem; 25006 color: #272727; 25007 font-size: 1rem; 25008 font-weight: 400; 25009} 25010.page--kst-buy .callout strong { 25011 font-weight: 500; 25012} 25013.page--kst-buy .callout a:link { 25014 color: #272727; 25015 text-decoration: underline; 25016 font-weight: 500; 25017} 25018.page--kst-buy .callout.secondary.yellow { 25019 margin: 0.75rem 0 2.125rem; 25020 padding: 0.875rem 1.375rem; 25021 border: 0; 25022 border-radius: 4px; 25023 background: #fff9ec; 25024 font-size: 1.0625rem; 25025} 25026.page--kst-buy .submit { 25027 margin-top: 3.5rem; 25028} 25029.page--kst-buy .submit p { 25030 margin: 0 0 1em; 25031} 25032.page--kst-buy .submit button { 25033 background: #111; 25034 border: 0; 25035 border-radius: 4px; 25036 color: #fff; 25037 padding: 1.1875rem 2.25rem; 25038 font-size: 1.125rem; 25039 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 25040 box-shadow: none; 25041 margin: 0 auto; 25042 width: auto; 25043} 25044.page--kst-buy .submit button:hover, .page--kst-buy .submit button:focus { 25045 background: #2a2a2a; 25046 color: #fff; 25047} 25048.page--kst-buy .checkbox ul { 25049 margin: -0.5rem 0 0 3em; 25050} 25051.page--kst-buy .pricelist { 25052 margin: 1.5rem 0 0; 25053 width: 100%; 25054 background: transparent; 25055 border: 0 none; 25056 font-size: 1rem; 25057 line-height: 1.5; 25058 color: #141924; 25059} 25060.page--kst-buy .pricelist thead, .page--kst-buy .pricelist tbody, .page--kst-buy .pricelist tfoot, .page--kst-buy .pricelist tr { 25061 background: transparent; 25062 border: 0 none; 25063} 25064.page--kst-buy .pricelist th, .page--kst-buy .pricelist td { 25065 padding: 0.4em 0; 25066} 25067.page--kst-buy .pricelist tr td, .page--kst-buy .pricelist tr th { 25068 padding-block: 0.5rem; 25069} 25070.page--kst-buy .pricelist tbody, 25071.page--kst-buy .pricelist tfoot {
25072 border-top: 1px solid #c7ced9; 25073} 25074.page--kst-buy .pricelist tfoot { 25075 color: #111926; 25076 border-top: 1px solid #aeb5c1; 25077 font-size: 1.125rem; 25078} 25079.page--kst-buy .pricelist tfoot th, .page--kst-buy .pricelist tfoot th { 25080 padding-bottom: 0 !important; 25081} 25082.page--kst-buy .radios { 25083 display: grid; 25084 grid-template-columns: 1fr 1fr; 25085 gap: 1rem; 25086 margin: 0 auto 3.5rem; 25087} 25088.page--kst-buy .radios .grid-x { 25089 margin: 0 -0.375rem; 25090} 25091.page--kst-buy .radios .cell { 25092 padding-left: 0.375rem; 25093 padding-right: 0.375rem; 25094} 25095.page--kst-buy .radios > p { 25096 margin-top: 0.5rem; 25097 text-align: center; 25098 font-size: 0.875rem; 25099 line-height: 1.4285714286; 25100 color: rgba(0, 0, 0, 0.5); 25101} 25102.page--kst-buy .radios .radiobox { 25103 min-width: 0; 25104} 25105.page--kst-buy .radios .radiobox.banner label { 25106 background-color: #5d5fef; 25107 border: none; 25108 color: #ffffff; 25109 padding: 1.25rem 1rem; 25110} 25111.page--kst-buy .radios .radiobox.banner .button { 25112 width: auto; 25113 margin-top: 1rem; 25114} 25115.page--kst-buy .radiobox { 25116 background: transparent; 25117} 25118.page--kst-buy .radiobox label { 25119 flex-direction: row; 25120 align-items: center; 25121 border: 1px solid #bebebe; 25122 background: #ffffff; 25123 color: #111926; 25124 border-radius: 4px; 25125 padding: 1.25rem 1.5rem 1.25rem 3.75rem; 25126} 25127.page--kst-buy .radiobox .type-name { 25128 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 25129 font-size: 1.25rem; 25130 font-weight: 450; 25131 line-height: 1.3; 25132} 25133.page--kst-buy .radiobox .type-name strong { 25134 font-weight: 800; 25135} 25136.page--kst-buy .radiobox .type-price { 25137 font-size: 1.25rem; 25138 font-weight: initial; 25139} 25140.page--kst-buy .radiobox [type=radio]:checked + label::before, .page--kst-buy .radiobox [type=radio]:not(:checked) + label::before { 25141 border-color: #bebebe; 25142 background: #ffffff; 25143 left: 1rem; 25144} 25145.page--kst-buy .radiobox [type=radio]:checked + label::after, .page--kst-buy .radiobox [type=radio]:not(:checked) + label::after { 25146 left: 1rem; 25147 background-image: url(../img/icon/icon-check.svg); 25148} 25149.page--kst-buy .radiobox [type=radio]:checked + label { 25150 border-color: #00a76d; 25151 box-shadow: inset 0 0 0 1px #00a76d; 25152} 25153.page--kst-buy .radiobox [type=radio]:checked + label::before { 25154 background-color: #00a76d; 25155 border-color: #00a76d; 25156} 25157.page--kst-buy #buy_kst_season .radiobox label { 25158 flex-direction: column; 25159 align-items: start; 25160 gap: 0.25rem; 25161} 25162.page--kst-buy #buy_kst_season .type-price { 25163 font-size: 0.875rem; 25164 font-weight: 400; 25165} 25166.page--kst-buy .custom-callout { 25167 margin: -0.5rem 0 2.75rem !important; 25168} 25169.page--kst-buy .callout.secondary.text-center { 25170 margin-top: 2rem; 25171 padding: 1.125rem 1.25rem; 25172 background: #f0f3f7; 25173 border: 0; 25174 border-radius: 4px; 25175} 25176.page--kst-buy.renew .user-form { 25177 max-width: 32.75rem; 25178} 25179 25180.radiobox { 25181 background: #ffffff; 25182 flex: 1; 25183 flex-basis: 100%; 25184} 25185@media print, screen and (min-width: 40em) { 25186 .radiobox { 25187 flex-basis: 1; 25188 } 25189} 25190.radiobox.has-tip { 25191 display: block; 25192 border-bottom: 0 none; 25193} 25194.radiobox label { 25195 display: flex; 25196 flex-direction: column; 25197 height: 100%; 25198 margin: 0; 25199 padding: 1.25rem 1rem 1.25rem 3.75rem; 25200 position: relative; 25201 border-radius: 3px; 25202 text-transform: none; 25203 font-weight: normal; 25204 border: 1px solid #ccc; 25205 box-shadow: inset 0 0 0 1px transparent; 25206 transition: border-color 250ms ease-out, box-shadow 250ms ease-out; 25207 cursor: pointer; 25208} 25209@media print, screen and (min-width: 40em) { 25210 .radiobox label { 25211 padding: 1.25rem 1rem 1.25rem 1rem; 25212 } 25213} 25214.radiobox label.is-invalid-label { 25215 color: #c62437; 25216} 25217.radiobox label.is-invalid-label::before { 25218 border-color: #c62437 !important; 25219} 25220.radiobox label a { 25221 color: #18A66F; 25222 text-decoration: underline; 25223} 25224.radiobox label a:hover, .radiobox label a:focus { 25225 text-decoration: none; 25226} 25227.radiobox label a:hover, .radiobox label a:focus { 25228 color: rgb(20.64, 142.76, 95.46); 25229} 25230.radiobox .icon { 25231 display: block; 25232 font-size: 1.875rem; 25233 line-height: 3.125rem; 25234 margin-bottom: 1.875rem; 25235} 25236@media print, screen and (min-width: 40em) { 25237 .radiobox .icon { 25238 margin-bottom: 3.125rem; 25239 } 25240} 25241.radiobox .price { 25242 display: block; 25243 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 25244 font-weight: 500; 25245 font-size: 2.25rem; 25246 line-height: 1; 25247 margin-bottom: 0; 25248 color: #005ca8; 25249} 25250@media print, screen and (min-width: 40em) { 25251 .radiobox .price { 25252 font-size: 3.5rem; 25253 } 25254} 25255.radiobox .name { 25256 margin-bottom: 0.25rem; 25257 display: block; 25258 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 25259 font-size: 1.375rem; 25260 line-height: 1; 25261 font-weight: 700; 25262} 25263@media print, screen and (min-width: 40em) { 25264 .radiobox .name { 25265 font-size: 1.625rem; 25266 margin-top: 2rem; 25267 } 25268 .radiobox .name .description { 25269 margin-top: 0.3125rem; 25270 } 25271} 25272@media screen and (max-width: 39.99875em) { 25273 .radiobox .name br { 25274 display: none !important; 25275 } 25276} 25277.radiobox .description { 25278 display: block; 25279 font-size: 0.875rem;
25280 line-height: 1.4285714286; 25281} 25282@media print, screen and (min-width: 40em) { 25283 .radiobox .description { 25284 font-size: 0.875rem; 25285 flex-grow: 1; 25286 } 25287} 25288.radiobox .price--vat { 25289 font-size: 0.875rem; 25290 margin-top: 0.25rem; 25291} 25292.radiobox [type=radio]:checked, .radiobox [type=radio]:not(:checked) { 25293 position: absolute; 25294 opacity: 0; 25295 cursor: pointer; 25296} 25297.radiobox [type=radio]:checked + label:before, .radiobox [type=radio]:not(:checked) + label:before { 25298 content: ""; 25299 position: absolute; 25300 left: 1rem; 25301 top: 1.25rem; 25302 width: 1.5rem; 25303 height: 1.5rem; 25304 border: 1px solid #ccc; 25305 background: #ffffff; 25306 border-radius: 1.5rem; 25307 transition: background-color 250ms ease-out, border-color 250ms ease-out; 25308} 25309@media print, screen and (min-width: 40em) { 25310 .radiobox [type=radio]:checked + label:before, .radiobox [type=radio]:not(:checked) + label:before { 25311 left: auto; 25312 } 25313} 25314.radiobox [type=radio]:checked + label:after, .radiobox [type=radio]:not(:checked) + label:after { 25315 content: ""; 25316 position: absolute; 25317 left: 1rem; 25318 top: 1.25rem; 25319 display: block; 25320 width: 1.5rem; 25321 height: 1.5rem; 25322 background: url(../img/icon/icon-check.svg) no-repeat center; 25323 background-size: 1rem auto; 25324 z-index: 2; 25325 opacity: 0; 25326 transition: opacity 250ms ease-out; 25327} 25328@media print, screen and (min-width: 40em) { 25329 .radiobox [type=radio]:checked + label:after, .radiobox [type=radio]:not(:checked) + label:after { 25330 left: auto; 25331 } 25332} 25333.radiobox [type=radio]:checked + label { 25334 border-color: #18A66F; 25335 box-shadow: inset 0 0 0 1px #18A66F; 25336} 25337.radiobox [type=radio]:checked + label:before { 25338 background-color: #18A66F; 25339 border-color: #18A66F; 25340} 25341.radiobox [type=radio]:checked + label:after { 25342 opacity: 1; 25343} 25344.radiobox .form-error { 25345 margin-top: 0.625rem; 25346} 25347.radiobox [type=radio] + label { 25348 margin-left: 0; 25349} 25350.radiobox.horizontal .pricebox { 25351 margin-top: 0.75rem; 25352 border-top: 1px solid #e9e9e9; 25353 padding-top: 0.75rem; 25354 display: flex; 25355 align-items: center; 25356 gap: 1rem; 25357} 25358@media print, screen and (min-width: 40em) { 25359 .radiobox.horizontal .pricebox { 25360 display: block; 25361 } 25362} 25363.radiobox.horizontal .price { 25364 font-size: 1.25rem; 25365} 25366.radiobox.horizontal .price a { 25367 display: block; 25368 font-family: "Roboto", sans-serif; 25369 font-size: 1.125rem; 25370} 25371@media print, screen and (min-width: 40em) { 25372 .radiobox.horizontal .price a { 25373 margin-top: -0.3125rem; 25374 } 25375} 25376.radiobox.horizontal [type=radio]:checked + label::before, .radiobox.horizontal [type=radio]:checked + label::after, .radiobox.horizontal [type=radio]:not(:checked) + label::before, .radiobox.horizontal [type=radio]:not(:checked) + label::after, .radiobox.horizontal [type=radio]:checked + label::before, .radiobox.horizontal [type=radio]:checked + label::after, .radiobox.horizontal [type=radio]:not(:checked) + label::before, .radiobox.horizontal [type=radio]:not(:checked) + label::after { 25377 right: auto; 25378} 25379.radiobox .strike { 25380 color: #ec2324; 25381 font-size: 50%; 25382 vertical-align: top; 25383 display: inline-block; 25384 position: relative; 25385 margin-right: -0.15em; 25386} 25387.radiobox .strike::after { 25388 content: ""; 25389 display: block; 25390 width: 130%; 25391 height: 0; 25392 border-top: 1px solid #ec2324; 25393 position: absolute; 25394 transform: rotate(-35deg); 25395 top: 40%; 25396 left: -9%; 25397 transform-origin: center; 25398} 25399 25400.kst-user-payment-box { 25401 margin: 0; 25402 padding: 0.75rem; 25403 text-align: left; 25404 border-radius: 3px; 25405 background-color: #f9e9eb; 25406 border-color: transparent; 25407 display: flex; 25408 flex-flow: row wrap; 25409 justify-content: space-between; 25410 align-items: flex-start; 25411} 25412@media screen and (min-width: 35em) { 25413 .kst-user-payment-box { 25414 flex-wrap: nowrap; 25415 } 25416} 25417@media print, screen and (min-width: 64em) { 25418 .kst-user-payment-box { 25419 padding: 2rem; 25420 } 25421} 25422.kst-user-payment-box div, .kst-user-payment-box img { 25423 display: block; 25424 margin: 0.5rem; 25425} 25426.kst-user-payment-box h2 { 25427 color: #f52336; 25428 margin-bottom: 0.2em; 25429 text-align: left; 25430} 25431.kst-user-payment-box h2 svg { 25432 margin-right: 0.15em; 25433} 25434.kst-user-payment-box p { 25435 font-size: 0.875rem; 25436} 25437.kst-user-payment-box .button { 25438 margin-bottom: 0; 25439 padding: 1em 1.5em; 25440} 25441 25442.member-card { 25443 margin-bottom: 3rem; 25444 padding: 1.5rem; 25445 background-color: #f3f5f7; 25446 border-radius: 4px; 25447} 25448@media print, screen and (min-width: 40em) { 25449 .member-card { 25450 padding: 2rem; 25451 } 25452} 25453.member-card__header { 25454 display: flex; 25455 flex-wrap: wrap; 25456 gap: 1rem; 25457 align-items: center; 25458 margin-bottom: 0; 25459} 25460.member-card__avatar { 25461 display: block; 25462 width: 4.5rem; 25463 height: 4.5rem; 25464 border-radius: 50%; 25465 object-fit: cover; 25466 flex-shrink: 0; 25467} 25468@media print, screen and (min-width: 40em) { 25469 .member-card__avatar { 25470 width: 6rem; 25471 height: 6rem; 25472 } 25473} 25474.member-card__avatar--placeholder { 25475 background-color: #d0d5dd; 25476} 25477.member-card__identity { 25478 flex: 1 1 0; 25479 min-width: 0; 25480} 25481.member-card__name { 25482 font-size: 1.375rem; 25483 font-weight: 800; 25484 line-height: 1.2307692308; 25485 margin-bottom: 0.375rem; 25486 color: #000; 25487} 25488@media print, screen and (min-width: 40em) { 25489 .member-card__name { 25490 font-size: 1.625rem; 25491 } 25492} 25493.member-card__meta { 25494 display: flex; 25495 flex-wrap: wrap; 25496 align-items: center; 25497 gap: 0.375rem; 25498 font-size: 0.875rem; 25499 color: #000; 25500 line-height: 1.24; 25501} 25502.member-card__meta-sep { 25503 color: rgba(0, 0, 0, 0.3); 25504} 25505.member-card__insurance-badge { 25506 display: inline-flex; 25507 align-items: center; 25508 gap: 0.25rem; 25509 height: 2.25rem; 25510 padding: 0 0.625rem 0 0.375rem; 25511 border-radius: 4px; 25512 border: 1px solid; 25513 font-size: 0.875rem; 25514 font-weight: 600; 25515 white-space: nowrap; 25516 margin-left: auto; 25517 flex-shrink: 0; 25518 flex: 0 0 100%; 25519} 25520@media print, screen and (min-width: 40em) { 25521 .member-card__insurance-badge { 25522 flex: 0 1 auto; 25523 } 25524} 25525.member-card__insurance-badge--active { 25526 border-color: #00a76d; 25527 background-color: rgba(0, 167, 109, 0.08); 25528 color: #000; 25529} 25530.member-card__insurance-badge--pending { 25531 border-color: #f52624; 25532 background-color: rgba(245, 38, 36, 0.08); 25533 color: #000; 25534} 25535.member-card__insurance-icon { 25536 width: 1rem; 25537 height: 1rem; 25538 flex-shrink: 0; 25539} 25540.member-card__insurance-badge--active .member-card__insurance-icon { 25541 color: #00a76d; 25542} 25543.member-card__insurance-badge--pending .member-card__insurance-icon { 25544 color: #f52624; 25545} 25546.member-card__rows { 25547 margin-top: 1rem; 25548 display: flex; 25549 flex-direction: column; 25550} 25551.member-card__divider { 25552 height: 1px; 25553 background-color: rgba(0, 0, 0, 0.12); 25554 border-radius: 3px; 25555 width: 100%; 25556} 25557.member-card__row { 25558 display: flex; 25559 justify-content: space-between; 25560 align-items: center; 25561 padding: 0.625rem 0; 25562 font-size: 1rem; 25563 color: #000; 25564 gap: 0.75rem; 25565} 25566.member-card__row > span:first-child { 25567 line-height: 1.25; 25568} 25569.member-card__row > span:last-child { 25570 text-align: right; 25571 line-height: 1.5; 25572 font-weight: 400; 25573} 25574.member-card__actions { 25575 display: flex; 25576 flex-wrap: wrap; 25577 align-items: center; 25578 justify-content: space-between; 25579 gap: 0.75rem; 25580 margin-top: 0.5rem; 25581} 25582.member-card__buttons { 25583 display: flex; 25584 flex-wrap: wrap; 25585 gap: 0.75rem; 25586 align-items: center; 25587} 25588.member-card__btn-primary.button { 25589 background-color: #00a76d; 25590 border: none; 25591 color: #fff; 25592 height: 3rem; 25593 padding: 0.8125rem 1.25rem 0.9375rem 1.25rem; 25594 border-radius: 4px; 25595 font-weight: 700; 25596 font-size: 1rem; 25597 margin: 0; 25598} 25599.member-card__btn-primary.button:hover, .member-card__btn-primary.button:focus { 25600 background-color: rgb(0, 126.2, 82.3700598802); 25601} 25602.member-card__btn-outline.button.hollow { 25603 background-color: #fff; 25604 border: 1px solid #000; 25605 color: #000; 25606 height: 3rem; 25607 padding: 0.8125rem 1.25rem 0.9375rem 1.25rem; 25608 border-radius: 4px; 25609 font-weight: 700; 25610 font-size: 1rem; 25611 margin: 0; 25612} 25613.member-card__btn-outline.button.hollow:hover, .member-card__btn-outline.button.hollow:focus { 25614 background-color: #f3f5f7; 25615} 25616.member-card__cancel-link { 25617 background: none; 25618 border: none; 25619 padding: 0; 25620 cursor: pointer; 25621 font-size: 1rem; 25622 color: #f52624; 25623 text-decoration: underline; 25624 text-underline-offset: 2px; 25625 font-weight: 400; 25626 line-height: 1.25; 25627} 25628.member-card__cancel-link:hover, .member-card__cancel-link:focus { 25629 color: rgb(219.9563318777, 12.0524017467, 10.0436681223); 25630} 25631 25632.member-info h3 { 25633 margin-top: 2em; 25634} 25635 25636.member-gift-banner { 25637 margin-bottom: 2rem; 25638 padding: 1.25rem 1.75rem; 25639 background-color: #fee9cb; 25640 border-radius: 4px; 25641 text-align: center; 25642} 25643.member-gift-banner p { 25644 margin: 0; 25645 font-size: 1rem; 25646 line-height: 1.625; 25647 color: #272727; 25648} 25649.member-gift-banner a { 25650 color: #272727; 25651 text-decoration: underline; 25652} 25653 25654.member-benefits { 25655 margin-bottom: 2.5rem; 25656 padding: 2rem; 25657 background-color: #f3f5f7; 25658 border-radius: 4px; 25659} 25660.member-benefits__header { 25661 display: flex; 25662 flex-wrap: wrap; 25663 align-items: center; 25664 gap: 1rem 1.5rem; 25665} 25666.member-benefits__title { 25667 flex: 1 1 0; 25668 margin: 0; 25669 font-size: 1.75rem; 25670 line-height: 1.25; 25671 color: #272727; 25672} 25673@media print, screen and (min-width: 64em) { 25674 .member-benefits__title { 25675 font-size: 2rem; 25676 } 25677} 25678.member-benefits__wallet-btns { 25679 display: flex; 25680 flex-wrap: wrap; 25681 align-items: center; 25682 gap: 0.5rem; 25683} 25684.member-benefits__wallet-img { 25685 display: block; 25686 height: 48px; 25687 width: auto; 25688} 25689.member-benefits__wallet-unavailable { 25690 flex: 0 1 auto; 25691 margin: 0; 25692 font-size: 0.875rem; 25693 color: #686868; 25694} 25695.member-benefits__divider { 25696 margin: 1.5rem 0; 25697 border: none; 25698 border-top: 1px solid rgba(0, 0, 0, 0.12); 25699} 25700.member-benefits__cards { 25701 display: flex; 25702 flex-wrap: wrap; 25703 flex-direction: column; 25704 gap: 1.5rem; 25705 margin-bottom: 1.5rem; 25706} 25707.member-benefits__discounts-heading { 25708 margin: 0.5rem 0 1rem; 25709 font-size: 1.25rem; 25710 line-height: 1.2; 25711 color: #272727; 25712} 25713 25714.member-benefit-card { 25715 display: flex; 25716 flex-direction: column; 25717 gap: 1.5rem; 25718 flex: 1 1 auto; 25719 padding: 2rem; 25720 background: #fff; 25721 border-radius: 8px; 25722 box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04); 25723} 25724@media print, screen and (min-width: 40em) { 25725 .member-benefit-card { 25726 flex-direction: row; 25727 align-items: flex-start; 25728 } 25729} 25730.member-benefit-card__logo-wrapper { 25731 display: flex; 25732 align-items: center; 25733} 25734@media print, screen and (min-width: 40em) { 25735 .member-benefit-card__logo-wrapper { 25736 width: 10rem; 25737 flex-shrink: 0; 25738 align-self: stretch; 25739 justify-content: center; 25740 } 25741} 25742.member-benefit-card__logo { 25743 display: block; 25744 height: 3rem; 25745 width: auto; 25746 max-width: 9.375rem; 25747 object-fit: contain; 25748 object-position: left center; 25749} 25750@media print, screen and (min-width: 40em) { 25751 .member-benefit-card__logo { 25752 object-position: center; 25753 } 25754} 25755.member-benefit-card__logo--text { 25756 height: auto; 25757 max-width: none; 25758 font-size: 1.375rem; 25759 font-weight: 700; 25760 font-family: "Gotham Narrow", sans-serif; 25761 color: #272727; 25762} 25763.member-benefit-card__body { 25764 display: flex; 25765 flex-direction: column; 25766 gap: 1.5rem; 25767 flex: 1; 25768 min-width: 0; 25769} 25770.member-benefit-card__content { 25771 display: flex; 25772 flex-direction: column; 25773 gap: 0.75rem; 25774 flex: 1 1 auto; 25775} 25776.member-benefit-card__links { 25777 display: flex; 25778 flex-wrap: wrap; 25779 gap: 1rem 1.5rem; 25780} 25781.member-benefit-card__title { 25782 margin: 0; 25783 font-size: 1.375rem; 25784 line-height: 1.24; 25785 color: #272727; 25786} 25787@media print, screen and (min-width: 64em) { 25788 .member-benefit-card__title { 25789 font-size: 1.625rem; 25790 } 25791} 25792.member-benefit-card__desc { 25793 margin: 0; 25794 font-size: 1rem; 25795 line-height: 1.44; 25796 color: #686868; 25797} 25798.member-benefit-card__link { 25799 display: inline; 25800 margin-top: auto; 25801 font-size: 1rem; 25802 line-height: 1.625; 25803 color: #272727; 25804 text-decoration: underline; 25805 background: none; 25806 border: none; 25807 padding: 0; 25808 cursor: pointer; 25809} 25810.member-benefit-card__link--btn { 25811 font-family: inherit; 25812 text-align: left; 25813} 25814.member-benefit-card__link--btn:disabled { 25815 opacity: 0.6;
25816 cursor: not-allowed; 25817} 25818.member-benefit-card__voucher-box { 25819 display: flex; 25820 flex-direction: column; 25821 align-items: center; 25822 gap: 0.75rem; 25823 background: #e5f6f0; 25824 border-radius: 4px; 25825 padding: 1rem; 25826} 25827@media print, screen and (min-width: 64em) { 25828 .member-benefit-card__voucher-box { 25829 flex-direction: row; 25830 align-items: stretch; 25831 } 25832} 25833.member-benefit-card__voucher-label { 25834 font-size: 1rem; 25835 line-height: 1.25; 25836 white-space: nowrap; 25837 flex-shrink: 0; 25838} 25839.member-benefit-card__voucher-code { 25840 flex: 1; 25841 margin: 0; 25842 font-weight: 700; 25843 line-height: 1; 25844 text-align: center; 25845} 25846@media print, screen and (min-width: 64em) { 25847 .member-benefit-card__voucher-code { 25848 text-align: right; 25849 } 25850} 25851 25852.member-discount-grid { 25853 display: grid; 25854 grid-template-columns: 1fr; 25855 gap: 0.75rem; 25856} 25857@media print, screen and (min-width: 40em) { 25858 .member-discount-grid { 25859 grid-template-columns: repeat(2, 1fr); 25860 } 25861} 25862@media print, screen and (min-width: 48em) { 25863 .member-discount-grid { 25864 grid-template-columns: repeat(3, 1fr); 25865 } 25866} 25867 25868.member-discount-card { 25869 display: flex; 25870 flex-direction: column; 25871 gap: 1.25rem; 25872 justify-content: center; 25873 padding: 1.25rem 2rem 1.25rem 1.625rem; 25874 background: #fff; 25875 border-radius: 2px; 25876 box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04); 25877} 25878.member-discount-card__icon { 25879 flex-shrink: 0; 25880 width: 24px; 25881 height: 24px; 25882 color: #272727; 25883} 25884.member-discount-card__icon svg { 25885 display: block; 25886} 25887.member-discount-card__body { 25888 display: flex; 25889 flex-direction: column; 25890 gap: 0.25rem; 25891 flex: 1 1 auto; 25892} 25893.member-discount-card__title { 25894 display: block; 25895 font-size: 1rem; 25896 font-weight: 600; 25897 line-height: 1.375; 25898 color: #272727; 25899} 25900.member-discount-card__subtitle { 25901 font-size: 0.875rem; 25902 line-height: 1.4285714286; 25903 color: #686868; 25904} 25905.member-discount-card__link { 25906 font-size: 1rem; 25907 line-height: 1.375; 25908 color: #272727; 25909 text-decoration: underline; 25910} 25911.member-discount-card__link--plain { 25912 text-decoration: underline; 25913 cursor: default; 25914} 25915 25916.member-header-links { 25917 margin-top: 0; 25918 margin-bottom: 3rem; 25919 padding: 1rem 0; 25920 border-bottom: 1px solid rgba(0, 92, 168, 0.1); 25921} 25922.member-header-links .cell { 25923 padding: 0.5rem 0; 25924} 25925.member-header-links a { 25926 display: inline-block; 25927 font-weight: 500; 25928 font-size: 1rem; 25929 line-height: 1.1875; 25930} 25931 25932.member-downloads img { 25933 display: block; 25934 margin-bottom: 1rem; 25935} 25936.member-downloads p { 25937 line-height: 1.375; 25938} 25939.member-downloads .header-grid { 25940 margin-bottom: 0.75rem; 25941} 25942 25943.stripe-membership { 25944 position: relative; 25945 margin: 6.25rem -0.9375rem 5rem; 25946 padding: 2rem 0.9375rem 1.25rem; 25947 background-color: #1e1e1e; 25948 color: #ffffff; 25949} 25950@media print, screen and (min-width: 48em) { 25951 .stripe-membership { 25952 margin: 6.25rem 0 5rem; 25953 padding: 0; 25954 background: none; 25955 } 25956} 25957@media print, screen and (min-width: 48em) { 25958 .stripe-membership .grid-x { 25959 align-items: center; 25960 } 25961} 25962@media print, screen and (min-width: 48em) { 25963 .stripe-membership .cell--content { 25964 background-color: #1e1e1e; 25965 padding: 3.375rem 4rem 2.5rem 2rem; 25966 flex: 1 1 0px; 25967 width: auto; 25968 border-radius: 3px; 25969 position: relative; 25970 overflow: hidden; 25971 } 25972} 25973@media print, screen and (min-width: 64em) { 25974 .stripe-membership .cell--content { 25975 padding: 3.375rem 4rem 2.5rem 10%; 25976 } 25977} 25978.stripe-membership .cell--content .inner { 25979 display: flex; 25980 flex-flow: row nowrap; 25981 align-items: center; 25982} 25983.stripe-membership .cell--content .inner div { 25984 flex: 1 0 70%; 25985} 25986.stripe-membership .cell--content .inner img { 25987 flex: 0 0 12.5rem; 25988 margin: 0.9375rem 0 0 0.9375rem; 25989} 25990@media print, screen and (min-width: 48em) { 25991 .stripe-membership .inner, 25992 .stripe-membership .headline { 25993 max-width: 31.25rem; 25994 } 25995} 25996.stripe-membership .cell--img { 25997 position: relative; 25998} 25999@media print, screen and (min-width: 40em) { 26000 .stripe-membership .cell--img { 26001 margin-left: -2.25rem; 26002 margin-top: -0.625rem; 26003 margin-bottom: -1rem; 26004 } 26005} 26006@media print, screen and (min-width: 48em) { 26007 .stripe-membership .cell--img { 26008 width: 21rem; 26009 } 26010} 26011.stripe-membership .headline { 26012 display: block; 26013 margin-bottom: 0.35em; 26014 line-height: 1; 26015 text-transform: none; 26016 font-size: 2.25rem; 26017 font-weight: 500; 26018 text-align: center; 26019} 26020@media print, screen and (min-width: 48em) { 26021 .stripe-membership .headline { 26022 text-align: left; 26023 } 26024} 26025@media print, screen and (min-width: 64em) { 26026 .stripe-membership .headline {
26027 font-size: 2.75rem; 26028 } 26029} 26030.stripe-membership .headline span { 26031 color: #f3f5f7; 26032} 26033.stripe-membership .headline .label { 26034 display: inline-block; 26035 vertical-align: middle; 26036 position: relative; 26037 margin: 0 0.25rem; 26038 padding: 0.0625rem 0.625rem 0 0.3125rem; 26039 height: 22px; 26040 line-height: 1.375rem; 26041 white-space: nowrap; 26042 background-color: #f52336; 26043 color: #ffffff; 26044 font-size: 0.75rem; 26045 font-weight: 700; 26046 letter-spacing: 0.5px; 26047 text-transform: uppercase; 26048 font-family: "Roboto", sans-serif; 26049 clip-path: polygon(100% 0, calc(100% - 5px) 50%, 100% 100%, 0 100%, 0 0); 26050} 26051@media print, screen and (min-width: 64em) { 26052 .stripe-membership .headline .label { 26053 top: -0.25rem; 26054 margin: 0 0.375rem; 26055 } 26056} 26057.stripe-membership .home__checklist { 26058 margin-bottom: 1.5em; 26059} 26060.stripe-membership .home__checklist li::before { 26061 background-image: url(../img/icon/icon-check.svg); 26062} 26063.stripe-membership .button { 26064 margin-bottom: 0; 26065} 26066@media screen and (max-width: 47.99875em) { 26067 .stripe-membership .label-2 { 26068 display: none !important; 26069 } 26070} 26071.stripe-membership .label-2 { 26072 display: block; 26073 width: 7.5rem; 26074 height: 1.25rem; 26075 line-height: 1.25rem; 26076 position: absolute; 26077 left: -1.3125rem; 26078 top: 3.9375rem; 26079 background-color: #f5a623; 26080 transform: rotate(-45deg); 26081 font-size: 0.625rem; 26082 font-weight: 700; 26083 letter-spacing: 2px; 26084 text-transform: uppercase; 26085 color: #ffffff; 26086 text-align: center; 26087 transform-origin: left top; 26088} 26089@media print, screen and (min-width: 64em) { 26090 .stripe-membership .label-2 { 26091 width: 10rem; 26092 height: 1.875rem; 26093 line-height: 1.875rem; 26094 position: absolute; 26095 left: -1.375rem; 26096 top: 5.75rem; 26097 font-size: 0.75rem; 26098 } 26099} 26100.stripe-membership > .sticker.sticker--buddy { 26101 position: absolute; 26102 top: 8.125rem; 26103 right: 0.3125rem; 26104 z-index: 2; 26105} 26106@media print, screen and (min-width: 40em) { 26107 .stripe-membership > .sticker.sticker--buddy { 26108 top: 6.25rem; 26109 right: 10%; 26110 } 26111} 26112@media print, screen and (min-width: 48em) { 26113 .stripe-membership > .sticker.sticker--buddy { 26114 top: 6.25rem; 26115 right: 30%; 26116 } 26117} 26118@media print, screen and (min-width: 64em) { 26119 .stripe-membership > .sticker.sticker--buddy { 26120 top: 6.25rem; 26121 right: 25%; 26122 } 26123} 26124 26125.link-membership::after { 26126 content: ""; 26127 display: inline-block; 26128 font-size: 0.375rem; 26129 width: 1em; 26130 height: 1em; 26131 border-radius: 1em; 26132 margin-left: 0.5em; 26133 vertical-align: text-top; 26134 background-color: #f02b2b; 26135 animation: blinker 1s linear infinite; 26136} 26137 26138@keyframes blinker { 26139 50% { 26140 opacity: 0; 26141 } 26142} 26143#reveal-buddy { 26144 overflow: hidden; 26145 padding-bottom: 0; 26146 padding-left: 0.9375rem; 26147 padding-right: 0.9375rem; 26148} 26149@media print, screen and (min-width: 40em) { 26150 #reveal-buddy { 26151 padding-left: 1.875rem; 26152 padding-right: 1.875rem; 26153 } 26154} 26155@media print, screen and (min-width: 48em) { 26156 #reveal-buddy { 26157 padding-bottom: 0; 26158 } 26159} 26160@media screen and (min-width: 52em) { 26161 #reveal-buddy { 26162 width: 50rem; 26163 } 26164} 26165#reveal-buddy .cell--img { 26166 align-self: flex-end; 26167} 26168@media print, screen and (min-width: 48em) { 26169 #reveal-buddy .cell--img { 26170 position: relative; 26171 } 26172} 26173#reveal-buddy .cell--content { 26174 padding-bottom: 1.5rem; 26175} 26176@media print, screen and (min-width: 40em) { 26177 #reveal-buddy .cell--content { 26178 padding-bottom: 2.25rem; 26179 } 26180} 26181@media print, screen and (min-width: 48em) { 26182 #reveal-buddy .cell--content { 26183 width: calc(62% - 1.875rem); 26184 align-self: center; 26185 } 26186} 26187#reveal-buddy .cell--content .inner { 26188 display: flex; 26189 flex-flow: row nowrap; 26190 align-items: center; 26191 position: relative; 26192} 26193#reveal-buddy .cell--content .inner div { 26194 flex: 1 0 70%; 26195} 26196#reveal-buddy .cell--content .inner img { 26197 flex: 0 0 14.3125rem; 26198 width: 14.3125rem; 26199 margin: 1.875rem 1.25rem 1.875rem 0; 26200} 26201#reveal-buddy p { 26202 margin-bottom: 1.5em; 26203 line-height: 1.3125; 26204 font-size: 1rem; 26205 font-weight: 500; 26206 color: rgba(0, 0, 0, 0.5); 26207} 26208@media print, screen and (min-width: 64em) { 26209 #reveal-buddy .home__checklist { 26210 margin-bottom: 2em; 26211 } 26212} 26213#reveal-buddy .headline { 26214 display: block; 26215 text-align: center; 26216 font-size: 2.25rem; 26217} 26218@media screen and (min-width: 22.5em) { 26219 #reveal-buddy .headline { 26220 font-size: 2.5rem; 26221 } 26222} 26223@media print, screen and (min-width: 48em) { 26224 #reveal-buddy .headline { 26225 text-align: left; 26226 } 26227} 26228#reveal-buddy .headline span { 26229 color: #f3f5f7; 26230} 26231#reveal-buddy .button { 26232 margin-bottom: 0; 26233} 26234#reveal-buddy .sticker--buddy { 26235 position: absolute; 26236 right: 0; 26237 top: 0; 26238} 26239@media print, screen and (min-width: 48em) { 26240 #reveal-buddy .sticker--buddy { 26241 width: 6.875rem; 26242 height: 6.875rem; 26243 border-radius: 6.875rem; 26244 top: auto; 26245 right: auto; 26246 bottom: 1rem; 26247 left: 50%; 26248 margin-left: -3.75rem; 26249 } 26250} 26251 26252.page--kst-thanks .cell--content { 26253 max-width: 47.5rem; 26254 margin: 0 auto; 26255} 26256.page--kst-thanks .thanks-check { 26257 margin: 3.5rem 0 2rem; 26258} 26259.page--kst-thanks .thanks-check svg { 26260 display: inline-block; 26261} 26262.page--kst-thanks .thanks-headline { 26263 margin: 0 0 1rem; 26264 font-size: 3rem; 26265 line-height: 1.1; 26266 font-weight: 900; 26267} 26268@media print, screen and (min-width: 40em) { 26269 .page--kst-thanks .thanks-headline { 26270 font-size: 4rem; 26271 } 26272} 26273.page--kst-thanks .thanks-subtitle { 26274 margin-top: 2rem; 26275 font-size: 1.25rem; 26276 line-height: 1.5; 26277} 26278.page--kst-thanks .thanks-donate-btn { 26279 display: block; 26280 width: auto; 26281 margin-top: 3rem; 26282 margin-inline: auto; 26283 border-radius: 0.5rem; 26284 background: #111926; 26285 color: #fff; 26286 font-weight: 800; 26287} 26288.page--kst-thanks .thanks-donate-btn:hover, .page--kst-thanks .thanks-donate-btn:focus { 26289 background: #1e2840; 26290 color: #fff; 26291} 26292.page--kst-thanks .donation-card__form { 26293 text-align: left; 26294} 26295.page--kst-thanks .donation-card__content { 26296 text-align: left; 26297} 26298.page--kst-thanks .donation-card__content h2 { 26299 text-align: left; 26300} 26301 26302.page--kst .section.fair-pricing .headline { 26303 margin-bottom: 0; 26304} 26305.page--kst .section.fair-pricing .headline + p { 26306 margin-bottom: 2.5rem; 26307} 26308@media print, screen and (min-width: 64em) { 26309 .page--kst .section.fair-pricing .headline + p { 26310 margin-bottom: 3rem; 26311 } 26312} 26313.page--kst .section.fair-pricing h3 { 26314 font-family: "Roboto", sans-serif; 26315 font-size: 1rem; 26316 line-height: 1.2; 26317 font-weight: 700; 26318 margin-bottom: 0.75rem; 26319 transition: color 300ms ease-in-out; 26320} 26321.page--kst .section.fair-pricing .is-active h3 { 26322 color: #18A66F; 26323} 26324.page--kst .section.fair-pricing .fair-pricing__item p { 26325 font-size: 0.875rem; 26326 font-weight: 400; 26327 line-height: 1.125rem; 26328 max-width: 11.5em; 26329} 26330 26331.user-kst-info { 26332 margin: 5rem 0 2.5rem; 26333 background: #E8F0F7; 26334 padding: 4.5rem 2.5rem 0; 26335 position: relative; 26336} 26337.user-kst-info img { 26338 position: absolute; 26339 left: 2.5rem; 26340 top: -1.75rem; 26341 height: 4.5rem; 26342 width: auto; 26343 border-radius: 3px; 26344} 26345.user-kst-info .grid-x { 26346 margin-left: -0.625rem; 26347 margin-right: -0.625rem; 26348} 26349.user-kst-info .cell { 26350 margin-bottom: 1.25rem; 26351 padding-left: 0.625rem; 26352 padding-right: 0.625rem; 26353} 26354.user-kst-info strong { 26355 display: block; 26356 font-size: 1rem; 26357 font-weight: 700; 26358 line-height: 1.2; 26359 margin-bottom: 0.25rem; 26360} 26361.user-kst-info span { 26362 font-size: 0.875rem; 26363 line-height: 1.125rem; 26364} 26365 26366.mem-banner-search { 26367 background: #ffffff; 26368 padding: 0.625rem; 26369} 26370.is-mobile-active .mem-banner-search { 26371 display: none; 26372} 26373 26374.mem-stripe { 26375 display: block; 26376 background: #F3F6F8; 26377 padding: 0.75rem 0.625rem; 26378 color: #000000; 26379 text-align: center; 26380} 26381@media print, screen and (min-width: 64em) { 26382 .mem-stripe { 26383 padding: 1.125rem 1.5625rem; 26384 text-align: left; 26385 } 26386} 26387.mem-stripe:hover, .mem-stripe:focus { 26388 color: #000000; 26389} 26390.mem-stripe .content { 26391 display: flex; 26392 flex-flow: row wrap; 26393 justify-content: center; 26394 align-items: center; 26395} 26396@media print, screen and (min-width: 64em) { 26397 .mem-stripe .content { 26398 justify-content: space-between; 26399 } 26400} 26401.mem-stripe p { 26402 margin: 0.1875rem 0.3125rem; 26403 font-size: 0.8125rem; 26404 line-height: 1.2; 26405 color: #000000; 26406} 26407@media print, screen and (min-width: 64em) { 26408 .mem-stripe p { 26409 font-size: 0.9375rem; 26410 } 26411} 26412.mem-stripe p img { 26413 display: inline-block; 26414 vertical-align: middle; 26415 line-height: 0; 26416 margin-right: 0.5em; 26417} 26418.mem-stripe .link { 26419 display: block; 26420 margin: 0.1875rem 0.3125rem; 26421 font-weight: 700; 26422 font-size: 0.9375rem; 26423 line-height: 1.2; 26424 color: #18A66F; 26425} 26426.mem-stripe .link:hover { 26427 text-decoration: underline; 26428} 26429 26430.info-card { 26431 max-width: 40.625rem; 26432 margin: 3.75rem auto 4.375rem auto; 26433 padding: 1.25rem 1.25rem 1.5rem; 26434 background: #ffffff; 26435 box-shadow: 0px 24px 70px rgba(0, 0, 0, 0.1); 26436 text-align: center; 26437} 26438@media print, screen and (min-width: 40em) { 26439 .info-card { 26440 padding: 2.5rem 1.875rem 2.1875rem; 26441 } 26442} 26443.info-card .headline { 26444 font-size: 2.125rem; 26445 line-height: 1; 26446 margin-bottom: 0.25rem; 26447} 26448.info-card .headline span { 26449 color: #00a76d; 26450} 26451.info-card p { 26452 max-width: 32em; 26453 margin: 0 auto; 26454 font-weight: 400; 26455 font-size: 1rem; 26456 line-height: 1.44; 26457 color: #000000; 26458} 26459 26460.reveal.reveal--member-discount .h4 { 26461 display: block; 26462 font-size: 1.75rem; 26463 margin-block: 2rem; 26464} 26465.reveal.reveal--member-discount .list { 26466 list-style: none; 26467 margin: 2rem 0; 26468} 26469.reveal.reveal--member-discount .list li { 26470 font-size: 1rem; 26471 font-weight: 400; 26472 padding: 0.75rem 0.875rem; 26473 line-height: 1.5rem; 26474 display: grid; 26475 grid-template-columns: 1fr min-content; 26476 grid-template-rows: auto; 26477} 26478.reveal.reveal--member-discount .list li small { 26479 color: #18A66F; 26480} 26481.reveal.reveal--member-discount .list li strong { 26482 font-weight: 600; 26483} 26484.reveal.reveal--member-discount .list li:nth-child(odd) { 26485 background-color: #f4f6f7; 26486} 26487.reveal.reveal--member-discount .list li a { 26488 font-size: 0; 26489 background: url("../img/icon/arrow_back.svg") no-repeat; 26490 width: 24px; 26491 height: 24px; 26492 display: block; 26493 grid-row: 1; 26494 grid-column: 2; 26495} 26496 26497.page--kst.inline { 26498 padding-top: 0; 26499}
26500.page--kst.inline .section-1 { 26501 padding: 1rem; 26502 color: #ffffff; 26503 border-radius: 0.5rem; 26504 background-image: none; 26505} 26506@media print, screen and (min-width: 40em) { 26507 .page--kst.inline .section-1 { 26508 padding: 2rem; 26509 } 26510} 26511.page--kst.inline .section-1 .inner img { 26512 display: block; 26513 margin: 0 auto 2rem; 26514} 26515@media print, screen and (min-width: 64em) { 26516 .page--kst.inline .section-1 .buttons { 26517 justify-content: start; 26518 } 26519} 26520.page--kst.inline .section-1 .member-header-links { 26521 margin-bottom: 0; 26522} 26523 26524.page--error.content__main { 26525 background: #ffffff; 26526} 26527.page--error .content { 26528 margin-bottom: 3rem; 26529} 26530@media print, screen and (min-width: 40em) { 26531 .page--error .content { 26532 margin-bottom: 0; 26533 padding-right: 1.875rem; 26534 } 26535} 26536.page--error h1 { 26537 line-height: 1; 26538 margin-bottom: 0; 26539 font-size: 6.25rem; 26540} 26541@media print, screen and (min-width: 64em) { 26542 .page--error h1 { 26543 font-size: 7.5rem; 26544 } 26545} 26546.page--error h1 small { 26547 display: block; 26548 margin-bottom: 0.875rem; 26549 font-family: "Roboto", sans-serif; 26550 font-weight: 500; 26551 font-size: 1rem; 26552 color: #c62437; 26553} 26554@media print, screen and (min-width: 64em) { 26555 .page--error h1 small { 26556 margin-bottom: 1em; 26557 } 26558} 26559.page--error h1 + p { 26560 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 26561 font-size: 2rem; 26562 font-weight: 500; 26563 line-height: 1; 26564} 26565@media print, screen and (min-width: 64em) { 26566 .page--error h1 + p { 26567 font-size: 2.5rem; 26568 } 26569} 26570.page--error .text { 26571 margin-bottom: 1.5em; 26572 font-size: 1rem; 26573 line-height: 1.375; 26574} 26575.page--error .text a { 26576 text-decoration: underline; 26577} 26578.page--error .text a:hover, .page--error .text a:focus { 26579 text-decoration: none; 26580} 26581.page--error .menu { 26582 margin: 0; 26583 font-size: rme-calc(16); 26584} 26585.page--error .menu a { 26586 padding: 0.375rem 0; 26587 text-decoration: underline; 26588} 26589.page--error .menu a:hover, .page--error .menu a:focus { 26590 text-decoration: none; 26591} 26592.page--error .flag { 26593 width: 1.625rem; 26594 height: 1.125rem; 26595 margin-right: 1.125rem; 26596 position: relative; 26597 top: -3px; 26598 outline: 0 none; 26599 box-shadow: 0 4px 9px rgba(0, 0, 0, 0.16); 26600} 26601.page--error .flag::before { 26602 height: 0.375rem; 26603 top: 0.375rem; 26604} 26605 26606.header--about { 26607 position: relative; 26608 background: #000000; 26609 color: #ffffff; 26610 text-align: center; 26611} 26612.header--about::after { 26613 content: ""; 26614 display: block; 26615 width: 100%; 26616 height: 12rem; 26617 position: absolute; 26618 left: 0; 26619 top: 0; 26620 background-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); 26621 opacity: 0.5; 26622 z-index: 1; 26623} 26624@media print, screen and (min-width: 64em) { 26625 .header--about::after { 26626 height: 17.5rem; 26627 } 26628} 26629.header--about .grid-container { 26630 position: absolute; 26631 z-index: initial; 26632 max-width: 51.875rem; 26633 padding-top: 4.375rem; 26634 z-index: 10; 26635 left: 50%; 26636 top: 50%; 26637 transform: translate(-50%, -50%); 26638} 26639@media print, screen and (min-width: 64em) { 26640 .header--about .grid-container { 26641 padding-top: 7.5rem; 26642 } 26643} 26644.header--about .header__img { 26645 display: block; 26646 width: 100%; 26647 height: 100%; 26648 object-fit: cover; 26649} 26650@media screen and (max-width: 63.99875em) { 26651 .header--about .header__title { 26652 display: none !important; 26653 } 26654} 26655.header--about .header__title { 26656 margin-bottom: 0; 26657 position: relative; 26658 z-index: 3; 26659 color: #ffffff; 26660 font-weight: 500; 26661 letter-spacing: -0.014em; 26662 text-transform: none; 26663} 26664@media print, screen and (min-width: 64em) { 26665 .header--about .header__title { 26666 font-size: 4.375rem; 26667 } 26668} 26669 26670.page--about.content__main { 26671 background: #ffffff; 26672 padding-top: 0; 26673 padding-bottom: 0; 26674} 26675.page--about .section { 26676 padding-top: 2.5rem; 26677 padding-bottom: 2.5rem; 26678} 26679@media print, screen and (min-width: 40em) { 26680 .page--about .section { 26681 padding-top: 3.75rem; 26682 padding-bottom: 3.75rem; 26683 } 26684} 26685@media print, screen and (min-width: 64em) { 26686 .page--about .section { 26687 padding-top: 4.375rem; 26688 padding-bottom: 4.375rem; 26689 } 26690} 26691@media screen and (min-width: 75em) { 26692 .page--about .section { 26693 padding-top: 5rem; 26694 padding-bottom: 5rem; 26695 } 26696} 26697.page--about .headline { 26698 margin-bottom: 1.2em; 26699 line-height: 1; 26700 text-transform: none; 26701 font-size: 2.5rem; 26702 font-weight: 500; 26703} 26704@media print, screen and (min-width: 64em) { 26705 .page--about .headline { 26706 font-size: 3.75rem; 26707 } 26708} 26709@media print, screen and (min-width: 40em) { 26710 .page--about .columns { 26711 margin: 0 auto; 26712 max-width: 57.5rem; 26713 column-count: 2; 26714 column-gap: 10%; 26715 } 26716} 26717.page--about p a { 26718 text-decoration: underline; 26719} 26720.page--about p a:hover, .page--about p a:focus { 26721 text-decoration: none; 26722} 26723.page--about .section-1 { 26724 text-align: center; 26725} 26726.page--about .section-1 h2 { 26727 font-family: "Roboto", sans-serif; 26728 font-style: normal; 26729 font-weight: bold; 26730 font-size: 0.75rem; 26731 line-height: 0.875rem; 26732 letter-spacing: 1.14286px; 26733 text-transform: uppercase; 26734 color: #18A66F; 26735 margin: 0 0 1em; 26736} 26737.page--about .section-1 .lead { 26738 max-width: 30em; 26739 margin: 0 auto; 26740 line-height: 1.92; 26741 color: rgba(0, 0, 0, 0.7); 26742 font-size: 1.125rem; 26743} 26744@media print, screen and (min-width: 40em) { 26745 .page--about .section-1 .lead { 26746 font-size: 1.3125rem; 26747 } 26748} 26749@media print, screen and (min-width: 64em) { 26750 .page--about .section-1 .lead { 26751 font-size: 1.625rem; 26752 } 26753} 26754.page--about .section-1 .grid-x { 26755 flex-wrap: nowrap; 26756} 26757.page--about .section-1 .cell:last-child { 26758 position: relative; 26759 transform: translateX(-100%); 26760} 26761.page--about .section-2 { 26762 text-align: center; 26763} 26764.page--about .section-2 p { 26765 margin-bottom: 1.76em; 26766 line-height: 1.76; 26767 color: rgba(0, 0, 0, 0.7); 26768 font-size: 0.9375rem; 26769} 26770@media print, screen and (min-width: 40em) { 26771 .page--about .section-2 p { 26772 text-align: left; 26773 } 26774} 26775@media print, screen and (min-width: 64em) { 26776 .page--about .section-2 p { 26777 font-size: 1.0625rem; 26778 } 26779} 26780.page--about .section-3 { 26781 text-align: center; 26782} 26783.page--about .section-4 { 26784 background: #EFF3F6; 26785 text-align: center; 26786} 26787.page--about .section-4 .headline { 26788 margin-bottom: 0.4em; 26789} 26790.page--about .section-4 .headline + p { 26791 font-size: 1.125rem; 26792 line-height: 1.33; 26793 color: #000000; 26794 margin: 0 auto 5.625rem; 26795} 26796.page--about .person { 26797 text-align: left; 26798 margin-bottom: 1.875rem; 26799 position: relative; 26800} 26801@media print, screen and (min-width: 64em) { 26802 .page--about .person { 26803 margin-bottom: 7.5rem; 26804 } 26805} 26806.page--about .person .inner { 26807 display: block; 26808 position: relative; 26809 background: #C4C4C4; 26810} 26811@media print, screen and (min-width: 30em) { 26812 .page--about .person .inner { 26813 display: flex; 26814 flex-flow: row nowrap; 26815 } 26816} 26817@media print, screen and (min-width: 40em) { 26818 .page--about .person .inner { 26819 display: block; 26820 height: 100%; 26821 } 26822} 26823@media print, screen and (min-width: 30em) { 26824 .page--about .person .inner img, .page--about .person .inner p { 26825 width: 50%; 26826 flex: 0 0 50%; 26827 } 26828} 26829@media print, screen and (min-width: 40em) { 26830 .page--about .person .inner img, .page--about .person .inner p { 26831 width: 100%; 26832 flex: 0 0 100%; 26833 } 26834} 26835.page--about .person img { 26836 display: block; 26837 width: 100%; 26838 object-fit: cover; 26839} 26840@media print, screen and (min-width: 40em) { 26841 .page--about .person img { 26842 height: 100%; 26843 } 26844} 26845.page--about .person p { 26846 display: block; 26847 padding: 1.25rem; 26848 background: rgba(0, 0, 0, 0.8); 26849 margin-bottom: 0; 26850 line-height: 1.76; 26851 color: #ffffff; 26852 font-size: 0.8125rem; 26853} 26854@media print, screen and (min-width: 40em) { 26855 .page--about .person p { 26856 text-align: left; 26857 transition: opacity 300ms ease-in-out; 26858 opacity: 0; 26859 width: 100%; 26860 height: 100%; 26861 position: absolute; 26862 left: 0; 26863 top: 0; 26864 } 26865 .page--about .person p:hover { 26866 opacity: 1; 26867 } 26868} 26869@media print, screen and (min-width: 64em) { 26870 .page--about .person p { 26871 padding: 1.5rem; 26872 font-size: 0.9375rem; 26873 } 26874} 26875@media screen and (min-width: 75em) { 26876 .page--about .person p { 26877 padding: 1.875rem; 26878 font-size: 1.0625rem; 26879 } 26880} 26881.page--about .person p strong { 26882 display: block; 26883 margin-bottom: 0.25em; 26884 font-size: 125%; 26885} 26886.page--about .person h3 { 26887 display: block; 26888 position: absolute; 26889 top: 100%; 26890 margin-top: 1.25rem; 26891} 26892.page--about .section-5 .cell { 26893 margin-bottom: 5rem; 26894} 26895@media print, screen and (min-width: 40em) { 26896 .page--about .section-5 .cell { 26897 margin-bottom: 0; 26898 } 26899} 26900.page--about .section-5 p, .page--about .section-5 hr { 26901 max-width: 30em; 26902 margin-bottom: 1.76em; 26903 line-height: 1.76; 26904 color: rgba(0, 0, 0, 0.7); 26905 font-size: 0.9375rem; 26906} 26907@media print, screen and (min-width: 40em) { 26908 .page--about .section-5 p, .page--about .section-5 hr { 26909 text-align: left; 26910 } 26911} 26912@media print, screen and (min-width: 64em) { 26913 .page--about .section-5 p, .page--about .section-5 hr { 26914 font-size: 1.0625rem; 26915 } 26916} 26917.page--about .section-5 hr { 26918 margin: 1.5rem 0 3rem; 26919 border-color: #EEEEEE; 26920} 26921@media print, screen and (min-width: 40em) { 26922 .page--about .section-5 hr { 26923 margin: 2.5rem 0 5rem; 26924 } 26925} 26926 26927.page.bezpecne-do-hor { 26928 padding-top: clamp(4rem, 10vw, 5.75rem); 26929} 26930.page.bezpecne-do-hor h1 { 26931 font-size: clamp(2rem, 5vw, 4.625rem); 26932 line-height: 1; 26933} 26934.page.bezpecne-do-hor h1 br { 26935 display: block !important; 26936} 26937.page.bezpecne-do-hor .subheader { 26938 font-size: 0.875rem; 26939 color: #00a76d; 26940 font-weight: 600; 26941 text-transform: uppercase; 26942 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 26943} 26944.page.bezpecne-do-hor p { 26945 color: #686868; 26946 font-size: 1.125rem; 26947 line-height: 144%; 26948 margin-bottom: 1.5rem; 26949 max-width: 36.25rem; 26950} 26951.page.bezpecne-do-hor .sticker { 26952 background: #fab650; 26953 border-radius: 50%; 26954 aspect-ratio: 1/1; 26955 display: flex; 26956 align-items: center; 26957 justify-content: center; 26958 max-width: clamp(120px, 20vw, 174px); 26959 padding: 1rem; 26960 box-sizing: border-box; 26961 position: absolute; 26962 right: -0.9rem; 26963 top: -2.7rem; 26964} 26965@media print, screen and (min-width: 40em) { 26966 .page.bezpecne-do-hor .sticker { 26967 right: 0; 26968 top: 0; 26969 } 26970} 26971.page.bezpecne-do-hor .sticker span { 26972 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 26973 font-weight: 400; 26974 font-size: clamp(1rem, 2vw, 1.25rem); 26975 line-height: 1; 26976 color: #000000; 26977 text-align: center; 26978 max-width: 9.375rem; 26979 display: block; 26980} 26981.page.bezpecne-do-hor .relative { 26982 position: relative; 26983} 26984.page.bezpecne-do-hor .align-bottom { 26985 display: flex; 26986 align-items: flex-end; 26987} 26988@media print, screen and (min-width: 40em) { 26989 .page.bezpecne-do-hor .hero p:last-of-type { 26990 margin-bottom: 0; 26991 } 26992} 26993.page.bezpecne-do-hor .videos { 26994 margin-block: 4rem; 26995 gap: 1.5rem; 26996 display: grid; 26997 grid-template-columns: repeat(auto-fit, minmax(clamp(160px, 20vw, 20%), 1fr)); 26998 justify-content: center; 26999} 27000.page.bezpecne-do-hor .videos img { 27001 max-width: 100%; 27002 border-radius: 0.5rem; 27003} 27004.page.bezpecne-do-hor .videos h3 {
27005 color: #000000; 27006 font-size: 1.25rem; 27007 line-height: 1.24; 27008 margin-block: 1.5rem 0.5rem; 27009} 27010.page.bezpecne-do-hor .videos p { 27011 font-size: 0.875rem; 27012 line-height: 1.6; 27013 display: -webkit-box; 27014 -webkit-box-orient: vertical; 27015 -webkit-line-clamp: 2; 27016 line-clamp: 2; 27017 overflow: hidden; 27018 margin-bottom: 0.75rem; 27019} 27020.page.bezpecne-do-hor .videos span.link { 27021 display: inline-flex; 27022 align-items: center; 27023 gap: 0.375rem; 27024 color: #272727; 27025 text-decoration: underline; 27026 font-size: 0.875rem; 27027} 27028.page.bezpecne-do-hor .videos span.link::before { 27029 content: ""; 27030 display: inline-block; 27031 width: 0.5625rem; 27032 height: 0.6875rem; 27033 background-image: url("data:image/svg+xml,%3Csvg width='9' height='11' viewBox='0 0 9 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5.19617L-4.89399e-07 10.3923L-3.51373e-08 1.43885e-05L9 5.19617Z' fill='%2300A76D'/%3E%3C/svg%3E"); 27034 background-repeat: no-repeat; 27035 background-size: contain; 27036} 27037 27038.privacy-content h2 { 27039 margin-top: 3rem; 27040 margin-bottom: 0.75rem; 27041 font-size: 1.375rem; 27042} 27043@media print, screen and (min-width: 40em) { 27044 .privacy-content h2 { 27045 font-size: 1.625rem; 27046 } 27047} 27048.privacy-content h3 { 27049 margin-top: 2rem; 27050 margin-bottom: 0.625rem; 27051 font-size: 1.125rem; 27052} 27053@media print, screen and (min-width: 40em) { 27054 .privacy-content h3 { 27055 font-size: 1.25rem; 27056 } 27057} 27058.privacy-content h2:first-child, 27059.privacy-content h3:first-child { 27060 margin-top: 0; 27061} 27062 27063body { 27064 overflow-x: hidden; 27065} 27066 27067header, 27068main, 27069footer { 27070 display: block; 27071} 27072 27073label small { 27074 display: block; 27075 margin: 0.25rem 0 0.75rem; 27076 color: #272727; 27077 font-size: 0.875rem; 27078 font-weight: 400; 27079 line-height: 144%; 27080} 27081label .has-tip { 27082 color: #18A66F; 27083} 27084 27085.callout { 27086 font-weight: 500; 27087 border: 0 none; 27088 color: #ffffff; 27089} 27090.callout.success, .callout.primary { 27091 color: #ffffff; 27092} 27093.callout.yellow { 27094 background-color: #fab650; 27095} 27096.callout p { 27097 max-width: none; 27098 font-size: inherit; 27099 line-height: 1.5; 27100} 27101.callout p a { 27102 color: inherit; 27103 text-decoration: underline; 27104} 27105.callout.user-card { 27106 margin-bottom: 2.5rem; 27107 text-align: center; 27108} 27109.callout.user-card.info { 27110 background: #005ca8; 27111} 27112 27113.content__main { 27114 overflow: hidden; 27115 position: relative; 27116 padding-top: 3.75rem; 27117 padding-bottom: 6.25rem; 27118 background: url(../img/main-pattern-gradient.png) no-repeat 0 -60px #ffffff; 27119} 27120.content__main .grid-container { 27121 position: relative; 27122} 27123@media print, screen and (min-width: 40em) { 27124 .content__main { 27125 padding-top: 5rem; 27126 padding-bottom: 5rem; 27127 background-position-y: -80px; 27128 } 27129} 27130@media print, screen and (min-width: 48em) { 27131 .content__main { 27132 padding-top: 5rem; 27133 background-position-y: -80px; 27134 } 27135} 27136@media print, screen and (min-width: 64em) { 27137 .content__main { 27138 padding-top: 6.25rem; 27139 background-position-y: -100px; 27140 } 27141} 27142.content__main--home { 27143 padding-top: 0; 27144 padding-bottom: 0; 27145} 27146.content__main--discover { 27147 padding-top: 1.5625rem; 27148 padding-bottom: 0; 27149} 27150@media print, screen and (min-width: 64em) { 27151 .content__main--discover { 27152 padding-top: 2.5rem; 27153 } 27154} 27155 27156.home__header { 27157 position: relative; 27158 padding-top: 7.5rem; 27159 padding-bottom: 3rem; 27160 background: #000000; 27161 color: #ffffff; 27162 text-align: center; 27163} 27164@media print, screen and (min-width: 40em) { 27165 .home__header { 27166 padding-top: 10rem; 27167 } 27168} 27169@media print, screen and (min-width: 48em) { 27170 .home__header { 27171 padding-top: 11.875rem; 27172 } 27173} 27174@media print, screen and (min-width: 64em) { 27175 .home__header { 27176 text-align: left; 27177 padding-top: 7rem; 27178 padding-bottom: 4rem; 27179 } 27180} 27181.home__header .grid-container { 27182 position: relative; 27183 z-index: 2; 27184} 27185.home__header .home__button { 27186 margin-bottom: 1em; 27187} 27188 27189.home__header__bg-img { 27190 width: 100%; 27191 height: 100%; 27192 position: absolute; 27193 top: 0; 27194 left: 0; 27195 object-fit: cover; 27196 object-position: center; 27197 z-index: 0; 27198 opacity: 0.5; 27199} 27200 27201.home__title { 27202 margin: 0 auto 0.1em; 27203 color: #ffffff; 27204 font-weight: 600; 27205 font-size: 3.125rem; 27206 line-height: 1; 27207 text-transform: uppercase; 27208} 27209@media print, screen and (min-width: 40em) { 27210 .home__title { 27211 font-size: 4rem; 27212 } 27213} 27214@media print, screen and (min-width: 48em) { 27215 .home__title { 27216 font-size: 5rem; 27217 } 27218} 27219@media print, screen and (min-width: 64em) { 27220 .home__title { 27221 font-size: 5.625rem; 27222 } 27223} 27224 27225.home__intro { 27226 max-width: 20.5em; 27227 margin: 0 auto 1.2em; 27228 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 27229 font-weight: 600; 27230 color: #ffffff; 27231 font-size: 1.375rem; 27232 line-height: 1.2; 27233} 27234@media print, screen and (min-width: 30em) { 27235 .home__intro { 27236 font-size: 1.625rem; 27237 } 27238} 27239@media print, screen and (min-width: 64em) { 27240 .home__intro { 27241 margin-left: 0; 27242 } 27243} 27244 27245.home__button { 27246 position: relative; 27247 margin: 0; 27248 padding: 1.75em 2.5em; 27249 white-space: nowrap; 27250 text-align: center; 27251 width: 18.75rem; 27252 max-width: 100%; 27253} 27254.home__button + p { 27255 font-size: 0.75rem; 27256 font-weight: 500; 27257 line-height: 1.5; 27258} 27259@media print, screen and (min-width: 30em) { 27260 .home__button + p { 27261 font-size: 0.875rem; 27262 } 27263} 27264 27265.home__checklist, 27266.is-style-checklist { 27267 margin: 0 0 1.5em; 27268 padding: 0; 27269 font-size: 0.875rem !important; 27270 list-style: none; 27271 line-height: 185.7%; 27272} 27273@media print, screen and (min-width: 40em) { 27274 .home__checklist, 27275 .is-style-checklist { 27276 margin-bottom: 2.5em; 27277 } 27278} 27279.home__checklist li, 27280.is-style-checklist li { 27281 display: block; 27282 position: relative; 27283 padding-left: 1.75rem; 27284 color: #272727; 27285} 27286.home__checklist li::before, 27287.is-style-checklist li::before { 27288 content: ""; 27289 display: block;
27290 width: 20px; 27291 height: 20px; 27292 position: absolute; 27293 left: 0; 27294 top: 3px; 27295 background: url(../img/icon/icon-check-circle-green.svg) no-repeat 0 0; 27296} 27297.home__checklist li.fuschia::before, 27298.is-style-checklist li.fuschia::before { 27299 background: url(../img/icon/icon-check-circle-fuschia.svg) no-repeat 0 0; 27300} 27301.home__checklist li.iris::before, 27302.is-style-checklist li.iris::before { 27303 background: url(../img/icon/icon-check-circle-iris.svg) no-repeat 0 0; 27304} 27305.home__checklist li + li, 27306.is-style-checklist li + li { 27307 margin-top: 4px; 27308} 27309.home__checklist--small, 27310.is-style-checklist--small { 27311 font-weight: 600; 27312 line-height: 1.3125; 27313} 27314.home__checklist--small li, 27315.is-style-checklist--small li { 27316 padding-left: 1.375rem; 27317} 27318.home__checklist--small li::before, 27319.is-style-checklist--small li::before { 27320 width: 0.9375rem; 27321 top: 0.1875rem; 27322 height: 0.75rem; 27323 background-size: 0.9375rem auto; 27324} 27325.home__checklist--small li + li, 27326.is-style-checklist--small li + li { 27327 margin-top: 0.65em; 27328} 27329.home__checklist.cards, 27330.is-style-checklist.cards { 27331 position: relative; 27332 margin-bottom: 1.875rem; 27333} 27334.home__checklist.cards::after, 27335.is-style-checklist.cards::after { 27336 display: block; 27337 content: ""; 27338 width: calc(100% + 30px); 27339 height: calc(100% + 30px); 27340 position: absolute; 27341 left: -15px; 27342 bottom: -30px; 27343 background: linear-gradient(351.62deg, #ffffff 7.59%, rgba(255, 255, 255, 0) 90.21%); 27344} 27345.home__checklist.cards li + li, 27346.is-style-checklist.cards li + li { 27347 margin-top: 0.3125rem !important; 27348} 27349.home__checklist.cards li, 27350.is-style-checklist.cards li { 27351 background: #FFFFFF; 27352 box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.07); 27353 border-radius: 5px; 27354 padding: 0.75rem 0.75rem 0.75rem 3.125rem; 27355} 27356.home__checklist.cards li::before, 27357.is-style-checklist.cards li::before { 27358 width: 1.125rem; 27359 height: 0.8125rem; 27360 position: absolute; 27361 background-size: 1.125rem auto; 27362 top: 50%; 27363 transform: translateY(-50%); 27364 left: 1.125rem; 27365} 27366 27367@media print, screen and (min-width: 64em) { 27368 .home__header__right { 27369 text-align: right; 27370 } 27371} 27372.home__header__right .show-for-large { 27373 display: inline-block; 27374 text-align: left; 27375} 27376.home__header__right h2 { 27377 font-weight: 600; 27378 margin-bottom: 0.75em; 27379} 27380 27381.home__header__prices { 27382 display: block; 27383 width: 29.875rem; 27384 margin: 1rem auto -6.5rem; 27385} 27386@media print, screen and (min-width: 40em) { 27387 .home__header__prices { 27388 margin-bottom: -8.25rem; 27389 } 27390} 27391@media print, screen and (min-width: 64em) { 27392 .home__header__prices { 27393 display: inline-block; 27394 margin: 0; 27395 width: auto; 27396 max-width: 100%; 27397 margin-right: -0.9375rem; 27398 } 27399} 27400@media screen and (min-width: 75em) { 27401 .home__header__prices { 27402 margin-right: -3.75rem; 27403 } 27404} 27405 27406@media print, screen and (min-width: 64em) { 27407 .home__subheader { 27408 display: none !important; 27409 } 27410} 27411.home__subheader { 27412 padding-top: 5rem; 27413 padding-bottom: 2.5rem; 27414 text-align: left; 27415} 27416@media print, screen and (min-width: 40em) { 27417 .home__subheader { 27418 padding-top: 7rem; 27419 } 27420} 27421@media print, screen and (min-width: 48em) { 27422 .home__subheader { 27423 padding-top: 7.75rem; 27424 } 27425} 27426.home__subheader h2 { 27427 font-weight: 700; 27428} 27429 27430.home__les { 27431 position: relative; 27432 margin: 0 auto; 27433 padding: 1em 1em 1em 5.25em; 27434 background: #f5a623; 27435 color: #ffffff; 27436 line-height: 1.5; 27437 font-weight: 600; 27438 font-size: 0.875rem !important; 27439} 27440@media print, screen and (min-width: 40em) { 27441 .home__les { 27442 font-size: 1rem !important; 27443 } 27444} 27445.home__les img { 27446 position: absolute; 27447 left: 1em; 27448 top: 1em; 27449 width: 3.25em; 27450} 27451.home__les p { 27452 font-size: inherit !important; 27453 line-height: inherit !important; 27454} 27455@media screen and (max-width: 63.99875em) { 27456 .home__header .home__les { 27457 display: none !important; 27458 } 27459} 27460.home__header .home__les { 27461 margin-bottom: 10rem; 27462 padding: 0; 27463 background: transparent; 27464} 27465.home__header .home__les p { 27466 width: 100%; 27467 clip-path: polygon(100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%, 10px 50%, 0 0); 27468 padding: 0.5em 1em 0.5em 5.25em; 27469 background: #f5a623; 27470} 27471.home__header .home__les img { 27472 top: 50%; 27473 transform: translateY(-50%); 27474 z-index: 1; 27475} 27476 27477.home__share { 27478 font-size: 0; 27479 justify-content: center; 27480 align-items: center; 27481 text-align: center; 27482} 27483.home__share strong { 27484 display: block; 27485 margin: 0.5em 0; 27486 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 27487 font-style: normal; 27488 font-weight: 500; 27489 font-size: 1.625rem; 27490} 27491.home__share .share-button { 27492 margin: 0.3125rem; 27493} 27494.home__share--boxed { 27495 border-radius: 3px; 27496 text-align: left; 27497 border: 1px solid #e6e6e6; 27498 margin: 0; 27499} 27500.home__share--boxed img { 27501 margin: -1px; 27502 max-width: calc(100% + 2px); 27503 width: calc(100% + 2px); 27504 border-radius: 3px 3px 0 0; 27505} 27506.home__share--boxed .inner { 27507 padding: 1.5rem 1.25rem 1.75rem; 27508} 27509@media print, screen and (min-width: 48em) { 27510 .home__share--boxed .inner { 27511 padding: 1.6875rem 2.5rem 2rem; 27512 } 27513} 27514@media print, screen and (min-width: 64em) { 27515 .home__share--boxed .inner { 27516 padding: 1.75rem 3rem 2.125rem; 27517 } 27518} 27519.home__share--boxed .share-button { 27520 margin: 0.3125rem 0.625rem 0.3125rem 0; 27521} 27522 27523.share-button { 27524 display: inline-block; 27525 position: relative; 27526 padding: 0.875rem 1.25rem; 27527 width: 10.75em; 27528 text-align: right; 27529 font-size: 0.75rem; 27530} 27531@media print, screen and (min-width: 48em) { 27532 .share-button { 27533 font-size: 0.875rem; 27534 padding: 0.875rem 1.5rem; 27535 } 27536} 27537.share-button .icon { 27538 font-size: 1.25rem; 27539 position: absolute; 27540 left: 0.75em; 27541 top: 50%; 27542 transform: translateY(-50%); 27543} 27544@media print, screen and (min-width: 48em) { 27545 .share-button .icon { 27546 font-size: 1.5rem; 27547 } 27548} 27549 27550.home__section { 27551 padding-top: 2.5rem; 27552 padding-bottom: 2.5rem; 27553} 27554@media print, screen and (min-width: 40em) { 27555 .home__section { 27556 padding-top: 4rem; 27557 padding-bottom: 4rem; 27558 } 27559} 27560@media print, screen and (min-width: 64em) { 27561 .home__section { 27562 padding-top: 4.5rem; 27563 padding-bottom: 4.5rem; 27564 } 27565} 27566@media screen and (min-width: 75em) { 27567 .home__section { 27568 padding-top: 5.25rem; 27569 padding-bottom: 5.25rem; 27570 } 27571} 27572.home__section h2 { 27573 margin-bottom: 0.15em; 27574 font-size: 2.5rem; 27575} 27576@media print, screen and (min-width: 64em) { 27577 .home__section h2 { 27578 font-size: 3.125rem; 27579 } 27580} 27581.home__section h2 + p { 27582 margin: -0.5em auto 2em; 27583 line-height: 1.5; 27584 font-weight: 500; 27585} 27586.home__section h2 strong { 27587 font-weight: inherit; 27588 color: #18A66F; 27589} 27590 27591.home__section-1 { 27592 text-align: center; 27593} 27594@media print, screen and (min-width: 40em) { 27595 .home__section-1 { 27596 text-align: left; 27597 } 27598} 27599.home__section-1 .h4 { 27600 display: block; 27601 text-transform: uppercase; 27602} 27603 27604.home__prices { 27605 margin-bottom: 2rem; 27606 padding: 0 0.9375rem; 27607} 27608@media print, screen and (min-width: 64em) { 27609 .home__prices { 27610 margin-bottom: 3.75rem; 27611 } 27612} 27613@media screen and (min-width: 75em) { 27614 .home__prices { 27615 padding: 0; 27616 } 27617} 27618.home__prices .cell { 27619 max-width: 18.75rem; 27620 margin-bottom: 2rem; 27621 padding-top: 1.25rem; 27622 padding-bottom: 1.25rem; 27623 text-align: center; 27624} 27625.home__prices .cell.plus { 27626 padding-left: 0; 27627 padding-right: 0; 27628} 27629@media screen and (max-width: 63.99875em) { 27630 .home__prices .cell.plus { 27631 display: none !important; 27632 } 27633} 27634.home__prices .cell.plus span { 27635 display: block; 27636 position: relative; 27637 left: 50%; 27638 top: 50%; 27639 transform: translate(-50%, -50%); 27640 font-size: 3.125rem; 27641 width: 0.8em; 27642 height: 0.8em; 27643 line-height: 0.8em; 27644 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 27645 font-weight: 500; 27646 color: rgba(0, 0, 0, 0.2); 27647} 27648.home__prices .title { 27649 margin: 0 0 0.5em; 27650 color: #f5a623; 27651 text-transform: uppercase; 27652 font-size: 1.625rem; 27653 font-weight: 500; 27654} 27655.home__prices .img { 27656 display: block; 27657 height: 13.75rem; 27658} 27659.home__prices img { 27660 display: block; 27661 position: relative; 27662 left: 50%; 27663 top: 50%; 27664 transform: translate(-50%, -50%); 27665} 27666.home__prices .home__checklist { 27667 margin-bottom: 0; 27668 text-align: left; 27669} 27670.home__prices p { 27671 max-width: 18em; 27672 margin: 0 auto; 27673 font-weight: 500; 27674 line-height: 1.3125; 27675} 27676.home__prices__big img { 27677 box-shadow: 0 12px 24px rgba(0, 0, 0, 0.19); 27678} 27679.home__prices--first .cell { 27680 max-width: 21.875rem; 27681 margin-bottom: 2.5rem; 27682 padding-top: 0; 27683 padding-bottom: 0; 27684} 27685.home__prices--first .img { 27686 height: 11.875rem; 27687} 27688@media print, screen and (min-width: 64em) { 27689 .home__prices--first .img { 27690 height: 15rem; 27691 } 27692} 27693@media print, screen and (max-width: 29.99875em) { 27694 .home__prices--first .img { 27695 height: auto; 27696 text-align: center; 27697 margin-bottom: 1rem; 27698 } 27699 .home__prices--first img { 27700 position: static; 27701 display: inline-block; 27702 transform: none; 27703 } 27704} 27705 27706.home__section-les { 27707 padding-top: 0; 27708 padding-bottom: 0; 27709} 27710 27711.home__box-les { 27712 position: relative; 27713 display: block; 27714 margin: 0 -0.9375rem; 27715 padding: 1.75rem 0 1.5rem; 27716 text-align: left; 27717 background-color: #ffecc0; 27718} 27719@media print, screen and (min-width: 30em) { 27720 .home__box-les { 27721 padding: 2.25rem 0.5rem 2rem; 27722 } 27723} 27724@media print, screen and (min-width: 40em) { 27725 .home__box-les { 27726 padding: 2.5rem 1rem 2.25rem; 27727 } 27728} 27729@media print, screen and (min-width: 48em) { 27730 .home__box-les {
27731 padding: 2.75rem 1.25rem 2.5rem; 27732 } 27733} 27734@media print, screen and (min-width: 64em) { 27735 .home__box-les { 27736 padding: 3.25rem 1.75rem 2.75rem; 27737 } 27738} 27739@media screen and (min-width: 75em) { 27740 .home__box-les { 27741 margin: 0 auto 4.25rem; 27742 } 27743} 27744.home__box-les .cell { 27745 padding-left: 1.25rem; 27746 padding-right: 1.25rem; 27747} 27748.home__box-les .img { 27749 position: relative; 27750 margin-bottom: 2rem; 27751 height: 10rem; 27752} 27753@media print, screen and (min-width: 40em) { 27754 .home__box-les .img { 27755 height: 100%; 27756 margin-bottom: 0; 27757 } 27758} 27759.home__box-les .img-bg { 27760 width: 100%; 27761 height: 100%; 27762 object-fit: cover; 27763} 27764.home__box-les .img-logo { 27765 display: inline-block; 27766 position: absolute; 27767 left: 1.25rem; 27768 top: 1.25rem; 27769} 27770@media print, screen and (min-width: 64em) { 27771 .home__box-les .img-logo { 27772 left: 2.5rem; 27773 top: 2.5rem; 27774 } 27775} 27776.home__box-les h2 { 27777 margin-bottom: 0.5em; 27778} 27779@media print, screen and (min-width: 40em) { 27780 .home__box-les h2 { 27781 margin-bottom: 0.8em; 27782 } 27783} 27784.home__box-les p { 27785 font-size: 0.875rem; 27786 line-height: 1.5; 27787 margin-bottom: 1em; 27788} 27789.home__box-les p:last-child { 27790 margin-bottom: 0; 27791} 27792.home__box-les p a { 27793 font-weight: 600; 27794 text-decoration: underline; 27795} 27796.home__box-les p a:hover, .home__box-les p a:focus { 27797 text-decoration: none; 27798} 27799 27800.home__section-2 { 27801 width: 100%; 27802 background: #001029; 27803 color: #ffffff; 27804 text-align: center; 27805} 27806.home__section-2 hr { 27807 margin: 3.625rem auto; 27808 background-color: #d8d8d8; 27809 opacity: 0.1; 27810} 27811.home__section-2 h2 + p { 27812 margin-bottom: 4rem; 27813} 27814.home__section-2 .img { 27815 height: 2.75rem; 27816 position: relative; 27817 margin-bottom: 1.25rem; 27818} 27819.home__section-2 .img img { 27820 position: relative; 27821 top: 50%; 27822 transform: translateY(-50%); 27823} 27824 27825.home__stats { 27826 justify-content: space-between; 27827 align-items: flex-start; 27828 text-align: left; 27829} 27830.home__stats p { 27831 font-size: 1rem !important; 27832 font-weight: 400; 27833 line-height: 1.5; 27834} 27835.home__stats strong { 27836 display: block; 27837 line-height: 1; 27838 margin-bottom: 0.25em; 27839 font-size: 0.75rem; 27840 text-transform: uppercase; 27841 font-weight: 700; 27842 opacity: 0.5; 27843} 27844.home__stats span { 27845 display: block; 27846} 27847@media print, screen and (min-width: 40em) { 27848 .home__stats span { 27849 display: inline; 27850 margin-right: 2.5em; 27851 } 27852 .home__stats span:last-child { 27853 margin-right: 0; 27854 } 27855} 27856 27857.home__how .title { 27858 margin: 0 0 0.5em; 27859 font-size: 1.625rem; 27860 font-weight: 500; 27861} 27862.home__how .cell { 27863 max-width: 18.125rem; 27864 margin-bottom: 2.5rem; 27865} 27866.home__how .cell:last-child { 27867 margin-bottom: 0; 27868} 27869.home__how .special { 27870 flex: 1 0 100%; 27871 max-width: 100%; 27872 width: 100%; 27873} 27874@media print, screen and (min-width: 64em) { 27875 .home__how .special { 27876 margin-bottom: 0; 27877 } 27878} 27879.home__how p { 27880 margin: 0; 27881 font-size: 0.875rem; 27882 line-height: 1.5; 27883} 27884 27885.home__how__code { 27886 padding: 0.55em 1em; 27887 border: 1px solid rgba(255, 255, 255, 0.2); 27888 line-height: 1.2; 27889 color: #ffffff; 27890 font-size: 1.625rem; 27891 font-weight: 600; 27892 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 27893} 27894.home__how__code strong { 27895 color: #f5a623; 27896} 27897 27898.home__section-3 .search__results { 27899 margin-bottom: 1.5rem; 27900} 27901.home__section-3 .search__results .hike-card { 27902 height: 35em; 27903} 27904 27905.home__section-4 { 27906 padding-top: 2rem; 27907} 27908.home__section-4 h2 { 27909 margin-bottom: 0.5em; 27910 text-align: center; 27911} 27912@media print, screen and (min-width: 40em) { 27913 .home__section-4 h2 { 27914 text-align: left; 27915 } 27916} 27917 27918.home__section-5 h3 { 27919 margin-top: 2em; 27920 color: rgba(0, 0, 0, 0.3); 27921} 27922 27923.home__faq li + li { 27924 border-top: 1px solid #e9edfa; 27925} 27926.home__faq .accordion-item { 27927 background: #ffffff; 27928 transition: border 250ms ease-out; 27929} 27930.home__faq .accordion-item.is-active { 27931 border: 1px solid #000000; 27932 border-radius: 0.25rem; 27933} 27934.home__faq .accordion-title { 27935 position: relative; 27936 padding: 2rem 3rem 1rem 2rem; 27937 font-size: 1rem; 27938 line-height: 1.5; 27939 font-weight: 600; 27940} 27941.home__faq .accordion-title:hover, .home__faq .accordion-title:focus { 27942 color: #000000; 27943} 27944.home__faq .accordion-title::before { 27945 content: ""; 27946 display: block; 27947 width: 10px; 27948 height: 10px; 27949 border: 2px solid #18A66F; 27950 border-width: 0px 2px 2px 0; 27951 transform: rotate(45deg); 27952 position: absolute; 27953 right: 32px; 27954 top: 37px; 27955 transform-origin: center; 27956} 27957.home__faq .accordion-title .number { 27958 opacity: 0.3; 27959 font-weight: 700; 27960 font-size: 0.875em; 27961 margin-right: 0.75em; 27962} 27963.home__faq .is-active > .accordion-title::before { 27964 top: 42px; 27965 transform: rotate(225deg); 27966} 27967.home__faq .accordion-content { 27968 padding: 0 2rem 2rem 2rem; 27969} 27970.home__faq p { 27971 margin: 0; 27972 color: rgba(0, 0, 0, 0.8); 27973 font-size: 1rem; 27974 line-height: 144%; 27975 font-weight: 400; 27976} 27977 27978.section-privacy p { 27979 max-width: 47.5em; 27980 line-height: 1.75; 27981} 27982@media print, screen and (min-width: 48em) { 27983 .section-privacy p { 27984 margin-left: 10em; 27985 } 27986} 27987 27988.check-list { 27989 display: block; 27990 margin: 0; 27991 list-style: none; 27992 font-weight: 500; 27993 border-top: 1px solid rgba(151, 151, 151, 0.2); 27994} 27995.check-list li { 27996 display: flex; 27997 flex-flow: row nowrap; 27998 justify-content: flex-start; 27999 align-items: flex-start; 28000 padding: 1.5em 2em; 28001 border-bottom: 1px solid rgba(151, 151, 151, 0.2); 28002 line-height: 1.3; 28003} 28004.check-list .icon { 28005 font-size: 1.5em; 28006 margin: -0.25em 0.5em 0 0; 28007} 28008 28009.home__section-7 { 28010 text-align: center; 28011 background: url(../img/main-pattern.png) repeat 0 0 #18A66F; 28012} 28013@media print, screen and (min-width: 48em) { 28014 .home__section-7 { 28015 text-align: left; 28016 } 28017} 28018.home__section-7 .home__title { 28019 font-size: 3.75rem; 28020 margin-bottom: 0.3em; 28021} 28022@media print, screen and (min-width: 64em) { 28023 .home__section-7 .home__title { 28024 font-size: 4.375rem; 28025 } 28026} 28027.home__section-7 .home__button { 28028 color: #18A66F !important; 28029} 28030.home__section-7 .img { 28031 padding: 0; 28032} 28033@media print, screen and (min-width: 48em) { 28034 .home__section-7 .img { 28035 text-align: right; 28036 } 28037} 28038.home__section-7 img { 28039 display: inline-block; 28040 margin-bottom: 2.5rem; 28041} 28042 28043.search { 28044 height: 3.75rem; 28045} 28046@media print, screen and (min-width: 64em) { 28047 .search { 28048 height: 4.375rem; 28049 } 28050} 28051.search.is-active { 28052 z-index: 1014; 28053} 28054.search.is-active .search__input { 28055 border-radius: 0; 28056} 28057@media print, screen and (min-width: 64em) { 28058 .search.is-active .search__input { 28059 border-radius: 3px; 28060 } 28061} 28062@media screen and (max-width: 63.99875em) { 28063 .search .submit { 28064 display: none !important; 28065 } 28066} 28067.search .submit { 28068 margin: 0; 28069 padding: 0; 28070 position: absolute; 28071 top: 0.625rem; 28072 bottom: 0.625rem; 28073 right: 0.625rem; 28074 width: 6.75rem; 28075 z-index: 10; 28076} 28077.search__overlay { 28078 display: block; 28079 position: fixed; 28080 width: 100vw; 28081 height: 100vh; 28082 background: rgba(0, 0, 0, 0.35); 28083 left: 0; 28084 top: 0; 28085 z-index: 1000; 28086} 28087.search__form { 28088 width: 100%; 28089 position: relative; 28090 z-index: 11; 28091} 28092.search__form.is-active { 28093 position: fixed; 28094 left: 0; 28095 top: 0; 28096 z-index: 1013; 28097} 28098@media print, screen and (min-width: 64em) { 28099 .search__form.is-active { 28100 position: relative; 28101 } 28102} 28103.search__category { 28104 display: block; 28105 padding: 1.25rem 0 0.5rem; 28106 color: #18A66F; 28107 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 28108 font-weight: 500; 28109 text-transform: uppercase; 28110 font-size: 1rem; 28111 letter-spacing: 0.07em; 28112} 28113.search__fail { 28114 display: block; 28115 padding: 2rem 0; 28116 margin-left: -2.5rem; 28117 color: #000000; 28118 text-align: center; 28119} 28120.search__fail svg { 28121 display: block; 28122 margin: 0 auto 1rem; 28123} 28124.search__fail strong { 28125 display: block; 28126 font-size: 1rem; 28127 line-height: 1.25; 28128} 28129@media print, screen and (min-width: 40em) { 28130 .search__fail strong { 28131 font-size: 1.125rem; 28132 } 28133} 28134.search__fail small { 28135 display: block; 28136 font-size: 0.875rem; 28137 line-height: 1.25; 28138 opacity: 0.5; 28139} 28140@media print, screen and (min-width: 40em) { 28141 .search__fail small { 28142 font-size: 1rem; 28143 } 28144} 28145.search__input { 28146 height: 3.75rem; 28147 margin: 0; 28148 border-radius: 3px; 28149 position: relative; 28150 z-index: 5; 28151 color: #000000; 28152 font-size: 1rem; 28153 padding-left: 3.75rem; 28154 background: url(../img/icon/icon-search.svg) no-repeat 1.25rem center #ffffff; 28155 background-size: 1.25rem; 28156} 28157@media print, screen and (min-width: 64em) { 28158 .search__input { 28159 height: 4.375rem; 28160 padding-left: 5rem; 28161 background-position: 1.875rem center; 28162 } 28163} 28164.search__input:focus { 28165 background-color: #ffffff; 28166} 28167@media print, screen and (min-width: 64em) { 28168 .search__mobile-close { 28169 display: none !important; 28170 } 28171} 28172.search__mobile-close { 28173 display: block; 28174 height: 100%; 28175 width: 3.75rem; 28176 position: absolute; 28177 right: 0; 28178 top: 0; 28179 background: #ffffff; 28180 color: black; 28181 border-radius: 0; 28182 z-index: 10; 28183 cursor: pointer; 28184} 28185.search__mobile-close .icon { 28186 font-size: 0.875rem; 28187} 28188.search__mobile-open { 28189 display: none; 28190} 28191.topbar .search__mobile-open { 28192 display: block; 28193 width: 2.5rem; 28194 height: 2.5rem; 28195 padding: 0.625rem; 28196 line-height: 2.5rem; 28197 position: absolute; 28198 left: -0.625rem; 28199 top: 0; 28200 color: #ffffff; 28201 cursor: pointer; 28202 text-align: center; 28203 font-size: 1.25rem; 28204} 28205@media print, screen and (min-width: 64em) { 28206 .topbar .search__mobile-open { 28207 left: auto; 28208 right: 0; 28209 } 28210} 28211.search__mobile-open .icon { 28212 display: block; 28213} 28214.search__live-panel { 28215 width: 100%; 28216 max-height: calc(100vh - 3.75rem); 28217 max-height: calc(100vh - 115px); 28218 overflow-y: auto; 28219 border-radius: 0 0 3px 3px; 28220 position: absolute; 28221 z-index: 4; 28222 left: 0; 28223 top: 100%; 28224 background: #ffffff; 28225 color: #000000; 28226 box-shadow: 0 14px 30px rgba(0, 0, 0, 0.2); 28227 border-top: 1px solid #e4e4e4; 28228} 28229@media print, screen and (min-width: 64em) { 28230 .search__live-panel { 28231 max-height: 26.1875rem; 28232 border-top: 0 none; 28233 margin-top: 0.3125rem; 28234 border-radius: 3px; 28235 box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.15); 28236 } 28237} 28238@media print, screen and (min-height: 54em) { 28239 .search__live-panel { 28240 max-height: 30rem; 28241 } 28242} 28243.search__live-panel::-webkit-scrollbar {
28244 width: 0.625rem; 28245 height: 0.625rem; 28246 border-radius: 3px; 28247} 28248.search__live-panel::-webkit-scrollbar-thumb { 28249 border-radius: 3px; 28250 border: 1px solid transparent; 28251 box-shadow: inset 0 0 10px 10px #D8D8D8; 28252 cursor: move; 28253} 28254.search__live-panel::-webkit-scrollbar-track { 28255 border-radius: 3px; 28256 border: 1px solid transparent; 28257 box-shadow: inset 0 0 10px 10px #F5F5F5; 28258} 28259.topbar-container + .search { 28260 height: 2.25rem; 28261 margin-left: 0.9375rem; 28262 margin-right: 0.9375rem; 28263 max-width: 42.5rem; 28264 position: sticky; 28265 left: 0; 28266 top: 0.625rem; 28267 margin-bottom: -2.875rem; 28268 z-index: 1013; 28269 background: #e9edf1; 28270} 28271@media print, screen and (min-width: 64em) { 28272 .topbar-container + .search { 28273 height: 3.5rem; 28274 } 28275} 28276@media print, screen and (min-width: 64em) { 28277 .topbar-container + .search { 28278 top: 0.625rem; 28279 margin-bottom: -4.125rem; 28280 } 28281} 28282.topbar-container + .search:not(.is-active) .search__input { 28283 height: 2.25rem; 28284 padding: 0 0.75rem; 28285 background: #ffffff; 28286} 28287@media print, screen and (min-width: 64em) { 28288 .topbar-container + .search:not(.is-active) .search__input { 28289 height: 3.5rem; 28290 padding-right: 7.5rem; 28291 } 28292} 28293@media print, screen and (min-width: 64em) { 28294 .topbar-container + .search.is-active .search__input { 28295 background: #ffffff; 28296 height: 3.5rem; 28297 padding-left: 1.25rem; 28298 padding-right: 7.5rem; 28299 } 28300} 28301.topbar-container + .search .submit { 28302 top: 0.3125rem; 28303 bottom: 0.3125rem; 28304 right: 0.3125rem; 28305 width: 6.875rem; 28306} 28307 28308.search__live-results { 28309 display: block; 28310 width: 100%; 28311 margin: 0; 28312 padding: 0 1.25rem 0 3.75rem; 28313 text-align: left; 28314} 28315@media print, screen and (min-width: 64em) { 28316 .search__live-results { 28317 border-top: 0 none; 28318 } 28319} 28320.search__live-results.is-loading { 28321 background: url(../img/loading.svg) no-repeat center center; 28322 background-size: 2rem; 28323 min-height: 3.8125rem; 28324} 28325@media print, screen and (min-width: 64em) { 28326 .search__live-results.is-loading { 28327 min-height: 3.75rem; 28328 } 28329} 28330.search__live-results > strong { 28331 color: #18A66F; 28332} 28333.search__live-results > ul { 28334 display: block; 28335 margin: 0; 28336} 28337.search__live-results > ul > li { 28338 display: block; 28339} 28340.search__live-results > ul > li + li:not(:last-child) { 28341 border-top: 1px solid rgba(0, 0, 0, 0.05); 28342} 28343.search__live-results > ul > li:last-child { 28344 position: sticky; 28345 bottom: 0; 28346 z-index: 3; 28347} 28348.search__live-results > ul > li > a, .search__live-results > ul > li > div { 28349 position: relative; 28350 margin: 0 -1.25rem 0 -3.75rem; 28351 padding: 0.75rem 1.25rem 0.75rem 3.75rem; 28352 min-height: 3.75rem; 28353 display: flex; 28354 flex-flow: row nowrap; 28355 justify-content: space-between; 28356 align-items: center; 28357 color: #000000; 28358 transition: background 250ms ease-out; 28359} 28360@media print, screen and (min-width: 64em) { 28361 .search__live-results > ul > li > a, .search__live-results > ul > li > div { 28362 padding: 0.625rem 1.25rem 0.625rem 3.75rem; 28363 } 28364} 28365.search__live-results > ul > li > a:hover, .search__live-results > ul > li > a:focus, .search__live-results > ul > li > div:hover, .search__live-results > ul > li > div:focus { 28366 background: rgba(0, 0, 0, 0.05); 28367} 28368.search__live-results > ul > li > a.all, .search__live-results > ul > li > div.all { 28369 display: block; 28370 background: #F2F2F2; 28371 border-top: 1px solid rgba(0, 0, 0, 0.05); 28372 font-size: 0.875rem; 28373 font-weight: 500; 28374 color: #18A66F; 28375 min-height: 0; 28376} 28377@media print, screen and (min-width: 64em) { 28378 .search__live-results > ul > li > a.all, .search__live-results > ul > li > div.all { 28379 font-size: 0.9375rem; 28380 } 28381} 28382.search__live-results > ul > li > div { 28383 flex-wrap: wrap; 28384} 28385.search__live-results > ul .headline { 28386 display: block; 28387 flex: 1 1 auto; 28388 margin: 0; 28389 font-size: 0.9375rem; 28390 line-height: 1.25rem; 28391 font-weight: 500; 28392} 28393.search__live-results > ul .headline span { 28394 font-size: 0.75rem; 28395 line-height: 0; 28396 opacity: 0.4; 28397} 28398.search__live-results > ul .headline small { 28399 display: block; 28400 margin-top: -0.25rem; 28401 font-size: 0.875rem; 28402 line-height: 1.25rem; 28403 opacity: 0.4; 28404 font-weight: 500; 28405} 28406@media print, screen and (min-width: 64em) { 28407 .search__live-results > ul .headline small { 28408 margin-top: 0; 28409 } 28410} 28411.search__live-results > ul .icon { 28412 position: absolute; 28413 left: 1.875rem; 28414 top: 50%; 28415 transform: translate(-50%, -50%); 28416 font-size: 1.5rem; 28417} 28418.search__live-results > ul .icon.icon-steps { 28419 font-size: 1.25rem; 28420} 28421.search__live-results > ul .menu { 28422 flex: 0 0 auto; 28423 flex-wrap: nowrap; 28424} 28425.search__live-results > ul .menu.simple { 28426 position: static; 28427} 28428.search__live-results > ul .menu.simple li + li { 28429 margin-left: 0.3125rem; 28430} 28431.search__live-results > ul .menu a { 28432 display: block; 28433 font-size: 0.75rem; 28434 line-height: 1; 28435 padding: 0.3125rem 0.4375rem; 28436 text-transform: uppercase; 28437 letter-spacing: 0.416667px; 28438 font-weight: 500; 28439 color: #18A66F; 28440 border: 1px solid rgba(24, 166, 111, 0.3); 28441 border-radius: 3px; 28442 background: #ffffff; 28443 transition: border 250ms ease-out; 28444 white-space: nowrap; 28445 position: relative; 28446 z-index: 2; 28447} 28448.search__live-results > ul .menu a:hover { 28449 border: 1px solid #18a66f; 28450} 28451.search__live-results > ul .menu a.is-default { 28452 position: static;
28453 z-index: 1; 28454} 28455.search__live-results > ul .menu a.is-default::before { 28456 display: block; 28457 width: 100%; 28458 height: 100%; 28459 content: ""; 28460 position: absolute; 28461 left: 0; 28462 top: 0; 28463} 28464.search__live-results .result.is-loading { 28465 background: url(../img/loading.svg) no-repeat center center; 28466 background-size: 1.5rem; 28467} 28468 28469.topbar .search { 28470 position: relative; 28471 width: 2.5rem; 28472 height: 2.5rem; 28473 background: transparent; 28474 max-width: calc(100% - 1rem); 28475 margin-left: 1.1rem; 28476} 28477@media print, screen and (min-width: 64em) { 28478 .topbar .search { 28479 margin-left: 0; 28480 } 28481} 28482.topbar .search.is-active { 28483 display: block; 28484 height: auto; 28485 overflow: visible; 28486 position: fixed; 28487 left: 0; 28488 top: 0; 28489 z-index: 1011; 28490} 28491@media print, screen and (min-width: 64em) { 28492 .topbar .search.is-active { 28493 position: static; 28494 height: 2.5rem; 28495 } 28496} 28497.topbar .search.is-active .search__input { 28498 transform: translateX(0); 28499} 28500@media print, screen and (min-width: 40em) { 28501 .topbar .search { 28502 width: 15rem; 28503 } 28504} 28505@media print, screen and (min-width: 64em) { 28506 .topbar .search { 28507 margin-right: 0.625rem; 28508 width: min(17vw, 15rem); 28509 } 28510 .topbar .search.is-active .search__form { 28511 position: absolute; 28512 width: 39.375rem; 28513 margin: 0 auto; 28514 right: 0; 28515 top: initial; 28516 } 28517} 28518.topbar .search__input { 28519 margin: 0; 28520 height: 3.75rem; 28521 position: relative; 28522 transform: translate(0, 0); 28523 z-index: 5; 28524 color: #000000; 28525 font-size: 1rem; 28526 padding-left: 3.75rem; 28527 opacity: 0; 28528} 28529@media print, screen and (min-width: 40em) { 28530 .topbar .search__input { 28531 opacity: 1; 28532 height: 2.7rem; 28533 margin-left: 0; 28534 padding-block: 0.5rem; 28535 } 28536} 28537@media print, screen and (min-width: 64em) { 28538 .topbar .search__input { 28539 height: 2.5rem; 28540 padding: 0 1.875rem 0 0.9375rem; 28541 background-position: right 0.625rem center; 28542 font-size: 0.875rem; 28543 background-color: #ffffff; 28544 font-size: 0.875rem; 28545 } 28546} 28547.topbar .search__input:focus { 28548 background-color: #ffffff; 28549} 28550.topbar-container:not(.is-absolute) .topbar .search__input { 28551 background-color: #eee; 28552} 28553.topbar-container:not(.is-absolute) .topbar .search__mobile-open { 28554 color: #000000; 28555} 28556.topbar-container:not(.is-absolute) .topbar .search.is-active .search__input { 28557 background-color: #ffffff; 28558} 28559.topbar .submit { 28560 display: none; 28561} 28562 28563[v-cloak] { 28564 display: none; 28565} 28566 28567.v-search { 28568 position: relative; 28569 background: #ffffff; 28570} 28571.v-search__content { 28572 position: relative; 28573 width: 100%; 28574 min-height: calc(100vh - 4.375rem - 6.25rem - 14.375rem); 28575 margin: 0; 28576 padding-top: 1.875rem; 28577} 28578@media print, screen and (min-width: 64em) { 28579 .v-search__content { 28580 min-height: calc(100vh - 8.4375rem); 28581 width: 29rem; 28582 } 28583} 28584@media screen and (min-width: 75em) { 28585 .v-search__content { 28586 width: 33rem; 28587 } 28588} 28589@media screen and (min-width: 90em) { 28590 .v-search__content { 28591 width: 37rem; 28592 } 28593} 28594.v-search__content h1 { 28595 font-family: "Roboto", sans-serif; 28596 font-size: 1.375rem; 28597 font-weight: 700; 28598 margin: 0 0 0.625rem; 28599 letter-spacing: -0.02em; 28600 line-height: 1.2; 28601} 28602@media print, screen and (min-width: 64em) { 28603 .v-search__content h1 { 28604 text-align: left; 28605 } 28606} 28607.v-search__content h1 small { 28608 opacity: 0.5; 28609} 28610@media print, screen and (max-width: 63.99875em) { 28611 .v-search.is-mobile-active .v-search__content { 28612 overflow-x: auto; 28613 min-height: 0; 28614 padding-top: 0; 28615 position: fixed; 28616 bottom: 0; 28617 left: 0; 28618 padding: 0 0 0.9375rem 0.3125rem; 28619 z-index: 1012; 28620 } 28621 .v-search.is-mobile-active .v-search__content::-webkit-scrollbar {
28622 width: 0.5rem; 28623 height: 0.5rem; 28624 background-image: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==); 28625 } 28626 .v-search.is-mobile-active .v-search__content::-webkit-scrollbar-thumb { 28627 width: 1.5rem; 28628 border-radius: 3px; 28629 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); 28630 background-color: #979797; 28631 cursor: move; 28632 } 28633 .v-search.is-mobile-active .v-search__content::-webkit-scrollbar-track { 28634 background-image: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==); 28635 } 28636 .v-search.is-mobile-active .v-search__content h1 { 28637 display: none; 28638 } 28639} 28640.v-search__results { 28641 display: block; 28642 margin: 0 -0.9375rem; 28643 padding: 0; 28644 list-style: none; 28645} 28646@media print, screen and (min-width: 64em) { 28647 .v-search__results { 28648 background: #18A66F; 28649 } 28650} 28651.v-search__results > li + li::before { 28652 content: ""; 28653 display: block; 28654 margin: 1.25rem 0 0; 28655 width: 100%; 28656} 28657@media print, screen and (min-width: 30em) { 28658 .v-search__results > li + li::before { 28659 border-top: 1px solid #f5f5f5; 28660 margin: 0; 28661 } 28662} 28663.v-search__results .mem-banner { 28664 margin: 0; 28665 border-radius: 0; 28666} 28667@media print, screen and (max-width: 63.99875em) { 28668 .v-search.is-mobile-active .v-search__results { 28669 display: flex; 28670 flex-flow: row nowrap; 28671 align-items: flex-end; 28672 margin: 0; 28673 } 28674 .v-search.is-mobile-active .v-search__results > li { 28675 margin-left: 0.625rem; 28676 flex: 0 0 18.75rem; 28677 width: 18.75rem; 28678 } 28679 .v-search.is-mobile-active .v-search__results > li + li::before { 28680 content: none; 28681 } 28682 .v-search.is-mobile-active .v-search__results::after { 28683 content: ""; 28684 display: block; 28685 width: 0.9375rem; 28686 height: 0.9375rem; 28687 flex: 1 0 0.9375rem; 28688 } 28689} 28690.v-search__item { 28691 display: flex; 28692 flex-flow: row wrap; 28693 padding: 0.5rem 0.9375rem; 28694 position: relative; 28695 background: #ffffff; 28696 transition: background 250ms ease-out, box-shadow 250ms ease-out, transform 250ms ease-out; 28697} 28698@media print, screen and (min-width: 30em) { 28699 .v-search__item { 28700 flex-flow: row nowrap; 28701 } 28702} 28703@media print, screen and (min-width: 64em) { 28704 .v-search__item { 28705 padding: 0.625rem 0.9375rem; 28706 } 28707 .v-search__item.is-active { 28708 background: #f3f4f5; 28709 transform: translateX(6px); 28710 z-index: 1; 28711 border-radius: 0 4px 4px 0; 28712 } 28713 .v-search__item.is-active .link { 28714 opacity: 1; 28715 visibility: visible; 28716 } 28717} 28718.v-search__item:hover { 28719 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); 28720 z-index: 1; 28721} 28722.v-search__item:hover .title { 28723 color: #18A66F; 28724} 28725.v-search__item:hover .link { 28726 opacity: 1; 28727 visibility: visible; 28728} 28729.v-search__item .image { 28730 flex: 0 0 100%; 28731 width: 100%; 28732 height: 9.375rem; 28733 border-radius: 3px; 28734 overflow: hidden; 28735 position: relative; 28736} 28737@media print, screen and (min-width: 30em) { 28738 .v-search__item .image { 28739 flex: 0 0 7.5rem; 28740 width: 7.5rem; 28741 height: 7.5rem; 28742 } 28743} 28744@media print, screen and (min-width: 40em) { 28745 .v-search__item .image { 28746 flex: 0 0 12.125rem; 28747 width: 12.125rem; 28748 height: 8.125rem; 28749 } 28750} 28751@media print, screen and (min-width: 64em) { 28752 .v-search__item .image { 28753 flex: 0 0 8.125rem; 28754 width: 8.125rem; 28755 height: 8.125rem; 28756 } 28757} 28758@media screen and (min-width: 75em) { 28759 .v-search__item .image { 28760 flex: 0 0 10rem; 28761 width: 10rem; 28762 } 28763} 28764@media screen and (min-width: 90em) { 28765 .v-search__item .image { 28766 flex: 0 0 12.125rem; 28767 width: 12.125rem; 28768 } 28769} 28770.v-search__item .image::before { 28771 content: ""; 28772 display: block; 28773 width: 100%; 28774 height: 4.375rem; 28775 position: absolute; 28776 left: 0; 28777 top: 0; 28778 background-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); 28779 opacity: 0.8; 28780} 28781.v-search__item .image .distance { 28782 display: inline-flex; 28783 align-items: center; 28784 justify-content: flex-start; 28785 font-size: 0.75rem; 28786 line-height: 1.5; 28787 font-weight: 500; 28788 position: absolute; 28789 top: 0.75rem; 28790 left: 0.75rem; 28791 color: #ffffff; 28792} 28793.v-search__item .image .distance .icon { 28794 margin-right: 5px; 28795} 28796.v-search__item .image .distance.has-tip { 28797 border-bottom: none; 28798} 28799.v-search__item .image .toggle-wishlist { 28800 display: block; 28801 font-size: 1rem; 28802 width: 2em; 28803 height: 2em; 28804 padding: 0.5em; 28805 position: absolute; 28806 right: 0.25rem; 28807 top: 0.25rem; 28808 color: #ffffff; 28809 cursor: pointer; 28810} 28811.v-search__item .image .toggle-wishlist .icon { 28812 display: block; 28813 stroke-width: 1px; 28814 pointer-events: none; 28815} 28816.v-search__item .image .toggle-wishlist.has-tip { 28817 border-bottom: none; 28818} 28819.v-search__item .image .toggle-wishlist.is-active { 28820 color: #18A66F; 28821} 28822.v-search__item img { 28823 display: block; 28824 width: 100%; 28825 height: 100%; 28826 object-fit: cover; 28827} 28828.v-search__item .content { 28829 flex: 1 1 0px; 28830 width: auto; 28831 padding: 1rem 0 0.25rem; 28832} 28833@media print, screen and (min-width: 30em) { 28834 .v-search__item .content { 28835 padding: 0.75rem 0 0.75rem 1.25rem; 28836 display: flex; 28837 flex-flow: column nowrap; 28838 justify-content: space-between; 28839 } 28840} 28841.v-search__item .header { 28842 position: relative; 28843 margin-bottom: 0.625rem; 28844 padding-right: 3.75rem; 28845} 28846@media print, screen and (min-width: 30em) { 28847 .v-search__item .header { 28848 margin-bottom: 1rem; 28849 } 28850} 28851.v-search__item .title { 28852 display: block; 28853 margin: 0 0 0; 28854 font-family: "Roboto", sans-serif; 28855 color: #000000; 28856 font-size: 1.125rem; 28857 font-weight: 500; 28858 line-height: 1.1111; 28859 transition: color 250ms ease-out; 28860 cursor: pointer; 28861} 28862@media print, screen and (min-width: 64em) { 28863 .v-search__item .title { 28864 font-size: 1rem; 28865 } 28866} 28867@media screen and (min-width: 90em) { 28868 .v-search__item .title { 28869 font-size: 1.125rem; 28870 } 28871} 28872.v-search__item .title:hover {
28873 color: rgb(20.64, 142.76, 95.46); 28874} 28875.v-search__item .title a { 28876 color: inherit; 28877} 28878.v-search__item .title small { 28879 display: block; 28880 margin-top: 0.25em; 28881 line-height: 1; 28882 color: #8a8a89; 28883 font-size: 0.875rem; 28884} 28885@media print, screen and (min-width: 64em) { 28886 .v-search__item .title small { 28887 font-size: 0.75rem; 28888 } 28889} 28890@media screen and (min-width: 90em) { 28891 .v-search__item .title small { 28892 font-size: 0.875rem; 28893 } 28894} 28895.v-search__item .link { 28896 display: block; 28897 position: absolute; 28898 top: 0; 28899 right: 0; 28900 font-size: 0.875rem; 28901 font-weight: 500; 28902 line-height: 1.3; 28903 text-decoration: underline; 28904} 28905.v-search__item .link:hover, .v-search__item .link:focus { 28906 text-decoration: none; 28907} 28908.v-search__item .link { 28909 transition: 250ms opacity, 250ms visibility; 28910} 28911@media print, screen and (min-width: 64em) { 28912 .v-search__item .link { 28913 opacity: 0; 28914 visibility: hidden; 28915 } 28916} 28917.v-search__item .hike__attributes { 28918 font-size: 0.8125rem; 28919 justify-content: space-between; 28920 margin-bottom: -0.5rem; 28921 justify-content: space-between; 28922} 28923.v-search__item .hike__attributes li { 28924 white-space: nowrap; 28925 font-weight: 700; 28926} 28927.v-search__item .hike__attributes strong { 28928 margin-bottom: 2px; 28929 opacity: 0.6; 28930 font-size: 0.625rem; 28931 font-weight: 700; 28932 letter-spacing: 0.042em; 28933 text-transform: uppercase; 28934} 28935.v-search__item .hike__attributes .icon { 28936 display: none; 28937} 28938@media print, screen and (max-width: 63.99875em) { 28939 .is-mobile-active .v-search__item { 28940 flex-wrap: wrap; 28941 padding: 0; 28942 border-radius: 3px; 28943 overflow: hidden; 28944 } 28945 .is-mobile-active .v-search__item.is-active { 28946 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.36); 28947 } 28948 .is-mobile-active .v-search__item.is-active .image { 28949 display: block; 28950 } 28951 .is-mobile-active .v-search__item .image { 28952 flex: 0 0 100%; 28953 width: 100%; 28954 border-radius: 0; 28955 display: none; 28956 } 28957 .is-mobile-active .v-search__item .image.is-mobile-image-closed { 28958 display: none; 28959 } 28960 .is-mobile-active .v-search__item .image-toggle { 28961 display: block; 28962 width: 32px; 28963 height: 32px; 28964 position: absolute; 28965 margin-left: -16px; 28966 left: 50%; 28967 top: 4px; 28968 text-align: center; 28969 } 28970 .is-mobile-active .v-search__item .image-toggle::after { 28971 content: ""; 28972 display: inline-block; 28973 width: 8px; 28974 height: 8px; 28975 transform-origin: center; 28976 transform: rotate(45deg); 28977 border: 2px solid #ffffff; 28978 border-width: 0px 2px 2px 0; 28979 } 28980 .is-mobile-active .v-search__item .content { 28981 flex: 0 0 100%; 28982 width: 100%; 28983 padding: 0.625rem 0.9375rem; 28984 } 28985 .is-mobile-active .v-search__item .header { 28986 margin-bottom: 0rem; 28987 padding-right: 2.75rem; 28988 } 28989 .is-mobile-active .v-search__item .title { 28990 font-size: 1rem; 28991 line-height: 1.1; 28992 min-height: 2.2em; 28993 } 28994 .is-mobile-active .v-search__item:hover .title { 28995 color: #000000; 28996 } 28997 .is-mobile-active .v-search__item .hike__attributes { 28998 font-size: 0.75rem; 28999 justify-content: flex-start; 29000 } 29001 .is-mobile-active .v-search__item .hike__attributes li { 29002 margin-right: 1em; 29003 } 29004 .is-mobile-active .v-search__item .hike__attributes strong { 29005 display: none; 29006 } 29007 .is-mobile-active .v-search__item .hike__attributes .icon { 29008 display: inline-block; 29009 vertical-align: top; 29010 margin-right: 0; 29011 position: relative; 29012 } 29013} 29014.v-search__closure { 29015 display: block; 29016 width: 100%; 29017 margin: 0; 29018 padding: 0.25rem 0.5rem; 29019 position: absolute; 29020 left: 0; 29021 bottom: 0; 29022 background: #fc2a2a; 29023 color: #ffffff; 29024 font-size: 0.75rem; 29025 text-align: center; 29026 line-height: 1; 29027 font-weight: 700; 29028} 29029.v-search__map { 29030 height: 14.375rem; 29031 position: relative; 29032} 29033@media print, screen and (min-width: 64em) { 29034 .v-search__map { 29035 width: calc(100% - 29rem); 29036 height: initial; 29037 position: absolute; 29038 left: auto; 29039 top: 0; 29040 right: 0; 29041 bottom: 0; 29042 padding-top: 3.6875rem; 29043 margin-top: -3.6875rem; 29044 } 29045} 29046@media screen and (min-width: 75em) { 29047 .v-search__map { 29048 width: calc(100% - 33rem); 29049 } 29050} 29051@media screen and (min-width: 90em) { 29052 .v-search__map { 29053 width: calc(100% - 37rem); 29054 } 29055} 29056@media screen and (max-width: 63.99875em) { 29057 .v-search__map__query { 29058 display: none !important; 29059 } 29060} 29061@media print, screen and (min-width: 64em) { 29062 .v-search__map__query { 29063 background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); 29064 width: 100%; 29065 min-height: 3.375rem; 29066 padding: 1.75rem 1.25rem 0.625rem; 29067 position: absolute; 29068 bottom: 0; 29069 left: 0; 29070 z-index: 408; 29071 font-size: 0.875rem; 29072 line-height: 1rem; 29073 font-weight: 500; 29074 color: #ffffff; 29075 text-align: center; 29076 } 29077} 29078.v-search__map-toggle { 29079 display: block; 29080} 29081@media print, screen and (min-width: 64em) { 29082 .v-search__map-toggle { 29083 display: none !important; 29084 } 29085} 29086.v-search__map-toggle { 29087 width: 100%; 29088 height: 100%; 29089 position: absolute; 29090 left: 0; 29091 top: 0; 29092 z-index: 500; 29093} 29094@media print, screen and (min-width: 64em) { 29095 .v-search__content-map-toggle { 29096 display: none !important; 29097 } 29098} 29099.v-search__content-map-toggle { 29100 display: inline-flex; 29101 justify-content: flex-start; 29102 align-items: center; 29103 height: 2.25rem; 29104 border-radius: 3px; 29105 padding: 0 0.6875rem; 29106 margin: 0 0 0.3125rem; 29107 background: #ffffff; 29108 color: #000000; 29109 z-index: 2; 29110 font-size: 0.875rem; 29111 cursor: pointer; 29112}
29113.v-search__content-map-toggle .icon { 29114 display: block; 29115} 29116.v-search__content-map-toggle span { 29117 margin-left: 0.625rem; 29118} 29119@media screen and (max-width: 39.99875em) { 29120 .v-search__content-map-toggle span { 29121 display: none !important; 29122 } 29123} 29124.v-search__content-map-toggle.is-active { 29125 background: #000000; 29126 color: #ffffff; 29127} 29128.v-search__content-map-toggle:first-child { 29129 border-radius: 3px 0 0 3px; 29130} 29131.v-search__content-map-toggle:last-child { 29132 border-radius: 0 3px 3px 0; 29133} 29134@media screen and (max-width: 63.99875em) { 29135 .v-search .leaflet-control-zoom { 29136 display: none !important; 29137 } 29138} 29139.v-search #map { 29140 width: 100%; 29141 height: 100%; 29142 position: absolute; 29143 top: 0; 29144 left: 0; 29145} 29146@media print, screen and (min-width: 64em) { 29147 .v-search #map { 29148 height: calc(100vh - 8.375rem); 29149 position: sticky !important; 29150 top: 8.375rem; 29151 } 29152} 29153@media print, screen and (max-width: 63.99875em) { 29154 .v-search.is-mobile-active #map { 29155 position: fixed !important; 29156 height: auto; 29157 top: 10.625rem; 29158 bottom: 0; 29159 } 29160} 29161.v-search .cluster-marker:hover, 29162.v-search .hike-marker:hover { 29163 z-index: 10000 !important; 29164} 29165.v-search .cluster-marker:hover .inner, 29166.v-search .hike-marker:hover .inner { 29167 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5); 29168} 29169.v-search .cluster-marker .inner, 29170.v-search .hike-marker .inner { 29171 display: flex; 29172 justify-content: center; 29173 align-items: center; 29174 width: 2.25rem; 29175 height: 2.25rem; 29176 border-radius: 2.25rem; 29177 background: #ffffff; 29178 color: #18A66F; 29179 line-height: 2.25rem; 29180 font-size: 0.8125rem; 29181 font-weight: bold; 29182 text-align: center; 29183 box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2); 29184 transition: 200ms ease; 29185} 29186.v-search .hike-marker .inner { 29187 font-size: 1rem; 29188} 29189.v-search .hike-marker .icon { 29190 display: block; 29191} 29192.v-search .hike-marker.is-active .inner { 29193 background: #18A66F; 29194 color: #ffffff; 29195 box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5); 29196 font-size: 1.25rem; 29197} 29198.v-search .hike-marker.bouncing .inner { 29199 transform-origin: 10px 30px; 29200 animation-name: marker-bounce; 29201 animation-duration: 0.4s; 29202 animation-timing-function: ease; 29203 animation-iteration-count: infinite; 29204 animation-direction: alternate; 29205} 29206.v-search__loading { 29207 display: block; 29208 width: 100vw; 29209 height: 100vh; 29210 position: fixed; 29211 top: 0; 29212 left: 0; 29213 visibility: hidden; 29214 opacity: 0; 29215 background: url(../img/loading.svg) no-repeat center center #ffffff; 29216 background-size: 2rem; 29217 transition: 250ms ease-out; 29218} 29219.v-search__loading.is-active { 29220 opacity: 1; 29221 visibility: visible; 29222} 29223 29224@keyframes marker-bounce { 29225 0% { 29226 transform: translateY(0px) scale(1.1); 29227 box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.5); 29228 } 29229 100% { 29230 transform: translateY(-15px) scale(1.1); 29231 box-shadow: 0 15px 21px 0 rgba(0, 0, 0, 0.5); 29232 } 29233} 29234.leaflet-interactive.path-shadow { 29235 filter: url(#path-dropshadow); 29236 opacity: 0.5; 29237 stroke: black; 29238 stroke-width: 6; 29239} 29240 29241.v-search_mapycz { 29242 display: flex; 29243 flex-flow: row wrap; 29244 justify-content: flex-end; 29245 padding: 0 0.9375rem 0 0; 29246 margin-left: 10.9375rem; 29247 position: absolute; 29248 left: 0; 29249 right: 0; 29250 top: 4.375rem; 29251 font-size: 0.6875rem; 29252 color: #000000; 29253 text-align: right; 29254 transform: translateY(-50%); 29255} 29256@media print, screen and (min-width: 30em) { 29257 .v-search_mapycz br { 29258 display: none; 29259 } 29260 .v-search_mapycz { 29261 align-items: center; 29262 } 29263} 29264@media print, screen and (min-width: 64em) { 29265 .v-search_mapycz { 29266 height: auto; 29267 flex-wrap: nowrap; 29268 align-items: center; 29269 justify-content: flex-start; 29270 padding: 0; 29271 margin: 0; 29272 top: 2.375rem; 29273 left: auto; 29274 right: 0.9375rem; 29275 font-size: 0.875rem; 29276 text-align: left; 29277 } 29278} 29279.v-search_mapycz:hover, .v-search_mapycz:focus { 29280 color: #000000; 29281} 29282.v-search_mapycz span { 29283 line-height: 1; 29284 flex: 0 0 auto; 29285} 29286.v-search_mapycz img { 29287 width: 4.875rem; 29288 flex: 0 0 auto; 29289 margin: -0.125rem -0.375rem -0.375rem 0; 29290} 29291@media print, screen and (min-width: 30em) { 29292 .v-search_mapycz img { 29293 margin: 0 -0.375rem 0 0; 29294 } 29295} 29296@media print, screen and (min-width: 64em) { 29297 .v-search_mapycz img { 29298 width: 5.625rem; 29299 } 29300} 29301 29302.v-search__header { 29303 background: #e9edf1; 29304 width: 100%; 29305 z-index: 1009; 29306 position: sticky; 29307 top: -1px; 29308 padding-top: 3.25rem; 29309 padding-bottom: 0.3125rem; 29310 border-top: 1px solid rgba(177, 194, 207, 0.2); 29311} 29312@media print, screen and (min-width: 64em) { 29313 .v-search__header { 29314 padding-top: 4.75rem; 29315 padding-bottom: 0; 29316 border-top: 0 none; 29317 z-index: 1009; 29318 } 29319} 29320.v-search__header.has-filter-open { 29321 z-index: 1013; 29322} 29323@media print, screen and (min-width: 64em) { 29324 .v-search__header.has-filter-open { 29325 z-index: 1009; 29326 } 29327} 29328 29329.v-search__content .dropdown-pane, 29330.v-search__filters .dropdown-pane { 29331 padding: 1.25rem; 29332 width: auto; 29333 min-width: 10rem; 29334 border: 0 none; 29335 border-radius: 0 3px 3px 3px; 29336 box-shadow: 0 12px 14px rgba(0, 0, 0, 0.07); 29337} 29338@media print, screen and (min-width: 64em) { 29339 .v-search__content .dropdown-pane, 29340 .v-search__filters .dropdown-pane { 29341 position: absolute !important; 29342 } 29343} 29344.v-search__content .dropdown-pane .menu, 29345.v-search__filters .dropdown-pane .menu { 29346 font-size: 0.875rem; 29347 font-weight: 500; 29348 line-height: 2; 29349} 29350.v-search__content .dropdown-pane li, 29351.v-search__filters .dropdown-pane li { 29352 cursor: pointer; 29353 display: flex; 29354 flex-flow: row nowrap; 29355 align-items: center; 29356 justify-content: flex-start; 29357} 29358.v-search__content .dropdown-pane li:hover, 29359.v-search__filters .dropdown-pane li:hover { 29360 text-decoration: underline; 29361} 29362.v-search__content .dropdown-pane li.is-active, 29363.v-search__filters .dropdown-pane li.is-active { 29364 opacity: 0.5; 29365} 29366.v-search__content .dropdown-pane li .icon,
29367.v-search__filters .dropdown-pane li .icon { 29368 font-size: 0.6875rem; 29369 margin-left: 0.25rem; 29370 margin-top: -0.125rem; 29371 opacity: 0.75; 29372} 29373 29374@media print, screen and (max-width: 63.99875em) { 29375 #v-search-filters, 29376 #v-search-sort { 29377 display: none; 29378 } 29379 #v-search-filters.is-mobile-open, 29380 #v-search-sort.is-mobile-open { 29381 display: block; 29382 padding-top: 4.375rem; 29383 padding-bottom: 4.125rem; 29384 display: block; 29385 position: fixed; 29386 width: 100%; 29387 left: 0; 29388 top: 0; 29389 bottom: 0; 29390 overflow: auto; 29391 background: #ffffff; 29392 } 29393 #v-search-filters .v-search__button, 29394 #v-search-sort .v-search__button { 29395 display: block; 29396 width: 100%; 29397 height: 1em; 29398 line-height: 1em; 29399 background: transparent; 29400 padding: 0 0.9375rem; 29401 font-size: 1.125rem; 29402 text-align: left; 29403 box-shadow: none !important; 29404 } 29405 #v-search-filters .v-search__button.is-wo-dropdown, 29406 #v-search-sort .v-search__button.is-wo-dropdown { 29407 height: auto; 29408 } 29409 #v-search-filters .dropdown-pane, 29410 #v-search-sort .dropdown-pane { 29411 display: block; 29412 visibility: visible; 29413 box-shadow: none; 29414 position: static !important; 29415 width: 100%; 29416 padding: 0.9375rem; 29417 margin-bottom: 1.25rem; 29418 } 29419} 29420 29421@media print, screen and (min-width: 64em) { 29422 #v-search-sort { 29423 display: block; 29424 } 29425} 29426@media print, screen and (max-width: 63.99875em) { 29427 #v-search-sort { 29428 padding: 0; 29429 } 29430 #v-search-sort.is-mobile-open { 29431 z-index: 1013; 29432 } 29433 #v-search-sort .dropdown-pane { 29434 padding-top: 0; 29435 } 29436 #v-search-sort .menu { 29437 padding: 0; 29438 line-height: 3; 29439 } 29440} 29441 29442.v-search__content .v-search__button.is-dropdown-button { 29443 height: 1.875rem; 29444 margin: 0; 29445 padding-right: 1.25rem; 29446 font-size: 0.875rem; 29447 font-weight: 400; 29448 background: none !important; 29449 border: 0 none !important; 29450 box-shadow: none !important; 29451 color: rgba(0, 0, 0, 0.5); 29452} 29453.v-search__content .v-search__button.is-dropdown-button::after { 29454 width: 7px; 29455 height: 7px; 29456 top: 10px; 29457 right: 2px; 29458} 29459.v-search__content .v-search__button.is-dropdown-button.hover { 29460 color: #000000; 29461} 29462.v-search__content .v-search__button.is-dropdown-button.hover::after { 29463 transform: rotate(225deg); 29464 top: 12px; 29465 opacity: 1; 29466} 29467.v-search__content .v-search__button.is-dropdown-button .icon { 29468 font-size: 0.6875rem; 29469 margin-left: 0.25rem; 29470 margin-right: 0; 29471 margin-top: -0.125rem; 29472 opacity: 0.75; 29473} 29474.v-search__content .dropdown-pane { 29475 padding: 0.9375rem 1.25rem; 29476 min-width: 10.625rem; 29477 white-space: nowrap; 29478 border-radius: 3px; 29479 box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15); 29480} 29481 29482.v-search__filters { 29483 padding: 0.625rem 0 0.3125rem; 29484 border-top: 1px solid rgba(177, 194, 207, 0.2); 29485 font-size: 0; 29486} 29487.v-search__filters .grid-x { 29488 width: 15rem; 29489 margin-left: -0.3125rem; 29490 margin-right: -0.3125rem; 29491} 29492.v-search__filters .grid-x .cell { 29493 padding-left: 0.3125rem; 29494 padding-right: 0.3125rem; 29495} 29496.v-search__filters label { 29497 font-weight: 500; 29498 position: relative; 29499} 29500.v-search__filters .text { 29501 font-size: 0.75rem; 29502 letter-spacing: -0.2px; 29503 text-transform: uppercase; 29504 color: rgba(137, 137, 137, 0.8); 29505} 29506.v-search__filters [type=text], .v-search__filters [type=number] { 29507 height: 1.875rem; 29508 padding: 0 1.25rem 0 0.625rem; 29509 margin-bottom: 0; 29510 background-color: #ffffff; 29511 border: 1px solid #d9d9d9; 29512} 29513.v-search__filters .input__after { 29514 position: absolute; 29515 bottom: 0; 29516 line-height: 1.875rem; 29517 right: 0.5rem; 29518 text-transform: none; 29519 font-size: 0.875rem; 29520 letter-spacing: -0.2px; 29521} 29522.v-search__filters .checkbox { 29523 margin-bottom: 0; 29524 line-height: 1.125rem; 29525} 29526.v-search__filters .checkbox + .checkbox { 29527 margin-top: 0.625rem; 29528} 29529.v-search__filters .checkbox label { 29530 display: block; 29531 line-height: inherit; 29532} 29533.v-search__filters [type=checkbox] { 29534 margin: 0; 29535} 29536.v-search__filters [type=checkbox] + label { 29537 margin-right: 0; 29538} 29539.v-search__filters [type=checkbox]:not(:checked) + label::before { 29540 background-color: #ffffff; 29541} 29542.v-search__filters [type=checkbox]:checked + label, 29543.v-search__filters [type=checkbox]:not(:checked) + label { 29544 padding-left: 1.625rem; 29545} 29546.v-search__filters [type=checkbox]:checked + label::before, .v-search__filters [type=checkbox]:checked + label::after, 29547.v-search__filters [type=checkbox]:not(:checked) + label::before, 29548.v-search__filters [type=checkbox]:not(:checked) + label::after { 29549 width: 1rem; 29550 height: 1rem; 29551} 29552.v-search__filters [type=checkbox]:checked + label::after, 29553.v-search__filters [type=checkbox]:not(:checked) + label::after { 29554 background-size: 0.625rem; 29555} 29556.v-search__filters .difficulty { 29557 vertical-align: top; 29558 top: 0.125rem; 29559 margin-left: 0.25rem; 29560} 29561.v-search__filters .label { 29562 display: inline-block; 29563 width: 0.875rem; 29564 height: 0.875rem; 29565 line-height: 0.875rem; 29566 border-radius: 0.875rem; 29567 background: #808080; 29568 color: #ffffff; 29569 text-align: center; 29570 font-size: 0.625rem; 29571 font-weight: 500; 29572 border: 0 none; 29573 vertical-align: middle; 29574 margin-right: 0.125rem; 29575} 29576@media print, screen and (max-width: 63.99875em) { 29577 .v-search__filters { 29578 display: none; 29579 } 29580 .v-search__filters.is-mobile-open { 29581 display: block; 29582 padding-top: 0; 29583 padding-bottom: 1.25rem; 29584 display: block; 29585 position: fixed; 29586 width: 100%; 29587 left: 0; 29588 top: 0; 29589 bottom: 0; 29590 overflow: auto; 29591 background: #ffffff; 29592 } 29593 .v-search__filters .v-search__button { 29594 display: block; 29595 width: 100%; 29596 height: 1em; 29597 line-height: 1em; 29598 background: transparent; 29599 padding: 0 0.9375rem; 29600 font-size: 1.125rem; 29601 text-align: left; 29602 box-shadow: none !important; 29603 } 29604} 29605 29606.v-search__filters-header { 29607 display: flex; 29608 flex-flow: row nowrap; 29609 justify-content: space-between; 29610 align-items: center; 29611 padding-right: 3.125rem; 29612 height: 3.125rem; 29613 border-bottom: 1px solid #e4e4e4; 29614 margin-bottom: 1.25rem; 29615 background: #ffffff; 29616 position: fixed; 29617 width: 100%; 29618 top: 0; 29619 z-index: 2; 29620} 29621.v-search__filters-header .headline { 29622 display: flex; 29623 flex-flow: row nowrap; 29624 align-items: center; 29625 justify-content: flex-start; 29626 font-size: 1.125rem; 29627 font-weight: 500; 29628} 29629.v-search__filters-header .headline .icon { 29630 font-size: 0.875rem; 29631 margin-left: 0.25rem; 29632} 29633.v-search__filters-header .reset { 29634 font-size: 0.875rem; 29635 font-weight: 700; 29636 color: #18A66F; 29637} 29638 29639@media print, screen and (min-width: 64em) { 29640 .v-search__filters-reset { 29641 height: 1.875rem; 29642 padding: 0 0.625rem; 29643 font-size: 0.875rem; 29644 font-weight: 500; 29645 border-radius: 3px; 29646 background-color: rgba(215, 219, 222, 0.5); 29647 color: #141414; 29648 cursor: pointer; 29649 } 29650 .v-search__filters-reset + .v-search__button { 29651 margin-left: 0.625rem; 29652 } 29653} 29654 29655.v-search__filters-close { 29656 display: flex; 29657 justify-content: center; 29658 align-items: center; 29659 font-size: 2.5rem; 29660 width: 1em; 29661 height: 1em; 29662 position: fixed; 29663 right: 0.1875rem; 29664 top: 0.3125rem; 29665} 29666.v-search__filters-close .icon { 29667 font-size: 1rem; 29668} 29669 29670.v-search__button { 29671 height: 2.25rem; 29672 display: inline-flex; 29673 flex-flow: row wrap; 29674 align-items: center; 29675 text-align: left; 29676 margin: 0 0.3125rem 0.3125rem 0; 29677 padding: 0 0.6875rem; 29678 background: rgba(255, 255, 255, 0.7); 29679 font-size: 0.875rem; 29680 border: 0 none; 29681 font-weight: 500; 29682 color: #000000; 29683 position: relative; 29684 border-radius: 3px; 29685} 29686@media print, screen and (min-width: 64em) { 29687 .v-search__button { 29688 height: 2.375rem; 29689 padding: 0 0.75rem; 29690 } 29691} 29692.v-search__button:hover, .v-search__button:focus, .v-search__button.hover { 29693 background: #ffffff; 29694 color: #000000; 29695} 29696.v-search__button[disabled] { 29697 background: rgba(255, 255, 255, 0.7) !important; 29698 color: #000000 !important; 29699 opacity: 0.5; 29700 pointer-events: none; 29701} 29702.v-search__button small, 29703.v-search__button .icon-close { 29704 display: none; 29705} 29706@media screen and (max-width: 39.99875em) { 29707 .v-search__button span { 29708 display: none !important; 29709 } 29710} 29711.v-search__button span { 29712 margin-left: 0.5rem; 29713} 29714@media print, screen and (min-width: 64em) { 29715 .v-search__button.active { 29716 border: 1px solid #000000; 29717 background: #ffffff; 29718 } 29719 .v-search__button.active span { 29720 display: block; 29721 font-size: 0.6875rem; 29722 line-height: 0.8125rem; 29723 font-weight: 500; 29724 letter-spacing: 0.3px; 29725 color: rgba(0, 0, 0, 0.5); 29726 } 29727 .v-search__button.active small { 29728 display: block; 29729 font-size: 0.875rem; 29730 font-weight: 500; 29731 color: #000000; 29732 line-height: 1rem; 29733 } 29734 .v-search__button.active.hover { 29735 border: 0 none; 29736 } 29737 .v-search__button.active .icon-close { 29738 display: block; 29739 margin: 0; 29740 padding: 0.25em; 29741 font-size: 1rem; 29742 position: absolute; 29743 right: -0.25em; 29744 top: -0.5em; 29745 border-radius: 100%; 29746 background: #cccccc; 29747 color: #000000; 29748 } 29749 .v-search__button.active .icon-close:hover { 29750 box-shadow: 0 1px 3px black; 29751 } 29752} 29753@media print, screen and (min-width: 64em) { 29754 .v-search__button .icon { 29755 margin-right: 0.5em; 29756 } 29757} 29758@media print, screen and (min-width: 64em) { 29759 .v-search__button.is-dropdown-button { 29760 padding-right: 2rem; 29761 } 29762 .v-search__button.is-dropdown-button::after { 29763 content: ""; 29764 display: inline-block; 29765 width: 8px; 29766 height: 8px; 29767 transform-origin: center; 29768 transform: rotate(45deg); 29769 border: 2px solid; 29770 opacity: 0.4; 29771 border-width: 0px 2px 2px 0; 29772 position: absolute; 29773 right: 12px; 29774 top: 13px; 29775 border-radius: 1px; 29776 } 29777 .v-search__button.is-dropdown-button.hover { 29778 border: 0 none; 29779 box-shadow: 0 5px 0 0 #ffffff, 0 12px 14px rgba(0, 0, 0, 0.07); 29780 border-radius: 3px 3px 0 0; 29781 } 29782 .v-search__button.is-dropdown-button.hover::after { 29783 transform: rotate(225deg);
29784 top: 17px; 29785 opacity: 1; 29786 } 29787} 29788 29789.slider { 29790 margin-bottom: 0.625rem; 29791 border-radius: 2px; 29792} 29793 29794.slider-container { 29795 overflow-x: hidden; 29796} 29797 29798.slider-handle { 29799 background: #ffffff; 29800 border: 3px solid #18A66F; 29801} 29802.slider-handle:hover { 29803 background: #ffffff; 29804 border-color: rgb(20.4, 141.1, 94.35); 29805} 29806 29807@media print, screen and (min-width: 64em) { 29808 .v-search__filters-footer { 29809 display: none !important; 29810 } 29811} 29812.v-search__filters-footer { 29813 position: fixed; 29814 width: 100%; 29815 bottom: 0; 29816 margin: 0; 29817 border-radius: 0; 29818 z-index: 2; 29819} 29820 29821.v-search__empty { 29822 padding: 3.125rem 0 6.25rem; 29823 text-align: center; 29824} 29825@media print, screen and (min-width: 64em) { 29826 .v-search__empty { 29827 padding: 5rem 0 6.25rem; 29828 } 29829} 29830.v-search__empty svg { 29831 display: block; 29832 margin: 0 auto 0.625rem; 29833} 29834.v-search__empty .headline { 29835 display: block; 29836 font-size: 1.875rem; 29837 font-weight: 500; 29838 margin: 0 0 0.625rem; 29839 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 29840 line-height: 1; 29841} 29842.v-search__empty p { 29843 max-width: 22em; 29844 margin: 0 auto; 29845 color: rgba(0, 0, 0, 0.6); 29846 font-size: 0.9375rem; 29847 font-weight: 400; 29848 line-height: 1.4666666667; 29849} 29850.v-search__empty p a { 29851 font-weight: 700; 29852} 29853.is-mobile-active .v-search__empty { 29854 display: none; 29855} 29856 29857.page { 29858 background: #ffffff; 29859 overflow-x: hidden; 29860} 29861.page h1, .page h2, .page h3, .page h4, .page h5, .page h6 { 29862 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 29863 font-style: normal; 29864 font-weight: 800; 29865 letter-spacing: -0.033em; 29866 line-height: 1.1; 29867} 29868@media screen and (max-width: 39.99875em) { 29869 .page h1 br, .page h2 br, .page h3 br, .page h4 br, .page h5 br, .page h6 br { 29870 display: none !important; 29871 } 29872} 29873.page h1 small { 29874 display: block; 29875 font-size: 50%; 29876 color: #18A66F; 29877 line-height: 1; 29878 margin-bottom: 0.25em; 29879} 29880.page > h1, .page > h2, .page > h3, .page > h4, .page > h5, .page > h6 { 29881 padding-right: 0.9375rem; 29882 padding-left: 0.9375rem; 29883 max-width: 85rem; 29884 margin-left: auto; 29885 margin-right: auto; 29886} 29887.page .button { 29888 padding: 1.5rem 1.625rem; 29889 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 29890 letter-spacing: -0.033em; 29891 font-weight: 800; 29892 font-size: 0.9375rem; 29893} 29894.page .text-small { 29895 font-size: 0.75rem; 29896 color: rgba(0, 0, 0, 0.5); 29897} 29898@media print, screen and (min-width: 64em) { 29899 .page .text-small { 29900 font-size: 0.875rem; 29901 } 29902} 29903.page .w-discount-icon { 29904 max-width: 28em !important; 29905 line-height: 1.5; 29906 padding-top: 0.125rem; 29907 min-height: 1.5rem; 29908 position: relative; 29909 padding-left: 2.1875rem; 29910 background: url("../img/clenstvo/icon-discount.svg") no-repeat 0 0; 29911} 29912.page .testimonials-cards .headline { 29913 display: block; 29914 margin-bottom: 0.7em; 29915 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 29916 font-weight: 800; 29917 letter-spacing: -0.033em; 29918 line-height: 1.1; 29919 color: #000F35; 29920} 29921.page .testimonials-cards p { 29922 line-height: 1.5714285714; 29923} 29924.page .testimonials-cards cite { 29925 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 29926 font-weight: 800; 29927} 29928.page .newsletter-social-box h2 { 29929 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 29930 font-weight: 500; 29931 color: #ffffff; 29932 line-height: 1; 29933 letter-spacing: 0; 29934} 29935.page .newsletter-social-box .button { 29936 padding: 0.875rem; 29937 font-family: inherit; 29938 font-size: 0.875rem; 29939 font-weight: 500; 29940 letter-spacing: 0; 29941} 29942@media print, screen and (min-width: 64em) { 29943 .page .newsletter-social-box .button { 29944 padding: 0.875rem 1.5rem; 29945 } 29946} 29947 29948.page__spacer { 29949 font-size: 0.625rem; 29950 height: 7.5em; 29951} 29952@media print, screen and (min-width: 40em) { 29953 .page__spacer { 29954 height: 10em; 29955 } 29956} 29957@media print, screen and (min-width: 64em) { 29958 .page__spacer { 29959 height: 12em; 29960 } 29961} 29962@media screen and (min-width: 75em) { 29963 .page__spacer { 29964 height: 14em; 29965 } 29966} 29967.page__spacer.is-style-half { 29968 font-size: 0.3125rem; 29969} 29970.page__spacer.is-style-third { 29971 font-size: 0.2083333125rem; 29972} 29973 29974.membership-header { 29975 background: #F6F6F6; 29976 padding: 0; 29977 overflow-x: hidden; 29978} 29979@media print, screen and (min-width: 64em) { 29980 .membership-header { 29981 text-align: left; 29982 } 29983} 29984.membership-header .grid-container { 29985 position: relative; 29986} 29987@media print, screen and (min-width: 40em) { 29988 .membership-header .grid-container { 29989 overflow: visible; 29990 } 29991} 29992.membership-header .cell--content { 29993 padding-top: 2.5rem; 29994 padding-bottom: 2.5rem; 29995} 29996@media print, screen and (min-width: 40em) { 29997 .membership-header .cell--content { 29998 padding-top: 3.75rem; 29999 padding-bottom: 3.75rem; 30000 } 30001} 30002@media print, screen and (min-width: 48em) { 30003 .membership-header .cell--content { 30004 width: 37.5rem; 30005 padding-right: 1.875rem; 30006 } 30007} 30008@media print, screen and (min-width: 64em) { 30009 .membership-header .cell--content { 30010 width: 46.25rem; 30011 padding-right: 7.5rem; 30012 } 30013} 30014.membership-header .cell--content .inner { 30015 position: relative; 30016 display: flex; 30017 flex-flow: row nowrap; 30018 align-items: center; 30019} 30020.membership-header .cell--content .inner div { 30021 flex: 1 0 70%; 30022} 30023.membership-header .cell--content .inner img { 30024 flex: 0 0 14.3125rem; 30025 width: 14.3125rem; 30026 margin: 1.875rem 1.25rem 1.875rem 0; 30027} 30028.membership-header .cell--img { 30029 position: relative; 30030} 30031.membership-header .cell--img .img-bg { 30032 display: block; 30033 position: absolute; 30034 width: calc(100vw - 37.5rem + 0.9375rem); 30035 max-width: none; 30036 height: 100%; 30037 left: 0; 30038 top: 0; 30039 bottom: 0; 30040 object-fit: cover; 30041} 30042@media print, screen and (min-width: 64em) { 30043 .membership-header .cell--img .img-bg { 30044 width: calc(100vw - 46.25rem + 0.9375rem); 30045 } 30046} 30047.membership-header .cell--img .img-phone { 30048 width: 11.25rem; 30049 max-width: none; 30050 position: absolute; 30051 top: 50%; 30052 right: 0; 30053 transform: translate(0, -60%); 30054} 30055@media print, screen and (min-width: 64em) { 30056 .membership-header .cell--img .img-phone { 30057 width: auto; 30058 right: auto; 30059 left: 0; 30060 transform: translate(-23%, -50%); 30061 } 30062} 30063.membership-header .cell--img .img-kst { 30064 width: 12.875rem; 30065 max-width: none; 30066 position: absolute; 30067 bottom: 3rem; 30068 right: -1.5rem; 30069} 30070@media print, screen and (min-width: 64em) { 30071 .membership-header .cell--img .img-kst { 30072 bottom: 3.25rem; 30073 right: 100%; 30074 margin-right: 4.375rem; 30075 } 30076} 30077.membership-header p { 30078 max-width: 31em; 30079 margin-bottom: 2em; 30080 line-height: 1.55; 30081 font-size: 1rem; 30082} 30083@media print, screen and (min-width: 64em) { 30084 .membership-header p { 30085 margin-left: 0; 30086 font-size: 1.125rem; 30087 } 30088} 30089.membership-header .is-style-checklist li + li { 30090 margin-top: 0.8em; 30091} 30092@media print, screen and (min-width: 64em) { 30093 .membership-header h1 { 30094 font-size: 3.125rem; 30095 } 30096} 30097.membership-header .label { 30098 display: inline-block; 30099 margin-bottom: 1rem; 30100 padding: 0.375rem 0.75rem; 30101 background: rgba(24, 166, 111, 0.1); 30102 border-radius: 5px; 30103 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 30104 font-weight: 800; 30105 font-size: 0.75rem; 30106 line-height: 0.875rem; 30107 text-transform: uppercase; 30108 color: #18A66F; 30109} 30110.membership-header .is-style-checklist { 30111 line-height: 1.1875; 30112} 30113@media print, screen and (min-width: 40em) { 30114 .membership-header .is-style-checklist { 30115 margin-bottom: 2.5em; 30116 } 30117} 30118.membership-header .is-style-checklist li { 30119 padding-left: 2.5rem; 30120 font-size: 1rem; 30121} 30122.membership-header .is-style-checklist li:before { 30123 background-image: url(../img/icon/icon-check-black.svg); 30124 width: 1.625rem; 30125 height: 1.1875rem; 30126 top: 0; 30127 background-size: 1.625rem auto; 30128} 30129.membership-header .text-small {
30130 font-size: 0.75rem; 30131 color: rgba(0, 0, 0, 0.5); 30132} 30133@media print, screen and (min-width: 64em) { 30134 .membership-header .text-small { 30135 font-size: 0.875rem; 30136 } 30137} 30138.membership-header .buttons { 30139 font-size: 0; 30140} 30141.membership-header .buttons .button { 30142 width: 100%; 30143 margin: 0 0.625rem 0.625rem 0; 30144} 30145@media screen and (min-width: 30em) { 30146 .membership-header .buttons .button { 30147 width: auto; 30148 } 30149} 30150@media print, screen and (min-width: 64em) { 30151 .membership-header .buttons .button { 30152 margin: 0 0.9375rem 0.9375rem 0; 30153 } 30154} 30155.membership-header .buttons + p { 30156 margin-bottom: 0 !important; 30157} 30158.membership-header .sticker { 30159 display: flex; 30160 flex-flow: row nowrap; 30161 justify-content: center; 30162 align-items: center; 30163 background: #FC522B; 30164 line-height: 1; 30165 box-shadow: 0 none; 30166 width: 5rem; 30167 height: 5rem; 30168 border-radius: 5rem; 30169 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 30170 font-size: 0.75rem; 30171 line-height: 1.1111111111; 30172 text-align: center; 30173 color: #ffffff; 30174 position: absolute; 30175 right: -0.3125rem; 30176 top: -0.3125rem; 30177 padding: 0.3em; 30178} 30179@media print, screen and (min-width: 40em) { 30180 .membership-header .sticker { 30181 width: 5.625rem; 30182 height: 5.625rem; 30183 border-radius: 5.625rem; 30184 font-size: 0.875rem; 30185 top: 56%; 30186 right: 0; 30187 transform: translateY(-50%); 30188 } 30189} 30190@media print, screen and (min-width: 48em) { 30191 .membership-header .sticker { 30192 top: 52%; 30193 right: 8rem; 30194 } 30195} 30196@media print, screen and (min-width: 64em) { 30197 .membership-header .sticker { 30198 width: 7.5rem; 30199 height: 7.5rem; 30200 border-radius: 7.5rem; 30201 font-size: 1.125rem; 30202 top: 56%; 30203 right: auto; 30204 left: -7.25rem; 30205 } 30206} 30207 30208.checklist-columns { 30209 justify-content: space-around; 30210 align-items: flex-start; 30211 list-style: none; 30212 margin: 0 0 -1.875rem; 30213} 30214.checklist-columns__item { 30215 flex: 1 1 auto; 30216 max-width: 12.5em; 30217 margin: 0 0 1.875rem; 30218 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 30219 letter-spacing: -0.033em; 30220 font-weight: 800; 30221 font-size: 0.9375rem; 30222 line-height: 1.2222222222; 30223 text-align: center; 30224 color: #000F35; 30225} 30226@media print, screen and (min-width: 64em) { 30227 .checklist-columns__item { 30228 font-size: 1.125rem; 30229 } 30230} 30231.checklist-columns svg { 30232 display: block; 30233 margin: 0 auto 0.9375rem; 30234} 30235 30236.media-text .grid-x { 30237 align-items: center; 30238} 30239.media-text h2, .media-text h3 { 30240 margin-bottom: 0.5em; 30241} 30242.media-text p { 30243 font-size: 0.9375rem; 30244 line-height: 1.4117647059; 30245 margin-bottom: 1.5em; 30246} 30247@media print, screen and (min-width: 64em) { 30248 .media-text p { 30249 font-size: 1.0625rem; 30250 } 30251} 30252.media-text p:last-child { 30253 margin-bottom: 0; 30254} 30255.media-text p a { 30256 text-decoration: underline; 30257} 30258.media-text p a:hover, .media-text p a:focus { 30259 text-decoration: none; 30260} 30261.media-text img { 30262 display: block; 30263 width: 23.75rem; 30264 margin: 0 auto 1.25rem; 30265} 30266@media print, screen and (min-width: 40em) { 30267 .media-text img { 30268 margin: 0; 30269 width: auto; 30270 } 30271} 30272@media print, screen and (min-width: 64em) { 30273 .media-text .cell--img.medium-order-1 { 30274 padding-right: 1.25rem; 30275 } 30276 .media-text .cell--img.medium-order-2 { 30277 padding-left: 1.25rem; 30278 } 30279} 30280@media screen and (min-width: 75em) { 30281 .media-text .cell--img.medium-order-1 { 30282 padding-right: 2.8125rem; 30283 } 30284 .media-text .cell--img.medium-order-2 { 30285 padding-left: 2.8125rem; 30286 } 30287} 30288@media print, screen and (max-width: 39.99875em) { 30289 .media-text .cell--content { 30290 text-align: center; 30291 } 30292 .media-text .cell--content > *:not(img) { 30293 text-align: left; 30294 } 30295} 30296@media print, screen and (min-width: 64em) { 30297 .media-text .cell--content.medium-order-1 { 30298 padding-right: 2.5rem; 30299 } 30300 .media-text .cell--content.medium-order-2 { 30301 padding-left: 2.5rem; 30302 } 30303} 30304@media screen and (min-width: 75em) { 30305 .media-text .cell--content.medium-order-1 { 30306 padding-right: 4.0625rem; 30307 } 30308 .media-text .cell--content.medium-order-2 { 30309 padding-left: 4.0625rem; 30310 } 30311} 30312.media-text .cell--content > *:not(img) { 30313 width: 23.75rem; 30314 max-width: 100%; 30315 margin-left: auto; 30316 margin-right: auto; 30317} 30318.media-text .cell--content > *:not(img).button { 30319 width: auto; 30320 max-width: 23.75rem; 30321} 30322@media print, screen and (min-width: 40em) { 30323 .media-text .cell--content > *:not(img) { 30324 width: auto; 30325 max-width: 100%; 30326 margin-left: 0; 30327 } 30328} 30329@media print, screen and (min-width: 64em) { 30330 .media-text .cell--content > *:not(img) { 30331 max-width: 28.75rem; 30332 } 30333} 30334@media screen and (min-width: 75em) { 30335 .media-text .cell--content > *:not(img) { 30336 max-width: 32.5rem; 30337 } 30338} 30339.media-text .fair-pricing__bars { 30340 margin-bottom: 0; 30341} 30342.media-text .is-style-checklist:last-child { 30343 margin-bottom: 0; 30344} 30345.media-text .is-style-checklist a { 30346 text-decoration: underline; 30347} 30348.media-text .is-style-checklist a:hover, .media-text .is-style-checklist a:focus { 30349 text-decoration: none; 30350} 30351.media-text .button.clear { 30352 font-weight: 400; 30353 text-decoration: underline; 30354} 30355.media-text .button.clear:hover, .media-text .button.clear:focus { 30356 text-decoration: none; 30357} 30358.media-text .img-1018 { 30359 max-width: 107.407%; 30360} 30361@media print, screen and (min-width: 30em) and (max-width: 39.99875em) { 30362 .media-text .img-1018 { 30363 width: 25.5rem; 30364 right: -0.875rem; 30365 position: relative; 30366 } 30367} 30368@media print, screen and (max-width: 29.99875em) { 30369 .media-text .img-1018 { 30370 width: 107.4%; 30371 } 30372} 30373 30374.fair-pricing__bars { 30375 margin-bottom: 3.25rem; 30376 box-shadow: 0 42px 44px rgba(0, 0, 0, 0.11); 30377 border-radius: 3px; 30378} 30379.fair-pricing__bar { 30380 height: 3rem; 30381 transition: box-shadow 300ms ease-in-out; 30382} 30383.fair-pricing__bar:hover { 30384 box-shadow: 0 0 20px rgba(0, 0, 0, 0.33); 30385} 30386.fair-pricing__bar:first-child { 30387 border-radius: 3px 0 0 3px; 30388} 30389.fair-pricing__bar:last-child { 30390 border-radius: 0 3px 3px 0; 30391} 30392@media print, screen and (min-width: 64em) { 30393 .fair-pricing__bar { 30394 height: 3.75rem; 30395 } 30396} 30397.fair-pricing__bar.has-tip { 30398 display: block; 30399 border-bottom: 0 none; 30400} 30401@media print, screen and (min-width: 64em) { 30402 .fair-pricing__items { 30403 margin-bottom: 2.5rem; 30404 } 30405} 30406.fair-pricing__item { 30407 padding-right: 0.75rem; 30408 margin-bottom: 2.5rem; 30409 transition: transform 300ms ease-in-out; 30410} 30411.fair-pricing__item.is-active { 30412 transform: translateY(-0.5rem); 30413} 30414.fair-pricing .number { 30415 display: block; 30416 font-size: 1.875rem; 30417 font-weight: 700; 30418 line-height: 1; 30419 margin-bottom: 0.75rem; 30420} 30421 30422.tooltip--fair { 30423 background: #ffffff; 30424 color: #000000; 30425 filter: drop-shadow(0px 24px 94px rgba(0, 0, 0, 0.1)); 30426 font-size: 0.875rem; 30427 line-height: 1.2857142857; 30428 padding: 1rem; 30429} 30430@media print, screen and (min-width: 64em) { 30431 .tooltip--fair { 30432 padding: 1.5rem; 30433 } 30434} 30435.tooltip--fair.bottom::before { 30436 display: block; 30437 width: 0; 30438 height: 0; 30439 border-style: solid; 30440 border-width: 0.625rem; 30441 content: ""; 30442 border-top-width: 0; 30443 border-color: transparent transparent #ffffff; 30444} 30445.tooltip--fair.top::before { 30446 display: block; 30447 width: 0; 30448 height: 0; 30449 border-style: solid; 30450 border-width: 0.625rem; 30451 content: ""; 30452 border-bottom-width: 0; 30453 border-color: #ffffff transparent transparent; 30454} 30455.tooltip--fair.left::before { 30456 display: block; 30457 width: 0; 30458 height: 0; 30459 border-style: solid; 30460 border-width: 0.625rem; 30461 content: ""; 30462 border-right-width: 0; 30463 border-color: transparent transparent transparent #ffffff; 30464} 30465.tooltip--fair.right::before { 30466 display: block; 30467 width: 0; 30468 height: 0; 30469 border-style: solid; 30470 border-width: 0.625rem; 30471 content: ""; 30472 border-left-width: 0; 30473 border-color: transparent #ffffff transparent transparent; 30474} 30475.tooltip--fair .stat { 30476 display: block; 30477 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 30478 letter-spacing: -0.033em; 30479 font-size: 1.875rem; 30480 line-height: 1; 30481} 30482.tooltip--fair strong { 30483 display: block; 30484 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 30485 letter-spacing: -0.033em; 30486 font-size: 1rem; 30487 line-height: 1.1875; 30488 margin-bottom: 0.75em; 30489} 30490 30491.pricing { 30492 background: #000F35; 30493} 30494.pricing .headline { 30495 margin-bottom: 1.3em; 30496 color: #ffffff; 30497 text-align: center; 30498} 30499.pricing .grid-container:not(.full) > .grid-padding-x { 30500 margin-left: -0.75rem; 30501 margin-right: -0.75rem; 30502 margin-bottom: -1.5rem; 30503} 30504.pricing .cell { 30505 padding-left: 0.75rem; 30506 padding-right: 0.75rem; 30507 margin-bottom: 1.5rem; 30508} 30509@media print, screen and (min-width: 64em) { 30510 .pricing .cell:nth-child(odd) { 30511 padding: 1.25rem 0.75rem 2rem; 30512 } 30513} 30514.pricing .card { 30515 max-width: 37.5rem; 30516 margin: 0 auto; 30517 height: 100%; 30518 display: flex; 30519 flex-flow: column nowrap; 30520 justify-content: flex-start; 30521 align-items: flex-start; 30522 padding: 1.25rem; 30523 background: #fff; 30524 box-shadow: 0px 24px 70px rgba(0, 0, 0, 0.1); 30525 border-radius: 3px; 30526} 30527@media print, screen and (min-width: 64em) { 30528 .pricing .card { 30529 padding: 1.875rem; 30530 } 30531} 30532.pricing .card > *:last-child { 30533 margin-top: auto; 30534 margin-bottom: 0; 30535} 30536.pricing .card > p:first-child { 30537 margin-bottom: 1em; 30538 font-size: 1.875rem; 30539 line-height: 3.125rem; 30540} 30541.pricing .card h2, .pricing .card h3, .pricing .card h4 { 30542 font-size: 1.625rem; 30543 line-height: 116.6%; 30544} 30545.pricing .stat { 30546 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 30547 font-weight: 800; 30548 color: #f3f5f7; 30549 font-size: 2.5rem; 30550 line-height: 1; 30551 color: #F7A700; 30552 margin: 0; 30553} 30554@media print, screen and (min-width: 48em) { 30555 .pricing .stat { 30556 font-size: 3.125rem; 30557 } 30558} 30559.pricing .stat small { 30560 font-size: 0.32em; 30561 font-weight: 400; 30562 font-family: "Roboto", sans-serif; 30563 color: #000; 30564} 30565.pricing.light { 30566 background: #F6F9FB; 30567 color: #000F35; 30568} 30569.pricing.light .headline {
30570 color: #000F35; 30571} 30572.pricing.light .stat { 30573 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 30574 letter-spacing: -0.033em; 30575} 30576.pricing.light .stat small { 30577 letter-spacing: 0; 30578} 30579.pricing.light .stat + p { 30580 color: #F7A700; 30581 font-weight: 700; 30582 line-height: 1.25; 30583} 30584 30585.steps { 30586 background: #000F35; 30587 color: #ffffff; 30588 text-align: center; 30589} 30590.steps .headline { 30591 margin-bottom: 1.3em; 30592 color: #ffffff; 30593 text-align: center; 30594} 30595.steps .text-small { 30596 color: #ffffff; 30597 max-width: 21em; 30598 margin-left: auto; 30599 margin-right: auto; 30600 font-size: 0.875rem; 30601 line-height: 1.5; 30602} 30603.steps .title { 30604 color: #ffffff; 30605 margin: 0 0 0.7em; 30606 font-size: 1.375rem; 30607 line-height: 1.1818181818; 30608} 30609.steps .grid-x { 30610 justify-content: space-around; 30611} 30612.steps .cell { 30613 max-width: 20.25rem; 30614 margin-bottom: 2.5rem; 30615} 30616.steps .img { 30617 height: 2.75rem; 30618 position: relative; 30619 margin-bottom: 1.25rem; 30620} 30621.steps .img img { 30622 position: relative; 30623 top: 50%; 30624 transform: translateY(-50%); 30625} 30626.steps .button { 30627 margin-bottom: 0; 30628} 30629.steps.white { 30630 background: #ffffff; 30631 color: #000F35; 30632}
30633.steps.white .title, 30634.steps.white .text-small, 30635.steps.white .headline { 30636 color: #000F35; 30637} 30638.steps.white .headline { 30639 margin-bottom: 1.7em; 30640} 30641.steps.white .text-small { 30642 max-width: 18em; 30643 font-weight: 500; 30644} 30645 30646.faq p, .faq ul, .faq ol { 30647 line-height: 1.5; 30648} 30649 30650.testimonials-cards { 30651 color: #000000; 30652} 30653.testimonials-cards .h4 { 30654 display: block; 30655 margin-bottom: 0.5em; 30656} 30657.testimonials-cards p { 30658 color: #000000; 30659 font-size: 0.875rem; 30660} 30661.testimonials-cards cite { 30662 display: block; 30663 color: #000000; 30664 font-size: 0.875rem; 30665 font-weight: 700; 30666 line-height: 1; 30667 font-style: normal; 30668} 30669.testimonials-cards cite::before { 30670 content: ""; 30671} 30672.testimonials-cards img { 30673 display: block; 30674 width: 4.375rem; 30675 border-radius: 4.375rem; 30676 margin-bottom: 1.875rem; 30677} 30678.testimonials-cards .swiper-container { 30679 margin-bottom: -1.25rem; 30680 overflow: visible; 30681} 30682.testimonials-cards .swiper-pagination { 30683 position: static; 30684 bottom: 0; 30685 text-align: center; 30686 margin: 1rem -0.25rem 0; 30687} 30688.testimonials-cards .swiper-slide { 30689 width: 18.75rem; 30690} 30691@media print, screen and (min-width: 40em) { 30692 .testimonials-cards .swiper-slide { 30693 width: 21.25rem; 30694 } 30695} 30696@media print, screen and (min-width: 48em) { 30697 .testimonials-cards .swiper-slide { 30698 width: 23.25rem; 30699 } 30700} 30701@media print, screen and (min-width: 64em) { 30702 .testimonials-cards .swiper-slide { 30703 width: 28.125rem; 30704 } 30705} 30706.testimonials-cards .card { 30707 padding: 1.25rem; 30708 background: #F5F6F7; 30709} 30710@media print, screen and (min-width: 64em) { 30711 .testimonials-cards .card { 30712 padding: 1.875rem; 30713 } 30714} 30715 30716.countdown { 30717 display: inline-block; 30718 vertical-align: middle; 30719 font-size: 0.875rem !important; 30720 line-height: 1rem; 30721 margin-bottom: 0.9375rem !important; 30722} 30723@media screen and (min-width: 30em) { 30724 .countdown { 30725 margin: 0.375rem 0.625rem 0.625rem 1.25rem !important; 30726 } 30727} 30728@media print, screen and (min-width: 64em) { 30729 .countdown { 30730 margin: 0.375rem 0.9375rem 0.9375rem 1.25rem !important; 30731 } 30732} 30733.countdown .time { 30734 font-style: normal; 30735 font-weight: bold; 30736 font-size: 1.375rem; 30737 line-height: 1.1818181818; 30738 color: #FC522B; 30739} 30740 30741.header--magazin { 30742 position: relative; 30743 background: #000000; 30744 color: #ffffff; 30745 text-align: center; 30746 margin-bottom: 7.5rem; 30747} 30748@media print, screen and (min-width: 48em) { 30749 .header--magazin { 30750 margin-bottom: 17.5rem; 30751 } 30752} 30753.header--magazin::after { 30754 content: ""; 30755 display: block; 30756 width: 100%; 30757 height: 100%; 30758 position: absolute; 30759 left: 0; 30760 top: 0; 30761 background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 80%, rgb(0, 0, 0) 100%); 30762 opacity: 0.4; 30763 z-index: 1; 30764} 30765.header--magazin .button { 30766 background-color: #F52624; 30767 min-width: 13.125rem; 30768} 30769.header--magazin .button:hover, .header--magazin .button:focus { 30770 background-color: rgb(228.4198689956, 12.5161572052, 10.4301310044); 30771} 30772.header--magazin .grid-container { 30773 position: relative; 30774 z-index: initial; 30775 width: 100%; 30776 max-width: 51.875rem; 30777 padding-top: 4.375rem; 30778 z-index: 10; 30779} 30780@media print, screen and (min-width: 64em) { 30781 .header--magazin .grid-container { 30782 padding-top: 11.25rem; 30783 } 30784} 30785.header--magazin .header__img { 30786 display: block; 30787 width: 100%; 30788 height: 100%; 30789 object-fit: cover; 30790 position: absolute; 30791} 30792.header--magazin .pre-headline { 30793 display: inline-block; 30794 font-size: 0.75rem; 30795 line-height: 1.0625rem; 30796 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 30797 color: #ffffff; 30798 text-transform: uppercase; 30799 background: #000000; 30800 border-radius: 56px; 30801 padding: 0.3125rem 0.625rem; 30802 margin-bottom: 1rem; 30803} 30804@media print, screen and (min-width: 48em) { 30805 .header--magazin .pre-headline { 30806 font-size: 0.875rem; 30807 line-height: 1.0625rem; 30808 } 30809} 30810.header--magazin .header__title { 30811 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 30812 margin-bottom: 0.5em; 30813 position: relative; 30814 z-index: 3; 30815 color: #ffffff; 30816 text-transform: none; 30817 line-height: 91%; 30818 font-size: clamp(2.5rem, 5.5vw, 4.125rem); 30819} 30820@media print, screen and (min-width: 64em) { 30821 .header--magazin .header__title { 30822 font-size: 4.125rem; 30823 } 30824} 30825.header--magazin .inner { 30826 display: inline-block; 30827 position: relative; 30828 z-index: 2; 30829 margin: 3.125rem 0 -7.5rem; 30830} 30831@media print, screen and (min-width: 48em) { 30832 .header--magazin .inner { 30833 margin: -4.0625rem 0 -17.1875rem; 30834 } 30835} 30836.header--magazin .inner img { 30837 display: block; 30838 width: 100%; 30839 max-width: 25rem; 30840 position: relative; 30841 left: 50%; 30842 transform: translateX(-50%); 30843} 30844@media print, screen and (min-width: 40em) { 30845 .header--magazin .inner img { 30846 max-width: 35rem; 30847 } 30848} 30849@media print, screen and (min-width: 48em) { 30850 .header--magazin .inner img { 30851 max-width: 100%; 30852 } 30853} 30854.header--magazin .inner .stickers { 30855 position: absolute; 30856 right: 0; 30857 top: 40%; 30858 transform: translateY(-50%); 30859 font-size: 0.75rem; 30860} 30861@media print, screen and (min-width: 40em) { 30862 .header--magazin .inner .stickers { 30863 left: 65.6%; 30864 right: auto; 30865 top: 46%; 30866 transform: translate(-50%, -50%); 30867 font-size: 1rem; 30868 } 30869} 30870.header--magazin .inner .sticker { 30871 display: flex; 30872 flex-flow: row nowrap; 30873 justify-content: center; 30874 align-items: center; 30875 margin: 0.3125rem auto; 30876 font-size: 4.875em; 30877 width: 1em; 30878 height: 1em; 30879 border-radius: 1em; 30880 background: #454545; 30881 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 30882 color: #ffffff; 30883} 30884.header--magazin .inner .sticker span { 30885 font-size: 0.3334em; 30886 line-height: 1; 30887} 30888.header--magazin .inner .sticker small { 30889 font-size: 0.3103em; 30890 font-family: "Roboto", sans-serif; 30891} 30892.header--magazin .inner .sticker.big { 30893 font-size: 7.25em; 30894 background: #000; 30895} 30896.header--magazin .inner .sticker.big span { 30897 font-size: 0.3103em; 30898} 30899.header--magazin .inner .sticker.big small { 30900 display: block; 30901 margin-top: 0.375rem; 30902 font-size: 0.3889em; 30903 line-height: 1; 30904 font-family: "Roboto", sans-serif; 30905 font-weight: 400; 30906} 30907.header--magazin + .section { 30908 position: relative; 30909 z-index: 3; 30910} 30911.header--magazin .img-ciary { 30912 position: absolute; 30913 left: 50%; 30914 top: 45%; 30915 transform: translateX(-150%); 30916 z-index: 3; 30917} 30918.header--magazin .img-ciary:last-child { 30919 left: 50%; 30920 transform: translateX(60%); 30921 top: 75%; 30922} 30923 30924.section--magazin { 30925 position: relative; 30926} 30927.section--magazin .cell { 30928 max-width: 33.125rem; 30929} 30930.section--magazin .text-columns { 30931 margin: 0 auto; 30932} 30933@media print, screen and (min-width: 40em) { 30934 .section--magazin .text-columns { 30935 max-width: 62.5rem; 30936 column-count: 2; 30937 column-gap: 10%; 30938 } 30939} 30940.section--magazin .stat--intro { 30941 color: #F52624; 30942 font-size: 3.125rem; 30943 line-height: 1; 30944 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 30945 margin-bottom: 1.5rem; 30946} 30947@media print, screen and (min-width: 48em) { 30948 .section--magazin .stat--intro { 30949 font-size: 4.375rem; 30950 } 30951} 30952.section--magazin .stat--intro small { 30953 font-size: 0.875rem; 30954 line-height: 1.1875; 30955 color: #000000; 30956 vertical-align: top; 30957 margin-left: 5px; 30958} 30959@media print, screen and (min-width: 48em) { 30960 .section--magazin .stat--intro small { 30961 font-size: 1rem; 30962 } 30963} 30964.section--magazin .stat--intro + .lead { 30965 font-size: 1.375rem; 30966 line-height: 1.3214285714; 30967} 30968@media print, screen and (min-width: 48em) { 30969 .section--magazin .stat--intro + .lead { 30970 font-size: 1.75rem; 30971 } 30972} 30973.section--magazin .stat--intro + .lead span { 30974 display: inline-block; 30975 position: relative; 30976} 30977.section--magazin .stat--intro + .lead span::before { 30978 content: ""; 30979 position: absolute; 30980 background-image: url("data:image/svg+xml,%3Csvg width='85' height='52' viewBox='0 0 85 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M58.7194 3.68235C47.0233 3.35057 32.6723 -3.09234 21.888 5.2658C18.5113 7.88287 15.0162 9.98426 11.6783 12.6958C8.84445 14.9978 3.22716 17.841 1.3731 21.2221C0.385546 23.023 1.61214 27.6011 2.13644 29.0175C4.9 36.4832 9.12204 40.2573 15.2087 42.2941C20.2538 43.9823 24.9455 46.6457 29.9031 48.3843C40.1702 51.9849 52.6443 50.8203 63.2041 50.8203C72.5503 50.8203 78.9234 49.8049 82.2877 38.7618C82.6196 37.6722 84.2853 33.5922 83.9575 32.6716C82.4738 28.5048 79.6542 25.5968 77.2305 22.3792C71.9662 15.3904 65.0435 11.8891 57.5267 11.356C48.6481 10.7263 40.3633 9.32796 32.0977 13.5484' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); 30981 width: 5.3125rem; 30982 height: 3.25rem; 30983 top: 50%; 30984 left: 50%; 30985 transform: translate(-50%, -50%); 30986} 30987@media print, screen and (max-width: 47.99875em) { 30988 .section--magazin .stat--intro + .lead span::before { 30989 width: 4rem; 30990 height: 2.4375rem; 30991 background-size: 4rem 2.4375rem; 30992 } 30993} 30994.section--magazin .primary.button { 30995 background-color: #F52624; 30996 min-width: 13.125rem; 30997} 30998.section--magazin .primary.button:hover, .section--magazin .primary.button:focus { 30999 background-color: rgb(228.4198689956, 12.5161572052, 10.4301310044); 31000} 31001.section--magazin .primary.button.hollow { 31002 background-color: transparent; 31003 border-color: #F52624; 31004 color: #F52624; 31005} 31006.section--magazin .primary.button.hollow:hover, .section--magazin .primary.button.hollow:focus { 31007 border-color: rgb(201.5469432314, 11.0436681223, 9.2030567686); 31008 color: rgb(201.5469432314, 11.0436681223, 9.2030567686); 31009} 31010.section--magazin p { 31011 font-size: 1rem; 31012 line-height: 1.7; 31013 font-weight: 300; 31014 margin-bottom: 0.5em; 31015} 31016@media print, screen and (min-width: 48em) { 31017 .section--magazin p { 31018 font-size: 1.125rem; 31019 } 31020} 31021@media print, screen and (min-width: 64em) { 31022 .section--magazin p { 31023 font-size: 1.25rem; 31024 } 31025} 31026.section--magazin h2 { 31027 font-size: clamp(2rem, 5vw, 3.333rem); 31028} 31029.section--magazin h2 small { 31030 display: block; 31031 font-weight: normal; 31032 font-size: 0.875rem; 31033 line-height: 1.2142857143; 31034 text-align: center; 31035 letter-spacing: 4px; 31036 text-transform: uppercase; 31037 color: #F52624; 31038} 31039.section--magazin.blue { 31040 padding: 5.25rem 0 4.625rem; 31041 background: #2088C2; 31042 color: #ffffff; 31043 text-align: center; 31044} 31045@media print, screen and (min-width: 48em) { 31046 .section--magazin.blue { 31047 text-align: left; 31048 } 31049} 31050.section--magazin.blue p { 31051 font-size: 0.9375rem; 31052 line-height: 156%; 31053} 31054@media print, screen and (min-width: 48em) { 31055 .section--magazin.blue p { 31056 font-size: 1.125rem; 31057 } 31058} 31059.section--magazin.blue p a { 31060 color: inherit; 31061 text-decoration: underline; 31062} 31063.section--magazin.blue p a:hover { 31064 text-decoration: none; 31065} 31066.section--magazin.blue h3 { 31067 font-size: clamp(1.75rem, 4.1667vw, 3.125rem); 31068 color: #ffffff; 31069} 31070.section--magazin.blue .button { 31071 margin-top: 1.5rem; 31072 margin-bottom: 0; 31073 color: #F52624; 31074} 31075.section--magazin.blue .grid-container { 31076 position: relative; 31077 z-index: 1; 31078} 31079.section--magazin.blue .cell img { 31080 display: block; 31081 margin: -7.8125rem auto 2rem; 31082 max-width: 18.75rem; 31083} 31084@media print, screen and (min-width: 48em) { 31085 .section--magazin.blue .cell img { 31086 max-width: 100%; 31087 margin: -7.8125rem 0 -8.75rem; 31088 } 31089} 31090@media print, screen and (min-width: 48em) { 31091 .section--magazin.blue .cell.content { 31092 max-width: 100%; 31093 padding-left: 5%; 31094 } 31095} 31096.section--magazin.blue .img-ciary { 31097 position: absolute; 31098 left: 50%; 31099 top: 1.5rem; 31100 transform: translateX(-110%) rotate(60.71deg); 31101 z-index: 0; 31102} 31103.section--magazin.blue .img-ciary:last-child { 31104 left: 50%; 31105 transform: translateX(60%) rotate(-3.12deg); 31106 top: 6.5625rem; 31107} 31108.section--magazin.blue .stickers { 31109 position: absolute; 31110 left: 95%; 31111 top: 38%; 31112 transform: translate(-50%, -50%); 31113 font-size: 0.75rem; 31114} 31115@media print, screen and (min-width: 48em) { 31116 .section--magazin.blue .stickers { 31117 left: 95%; 31118 top: 61%; 31119 font-size: 1rem; 31120 } 31121} 31122.section--magazin.blue .sticker { 31123 display: flex; 31124 flex-flow: row nowrap; 31125 justify-content: center; 31126 align-items: center; 31127 margin: 0.3125rem auto; 31128 font-size: 4.875em; 31129 width: 1em; 31130 height: 1em; 31131 border-radius: 1em; 31132 background: #454545; 31133 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 31134 color: #ffffff; 31135} 31136.section--magazin.blue .sticker span { 31137 font-size: 0.3334em; 31138 line-height: 1; 31139} 31140.section--magazin.blue .sticker small { 31141 font-size: 0.3103em; 31142 font-family: "Roboto", sans-serif; 31143} 31144.section--magazin.blue .sticker.big { 31145 font-size: 7.25em; 31146 background: #000; 31147} 31148.section--magazin.blue .sticker.big span { 31149 font-size: 0.3103em; 31150} 31151.section--magazin.blue .sticker.big small { 31152 display: block; 31153 margin-top: 0.375rem; 31154 font-size: 0.3889em; 31155 line-height: 1; 31156 font-family: "Roboto", sans-serif; 31157 font-weight: 400; 31158} 31159.section--magazin .switch { 31160 text-align: center; 31161 border: 0 none; 31162 margin: 3.375rem 0 1.125rem; 31163 height: 4.625rem; 31164} 31165@media print, screen and (max-width: 47.99875em) { 31166 .section--magazin .switch { 31167 transform: scale(0.875); 31168 transform-origin: center center; 31169 } 31170} 31171.section--magazin .switch .switch-paddle { 31172 display: block; 31173 width: 23.5rem; 31174 margin: 0 auto; 31175 height: 4.375rem; 31176 border-radius: 3.75rem; 31177 padding: 0.5rem; 31178 background: #E6ECEF; 31179} 31180@media screen and (max-width: 28.75em) { 31181 .section--magazin .switch .switch-paddle { 31182 transform: translateX(-50%); 31183 left: 50%; 31184 } 31185} 31186.section--magazin .switch .switch-paddle span { 31187 display: block; 31188 white-space: nowrap; 31189 height: 3.375rem; 31190 line-height: 3.375rem; 31191 top: 0.5rem; 31192 right: auto; 31193 transform: none; 31194 font-weight: 700; 31195} 31196.section--magazin .switch .switch-paddle span:first-child { 31197 width: 12.75rem; 31198 left: 0.5rem; 31199} 31200.section--magazin .switch .switch-paddle span:last-child { 31201 width: 9.75rem; 31202 left: 13.25rem; 31203} 31204.section--magazin .switch .switch-paddle::after { 31205 width: 12.75rem; 31206 left: 0.5rem; 31207 height: 3.375rem; 31208 border-radius: 3.75rem; 31209 background: #ffffff; 31210 box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.15); 31211} 31212.section--magazin .switch input:checked ~ .switch-paddle::after { 31213 width: 9.75rem; 31214 left: 13.25rem; 31215} 31216.section--magazin .switch input:not(:checked) + label > .switch-active, 31217.section--magazin .switch input:checked + label > .switch-inactive { 31218 color: #18A66F; 31219} 31220.section--magazin .switch + p { 31221 text-align: center; 31222 margin-bottom: 4.375rem; 31223} 31224.section--magazin .pricing { 31225 position: relative; 31226 background: transparent; 31227} 31228.section--magazin .pricing > p { 31229 font-size: 1rem; 31230 line-height: 1.5; 31231 font-weight: 400; 31232 text-align: center; 31233} 31234.section--magazin .pricing > p a { 31235 color: inherit; 31236 text-decoration: underline; 31237} 31238.section--magazin .pricing > p a:hover { 31239 text-decoration: none; 31240} 31241.section--magazin .pricing .grid-x { 31242 justify-content: center; 31243 margin-bottom: 3rem; 31244 position: relative; 31245 z-index: 1; 31246} 31247@media print, screen and (min-width: 40em) { 31248 .section--magazin .pricing .cell { 31249 padding-left: 0; 31250 padding-right: 0; 31251 max-width: 20.25rem; 31252 } 31253 .section--magazin .pricing .cell .card { 31254 padding: 2.375rem 3rem; 31255 } 31256} 31257@media print, screen and (min-width: 64em) { 31258 .section--magazin .pricing .cell:nth-child(odd) { 31259 padding: 1.875rem 0 1.875rem; 31260 } 31261} 31262.section--magazin .pricing .card { 31263 border: 2px solid #E8F0F7; 31264 border-radius: 3px; 31265 box-shadow: none; 31266 text-align: center; 31267 align-items: stretch; 31268 overflow: inherit; 31269} 31270.section--magazin .pricing .card .button { 31271 margin-bottom: 0; 31272 margin-top: auto; 31273} 31274.section--magazin .pricing .cell:nth-child(2) { 31275 max-width: 24.125rem; 31276} 31277.section--magazin .pricing .cell:nth-child(2) .card { 31278 box-shadow: 0px 44px 104px rgba(0, 0, 0, 0.1); 31279 border-color: #18A66F; 31280} 31281.section--magazin .pricing img { 31282 display: block; 31283 margin: 0 auto; 31284} 31285.section--magazin .pricing .stat { 31286 font-size: 2.25rem; 31287 line-height: 1.2; 31288 color: #F7A700; 31289 margin: 0 auto 0.3125rem; 31290} 31291@media print, screen and (min-width: 48em) { 31292 .section--magazin .pricing .stat { 31293 font-size: 2.5rem; 31294 } 31295} 31296.section--magazin .pricing h3 { 31297 font-size: 1.25rem; 31298 margin-bottom: 1.75rem; 31299 line-height: 1; 31300} 31301.section--magazin .pricing .has-tip { 31302 border-bottom: 0 none; 31303 vertical-align: top; 31304} 31305.section--magazin .pricing .img-ciary { 31306 position: absolute; 31307 left: 50%; 31308 top: 38%; 31309 transform: translateX(-110%) rotate(-28.79deg); 31310 z-index: 0; 31311} 31312.section--magazin .pricing .img-ciary:last-child { 31313 left: 50%; 31314 transform: translateX(35%) rotate(-28.79deg); 31315 top: 30%; 31316} 31317.section--magazin .accordion { 31318 max-width: 35.625rem; 31319 margin-left: auto; 31320 margin-right: auto; 31321} 31322.section--magazin .accordion p { 31323 font-size: 1rem; 31324 line-height: 1.5625; 31325 color: #061436; 31326 mix-blend-mode: normal; 31327 opacity: 0.8; 31328} 31329 31330.magazin-swiper { 31331 margin: 3.75rem 0; 31332 filter: drop-shadow(0px 54px 100px rgba(0, 0, 0, 0.1)); 31333} 31334@media print, screen and (min-width: 48em) { 31335 .magazin-swiper { 31336 margin: 7.5rem 0; 31337 }
31338} 31339.magazin-swiper .swiper-slide { 31340 width: auto !important; 31341 height: 15.625rem; 31342} 31343@media print, screen and (min-width: 48em) { 31344 .magazin-swiper .swiper-slide { 31345 height: 28.125rem; 31346 } 31347} 31348.magazin-swiper .swiper-slide img { 31349 width: auto; 31350 height: 100%; 31351} 31352 31353.img-ciary-01 { 31354 position: absolute; 31355 left: 50%; 31356 top: 6.25rem; 31357 transform: translateX(-120%); 31358 z-index: 0; 31359} 31360 31361.magazin-reviews { 31362 margin-top: 1.25rem; 31363} 31364@media print, screen and (min-width: 64em) { 31365 .magazin-reviews { 31366 margin-top: 5.3125rem; 31367 } 31368} 31369.magazin-reviews .cell { 31370 font-size: 1rem; 31371 line-height: 1.5; 31372 padding: 0.3125rem; 31373 max-width: 100%; 31374 text-align: center; 31375 font-weight: 400; 31376} 31377.magazin-reviews .star-rating { 31378 margin: 0.25rem auto; 31379 vertical-align: top; 31380} 31381@media print, screen and (min-width: 64em) { 31382 .magazin-reviews .star-rating { 31383 display: inline-block; 31384 margin: 0.25rem 0.625rem 0.25rem 0; 31385 } 31386} 31387 31388.magazin-obsah { 31389 justify-content: space-between; 31390 padding: 0 0.9375rem; 31391} 31392@media print, screen and (min-width: 64em) { 31393 .magazin-obsah { 31394 padding: 0; 31395 } 31396} 31397.magazin-obsah .cell { 31398 width: 100%; 31399 max-width: 26.25rem; 31400 margin: 0 auto 1.5rem; 31401 padding-left: 2.75rem; 31402 position: relative; 31403} 31404@media screen and (min-width: 43.75em) { 31405 .magazin-obsah .cell { 31406 max-width: 20rem; 31407 margin: 0 0.9375rem 3rem; 31408 } 31409} 31410.magazin-obsah .cell:empty { 31411 margin: 0; 31412} 31413.magazin-obsah .page { 31414 font-size: 1rem; 31415 line-height: 1.5; 31416 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 31417 color: #F52624; 31418 position: absolute; 31419 left: 0; 31420 top: 0.3125rem; 31421} 31422@media print, screen and (min-width: 40em) { 31423 .magazin-obsah .page { 31424 font-size: 1.25rem; 31425 } 31426} 31427.magazin-obsah h3 { 31428 font-size: 1.25rem; 31429 line-height: 1.25; 31430 margin-bottom: 0.3125rem; 31431} 31432@media print, screen and (min-width: 40em) { 31433 .magazin-obsah h3 { 31434 font-size: 1.5rem; 31435 } 31436} 31437.magazin-obsah p { 31438 font-size: 0.875rem; 31439 line-height: 1.5; 31440 font-weight: 400; 31441 margin: 0; 31442} 31443@media print, screen and (min-width: 40em) { 31444 .magazin-obsah p { 31445 font-size: 1rem; 31446 } 31447} 31448.magazin-obsah p a { 31449 color: #F52624; 31450 text-decoration: underline; 31451 font-weight: 700; 31452} 31453.magazin-obsah p a:hover { 31454 text-decoration: none; 31455} 31456 31457.page--darcek .content__main { 31458 background: #ffffff; 31459} 31460.page--darcek .button.theme { 31461 background-color: #FC522B; 31462 color: #ffffff; 31463 box-shadow: none; 31464} 31465.page--darcek .button.theme:hover, .page--darcek .button.theme:focus { 31466 background-color: rgb(247.2511627907, 48.9837209302, 3.4988372093); 31467} 31468.page--darcek .button.theme.hollow { 31469 background: transparent; 31470 border-color: rgba(252, 82, 43, 0.2); 31471 color: #FC522B; 31472 transition: background-color 0.25s, border-color 0.25s ease-out, color 0.25s ease-out; 31473} 31474.page--darcek .button.theme.hollow:hover { 31475 background: #FC522B; 31476 border-color: #FC522B; 31477 color: #ffffff; 31478} 31479.page--darcek .steps .text-small a { 31480 color: #FC522B; 31481 text-decoration: underline; 31482} 31483.page--darcek .steps .text-small a:hover, .page--darcek .steps .text-small a:focus { 31484 text-decoration: none; 31485} 31486.page--darcek .membership-header { 31487 overflow: hidden; 31488} 31489.page--darcek .membership-header .grid-x { 31490 align-items: center; 31491} 31492@media print, screen and (min-width: 64em) { 31493 .page--darcek .membership-header .cell--content { 31494 padding-top: 6.25rem; 31495 padding-bottom: 6.25rem; 31496 } 31497} 31498.page--darcek .membership-header .label { 31499 background: rgba(252, 82, 43, 0.1); 31500 color: #FC522B; 31501} 31502.page--darcek .membership-header h1 { 31503 margin-bottom: 0.625rem; 31504 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 31505 line-height: 1; 31506} 31507@media print, screen and (min-width: 64em) { 31508 .page--darcek .membership-header h1 { 31509 font-size: 3.75rem; 31510 } 31511} 31512.page--darcek .membership-header h1 img { 31513 display: inline; 31514 vertical-align: bottom; 31515 width: 1.1667em; 31516 margin-top: 1.5rem; 31517} 31518.page--darcek .membership-header .intro { 31519 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 31520 font-size: 1.25rem; 31521 line-height: 1.3793103448; 31522 margin-bottom: 1.3125rem; 31523 color: #000F35; 31524 letter-spacing: -0.033em; 31525} 31526@media print, screen and (min-width: 40em) { 31527 .page--darcek .membership-header .intro { 31528 font-size: 1.5rem; 31529 } 31530} 31531@media print, screen and (min-width: 64em) { 31532 .page--darcek .membership-header .intro { 31533 font-size: 1.6875rem; 31534 } 31535} 31536.page--darcek .membership-header .cell--img { 31537 text-align: right; 31538} 31539.page--darcek .membership-header .darcek-img { 31540 width: 20rem; 31541 max-width: none; 31542} 31543@media print, screen and (min-width: 64em) { 31544 .page--darcek .membership-header .darcek-img { 31545 width: 30.625rem; 31546 } 31547} 31548.page--darcek .membership-header .kst-img { 31549 margin: 1.25rem 0 -1.875rem; 31550} 31551@media print, screen and (min-width: 48em) { 31552 .page--darcek .membership-header .kst-img { 31553 margin: 1.25rem 0 -3.125rem; 31554 } 31555} 31556 31557.custom-callout { 31558 margin-top: 3rem; 31559 position: relative; 31560 background: #fee9cb; 31561 border-radius: 3px; 31562 padding: 1.5rem 1.875rem 1.25rem 1.875rem; 31563} 31564@media print, screen and (min-width: 48em) { 31565 .custom-callout { 31566 padding: 1.5rem 1.75rem 1.5rem 4.25rem; 31567 } 31568} 31569.custom-callout svg { 31570 display: block; 31571 float: left; 31572 position: static; 31573 margin: 0 8px 0px 0; 31574} 31575@media print, screen and (min-width: 48em) { 31576 .custom-callout svg { 31577 position: absolute; 31578 left: 1.75rem; 31579 top: 1.5rem; 31580 } 31581} 31582.custom-callout p { 31583 font-size: 1rem; 31584 line-height: 162%; 31585 color: #000000; 31586 margin: 0; 31587 font-weight: 400; 31588} 31589.custom-callout p a { 31590 font-weight: 500; 31591 text-decoration: underline; 31592} 31593.custom-callout p a:hover { 31594 text-decoration: none; 31595} 31596 31597.header--2percent { 31598 position: relative; 31599 background: #000000; 31600 color: #ffffff; 31601 text-align: center; 31602} 31603.header--2percent::after {
31604 content: ""; 31605 display: block; 31606 width: 100%; 31607 height: 100%; 31608 position: absolute; 31609 left: 0; 31610 top: 0; 31611 background: rgba(0, 0, 0, 0.6); 31612 z-index: 1; 31613} 31614.header--2percent .button { 31615 background-color: #18A66F; 31616 min-width: 13.125rem; 31617} 31618.header--2percent .button:hover, .header--2percent .button:focus { 31619 background-color: rgb(20.4, 141.1, 94.35); 31620} 31621.header--2percent .grid-container { 31622 position: relative; 31623 z-index: initial; 31624 width: 100%; 31625 padding-top: 7.5rem; 31626 padding-bottom: 3.75rem; 31627 z-index: 10; 31628} 31629@media print, screen and (min-width: 64em) { 31630 .header--2percent .grid-container { 31631 padding-top: 13.75rem; 31632 padding-bottom: 10rem; 31633 } 31634} 31635.header--2percent .header__img { 31636 display: block; 31637 width: 100%; 31638 height: 100%; 31639 object-fit: cover; 31640 position: absolute; 31641} 31642.header--2percent .header__title { 31643 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 31644 margin-bottom: 0.2em; 31645 position: relative; 31646 z-index: 3; 31647 color: #ffffff; 31648 text-transform: none; 31649 line-height: 91%; 31650 font-size: clamp(2.5rem, 5.5vw, 4.125rem); 31651} 31652@media print, screen and (min-width: 64em) { 31653 .header--2percent .header__title { 31654 font-size: 4.125rem; 31655 } 31656} 31657.header--2percent .header__title + p { 31658 font-size: clamp(1rem, 1.5vw, 1.5rem); 31659 font-weight: 500; 31660 margin-bottom: 1.75em; 31661} 31662 31663.page-2percenta h2 { 31664 color: #000000; 31665} 31666@media print, screen and (min-width: 64em) { 31667 .page-2percenta h2 { 31668 font-size: 4rem; 31669 } 31670} 31671.page-2percenta h2 br { 31672 display: block !important; 31673} 31674.page-2percenta h3 { 31675 font-size: 2rem; 31676 color: #000000; 31677 line-height: 125%; 31678} 31679.page-2percenta h3 span { 31680 color: #18A66F; 31681} 31682.page-2percenta h3 br { 31683 display: block !important; 31684} 31685.page-2percenta .callout.secondary { 31686 background: #f3f5f7; 31687 padding: 1.5rem 1.75rem; 31688 font-size: 1rem; 31689 font-weight: 400; 31690 line-height: 144%; 31691 text-align: center; 31692 color: #272727; 31693} 31694.page-2percenta .gallery { 31695 margin-bottom: 3rem; 31696} 31697.page-2percenta .section--2p-intro .text-columns { 31698 margin: 0 auto; 31699} 31700@media print, screen and (min-width: 40em) { 31701 .page-2percenta .section--2p-intro .text-columns { 31702 max-width: 62.5rem; 31703 column-count: 2; 31704 column-gap: 10%; 31705 } 31706} 31707.page-2percenta .section--2p-intro .stat--intro { 31708 color: #18A66F; 31709 font-size: 3.125rem; 31710 line-height: 1; 31711 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 31712 margin-bottom: 1.5rem; 31713} 31714@media print, screen and (min-width: 48em) { 31715 .page-2percenta .section--2p-intro .stat--intro { 31716 font-size: 4.375rem; 31717 } 31718} 31719.page-2percenta .section--2p-intro .stat--intro small { 31720 display: block; 31721 font-size: 57%; 31722 line-height: 1; 31723} 31724.page-2percenta .section--2p-intro .stat--intro + .lead { 31725 font-size: 1.375rem; 31726 line-height: 1.3214285714; 31727} 31728@media print, screen and (min-width: 48em) { 31729 .page-2percenta .section--2p-intro .stat--intro + .lead { 31730 font-size: 1.75rem; 31731 } 31732} 31733.page-2percenta .section--2p-intro .lead { 31734 font-size: 2.25rem; 31735 font-weight: 500; 31736 line-height: 132%; 31737} 31738.page-2percenta .section--2p-intro .button { 31739 margin-block: 3.5rem; 31740} 31741.page-2percenta .section--2p-intro h2 { 31742 color: #18A66F; 31743 margin-bottom: 2.25rem; 31744 font-size: 1.75rem; 31745} 31746.page-2percenta .section--2p-intro p { 31747 line-height: 144%; 31748} 31749.page-2percenta .section--2percent .green-box { 31750 background: #18A66F; 31751 color: #ffffff; 31752 padding-block: 2rem; 31753 background-image: url(../img/2-percenta/green-box-bg-1.svg), url(../img/2-percenta/green-box-bg-2.svg); 31754 background-repeat: no-repeat; 31755 background-position: top left, bottom right; 31756} 31757@media print, screen and (min-width: 40em) { 31758 .page-2percenta .section--2percent .green-box { 31759 padding-block: 4rem; 31760 } 31761} 31762@media print, screen and (min-width: 64em) { 31763 .page-2percenta .section--2percent .green-box { 31764 padding-block: 6rem; 31765 } 31766} 31767.page-2percenta .section--2percent .green-box::after { 31768 content: none; 31769} 31770.page-2percenta .section--2percent .green-box p { 31771 font-size: 1.0625rem; 31772 color: #b3e5d3; 31773 font-weight: 400; 31774 margin-block: 1.75rem 2rem; 31775} 31776.page-2percenta .section--2percent .green-box .button { 31777 margin-bottom: 0.5rem; 31778 margin-right: 0.5rem; 31779 text-decoration: none; 31780} 31781.page-2percenta .section--2percent .green-box .sticker { 31782 width: 8.5rem; 31783 height: 8.5rem; 31784 background: #fab650; 31785 color: #000000; 31786 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 31787 font-size: 1.25rem; 31788 border-radius: 50%; 31789 display: block; 31790 line-height: 8.5rem; 31791 position: absolute; 31792 left: calc(50% + 11rem); 31793 top: 4rem; 31794} 31795@media print, screen and (min-width: 64em) { 31796 .page-2percenta .section--2percent .green-box .sticker { 31797 left: calc(50% + 15rem); 31798 top: 6rem; 31799 } 31800} 31801.page-2percenta .section--2percent h2 {
31802 font-size: 2.75rem; 31803 color: #ffffff; 31804} 31805.page-2percenta .section--2percent h2 br { 31806 display: block !important; 31807} 31808.page-2percenta .section--2percent p { 31809 font-size: 1rem; 31810 line-height: 2; 31811} 31812.page-2percenta .section--2percent .lead { 31813 font-size: clamp(1.25rem, 1.5vw, 1.5rem); 31814 line-height: 1.6; 31815} 31816.page-2percenta .section--2percent .buttons { 31817 font-size: 0; 31818} 31819.page-2percenta .section--2percent .buttons .button { 31820 width: 100%; 31821} 31822@media screen and (min-width: 30em) { 31823 .page-2percenta .section--2percent .buttons .button { 31824 width: auto; 31825 } 31826} 31827.page-2percenta .section--projects p { 31828 font-size: 1rem; 31829 color: #686868; 31830 line-height: 160%; 31831 font-weight: 400; 31832 margin-block: 1.75rem; 31833} 31834.page-2percenta .section--projects p strong { 31835 font-weight: 700; 31836 color: #272727; 31837} 31838@media print, screen and (min-width: 40em) { 31839 .page-2percenta .section--projects .medium-order-2 { 31840 margin-bottom: 4.5rem; 31841 } 31842} 31843 31844.swiper-2percent { 31845 margin: 0; 31846 border-radius: 8px; 31847 filter: drop-shadow(0px 54px 100px rgba(0, 0, 0, 0.1)); 31848} 31849.swiper-2percent .swiper-slide { 31850 width: 100%; 31851 height: auto; 31852} 31853 31854.section--textpage p, .section--textpage ol, .section--textpage ul { 31855 font-size: 1rem; 31856 line-height: 1.75; 31857 margin-bottom: 1.5em; 31858} 31859.section--textpage p a, .section--textpage ol a, .section--textpage ul a { 31860 text-decoration: underline; 31861} 31862.section--textpage p a:hover, .section--textpage p a:focus, .section--textpage ol a:hover, .section--textpage ol a:focus, .section--textpage ul a:hover, .section--textpage ul a:focus { 31863 text-decoration: none; 31864} 31865.section--textpage ul li + li, .section--textpage ol li + li { 31866 margin-top: 1em; 31867} 31868 31869.page--lp h2, .page--lp h3 { 31870 color: #000; 31871} 31872.page--lp h2 { 31873 font-size: clamp(2rem, 4.167vw, 3.125rem); 31874} 31875.page--lp h3 { 31876 font-size: clamp(1.5rem, 3.33vw, 2.5rem); 31877} 31878.page--lp .headline { 31879 margin-bottom: 0.4em; 31880} 31881.page--lp .headline + p { 31882 font-weight: 300; 31883 font-size: 1rem; 31884 line-height: 1.7; 31885 color: #000000; 31886 margin: 0 auto 2.7em; 31887 max-width: 24em; 31888} 31889@media print, screen and (min-width: 64em) { 31890 .page--lp .headline + p { 31891 font-size: 1.25rem; 31892 } 31893} 31894 31895.section--lp1 { 31896 background: #ebeef0; 31897 text-align: center; 31898} 31899 31900.section--lp2 .grid-x { 31901 justify-content: space-between; 31902} 31903.section--lp2 .cell { 31904 max-width: 35rem; 31905} 31906.section--lp2 .label { 31907 display: inline-block; 31908 background: #00A76D; 31909 border-radius: 4px; 31910 color: #fff; 31911 padding: 0 0.875rem; 31912 margin-bottom: 0.625rem; 31913 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 31914 font-style: normal; 31915 font-weight: 800; 31916 letter-spacing: -0.033em; 31917 font-size: 1rem; 31918 line-height: 1.7; 31919} 31920@media print, screen and (min-width: 40em) { 31921 .section--lp2 .label { 31922 font-size: 1.25rem; 31923 } 31924} 31925.section--lp2 .lead { 31926 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 31927 font-style: normal; 31928 font-weight: 800; 31929 letter-spacing: -0.033em; 31930 font-size: clamp(1.5rem, 2.83vw, 2.125rem); 31931 line-height: 1.2647058824; 31932} 31933 31934.section--lp3 { 31935 background: #fff; 31936 text-align: center; 31937 position: relative; 31938} 31939.section--lp3 .headline { 31940 margin-bottom: 2em; 31941} 31942.section--lp3 h3 { 31943 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 31944 font-style: normal; 31945 font-weight: 800; 31946 letter-spacing: -0.033em; 31947 line-height: 2.6875rem; 31948 margin: 0; 31949} 31950.section--lp3 p { 31951 font-weight: 400; 31952 font-size: 1rem; 31953 line-height: 1.75rem; 31954} 31955.section--lp3 .grid-x { 31956 justify-content: center; 31957 align-items: center; 31958} 31959.section--lp3 .cell { 31960 max-width: 26.25rem; 31961 position: relative; 31962} 31963@media print, screen and (min-width: 40em) { 31964 .section--lp3 .cell { 31965 max-width: 100%; 31966 } 31967} 31968.section--lp3 .content { 31969 text-align: center; 31970 z-index: 3; 31971} 31972@media print, screen and (min-width: 40em) { 31973 .section--lp3 .content { 31974 text-align: left; 31975 } 31976} 31977@media print, screen and (min-width: 40em) { 31978 .section--lp3 .content.medium-order-1 { 31979 text-align: right; 31980 } 31981 .section--lp3 .content.medium-order-1 .day-info { 31982 justify-content: flex-end; 31983 } 31984} 31985.section--lp3 .image { 31986 z-index: 1; 31987} 31988.section--lp3 .image img { 31989 max-width: calc(100% + 60px); 31990 position: relative; 31991 left: 50%; 31992 transform: translateX(-53%); 31993} 31994@media print, screen and (min-width: 64em) { 31995 .section--lp3 .image img { 31996 max-width: 138%; 31997 margin-top: -1.875rem; 31998 margin-bottom: -1.875rem; 31999 } 32000} 32001@media print, screen and (min-width: 64em) { 32002 .section--lp3 .grid-x:nth-child(3) .image img { 32003 transform: translateX(-47%); 32004 } 32005 .section--lp3 .grid-x:nth-child(4) .image img { 32006 transform: translateX(-42%); 32007 } 32008 .section--lp3 .grid-x:nth-child(5) .image img { 32009 transform: translateX(-47%); 32010 } 32011} 32012@media screen and (max-width: 63.99875em) { 32013 .section--lp3 .ciary { 32014 display: none !important; 32015 } 32016} 32017.section--lp3 .ciary { 32018 width: 50.416vw; 32019 height: auto; 32020 position: absolute; 32021 z-index: 2; 32022 left: 50%; 32023 transform: translateX(-36%); 32024 top: 13vw; 32025} 32026@media screen and (min-width: 75em) { 32027 .section--lp3 .ciary { 32028 width: auto; 32029 transform: translateX(-34%); 32030 top: 175px; 32031 } 32032} 32033.section--lp3 .day-info { 32034 list-style: none; 32035 margin: -0.3125rem -0.625rem 0.625rem; 32036 display: flex; 32037 flex-flow: row wrap; 32038 justify-content: center; 32039 font-weight: 400; 32040 font-size: 1rem; 32041 line-height: 2.125rem; 32042} 32043@media print, screen and (min-width: 40em) { 32044 .section--lp3 .day-info { 32045 justify-content: flex-start; 32046 } 32047} 32048.section--lp3 .day-info li { 32049 display: inline-flex; 32050 flex-flow: row nowrap; 32051 justify-content: flex-start; 32052 align-items: center; 32053 margin: 5px 10px; 32054} 32055.section--lp3 .day-info li img { 32056 margin-right: 10px; 32057} 32058 32059.section--lp4 { 32060 text-align: center; 32061} 32062.section--lp4 h2 { 32063 margin-bottom: 0.625rem; 32064} 32065.section--lp4 p { 32066 font-weight: 300; 32067 font-size: 1.25rem; 32068 line-height: 2.125rem; 32069 margin: 0 auto 1.5rem; 32070} 32071.section--lp4 p a { 32072 color: #F52624; 32073 font-weight: 700; 32074 text-decoration: underline; 32075}
32076.section--lp4 p a:hover, .section--lp4 p a:focus { 32077 text-decoration: none; 32078} 32079 32080.section--lp5 .cell { 32081 max-width: 100%; 32082} 32083@media screen and (min-width: 75em) { 32084 .section--lp5 .grid-x { 32085 margin-left: -2.1875rem; 32086 margin-right: -2.1875rem; 32087 } 32088 .section--lp5 .cell { 32089 padding-left: 1.25rem; 32090 padding-right: 1.25rem; 32091 } 32092} 32093.section--lp5 h2 { 32094 font-size: 1.5rem; 32095 margin-bottom: 0.9375rem; 32096} 32097@media print, screen and (min-width: 40em) { 32098 .section--lp5 h2 { 32099 font-size: 1.875rem; 32100 } 32101} 32102.section--lp5 p { 32103 font-weight: 400; 32104 font-size: 1rem; 32105 line-height: 1.75rem; 32106 margin-bottom: 1.5em; 32107} 32108 32109.section--lp6 { 32110 background: #000; 32111 color: #fff; 32112 position: relative; 32113} 32114.section--lp6 .cell { 32115 max-width: 100%; 32116} 32117.section--lp6 .content { 32118 padding-top: 3.75rem; 32119 padding-bottom: 1.875rem; 32120 display: flex; 32121 flex-flow: column nowrap; 32122 align-items: center; 32123 text-align: center; 32124} 32125@media print, screen and (min-width: 40em) { 32126 .section--lp6 .content { 32127 text-align: left; 32128 align-items: flex-start; 32129 padding-top: 7.5rem; 32130 padding-bottom: 3.75rem; 32131 } 32132} 32133.section--lp6 .content .foot { 32134 margin-top: 2.5rem; 32135} 32136@media print, screen and (min-width: 40em) { 32137 .section--lp6 .content .foot { 32138 margin-top: auto; 32139 } 32140} 32141.section--lp6 .image { 32142 padding-bottom: 2.5rem; 32143} 32144@media print, screen and (min-width: 40em) { 32145 .section--lp6 .image img { 32146 display: block; 32147 max-width: 57.6875rem; 32148 } 32149} 32150.section--lp6 p { 32151 font-size: 1rem; 32152 line-height: 1.3125; 32153} 32154.section--lp6 p + p { 32155 opacity: 0.5; 32156} 32157.section--lp6 p a { 32158 color: #fff; 32159 text-decoration: underline; 32160} 32161.section--lp6 p a:hover, .section--lp6 p a:focus { 32162 text-decoration: none; 32163} 32164.section--lp6 h2 { 32165 color: #fff !important; 32166 font-size: clamp(2.5rem, 6.66vw, 5rem); 32167 line-height: 0.9375; 32168 margin-bottom: 0.75rem; 32169} 32170.section--lp6 h2 + p { 32171 font-weight: 300; 32172 font-size: 1rem; 32173 line-height: 1.3; 32174 margin-bottom: 1.375rem; 32175} 32176@media print, screen and (min-width: 40em) { 32177 .section--lp6 h2 + p { 32178 font-size: 1.25rem; 32179 } 32180} 32181 32182.header--magazin.header--lp { 32183 margin-bottom: 0; 32184} 32185@media print, screen and (min-width: 64em) { 32186 .header--magazin.header--lp { 32187 height: 50rem; 32188 } 32189} 32190.header--magazin.header--lp .grid-container { 32191 max-width: 75rem; 32192 padding-top: 6.25rem; 32193 padding-bottom: 2rem; 32194} 32195@media print, screen and (min-width: 40em) { 32196 .header--magazin.header--lp .grid-container { 32197 padding-top: 10rem; 32198 padding-bottom: 3.125rem; 32199 height: 37.5rem; 32200 } 32201} 32202@media print, screen and (min-width: 64em) { 32203 .header--magazin.header--lp .grid-container { 32204 padding-top: 12.5rem; 32205 height: 50rem; 32206 display: flex; 32207 flex-flow: column nowrap; 32208 align-items: center; 32209 } 32210} 32211.header--magazin.header--lp .header__partners { 32212 width: 15rem; 32213 display: block; 32214 margin: auto auto 0; 32215} 32216@media print, screen and (min-width: 40em) { 32217 .header--magazin.header--lp .header__partners { 32218 width: auto; 32219 } 32220} 32221.header--magazin.header--lp .header__title { 32222 font-size: clamp(2.5rem, 6.66vw, 5rem); 32223 margin-bottom: 0.6em; 32224 line-height: 1; 32225} 32226.header--magazin.header--lp p { 32227 max-width: 30em; 32228 margin: 0 auto 1.875rem; 32229 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 32230 font-style: normal; 32231 font-weight: 800; 32232 letter-spacing: -0.033em; 32233 font-size: clamp(1rem, 1.83vw, 1.375rem); 32234 line-height: 1.2727272727; 32235} 32236@media print, screen and (max-width: 29.99875em) { 32237 .header--magazin.header--lp p br { 32238 display: none; 32239 } 32240} 32241.header--magazin.header--lp .img-ciary { 32242 top: 72%; 32243} 32244.header--magazin.header--lp .img-ciary:last-child { 32245 top: 18%; 32246} 32247 32248.lp-swiper { 32249 margin: 3.75rem 0; 32250} 32251@media print, screen and (min-width: 48em) { 32252 .lp-swiper { 32253 margin: 7.5rem 0; 32254 } 32255} 32256.lp-swiper .swiper-slide { 32257 width: auto !important; 32258 height: 15.625rem; 32259 border-radius: 10px; 32260 overflow: hidden; 32261} 32262@media print, screen and (min-width: 48em) { 32263 .lp-swiper .swiper-slide { 32264 height: 28.125rem; 32265 } 32266} 32267.lp-swiper .swiper-slide img { 32268 width: auto; 32269 height: 100%; 32270} 32271 32272.lp-swiper-2 { 32273 margin: 0 0 2.5rem; 32274} 32275.lp-swiper-2.swiper-container { 32276 overflow: visible; 32277} 32278@media print, screen and (min-width: 48em) { 32279 .lp-swiper-2 { 32280 margin: 0 0 3.75rem; 32281 } 32282} 32283.lp-swiper-2 .swiper-slide { 32284 width: 13.75rem; 32285 height: 18.75rem; 32286 background: #fff; 32287 border-radius: 5px; 32288 overflow: hidden; 32289 filter: drop-shadow(0px 30px 44px rgba(0, 0, 0, 0.1)); 32290} 32291@media print, screen and (min-width: 40em) { 32292 .lp-swiper-2 .swiper-slide { 32293 width: 17.1875rem; 32294 height: 25rem; 32295 } 32296} 32297.lp-swiper-2 .swiper-slide img { 32298 width: 100%; 32299 height: 14rem; 32300 object-fit: cover; 32301} 32302@media print, screen and (min-width: 40em) { 32303 .lp-swiper-2 .swiper-slide img { 32304 height: 17.5rem; 32305 } 32306} 32307.lp-swiper-2 .swiper-slide .content { 32308 padding: 1.25rem 1rem 0; 32309 color: #000; 32310 font-weight: 400; 32311 font-size: 1rem; 32312 line-height: 1.2; 32313 text-align: left; 32314} 32315@media print, screen and (min-width: 40em) { 32316 .lp-swiper-2 .swiper-slide .content { 32317 padding: 2.125rem 1.375rem 0; 32318 font-size: 1.25rem; 32319 } 32320} 32321 32322.event-price { 32323 display: block; 32324 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 32325 letter-spacing: -0.033em; 32326 font-weight: 800; 32327 font-size: 0.9375rem; 32328 color: #000; 32329 font-size: 18px; 32330 line-height: 1; 32331 text-align: center; 32332} 32333.event-price span { 32334 color: #F52624; 32335} 32336.header .event-price { 32337 color: #fff; 32338} 32339 32340.mem-banner { 32341 display: flex; 32342 flex-flow: row nowrap; 32343 align-items: stretch; 32344 margin-bottom: 1.25rem; 32345 background: #FC522B; 32346 color: #ffffff; 32347 border-radius: 8px; 32348 transition: 250ms ease-out; 32349 overflow: hidden; 32350} 32351.mem-banner:hover, .mem-banner:focus { 32352 color: #ffffff; 32353} 32354.mem-banner .bg-img { 32355 flex: 0 0 35%; 32356 width: 35%; 32357} 32358.mem-banner .bg-img img { 32359 display: block; 32360 width: 100%; 32361 height: 100%; 32362 object-fit: cover; 32363} 32364.mem-banner img.img { 32365 display: block; 32366 flex: 0 0 3.625rem; 32367 width: 3.625rem; 32368 position: absolute; 32369 left: 0; 32370 top: 1.75rem; 32371 transform: translateX(-60%); 32372} 32373@media print, screen and (min-width: 40em) { 32374 .mem-banner img.img { 32375 flex: 0 0 5.4375rem; 32376 width: 5.4375rem; 32377 } 32378} 32379.mem-banner .content { 32380 flex: 1 1 0; 32381 max-width: 65%; 32382 position: relative; 32383 padding: 1.5rem 0.9375rem 0.875rem 2.1875rem; 32384 display: flex; 32385 flex-flow: column nowrap; 32386 justify-content: center; 32387} 32388@media print, screen and (min-width: 40em) { 32389 .mem-banner .content { 32390 padding: 1.75rem 1.25rem 1.125rem 3.75rem; 32391 } 32392} 32393.mem-banner .headline { 32394 display: block; 32395 margin-bottom: 0.4375rem; 32396 font-weight: 450; 32397 font-size: 1.125rem; 32398 line-height: 1.1111111111; 32399} 32400@media print, screen and (min-width: 40em) { 32401 .mem-banner .headline { 32402 font-size: 1.25rem; 32403 } 32404} 32405.mem-banner p { 32406 margin-bottom: 0.4375rem; 32407 font-weight: 500; 32408 font-size: 0.75rem; 32409 line-height: 1.1666666667; 32410 color: #ffffff; 32411} 32412@media print, screen and (min-width: 40em) { 32413 .mem-banner p { 32414 font-size: 0.875rem; 32415 line-height: 1.1428571429; 32416 } 32417} 32418.mem-banner .link { 32419 display: block; 32420 font-weight: 700; 32421 font-size: 1.25rem; 32422 line-height: 1.2; 32423 color: #ffffff; 32424 text-decoration: underline; 32425} 32426.mem-banner .link:hover, .mem-banner .link:focus { 32427 text-decoration: none; 32428} 32429@media print, screen and (min-width: 40em) { 32430 .mem-banner .link { 32431 font-size: 1.5rem; 32432 } 32433} 32434.mem-banner .link:hover { 32435 text-decoration: underline; 32436} 32437.mem-banner div.img { 32438 padding: 1.3125rem 1.25rem 1.3125rem 0.9375rem; 32439 align-self: center; 32440} 32441@media print, screen and (min-width: 40em) { 32442 .mem-banner div.img { 32443 padding: 1.3125rem 2.1875rem 1.3125rem 1.875rem; 32444 } 32445} 32446.mem-banner div.img img { 32447 display: block; 32448 width: 3.625rem; 32449 height: auto; 32450} 32451@media print, screen and (min-width: 40em) { 32452 .mem-banner div.img img { 32453 width: 5.4375rem; 32454 } 32455} 32456.mem-banner .button { 32457 margin-top: 0.6875rem; 32458 margin-bottom: 0; 32459 background: #fff;
32460 color: #FC522B; 32461} 32462.mem-banner .sticker { 32463 display: inline-flex; 32464 flex-flow: column nowrap; 32465 justify-content: center; 32466 align-items: center; 32467 width: 3.125rem; 32468 height: 3.125rem; 32469 border-radius: 3.125rem; 32470 padding-top: 0; 32471 background: #ffffff; 32472 color: #FC522B; 32473 position: absolute; 32474 left: 0; 32475 top: 50%; 32476 transform: translate(-50%, -50%); 32477} 32478@media print, screen and (min-width: 64em) { 32479 .mem-banner .sticker { 32480 width: 4.625rem; 32481 height: 4.625rem; 32482 border-radius: 4.625rem; 32483 } 32484} 32485.mem-banner .sticker span { 32486 display: block; 32487 line-height: 1.1; 32488 text-align: center; 32489 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 32490 font-style: normal; 32491 font-weight: 700; 32492 font-size: 0.9375rem; 32493} 32494@media print, screen and (min-width: 64em) { 32495 .mem-banner .sticker span { 32496 font-size: 1.125rem; 32497 } 32498} 32499.mem-banner.second .content { 32500 padding-left: 0; 32501 flex: 1 1 auto; 32502 max-width: 100%; 32503} 32504.mem-banner-search .mem-banner { 32505 margin: 0; 32506} 32507 32508.section.newsletter-social-box { 32509 padding: 3rem 2.0625rem; 32510 display: block; 32511 background: #5d5fef; 32512 color: #ffffff; 32513 text-align: center; 32514} 32515@media print, screen and (min-width: 40em) { 32516 .section.newsletter-social-box { 32517 text-align: left; 32518 } 32519} 32520@media print, screen and (min-width: 64em) { 32521 .section.newsletter-social-box { 32522 padding: 6rem 3rem; 32523 background-image: url("../img/main-pattern-gradient.png"); 32524 background-position: left -239px top -197px; 32525 background-repeat: no-repeat; 32526 position: relative; 32527 overflow: hidden; 32528 } 32529 .section.newsletter-social-box::after { 32530 content: ""; 32531 position: absolute; 32532 bottom: -141px; 32533 left: 36%; 32534 background-image: url("../img/main-pattern-gradient.png"); 32535 background-position: center center; 32536 background-repeat: no-repeat; 32537 width: 399px; 32538 height: 269px; 32539 transform: rotate(220deg); 32540 } 32541} 32542.section.newsletter-social-box h2 { 32543 margin-block: 0 2rem; 32544 font-size: 2rem; 32545 text-align: left; 32546 max-width: 30.375rem; 32547} 32548@media print, screen and (min-width: 64em) { 32549 .section.newsletter-social-box h2 { 32550 font-size: 2.75rem; 32551 margin: 0 !important; 32552 } 32553} 32554.section.newsletter-social-box h2 span { 32555 color: rgba(255, 255, 255, 0.6); 32556 display: block; 32557} 32558.section.newsletter-social-box p { 32559 line-height: 1.5; 32560 font-size: 1rem; 32561 color: rgba(255, 255, 255, 0.5); 32562} 32563.section.newsletter-social-box p a { 32564 color: #ffffff; 32565 text-decoration: underline; 32566} 32567.section.newsletter-social-box p a:hover { 32568 text-decoration: none; 32569} 32570.section.newsletter-social-box > .grid-x > .cell { 32571 padding: 2rem 1.25rem; 32572} 32573@media print, screen and (min-width: 64em) { 32574 .section.newsletter-social-box > .grid-x > .cell { 32575 padding: 3.375rem 4rem; 32576 } 32577} 32578.section.newsletter-social-box .social { 32579 display: flex; 32580 flex-flow: column nowrap; 32581 justify-content: center; 32582 align-items: center; 32583 background-color: rgba(3, 57, 101, 0.1); 32584} 32585.section.newsletter-social-box .social p { 32586 max-width: 22em; 32587 margin: 0 auto; 32588 text-align: left; 32589 position: relative; 32590 padding-left: 4.375rem; 32591 font-weight: 500; 32592} 32593.section.newsletter-social-box .social p + p { 32594 margin-top: 2em; 32595} 32596.section.newsletter-social-box .social .icon-wrapper { 32597 position: absolute; 32598 left: 0; 32599 top: 50%; 32600 width: 3.125rem; 32601 height: 3.125rem; 32602 padding: 0.9375rem; 32603 border-radius: 3.125rem; 32604 transform: translateY(-50%); 32605 font-size: 1.25rem; 32606 background: rgba(255, 255, 255, 0.1); 32607 color: #ffffff; 32608} 32609.section.newsletter-social-box .social .icon-wrapper svg { 32610 display: block; 32611} 32612.section.newsletter-social-box .newsletter-form input { 32613 background: #ffffff; 32614 color: #2f3447; 32615 margin-bottom: 1rem; 32616 padding: 1rem 1.5rem 1rem 1.25rem; 32617 border-radius: 0.25rem; 32618 height: 3.125rem; 32619 font-size: 1rem; 32620 letter-spacing: -0.5px; 32621 font-weight: 400; 32622} 32623.section.newsletter-social-box .newsletter-form input::placeholder { 32624 color: #2f3447; 32625} 32626.section.newsletter-social-box .newsletter-form .checkbox { 32627 margin-block: 1.75rem; 32628} 32629.section.newsletter-social-box .newsletter-form .checkbox label { 32630 color: #ffffff; 32631 font-size: 0.875rem; 32632 line-height: 144%; 32633 text-align: left; 32634 margin-right: 0; 32635 padding-left: 2rem; 32636} 32637.section.newsletter-social-box .newsletter-form .checkbox input + label::before { 32638 top: 50%; 32639 transform: translateY(-50%); 32640 border: 1px solid #000000; 32641 border-radius: 0.125rem; 32642} 32643.section.newsletter-social-box .newsletter-form .checkbox input + label::after { 32644 top: 50%; 32645 transform: translateY(-50%); 32646} 32647.section.newsletter-social-box .newsletter-form .checkbox a { 32648 color: #ffffff; 32649 text-decoration: underline; 32650} 32651.section.newsletter-social-box .newsletter-form .button { 32652 margin: 0; 32653 width: 100%; 32654} 32655.section.newsletter-social-box .newsletter-form .newsletter-form__message { 32656 margin-top: 1rem; 32657 font-size: 0.875rem; 32658 color: #272727; 32659 text-align: center; 32660 padding: 1rem; 32661 background-color: #fff8ed; 32662 border-radius: 0.25rem; 32663 display: block; 32664} 32665.section.newsletter-social-box .newsletter-form .newsletter-form__message:empty { 32666 display: none; 32667} 32668 32669.section.section--clenstvo-header { 32670 background: #000000 url("../img/clenstvo/hero-small.jpg") no-repeat center bottom; 32671 background-size: contain; 32672 padding-bottom: 72.5vw; 32673 padding-top: 2.5rem; 32674} 32675@media print, screen and (min-width: 40em) { 32676 .section.section--clenstvo-header { 32677 padding-top: 3.75rem; 32678 padding-bottom: 3.75rem; 32679 } 32680} 32681@media print, screen and (min-width: 64em) { 32682 .section.section--clenstvo-header { 32683 padding-top: 4.375rem; 32684 padding-bottom: 4.375rem; 32685 } 32686} 32687@media screen and (min-width: 75em) { 32688 .section.section--clenstvo-header { 32689 padding-top: 5rem; 32690 padding-bottom: 5rem; 32691 } 32692} 32693@media print, screen and (min-width: 40em) { 32694 .section.section--clenstvo-header { 32695 background-image: url("../img/clenstvo/hero.jpg"); 32696 padding-bottom: 10.625rem; 32697 } 32698} 32699.section.section--clenstvo-header .text-link { 32700 color: #ffffff; 32701} 32702.section.section--clenstvo-header .text-link span { 32703 text-decoration: underline; 32704} 32705.section.section--clenstvo-header .cell--content { 32706 max-width: 43.75rem; 32707} 32708.section.section--clenstvo-header .label { 32709 display: inline-block; 32710 text-transform: uppercase; 32711 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 32712 color: #ffffff; 32713 font-size: 0.75rem; 32714 font-weight: 800; 32715 letter-spacing: 4px; 32716} 32717@media print, screen and (min-width: 64em) { 32718 .section.section--clenstvo-header .label { 32719 margin-top: 8.75rem; 32720 } 32721} 32722.section.section--clenstvo-header .headline { 32723 position: relative; 32724} 32725.section.section--clenstvo-header h1 { 32726 margin-block: 2rem; 32727 line-height: 1; 32728 text-transform: none; 32729 font-size: 3.125rem; 32730 font-weight: 800; 32731 color: #fab650; 32732 text-align: left; 32733} 32734@media print, screen and (min-width: 64em) { 32735 .section.section--clenstvo-header h1 { 32736 font-size: 4.5rem; 32737 margin-block: 2.5rem; 32738 } 32739} 32740.section.section--clenstvo-header h1 span { 32741 color: #ffffff; 32742} 32743.section.section--clenstvo-header .buttons { 32744 display: flex; 32745 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 32746 gap: 0.75rem; 32747 margin-bottom: 2rem; 32748 flex-wrap: wrap; 32749} 32750@media screen and (min-width: 28.125em) { 32751 .section.section--clenstvo-header .buttons { 32752 flex-wrap: nowrap; 32753 } 32754} 32755@media print, screen and (min-width: 64em) { 32756 .section.section--clenstvo-header .buttons { 32757 margin-bottom: 2.5rem; 32758 } 32759} 32760.section.section--clenstvo-header .buttons .button { 32761 width: 100%; 32762 margin-bottom: 0; 32763} 32764@media print, screen and (min-width: 40em) { 32765 .section.section--clenstvo-header .buttons .button { 32766 width: auto; 32767 } 32768} 32769.section.section--clenstvo-header .buttons .button.hollow { 32770 background-color: rgba(255, 255, 255, 0.2); 32771 color: #ffffff; 32772 border: none; 32773} 32774.section.section--clenstvo-header .buttons + p { 32775 margin-bottom: 0 !important; 32776} 32777 32778.header--discover { 32779 position: relative; 32780 z-index: 0; 32781 padding: 0; 32782 min-height: 32rem; 32783 background: #000000; 32784 color: #ffffff; 32785 display: flex; 32786 flex-flow: row wrap; 32787 text-align: left; 32788 height: auto; 32789 align-items: start; 32790} 32791@media print, screen and (min-width: 40em) { 32792 .header--discover { 32793 height: 65vh; 32794 align-items: center; 32795 } 32796} 32797@media print, screen and (min-width: 64em) { 32798 .header--discover { 32799 min-height: 48rem; 32800 height: 85vh; 32801 } 32802} 32803.header--discover::after {
32804 content: ""; 32805 display: block; 32806 width: 100%; 32807 height: 20rem; 32808 position: absolute; 32809 left: 0; 32810 bottom: 0; 32811 background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 29%, rgb(0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%); 32812 z-index: 0; 32813} 32814@media print, screen and (min-width: 40em) { 32815 .header--discover::after { 32816 background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 54%, black 100%); 32817 } 32818} 32819@media print, screen and (min-width: 64em) { 32820 .header--discover::after { 32821 content: none; 32822 } 32823} 32824.header--discover::before { 32825 content: none; 32826} 32827.header--discover > .grid-container { 32828 flex: 0 0 100%; 32829 z-index: 1; 32830 margin-top: 6.25rem; 32831} 32832@media print, screen and (min-width: 64em) { 32833 .header--discover > .grid-container { 32834 margin-top: 5.75rem; 32835 } 32836} 32837.header--discover > .grid-container p .button { 32838 padding: 1.375rem 1.5rem; 32839} 32840.header--discover .grid-container { 32841 position: relative; 32842} 32843.header--discover img { 32844 z-index: 0; 32845 object-position: 83% -120px; 32846 opacity: 1; 32847} 32848@media print, screen and (min-width: 40em) { 32849 .header--discover img { 32850 object-position: 90% -40px; 32851 } 32852} 32853@media print, screen and (min-width: 64em) { 32854 .header--discover img { 32855 object-position: top; 32856 object-fit: contain; 32857 } 32858} 32859.header--discover .label { 32860 display: inline-block; 32861 text-transform: uppercase; 32862 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 32863 color: #fff; 32864 font-size: 0.875rem; 32865 font-weight: 450; 32866 letter-spacing: 4px; 32867 margin-top: 10rem; 32868} 32869.header--discover p { 32870 font-size: 0.875rem; 32871 line-height: 144%; 32872 font-weight: 400; 32873 margin-bottom: 1.5rem; 32874 color: #e9e9e9; 32875} 32876@media print, screen and (min-width: 40em) { 32877 .header--discover p { 32878 font-size: 1rem; 32879 margin-bottom: 2rem; 32880 } 32881} 32882@media print, screen and (min-width: 64em) { 32883 .header--discover p { 32884 font-size: 1.25rem; 32885 margin-bottom: 2.5rem; 32886 } 32887} 32888.header--discover .header--discover__title { 32889 position: relative; 32890 z-index: 3; 32891 text-transform: none; 32892 font-size: 2.5rem; 32893 margin-bottom: 0.75rem; 32894 margin-top: 1.5rem; 32895 color: #fab650; 32896} 32897@media print, screen and (min-width: 40em) { 32898 .header--discover .header--discover__title { 32899 font-size: 3rem; 32900 } 32901} 32902@media print, screen and (min-width: 64em) { 32903 .header--discover .header--discover__title { 32904 font-size: 5rem; 32905 line-height: 5.625rem; 32906 margin-block: 2.5rem; 32907 } 32908} 32909.header--discover .header--discover__title span { 32910 color: #ffffff; 32911} 32912.header--discover .header--discover__subtitle { 32913 margin-bottom: 0.625rem; 32914 font-size: 1rem; 32915 color: rgba(255, 255, 255, 0.7); 32916 line-height: 1.5; 32917} 32918@media print, screen and (min-width: 40em) { 32919 .header--discover .header--discover__subtitle { 32920 margin-bottom: 1.25rem; 32921 } 32922} 32923@media print, screen and (min-width: 64em) { 32924 .header--discover .header--discover__subtitle { 32925 margin-bottom: 2rem; 32926 font-size: 1.125rem; 32927 } 32928} 32929 32930.section--partners { 32931 display: grid; 32932 grid-template-columns: repeat(3, 1fr); 32933 gap: 3rem; 32934 justify-items: center; 32935 align-items: center; 32936} 32937@media screen and (min-width: 29em) { 32938 .section--partners { 32939 grid-template-columns: repeat(4, 1fr); 32940 } 32941} 32942@media print, screen and (min-width: 40em) { 32943 .section--partners { 32944 grid-template-columns: repeat(7, 1fr); 32945 } 32946} 32947.section--partners img { 32948 max-width: 100%; 32949 max-height: 70px; 32950} 32951 32952.homepage { 32953 background-color: #ffffff; 32954} 32955.homepage .header--home {
32956 background: url(../img/home_hero.jpg) no-repeat 50% 33%; 32957 background-size: cover; 32958 color: #ffffff; 32959 padding-top: 5.75rem; 32960 padding-bottom: clamp(3rem, 14vw, 16.125rem); 32961} 32962.homepage .header--home .label { 32963 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 32964 font-size: 0.875rem; 32965 font-weight: 800; 32966 letter-spacing: 1px; 32967 text-transform: uppercase; 32968 margin-bottom: 3rem; 32969 display: block; 32970} 32971.homepage .header--home .headline { 32972 font-weight: 800; 32973 line-height: 1; 32974 margin-bottom: 0; 32975 font-size: clamp(2rem, 8vw, 4rem); 32976} 32977.homepage .header--home .subheadline { 32978 font-size: 1.5rem; 32979 font-weight: 300; 32980 line-height: 1.2; 32981 margin-bottom: 3rem; 32982} 32983.homepage .header--home .subheader { 32984 font-size: 1.125rem; 32985 font-weight: 400; 32986 line-height: 144%; 32987 color: #e9e9e9; 32988 margin-bottom: 3rem; 32989} 32990.homepage .header--home .subheader span { 32991 color: #fab650; 32992} 32993.homepage .header--home .cell--content { 32994 padding-top: clamp(10rem, 14vw, 16.125rem); 32995} 32996.homepage .header--home .inner { 32997 position: relative; 32998} 32999.homepage .header--home .inner .sticker { 33000 position: absolute; 33001 right: 0; 33002 top: -24rem; 33003 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 33004 color: #000000; 33005 font-weight: 800; 33006 font-size: clamp(0.875rem, 2vw, 1.25rem); 33007 background: #fab650; 33008 display: flex; 33009 justify-content: center; 33010 align-items: center; 33011 text-align: center; 33012 border-radius: 50%; 33013 width: min-content; 33014 aspect-ratio: 1; 33015 line-height: 1; 33016 padding: 1.4rem; 33017} 33018.homepage .header--home .buttons { 33019 display: flex; 33020 gap: 0.75rem; 33021 flex-wrap: wrap; 33022} 33023@media screen and (min-width: 32em) { 33024 .homepage .header--home .buttons { 33025 flex-wrap: nowrap; 33026 } 33027} 33028.homepage .header--home .buttons .button { 33029 width: 100%; 33030 margin: 0; 33031} 33032@media print, screen and (min-width: 40em) { 33033 .homepage .header--home .buttons .button { 33034 width: auto; 33035 } 33036} 33037.homepage .section { 33038 background-color: #ffffff; 33039} 33040.homepage .section h1 + .subheader { 33041 color: #000000; 33042 margin-top: clamp(1rem, 3vw, 2.5rem); 33043} 33044.homepage .section .callout { 33045 border-radius: 4px; 33046 margin-top: clamp(2rem, 8vw, 5.375rem); 33047 margin-bottom: 0; 33048 padding: 1.5rem 1.75rem; 33049 text-align: center; 33050 font-size: 1rem; 33051 font-weight: 400; 33052 line-height: 162.5%; 33053 color: #272727; 33054} 33055.homepage .section-1 { 33056 background: #fff8ed; 33057 padding-block: clamp(3rem, 10vw, 5.375rem) clamp(4rem, 10vw, 8.25rem); 33058} 33059.homepage .section-1 .cards { 33060 margin-block: clamp(2rem, 8vw, 4rem) clamp(4rem, 10vw, 8.25rem); 33061} 33062.homepage .section-1 .cards > .cell { 33063 border-radius: 0.5rem; 33064 padding: 1.5rem; 33065 display: flex; 33066 flex-direction: column; 33067 gap: 1.5rem; 33068} 33069.homepage .section-1 .cards .cell-1 { 33070 background-color: #fab650; 33071} 33072.homepage .section-1 .cards .cell-2 { 33073 background-color: #4cc199; 33074} 33075.homepage .section-1 .cards .cell-3 { 33076 background-color: #f178b6; 33077} 33078.homepage .section-1 .cards .button, .homepage .section-1 .cards p, .homepage .section-1 .cards h2 { 33079 margin: 0; 33080} 33081.homepage .section-1 .cards img { 33082 width: 100%; 33083 border-radius: 4px; 33084 object-fit: cover; 33085 aspect-ratio: 81/43; 33086} 33087.homepage .section-1 .cards p { 33088 line-height: 144%; 33089 flex-grow: 1; 33090} 33091.homepage .section-1 .cards .event { 33092 padding: 1.5rem; 33093 background: rgba(0, 0, 0, 0.04); 33094} 33095.homepage .section-1 .cards .event strong { 33096 font-size: 1rem; 33097 font-weight: 900; 33098 line-height: 124%; 33099} 33100.homepage .section-1 .cards .date { 33101 display: flex; 33102 align-items: center; 33103 gap: 12px; 33104 margin-top: 0.75rem; 33105} 33106.homepage .section-1 .cards .date::before { 33107 background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1340_1162' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1340_1162)'%3E%3Cpath d='M5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20Z' fill='black'/%3E%3C/g%3E%3C/svg%3E"); 33108 background-repeat: no-repeat; 33109 content: ""; 33110 display: block; 33111 width: 24px; 33112 height: 24px; 33113} 33114.homepage .section-1 .cards .date a { 33115 background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_1333_1156' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect x='24' y='24' width='24' height='24' transform='rotate(-180 24 24)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1333_1156)'%3E%3Cpath d='M15.1313 11.25L11.4656 7.5844C11.1713 7.29003 11.1734 6.81211 11.4704 6.52035C11.7636 6.23223 12.2343 6.23431 12.525 6.52502L18 12L12.525 17.475C12.2343 17.7657 11.7636 17.7678 11.4704 17.4796C11.1734 17.1879 11.1713 16.71 11.4656 16.4156L15.1313 12.75L6.75 12.75C6.33578 12.75 6 12.4142 6 12C6 11.5858 6.33579 11.25 6.75 11.25L15.1313 11.25Z' fill='black'/%3E%3C/g%3E%3C/svg%3E"); 33116 width: 24px; 33117 height: 24px; 33118 display: block; 33119 background-repeat: no-repeat; 33120 background-position: center; 33121 margin-left: auto; 33122} 33123.homepage .section-1 .subheader + .h3 { 33124 margin-top: 2rem; 33125 margin-bottom: clamp(2rem, 3vw, 3.5rem); 33126} 33127.homepage .section-2 { 33128 background: linear-gradient(180deg, #FFF8ED 0%, #ffffff 100%); 33129} 33130.homepage .section-2 .swiper-wrapper { 33131 align-items: center; 33132} 33133.homepage .section-2 .swiper-slide { 33134 max-width: min(85%, 372px); 33135 width: auto; 33136 box-sizing: border-box; 33137} 33138.homepage .section-2 .swiper-slide img { 33139 border-radius: 0.5rem; 33140} 33141.homepage .section-3 .cell--text p { 33142 font-size: 1rem; 33143 line-height: 160%; 33144 color: #272727; 33145 max-width: 29.4375rem; 33146} 33147.homepage .section-3 .cell--text p a:link { 33148 text-decoration: underline; 33149} 33150.homepage .section-3 .is-style-checklist { 33151 margin: 1.25rem 0 2rem; 33152} 33153.homepage .section-3 .grid-x { 33154 gap: clamp(2rem, 6vw, 7.6875rem); 33155} 33156.homepage .section-3 .grid-x.margin-block { 33157 margin-block: clamp(3rem, 8vw, 4.5rem); 33158} 33159@media print, screen and (min-width: 40em) { 33160 .homepage .section-3 .cell--text { 33161 padding-block: 3.375rem; 33162 } 33163} 33164@media print, screen and (min-width: 40em) { 33165 .homepage .section-3 .cell--order-2 { 33166 order: 2; 33167 } 33168} 33169.homepage .section-3 .cell--image { 33170 position: relative; 33171 min-height: 300px; 33172} 33173.homepage .section-3 .cell--image img { 33174 border-radius: 0.5rem; 33175 width: 100%; 33176 height: 100%; 33177 object-fit: cover; 33178 position: absolute; 33179 top: 0; 33180 left: 0; 33181} 33182.homepage .section-4 { 33183 background: #fab650; 33184 padding-block: clamp(3rem, 10vw, 6rem); 33185 overflow: hidden; 33186} 33187.homepage .section-4 h2 { 33188 margin-bottom: clamp(2rem, 6vw, 3.5rem); 33189} 33190.homepage .section-4 p { 33191 font-size: clamp(1rem, 2vw, 2rem); 33192 line-height: 132%; 33193} 33194@media print, screen and (min-width: 40em) { 33195 .homepage .section-4 p { 33196 max-width: min(80%, 54.1875rem); 33197 } 33198} 33199.homepage .section-4 .swiper-container { 33200 overflow: visible; 33201} 33202.homepage .section-4 .swiper-wrapper { 33203 align-items: center; 33204 margin-block: clamp(2rem, 6vw, 5.375rem); 33205} 33206.homepage .section-4 .swiper-slide { 33207 position: relative; 33208 border-radius: 0.5rem; 33209 width: min(70%, 372px); 33210 box-sizing: border-box; 33211} 33212.homepage .section-4 .swiper-slide::after {
33213 content: ""; 33214 position: absolute; 33215 top: 0; 33216 left: 0; 33217 width: 100%; 33218 height: 100%; 33219 background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, #000 100%); 33220 border-radius: 0.5rem; 33221} 33222.homepage .section-4 .swiper-slide:first-child { 33223 margin-left: 15px; 33224} 33225@media print, screen and (min-width: 40em) { 33226 .homepage .section-4 .swiper-slide:first-child { 33227 margin-left: 0; 33228 } 33229} 33230.homepage .section-4 .swiper-slide img { 33231 border-radius: 0.5rem; 33232} 33233.homepage .section-4 .swiper-slide .swiper-slide--text { 33234 position: absolute; 33235 bottom: 0; 33236 left: 0; 33237 z-index: 1; 33238 padding: 0 1.875rem 2rem; 33239} 33240.homepage .section-4 .swiper-slide .swiper-slide--text h4 { 33241 font-size: 1.625rem; 33242 color: #ffffff; 33243 font-weight: 800; 33244 line-height: 108%; 33245 margin-bottom: 0.75rem; 33246} 33247.homepage .section-4 .swiper-slide .swiper-slide--text a { 33248 font-size: 1rem; 33249 color: #bebebe; 33250 text-decoration: underline; 33251 line-height: 160%; 33252} 33253.homepage .section-5 { 33254 background: #fff8ed; 33255 padding-block: clamp(2rem, 10vw, 4.5rem); 33256} 33257.homepage .section-5 h3 { 33258 margin-top: clamp(1rem, 3vw, 2.5rem); 33259} 33260.homepage .section-5 .accomplishments { 33261 margin-block: clamp(2rem, 8vw, 4rem); 33262 margin-inline: auto; 33263 max-width: 62.25rem; 33264} 33265@media print, screen and (min-width: 40em) { 33266 .homepage .section-5 .accomplishments { 33267 width: 70%; 33268 } 33269} 33270.homepage .section-5 .accomplishments h4 { 33271 font-size: clamp(1rem, 3vw, 1.625rem); 33272 font-weight: 800; 33273 line-height: 123%; 33274 margin: 0; 33275} 33276.homepage .section-5 .accomplishments div { 33277 display: flex; 33278 flex-wrap: nowrap; 33279 align-items: center; 33280 justify-content: space-between; 33281 padding: 1rem 1.5rem; 33282} 33283.homepage .section-5 .accomplishments div:nth-child(odd) { 33284 background: rgba(0, 0, 0, 0.04); 33285} 33286.homepage .section-5 .accomplishments div:nth-child(3n) span { 33287 background: #bebebe; 33288} 33289.homepage .section-5 .accomplishments div:nth-child(3n-1) span { 33290 background: #4cc199; 33291} 33292.homepage .section-5 .accomplishments div:last-child span { 33293 background: #f178b6; 33294} 33295.homepage .section-5 .accomplishments div span { 33296 font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif; 33297 color: #000000; 33298 font-size: clamp(1rem, 3vw, 1.625rem); 33299 line-height: 132%; 33300 font-weight: 800; 33301 background: #fab650; 33302 border-radius: 0.25rem; 33303 padding: 0.5rem 0.5rem 0.375rem; 33304 min-width: clamp(5rem, 4em, 6rem); 33305 display: flex; 33306 justify-content: space-between; 33307} 33308.homepage .section-5 .accomplishments div span::before { 33309 content: "â¢"; 33310 display: inline-block; 33311 margin-right: 0.5rem; 33312 font-size: 1rem; 33313 vertical-align: middle; 33314} 33315.homepage .section-5 .accomplishments div span::after { 33316 content: "â¢"; 33317 display: inline-block; 33318 margin-left: 0.5rem; 33319 font-size: 1rem; 33320 vertical-align: middle; 33321} 33322.homepage .section-6 { 33323 background: linear-gradient(180deg, #FFF8ED 0%, rgba(255, 248, 237, 0) 58.03%); 33324 margin-bottom: clamp(3rem, 10vw, 6rem); 33325} 33326.homepage .section-6 .subheader { 33327 color: #272727; 33328} 33329.homepage .section-6 .grid-x { 33330 margin-block: clamp(2rem, 6vw, 4.5rem); 33331} 33332.homepage .section-6 .cell { 33333 background: #00a76d; 33334 padding: 2rem clamp(2rem, 10vw, 4rem); 33335 border-radius: 0.5rem; 33336 color: #ffffff; 33337} 33338@media print, screen and (min-width: 40em) { 33339 .homepage .section-6 .cell { 33340 padding: 3rem clamp(2rem, 5vw, 4rem); 33341 } 33342} 33343@media print, screen and (min-width: 64em) { 33344 .homepage .section-6 .cell { 33345 padding: 3rem 4rem; 33346 } 33347} 33348.homepage .section-6 .cell:nth-child(2) { 33349 background: #5d5fef; 33350} 33351.homepage .section-6 .cell:nth-child(2) .icon { 33352 background: #7879f1; 33353} 33354.homepage .section-6 .cell:nth-child(2) p { 33355 opacity: 0.72; 33356 color: #ffffff; 33357} 33358.homepage .section-6 .cell .icon { 33359 display: block; 33360 width: 3.75rem; 33361 height: 3.75rem; 33362 font-size: 1.625rem; 33363 line-height: 3.75rem; 33364 text-align: center; 33365 background: #4cc199; 33366 border-radius: 50%; 33367} 33368.homepage .section-6 .cell h4 { 33369 margin-block: 1.75rem 1.25rem; 33370} 33371.homepage .section-6 .cell p { 33372 margin-bottom: 1.75rem; 33373 opacity: 1; 33374 color: #b3e5d3; 33375 line-height: 160%; 33376} 33377 33378/*# sourceMappingURL=app.css.map */
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.