/* TurnKey Suite: shared styles for every page. Page-specific rules live in each page's \3c style>. */

/* Fonts (self-hosted): Barlow for body copy (--font-body), Barlow Condensed for headings and
   buttons (--font-display). Barlow has every weight and italic; Barlow Condensed has 400/700. */
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow';font-style:normal;font-weight:100;font-display:swap;src:url(../fonts/barlow-100.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:200;font-display:swap;src:url(../fonts/barlow-200.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/barlow-300.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/barlow-500.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/barlow-600.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-700.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/barlow-800.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/barlow-900.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:100;font-display:swap;src:url(../fonts/barlow-100-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:200;font-display:swap;src:url(../fonts/barlow-200-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:300;font-display:swap;src:url(../fonts/barlow-300-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/barlow-400-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/barlow-500-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/barlow-600-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/barlow-700-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:800;font-display:swap;src:url(../fonts/barlow-800-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:italic;font-weight:900;font-display:swap;src:url(../fonts/barlow-900-italic.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-condensed-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/barlow-condensed-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/barlow-condensed-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Icon glyphs from the original theme's icon font, as SVG for CSS masks. */
:root {
  --icon-chevron-down-bold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' stroke='black' stroke-width='42' stroke-linejoin='round' d='M729 518 544 333 359 518Q350 528 336.5 528.0Q323 528 314 518Q304 509 304.0 496.0Q304 483 314 473L521 266Q526 261 532.0 258.5Q538 256 544 256Q550 256 556.0 258.5Q562 261 567 266L774 473Q784 483 784.0 496.0Q784 509 774 518Q765 528 751.5 528.0Q738 528 729 518Z'/%3E%3C/svg%3E");
  --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M729 518 544 333 359 518Q350 528 336.5 528.0Q323 528 314 518Q304 509 304.0 496.0Q304 483 314 473L521 266Q526 261 532.0 258.5Q538 256 544 256Q550 256 556.0 258.5Q562 261 567 266L774 473Q784 483 784.0 496.0Q784 509 774 518Q765 528 751.5 528.0Q738 528 729 518Z'/%3E%3C/svg%3E");
  --icon-arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M394 393 601 186Q611 176 624.0 176.0Q637 176 646 186Q656 195 656.0 208.5Q656 222 646 231L461 416L646 601Q656 610 656.0 623.5Q656 637 646 646Q637 656 624.0 656.0Q611 656 601 646L394 439Q389 434 386.5 428.0Q384 422 384 416Q384 410 386.5 404.0Q389 398 394 393Z'/%3E%3C/svg%3E");
  --icon-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M442 186Q451 176 464.0 176.0Q477 176 487 186L694 393Q699 398 701.5 404.0Q704 410 704 416Q704 422 701.5 428.0Q699 434 694 439L487 646Q477 656 464.0 656.0Q451 656 442 646Q432 637 432.0 623.5Q432 610 442 601L627 416L442 231Q432 222 432.0 208.5Q432 195 442 186Z'/%3E%3C/svg%3E");
  --icon-arrow-right-alt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M445 201 689 425Q700 435 700.0 448.0Q700 461 689 471Q689 471 688.5 471.0Q688 471 688 471L445 695Q434 705 419.5 705.0Q405 705 395 695Q395 695 395.0 695.0Q395 695 395 695Q390 691 387.0 685.0Q384 679 384 672V224Q384 217 387.0 211.0Q390 205 395 201Q405 191 419.5 191.0Q434 191 445 201Z'/%3E%3C/svg%3E");
  --icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M290 226Q299 216 312.0 216.0Q325 216 335 226L512 403L689 226Q699 216 712.0 216.0Q725 216 734 226Q744 235 744.0 248.0Q744 261 734 271L557 448L734 625Q744 635 744.0 648.0Q744 661 734 670Q725 680 712.0 680.0Q699 680 689 670L512 493L335 670Q325 680 312.0 680.0Q299 680 290 670Q280 661 280.0 648.0Q280 635 290 625L467 448L290 271Q280 261 280.0 248.0Q280 235 290 226Z'/%3E%3C/svg%3E");
  --icon-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M224 448H800Q813 448 822.5 457.5Q832 467 832 480Q832 493 822.5 502.5Q813 512 800 512H224Q211 512 201.5 502.5Q192 493 192 480Q192 467 201.5 457.5Q211 448 224 448ZM224 640H800Q813 640 822.5 649.5Q832 659 832 672Q832 685 822.5 694.5Q813 704 800 704H224Q211 704 201.5 694.5Q192 685 192 672Q192 659 201.5 649.5Q211 640 224 640ZM224 256H800Q813 256 822.5 265.5Q832 275 832 288Q832 301 822.5 310.5Q813 320 800 320H224Q211 320 201.5 310.5Q192 301 192 288Q192 275 201.5 265.5Q211 256 224 256Z'/%3E%3C/svg%3E");
  --icon-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M512 960Q406 960 313 920Q219 880 149.5 810.5Q80 741 40 647Q0 554 0 448Q0 342 40 249Q80 155 149.5 85.5Q219 16 313 -24Q406 -64 512 -64Q618 -64 711 -24Q805 16 874.5 85.5Q944 155 984 249Q1024 342 1024 448Q1024 554 984 647Q944 741 874.5 810.5Q805 880 711 920Q618 960 512 960ZM512 0Q419 0 338 35Q256 71 195.5 131.5Q135 192 99 274Q64 355 64 448Q64 541 99 622Q135 704 195.5 764.5Q256 825 338 861Q419 896 512 896Q605 896 686 861Q768 825 828.5 764.5Q889 704 925 622Q960 541 960 448Q960 355 925 274Q889 192 828.5 131.5Q768 71 686 35Q605 0 512 0ZM410 615Q406 619 402.0 621.5Q398 624 395 626Q395 626 395.0 626.0Q395 626 395 626Q394 626 394.0 626.0Q394 626 394 626Q389 629 386.0 630.5Q383 632 383 632V631Q375 634 367.0 636.0Q359 638 350 638Q311 638 283.5 609.5Q256 581 256 540Q256 500 283.5 471.0Q311 442 350 442Q363 442 374.5 445.5Q386 449 396 455Q392 416 366.5 361.5Q341 307 268 249Q258 240 256.5 227.0Q255 214 263 203Q267 197 273.5 194.0Q280 191 287 191Q292 191 297.0 192.5Q302 194 306 198Q395 269 425.5 338.5Q456 408 458 457Q464 520 449.0 555.5Q434 591 417 609Q415 610 413.5 612.0Q412 614 410 615ZM720 615Q716 619 712.5 621.5Q709 624 705 626Q705 626 705.0 626.0Q705 626 705 626Q705 626 704.5 626.0Q704 626 704 626Q699 629 696.0 630.5Q693 632 693 632V631Q686 634 677.5 636.0Q669 638 660 638Q621 638 593.5 609.5Q566 581 566 540Q566 500 593.5 471.0Q621 442 660 442Q673 442 684.5 445.5Q696 449 706 455Q703 416 677.0 361.5Q651 307 579 249Q568 240 566.5 227.0Q565 214 573 203Q578 197 584.5 194.0Q591 191 598 191Q603 191 607.5 192.5Q612 194 617 198Q706 269 736.0 338.5Q766 408 769 457Q774 520 759.0 555.5Q744 591 727 609Q725 610 723.5 612.0Q722 614 720 615Z'/%3E%3C/svg%3E");
  --icon-e004: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M837 512Q882 615 867.5 681.0Q853 747 830 779Q796 826 739.5 850.0Q683 874 629 863Q581 854 547 833Q513 812 491.0 777.0Q469 742 458 692Q448 643 448 576V428L374 502Q365 511 351.5 511.0Q338 511 329 502Q319 493 319.0 479.5Q319 466 329 457L457 328Q462 323 468.0 321.0Q474 319 481 319Q487 319 493.0 321.0Q499 323 504 328L634 457Q643 467 643.0 480.0Q643 493 634 503Q624 512 611.0 512.0Q598 512 588 503L512 426V576Q512 714 552.0 752.5Q592 791 641 801Q672 806 712.0 792.0Q752 778 778 741Q810 696 804.0 631.5Q798 567 755 491Q750 482 750.5 473.0Q751 464 756 456Q762 449 770.5 445.5Q779 442 788 443Q794 444 808.5 446.0Q823 448 834 448Q886 448 923.0 410.5Q960 373 960 320Q960 267 922.5 229.5Q885 192 832 192H197Q141 200 102.5 246.5Q64 293 64 352Q64 411 103.5 456.0Q143 501 201 509L229 513Q241 515 248.5 524.0Q256 533 256 545V579Q256 665 303.5 728.5Q351 792 424 803Q437 805 445.0 816.0Q453 827 451 840Q449 853 438.5 860.5Q428 868 414 866Q366 859 325 834Q284 808 254.5 770.0Q225 732 209 683Q192 634 192 579Q192 579 192.0 576.0Q192 573 192 573Q151 567 116 547Q81 527 55.0 497.5Q29 468 15 431Q0 393 0 352Q0 310 14 272Q29 234 54.5 204.0Q80 174 115 154Q150 134 192 128H832Q911 128 967.5 184.5Q1024 241 1024 320Q1024 399 969.5 455.0Q915 511 837 512Z'/%3E%3C/svg%3E");
  --icon-e006: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M960 768H896V896Q896 922 877.0 941.0Q858 960 832 960H64Q38 960 19.0 941.0Q0 922 0 896V192Q0 166 19.0 147.0Q38 128 64 128H128V0Q128 -26 147.0 -45.0Q166 -64 192 -64H960Q986 -64 1005.0 -45.0Q1024 -26 1024 0V704Q1024 730 1005.0 749.0Q986 768 960 768ZM64 192V896H832V192ZM960 0H192V128H256V64H896V704H960ZM473 698Q473 661 499.0 635.0Q525 609 562 609Q599 609 625.0 635.0Q651 661 651 698Q651 735 625.0 761.0Q599 787 562 787Q525 787 499.0 761.0Q473 735 473 698ZM320 640 128 512V256H768V576L512 448Z'/%3E%3C/svg%3E");
  --icon-e00e: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M960 896H64Q38 896 19.0 877.0Q0 858 0 832V256Q0 230 19.0 211.0Q38 192 64 192H384Q384 157 381.0 118.5Q378 80 364 64H351Q338 64 329.0 54.5Q320 45 320 32Q320 19 329.0 9.5Q338 0 351 0H672Q686 0 695.0 9.5Q704 19 704 32Q704 45 695.0 54.5Q686 64 673 64H660Q646 80 643.0 118.5Q640 157 640 192H960Q986 192 1005.0 211.0Q1024 230 1024 256V832Q1024 858 1005.0 877.0Q986 896 960 896ZM448 192Q448 192 448.0 192.0Q448 192 448 192ZM576 192Q576 192 576.0 192.0Q576 192 576 192ZM960 320H64V832H960Z'/%3E%3C/svg%3E");
  --icon-e031: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M1020 546Q1015 563 1001.0 575.0Q987 587 969 589L693 629L569 879Q561 896 545.5 905.5Q530 915 512 915Q494 915 478.5 905.5Q463 896 455 879L331 629L55 589Q37 587 23.0 575.0Q9 563 4 546Q-2 528 2.5 510.5Q7 493 20 480L220 286L172 11Q169 -7 176.0 -24.0Q183 -41 198 -52Q206 -58 216.0 -61.0Q226 -64 236 -64Q243 -64 250.5 -62.0Q258 -60 265 -57L512 73L759 -57Q766 -60 773.5 -62.0Q781 -64 788 -64Q798 -64 808.0 -61.0Q818 -58 826 -52Q841 -41 848.0 -24.0Q855 -7 852 11L804 286L1004 480Q1017 493 1021.5 510.5Q1026 528 1020 546ZM736 308 788 0 512 145 236 0 288 308 65 526 374 571 512 851 650 571 959 526 736 308Z'/%3E%3C/svg%3E");
  --icon-e050: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M544 896Q445 896 357 858Q270 821 204.5 755.5Q139 690 102 603Q64 515 64 416Q64 317 102 229Q139 142 204.5 76.5Q270 11 357 -26Q445 -64 544 -64Q643 -64 731 -26Q818 11 883.5 76.5Q949 142 986 229Q1024 317 1024 416Q1024 515 986 603Q949 690 883.5 755.5Q818 821 731 858Q643 896 544 896ZM800 384H576V160Q576 147 566.5 137.5Q557 128 544 128Q531 128 521.5 137.5Q512 147 512 160V384H288Q275 384 265.5 393.5Q256 403 256 416Q256 429 265.5 438.5Q275 448 288 448H512V672Q512 685 521.5 694.5Q531 704 544 704Q557 704 566.5 694.5Q576 685 576 672V448H800Q813 448 822.5 438.5Q832 429 832 416Q832 403 822.5 393.5Q813 384 800 384Z'/%3E%3C/svg%3E");
  --icon-e059: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M128 64H192V0Q192 -26 211.0 -45.0Q230 -64 256 -64H896Q922 -64 941.0 -45.0Q960 -26 960 0V768Q960 794 941.0 813.0Q922 832 896 832H832V896Q832 922 813.0 941.0Q794 960 768 960H128Q102 960 83.0 941.0Q64 922 64 896V128Q64 102 83.0 83.0Q102 64 128 64ZM896 768V0H256V64H768Q794 64 813.0 83.0Q832 102 832 128V768ZM672 832Q685 832 694.5 822.5Q704 813 704 800Q704 787 694.5 777.5Q685 768 672 768H413Q400 768 390.5 777.5Q381 787 381 800Q381 813 390.5 822.5Q400 832 413 832ZM221 640H672Q685 640 694.5 630.5Q704 621 704 608Q704 595 694.5 585.5Q685 576 672 576H221Q208 576 198.5 585.5Q189 595 189 608Q189 621 198.5 630.5Q208 640 221 640ZM221 448H672Q685 448 694.5 438.5Q704 429 704 416Q704 403 694.5 393.5Q685 384 672 384H221Q208 384 198.5 393.5Q189 403 189 416Q189 429 198.5 438.5Q208 448 221 448ZM221 256H672Q685 256 694.5 246.5Q704 237 704 224Q704 211 694.5 201.5Q685 192 672 192H221Q208 192 198.5 201.5Q189 211 189 224Q189 237 198.5 246.5Q208 256 221 256Z'/%3E%3C/svg%3E");
  --icon-e071: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M832 448Q830 448 828.5 447.5Q827 447 825 447Q829 463 830.5 479.0Q832 495 832 512Q832 578 807 637Q782 695 738.5 738.5Q695 782 637 807Q578 832 512 832Q446 832 387 807Q329 782 285.5 738.5Q242 695 217 637Q192 578 192 512Q192 511 192.0 510.5Q192 510 192 509Q152 503 116 484Q81 464 55.5 435.0Q30 406 15 368Q0 330 0 288Q0 246 15 208Q30 171 55.5 141.5Q81 112 116 92Q151 73 192 67V64H512L312 320H448V576Q448 602 467.0 621.0Q486 640 512 640Q538 640 557.0 621.0Q576 602 576 576V320H712L512 64H832Q912 64 968.0 120.0Q1024 176 1024 256Q1024 336 968.0 392.0Q912 448 832 448Z'/%3E%3C/svg%3E");
  --icon-e074: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M53 456 512 854 971 456Q976 452 981.0 450.0Q986 448 992 448Q999 448 1005.0 451.0Q1011 454 1016 459Q1025 469 1024.0 482.0Q1023 495 1013 504L533 920Q524 928 512.0 928.0Q500 928 491 920L320 772V832Q320 858 301.0 877.0Q282 896 256 896Q230 896 211.0 877.0Q192 858 192 832V661L11 504Q1 496 0.0 482.5Q-1 469 8 459Q17 449 30.0 448.0Q43 447 53 456ZM384 320H640V0H832Q858 0 877.0 19.0Q896 38 896 64V378Q896 392 890.0 405.0Q884 418 873 427L553 689Q544 697 533.5 700.5Q523 704 512 704Q501 704 490.5 700.5Q480 697 471 689L151 427Q140 418 134.0 405.0Q128 392 128 378V64Q128 38 147.0 19.0Q166 0 192 0H384Z'/%3E%3C/svg%3E");
  --icon-e0aa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M512 960Q406 960 313 920Q219 880 149.5 810.5Q80 741 40 647Q0 554 0 448Q0 342 40 249Q80 155 149.5 85.5Q219 16 313 -24Q406 -64 512 -64Q618 -64 711 -24Q805 16 874.5 85.5Q944 155 984 249Q1024 342 1024 448Q1024 554 984 647Q944 741 874.5 810.5Q805 880 711 920Q618 960 512 960ZM644 448H560V141H445V448H368V554H445V616Q445 681 469.5 718.0Q494 755 570 755H655V649H602Q572 649 566.0 638.5Q560 628 560 607V554H656Z'/%3E%3C/svg%3E");
  --icon-e0f3: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath transform='matrix(1 0 0 -1 0 960)' d='M544 896Q445 896 357 858Q270 821 204.5 755.5Q139 690 102 603Q64 515 64 416Q64 317 102 229Q139 142 204.5 76.5Q270 11 357 -26Q445 -64 544 -64Q643 -64 731 -26Q818 11 883.5 76.5Q949 142 986 229Q1024 317 1024 416Q1024 515 986 603Q949 690 883.5 755.5Q818 821 731 858Q643 896 544 896ZM599 448Q669 448 718.5 401.0Q768 354 768 288Q768 222 718.5 175.0Q669 128 599 128H576V96Q576 83 566.5 73.5Q557 64 544 64Q531 64 521.5 73.5Q512 83 512 96V128H489Q419 128 369.5 175.0Q320 222 320 288Q320 301 329.5 310.5Q339 320 352 320Q365 320 374.5 310.5Q384 301 384 288Q384 248 415.0 220.0Q446 192 489 192H512V384H489Q419 384 369.5 431.0Q320 478 320 544Q320 610 369.5 657.0Q419 704 489 704H512V736Q512 749 521.5 758.5Q531 768 544 768Q557 768 566.5 758.5Q576 749 576 736V704H599Q669 704 718.5 657.0Q768 610 768 544Q768 531 758.5 521.5Q749 512 736 512Q723 512 713.5 521.5Q704 531 704 544Q704 584 673.0 612.0Q642 640 599 640H576V448ZM384 544Q384 504 415.0 476.0Q446 448 489 448H512V640H489Q446 640 415.0 612.0Q384 584 384 544ZM599 192Q642 192 673.0 220.0Q704 248 704 288Q704 328 673.0 356.0Q642 384 599 384H576V192Z'/%3E%3C/svg%3E");
}

/* ---------------------------------------------------------------------------
   Base
   Measured from the live WordPress site: Open Sans 14px/1.7 body text in #666,
   Barlow for navigation, Barlow / Barlow Condensed for most page copy.
   --------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }
:root { --font-body: 'Barlow', Arial, sans-serif; --font-display: 'Barlow Condensed', 'Barlow', Arial, sans-serif; }
body {
  margin: 0;
  background: #fff;
  color: #666;
  font: 500 14px/1.7 var(--font-body);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);
}
h1, h2, h3, h4, h5, h6 { margin: 0; padding-bottom: 10px; color: #333; font-weight: 500; line-height: 1em; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { margin: 0; padding-bottom: 1em; }
p:last-of-type { padding-bottom: 0; }
ul, ol { margin: 0; padding: 0; }
a { color: #2ea3f2; text-decoration: none; }
img { max-width: 100%; height: auto; vertical-align: middle; border: 0; }
strong, b { font-weight: 700; }
button, input, select, textarea { font: inherit; }
h1, h2, h3, h4, h5, h6, button { font-family: var(--font-display); }
iframe { border: 0; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip-link { position: absolute; top: -100px; left: 16px; z-index: 100001; padding: 12px 24px; background: #0c71c3; color: #fff; font: 700 14px/1 var(--font-display); text-decoration: none; }
.skip-link:focus { top: 12px; }

/* Content width used by the header, footer and every section row. */
.wrap { width: 80%; max-width: 1080px; margin: 0 auto; position: relative; }

/* Icons: the theme's icon-font glyphs as SVG masks, coloured by currentColor. */
.icon { display: inline-block; width: 1em; height: 1em; background: currentColor; -webkit-mask: var(--icon) no-repeat center / contain; mask: var(--icon) no-repeat center / contain; }

/* ---------------------------------------------------------------------------
   Site header (80px; primary nav from 981px, "Select Page" menu below)
   --------------------------------------------------------------------------- */
.site-header { position: sticky; top: 0; z-index: 99999; height: 80px; background: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, .1); font-weight: 500; transition: transform .4s ease-out, box-shadow .4s ease-out; }
/* Pinned header that slides away 3s after scrolling stops and returns on scroll up (assets/js/site.js);
   an intentional difference from the live site, whose header scrolled away with the page.
   It stays under the cookie banner and OptinMonster, which use far higher z-indexes. */
.site-header.is-hidden, .sticky-header.is-hidden { transform: translateY(-100%); box-shadow: none; }
.sticky-header { transition: transform .4s ease-out; }
@media (prefers-reduced-motion: reduce) { .site-header, .sticky-header { transition: none; } }
/* In-page jumps (#contact, ...) land below the pinned header. */
html { scroll-padding-top: 84px; }
/* Wider than the page content (85% / 1440px), by request; the live header used the 80% / 1080px content width. */
.site-header .wrap { width: 85%; max-width: 1440px; height: 80px; }
.site-logo { position: absolute; top: 0; left: 0; height: 100%; display: flex; align-items: center; }
.site-logo img { display: block; max-height: 54%; width: auto; margin-left: 3.6px; }
.site-header .site-logo img { height: 43.1875px; }

.primary-nav { float: right; padding-top: 33px; }
.primary-nav > ul { list-style: none; display: block; font: 600 14px/14px var(--font-body); }
.primary-nav > ul > li { position: relative; display: inline-block; padding-right: 22px; font: 600 14px/14px var(--font-body); }
.primary-nav > ul > li:last-child { padding-right: 0; }
.primary-nav a { display: block; position: relative; padding-bottom: 33px; color: rgba(0, 0, 0, .6); font: 600 16px/14px var(--font-body); transition: opacity .4s ease-in-out, background-color .4s ease-in-out; }
.primary-nav a:hover { opacity: .7; }
.primary-nav a[aria-current="page"], .primary-nav a[data-nav-ancestor], .primary-nav .is-current > a { color: #2ea3f2; }
.primary-nav .has-sub > a { padding-right: 20px; }
.primary-nav .has-sub > a::after {
  content: ""; position: absolute; right: 0; bottom: 33px; width: 16px; height: 14px;
  background: currentColor; -webkit-mask: var(--icon-chevron-down-bold) no-repeat 0 -1px / 16px 16px; mask: var(--icon-chevron-down-bold) no-repeat 0 -1px / 16px 16px;
}
.primary-nav .sub-menu {
  position: absolute; top: 47px; left: 0; z-index: 9999; width: 240px; padding: 20px 0;
  list-style: none; background: #fff; border-top: 3px solid #2ea3f2; box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  opacity: 0; visibility: hidden; transition: all .2s ease-in-out;
}
.primary-nav .has-sub:hover > .sub-menu, .primary-nav .has-sub:focus-within > .sub-menu { opacity: 1; visibility: visible; }
/* The last item sits at the right edge of the wider header, so its dropdown opens leftward to stay inside the viewport. */
.primary-nav > ul > li:last-child > .sub-menu { left: auto; right: 0; }
.primary-nav .sub-menu li { display: inline-block; width: 240px; padding: 0 20px; line-height: 28px; }
.primary-nav .sub-menu a { width: 200px; padding: 6px 20px; font: 600 16px/28px var(--font-body); }

.menu-toggle { display: none; float: right; width: 32px; height: 56px; margin-top: 24px; padding: 0; border: 0; background: none; color: #2ea3f2; cursor: pointer; align-items: flex-start; }
.menu-toggle .icon { width: 32px; height: 32px; display: block; margin: -.5px 0 0 0; }
.mobile-menu {
  display: none; position: absolute; top: 80px; left: 0; z-index: 9999; width: 100%; padding: 5%;
  list-style: none; background: #fff; border-top: 3px solid #2ea3f2; box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  font: 600 14px/23px var(--font-body); text-align: left;
}
.mobile-menu.is-open { display: block; }
.mobile-menu a { display: block; padding: 10px 5%; border-bottom: 1px solid rgba(0, 0, 0, .03); color: #666; font: 600 14px/23px var(--font-body); }
.mobile-menu .has-sub > a { background: rgba(0, 0, 0, .03); font-weight: 700; }
.mobile-menu ul { list-style: none; padding-left: 10px; }
.mobile-menu a[aria-current="page"], .mobile-menu .is-current > a { color: #2ea3f2; }

@media (max-width: 980px) {
  .primary-nav { display: none; }
  .menu-toggle { display: flex; }
}
@media (max-width: 767px) {
  .site-logo img { max-width: 40vw; }
  .site-header .site-logo img { height: auto; }
}

/* ---------------------------------------------------------------------------
   Site footer
   --------------------------------------------------------------------------- */
.site-footer { background: #223949; padding: 15px 0 5px; }
.site-footer::after { content: ""; display: table; clear: both; }
.site-footer .footer-info { float: left; margin: 0; padding-bottom: 10px; color: #969696; font: 500 20px/34px var(--font-body); }
.footer-info a { color: #969696; font-weight: 700; }
.site-footer .wrap::after { content: ""; display: table; clear: both; }
@media (max-width: 980px) {
  .site-footer .footer-info { float: none; text-align: center; }
}

/* ---------------------------------------------------------------------------
   Default page / post template: content column, 1px rule, sidebar with search.
   --------------------------------------------------------------------------- */
.page-main { background: #fff; }
.page-main > .wrap { padding-top: 58px; }
.page-main > .wrap::after { content: ""; display: table; clear: both; }
.has-sidebar > .wrap::before { content: ""; position: absolute; top: 0; right: 20.875%; width: 1px; height: 100%; background: #e2e2e2; }
.content-area { float: left; width: 79.125%; padding: 0 5.5% 23px 0; }
.sidebar { float: left; width: 20.875%; padding: 0 0 28px 30px; }
.page-title { padding-bottom: 10px; margin-bottom: 20px; color: #333; font: 500 40px/40px var(--font-display); }
.entry-content p { color: #111; font-size: 20px; line-height: 34px; }

.search-widget { position: relative; margin-bottom: 30px; }
.search-widget input[type="search"] { width: 100%; height: 40px; padding: 9.8px; border: 1px solid #ddd; border-radius: 3px; background: #fff; color: #666; font: 400 14px var(--font-body); -webkit-appearance: none; appearance: none; }
.search-widget button { position: absolute; top: 0; right: 0; height: 40px; padding: 9.8px; border: 1px solid #ddd; border-radius: 0 3px 3px 0; background: #ddd; color: #666; font: 400 14px var(--font-display); cursor: pointer; }

@media (max-width: 980px) {
  .has-sidebar > .wrap::before { display: none; }
  .content-area, .sidebar { float: none; width: 100%; padding-right: 0; padding-left: 0; }
  .content-area { padding-bottom: 0; }
}

/* ---------------------------------------------------------------------------
   Page sections and the column grid
   Sections pad 4% (54px from 1350px, 50px at tablet and phone); rows are the
   .wrap width and pad 2% (27px / 30px). Columns sit 5.5% apart and stack at 980px.
   Spacing between blocks inside a column is 2.75% of the row (2.75cqw), 30px when stacked.
   --------------------------------------------------------------------------- */
.section { position: relative; padding: 4% 0; background-size: cover; background-position: 50% 50%; }
.row { width: 80%; max-width: 1080px; margin: 0 auto; padding: 2% 0; position: relative; container-type: inline-size; }
.row-full { width: 100%; max-width: none; }
@media (min-width: 1350px) {
  .section { padding: 54px 0; }
  .row { padding: 27px 0; }
}
.cols { display: flex; flex-wrap: nowrap; }
.cols > .col { position: relative; z-index: 2; margin-right: 5.5%; min-width: 0; }
.cols > .col:last-child { margin-right: 0; }
.cols.align-start { align-items: flex-start; }
.col-1-2 { width: 47.25%; }
.col-1-3 { width: 29.6667%; }
.col-2-3 { width: 64.8333%; }
.col-1-4 { width: 20.875%; }
.col-3-4 { width: 73.625%; }
.col-2-5 { width: 36.7%; }
.col-3-5 { width: 57.8%; }
.col-full { width: 100%; }
.col.v-center { display: flex; flex-direction: column; justify-content: center; }
.col > * + * { margin-top: 2.75cqw; }
.text-center { text-align: center; }
@media (max-width: 980px) {
  .section { padding: 50px 0; }
  .row { padding: 30px 0; }
  .cols { display: block; }
  .cols > .col { width: 100%; margin-right: 0; margin-bottom: 30px; }
  .cols > .col:last-child { margin-bottom: 0; }
  .col > * + * { margin-top: 30px; }
}

/* Copy set in the site's "Barlow" text style: Barlow 17px/1.7 paragraphs (20px/1.5 under 500px),
   Barlow Condensed headings. */
.barlow { font-family: var(--font-body); }
.barlow h1, .barlow h2, .barlow h3, .barlow h4, .barlow h5, .barlow h6 { font-family: var(--font-display); }
.barlow p { font: 500 17px/1.7em var(--font-body); color: #111; }
@media (max-width: 500px) {
  .barlow p { font-size: 20px; line-height: 1.5em; }
}

/* ---------------------------------------------------------------------------
   Lead form ("Check Availability & Pricing in Your Market") and its card.
   Posts to the marketing worker through assets/js/contact-form.js.
   --------------------------------------------------------------------------- */
.form-card { background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 20px rgba(0, 0, 0, .15); }
@media (max-width: 767px) { .form-card { padding: 20px; } }
.lead-form { font: 500 14px/23.8px var(--font-body); color: #666; }
.lead-form h2 { padding-bottom: 10px; color: #333; font: 700 32px/32px var(--font-display); }
.lead-form .form-note { margin: 0; padding: 0; color: #666; font: 500 14px/23.8px var(--font-body); }
.lead-form .field { margin-bottom: 25px; }
.lead-form .field label { display: block; margin-bottom: 10px; color: #666; font: 700 17.6px/23.8px var(--font-body); height: 24.8px; }
.lead-form .field-submit { padding: 12px 0; }
.lead-form .req { color: #e80000; }
.lead-form input, .lead-form textarea, .lead-form select {
  display: block; width: 100%; padding: 0 0 6px; border: 0; border-bottom: 1px solid #d6dee8; border-radius: 0;
  background: #fff; color: #4e4e4e; font: 400 20px var(--font-body); box-shadow: none; outline: none; transition: border-bottom .2s;
}
.lead-form input:focus { border-bottom: 2px solid #f49937; }
.lead-form button[type="submit"] {
  display: block; width: 100%; margin: 0; padding: 13px 10px; border: 0; border-radius: 45px;
  background: #f49937; color: #fff; font: 700 22px var(--font-display); letter-spacing: 1px; line-height: normal; cursor: pointer;
}
.lead-form .form-error, .lead-form .form-success { margin: 0 0 15px; padding: 0; font: 500 17px/1.5 var(--font-body); color: #e80000; }
.lead-form .form-success { color: #2c7d3f; }
/* Spam trap: off-screen for people, filled in by bots (see contact-form.js). */
.hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lead-form .form-company { padding-bottom: 4px; color: #333; font: 500 17px/28.9px var(--font-body); text-align: center; }
.lead-form .form-address { color: #aaa; font: 500 14px/23.8px var(--font-body); text-align: center; }
.lead-form .form-address a { color: #aaa; }
@media (max-width: 500px) {
  .lead-form .form-company { font-size: 20px; line-height: 30px; }
  .lead-form .form-address { line-height: 21px; }
}

/* "Have Questions?" box beside the lead form. */
.contact-box { padding: 60px 0; border-radius: 10px; background: rgba(0, 117, 191, .42); text-align: center; color: #fff; }
/* Headings keep a 1em line box with an enlarged inner span, as the original did. */
.contact-box h2 { margin-bottom: 20px; color: #fff; font: 500 26px/1em var(--font-display); }
.contact-box h2 span { font-size: 2em; }
.contact-box h3 { color: #fff; font: 500 22px/1em var(--font-display); }
.contact-box h3 span { font-size: 1.5em; }
.contact-box p { color: #fff; padding-bottom: 1em; }
.contact-box p:last-child { padding-bottom: 0; }
.contact-box a { color: #fff; font-size: 1.4em; text-decoration: underline; }
.contact-box.is-dark { background: rgba(0, 117, 191, .82); }

/* ---------------------------------------------------------------------------
   Blog: single post and post lists (sidebar template).
   --------------------------------------------------------------------------- */
.post-title { padding-bottom: 10px; color: #333; font: 500 40px/1em var(--font-display); }
.post { margin-bottom: 60px; word-wrap: break-word; }
.post .post-meta { margin-bottom: 6px; padding-bottom: 15px; font-size: 14px; }
.post .entry-content { padding-top: 30px; }
.post-meta a { color: #666; }
.post .entry-content h2 { padding-bottom: 10px; font-size: 26px; }
.post .entry-content ol { list-style: decimal inside; padding: 0 0 23px; line-height: 26px; }
.post .entry-content ul { list-style: disc; padding: 0 0 23px 1em; line-height: 26px; }
.single-post { padding-bottom: 25px; }
.comments { padding-top: 75px; }
.comments h3 { padding-top: 17px; font-size: 22px; }
.comments p { color: #111; font-size: 20px; line-height: 170%; }
@media print { .comments { display: none; } }
@media (max-width: 1100px) { .post { margin-bottom: 42px; } }
@media (max-width: 767px) { .post > h2 { font-size: 18px; } }
@media (max-width: 479px) { .post h2, .post .entry-content h2 { font-size: 16px; padding-bottom: 0; } }