1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <style>/* 8Theme Name: HoverCraft 9Theme URI: https://hovercraft.vip 10Author: LittleBizzy 11Author URI: https://www.littlebizzy.com 12Description: No maintenance WordPress theme 13Version: 0.3.261 14Requires at least: 6.0 15Tested up to: 7.0 16Requires PHP: 7.0 17License: GPLv3 18License URI: https://www.gnu.org/licenses/gpl-3.0.html 19Text Domain: hovercraft 20GitHub Theme URI: littlebizzy/hovercraft 21Primary Branch: master 22*/ 23 24/* root */ 25 26html { 27 scrollbar-gutter: stable; 28} 29 30/* css reset */ 31 32html, body, div, span, applet, object, iframe, main, h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, dl, dt, dd, em, img, input, ins, kbd, label, legend, mark, meter, optgroup, option, output, progress, q, s, samp, select, small, source, strike, strong, sub, summary, sup, table, tbody, td, template, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video, article, aside, audio, canvas, caption, center, details, dialog, embed, fieldset, figcaption, figure, footer, form, header, hgroup, li, menu, nav, ol, picture, ruby, section { 33 margin: 0; 34 padding: 0; 35 border: 0; 36 font-size: 100%; 37 font: inherit; 38 vertical-align: baseline; 39} 40 41/* html5 elements */ 42 43article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { 44 display: block; 45} 46 47/* form elements */ 48 49button, input, optgroup, select, textarea { 50 font: inherit; 51} 52
53/* responsive media */ 54 55img, picture, video, canvas, svg { 56 max-width: 100%; 57 height: auto; 58} 59 60/* universal */ 61 62*, *::before, *::after { 63 box-sizing: border-box; 64} 65 66/* devices */ 67 68@media screen and (max-width: 1199px) { 69 .desktop { 70 display: none !important; 71 } 72} 73 74@media screen and (min-width: 1200px) { 75 .mobile { 76 display: none !important; 77 } 78} 79</style> 80 81 <title>Magic Detox® | #1 Rated 7-Day Herbal Cleanse | USDA Organic</title> 82<meta name='robots' content='max-image-preview:large' /> 83<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> 84<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 85<link rel='dns-prefetch' href='//fonts.gstatic.com' /> 86<link href='https://fonts.googleapis.com' crossorigin='anonymous' rel='preconnect' /> 87<link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect' /> 88<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://magicdetox.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmagicdetox.com%2F" /> 89<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://magicdetox.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmagicdetox.com%2F&format=xml" /> 90<style id="wp-img-auto-sizes-contain-inline-css"> 91img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 92/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 93</style> 94<style id="wp-emoji-styles-inline-css"> 95 96 img.wp-smiley, img.emoji { 97 display: inline !important; 98 border: none !important; 99 box-shadow: none !important; 100 height: 1em !important; 101 width: 1em !important; 102 margin: 0 0.07em !important; 103 vertical-align: -0.1em !important; 104 background: none !important; 105 padding: 0 !important; 106 } 107/*# sourceURL=wp-emoji-styles-inline-css */ 108</style> 109 110 111<link rel='stylesheet' id='hovercraft_font_awesome-css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css?ver=6.7.2' media='all' /> 112<link rel='stylesheet' id='hovercraft_google_fonts-css' href='https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Lato:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap&ver=0.3.261' media='all' />
113<script id="jquery-core-js" src="https://magicdetox.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 113
113
114<script id="jquery-migrate-js" src="https://magicdetox.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
114 115<link rel="https://api.w.org/" href="https://magicdetox.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://magicdetox.com/wp-json/wp/v2/pages/2" /> 116<link rel="canonical" href="https://magicdetox.com/" /> 117<link rel='shortlink' href='https://magicdetox.com/' /> 118<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 118-119
118 119<script async src="https://www.googletagmanager.com/gtag/js?id=
119G-QXP0V3LNTX
vendor: 13 bytes, line 119
119"></script>
120<script> 121
vendor: 138 bytes, lines 121-125
121window.dataLayer = window.dataLayer || []; 122 function gtag(){dataLayer.push(arguments);} 123 gtag('js', new Date()); 124 125 gtag('config', '
125G-QXP0V3LNTX
vendor: 5 bytes, line 125
125');
126</script>
126 127<style type="text/css" id="hovercraft_custom_css"> 128 129html, body { 130 height: 100%; 131 font-family: "Noto Sans", sans-serif; 132 line-height: 1.5; 133 color: #424242; 134} 135 136@media screen and (max-width: 1199px) { 137 html, body { 138 font-size: 16px; 139 } 140} 141 142@media screen and (min-width: 1200px) { 143 html, body { 144 font-size: 16px; 145 } 146} 147 148/* body frozen (triggered by offcanvas menu js) */ 149 150body.frozen { 151 overflow: hidden; 152} 153 154/* misc */ 155 156strong { 157 font-weight: 700; 158} 159 160em { 161 font-style: italic; 162} 163 164/* paragraphs */ 165 166@media screen and (max-width: 1199px) { 167 p { 168 margin-bottom: 20px; 169 } 170} 171 172@media screen and (min-width: 1200px) { 173 p { 174 margin-bottom: 30px; 175 } 176} 177 178.clear { 179 clear: both; 180} 181 182/* general */ 183 184#container { 185 width: 100%; 186 min-height: 100%; 187} 188 189@media screen and (max-width: 1199px) { 190 #container { 191 position: relative; /* required for mobile menu transform */ 192 transform: translate3d(0, 0, 0); 193 transition: transform 0.5s; 194 } 195} 196 197.inner { 198 width: 100%; 199 max-width: 1200px; 200 margin: 0 auto; 201} 202 203.full { 204 max-width: 100%; 205} 206 207@media screen and (max-width: 1199px) { 208 .full { 209 padding: 0 0; 210 } 211} 212 213@media screen and (min-width: 1200px) { 214 .full { 215 padding: 0 40px; 216 } 217} 218 219/* wordpress */ 220 221.aligncenter { 222 clear: both; 223 display: block; 224 margin-left: auto; 225 margin-right: auto; 226} 227 228.alignleft { 229 display: inline; 230 float: left; 231} 232 233.alignright { 234 display: inline; 235 float: right; 236} 237 238.wp-caption { 239 max-width: 100%; 240} 241 242.wp-caption-text { 243 text-align: center; 244} 245 246.screen-reader-text { 247 clip: rect(1px, 1px, 1px, 1px); 248 position: absolute !important; 249 height: 1px; 250 width: 1px; 251 overflow: hidden; 252} 253 254@media screen and (max-width: 1199px) { 255 .mejs-container { 256 margin-bottom: 20px; 257 } 258} 259 260@media screen and (min-width: 1200px) { 261 .mejs-container { 262 margin-bottom: 30px; 263 } 264} 265 266iframe { 267 position: relative; 268 display: block; 269} 270 271hr { 272 background: #424242; 273 height: 1px; 274} 275 276@media screen and (max-width: 1199px) { 277 hr { 278 margin-bottom: 20px; 279 } 280} 281 282@media screen and (min-width: 1200px) { 283 hr { 284 margin-bottom: 30px; 285 } 286} 287 288#footer iframe { 289 aspect-ratio: 1 / 1.5; 290} 291 292 293#header-full-hero .menu-desktop > .main-menu ul li ul li { 294 background: #424242; 295} 296 297#full-hero-viewport { 298 min-height: 100vh; 299 min-height: 100svh; 300 display: flex; 301 flex-direction: column; 302} 303 304#full-hero-viewport #topbar { 305 flex: 0 0 auto; 306} 307 308#hero-full-container { 309 background: linear-gradient(60deg, rgba(33, 33, 33, 0.60) 30%, rgba(255, 255, 255, 0.15) 100%); 310 background-position: center center; 311 background-size: cover; 312 background-repeat: no-repeat; 313 width: 100%; 314 padding: 0; 315 position: relative; 316 flex: 1 1 auto; 317 min-height: 0; 318 display: flex; 319 flex-direction: column; 320} 321 322video.hero-background-video { 323 width: 100%; 324 height: 100%; 325 object-fit: cover; 326 position: absolute; 327 top: 0; 328 left: 0; 329 z-index: 0; 330 pointer-events: none; 331} 332 333.hero-background-video-overlay { 334 width: 100%; 335 height: 100%; 336 object-fit: cover; 337 position: absolute; 338 top: 0; 339 left: 0; 340 z-index: 0; 341 pointer-events: none; 342 background: linear-gradient(60deg, rgba(33, 33, 33, 0.60) 30%, rgba(255, 255, 255, 0.15) 100%); 343 background-position: top center; 344 background-size: cover; 345 background-repeat: no-repeat; 346} 347 348.hero-full-wrapper { 349 position: relative; 350 z-index: 1; 351 flex: 1 1 auto; 352 min-height: 0; 353 display: flex; 354 align-items: center; 355} 356 357.hero-full { 358 width: 100%; 359} 360 361.hero-full-main { 362 width: 100%; 363 position: relative; 364} 365 366#header-full-hero .main-menu ul li a { 367 text-decoration: none; 368 color: #ffffff; 369} 370 371#header-full-hero a { 372 color: #ffffff; 373} 374 375#header-full-hero { 376 width: 100%; 377 background: rgba(33, 33, 33, 0.20); 378 position: relative; 379 z-index: 3; 380 flex: 0 0 auto; 381 color: #ffffff; 382} 383 384#hero-full-container .hero-image-caption { 385 z-index: 2; 386} 387 388@media screen and (max-width: 1199px) { 389 #header-full-hero { 390 padding: 0; 391 } 392} 393 394@media screen and (min-width: 1200px) { 395 #header-full-hero { 396 margin: 0 auto; 397 padding: 0; 398 } 399} 400 401h1.full-hero-title { 402 margin-bottom: 32px; 403 color: #ffffff; 404 font-weight: 700; 405} 406 407#header-half-hero .menu-desktop > .main-menu ul li ul li { 408 background: #ffffff; 409} 410 411#header-half-hero a { 412 color: #263238; 413} 414 415#half-hero-viewport { 416 min-height: 100vh; 417 min-height: 100svh; 418 display: flex; 419 flex-direction: column; 420} 421 422#half-hero-viewport #topbar { 423 flex: 0 0 auto; 424} 425 426#hero-half-container { 427 width: 100%; 428 padding: 0; 429 position: relative; 430 flex: 1 1 auto; 431 min-height: 0; 432 display: flex; 433 flex-direction: column; 434} 435 436.hero-half-wrapper { 437 flex: 1 1 auto; 438 min-height: 0; 439 display: flex; 440} 441 442.hero-half { 443 width: 100%; 444 position: relative; 445 flex: 1 1 auto; 446 min-height: 0; 447 display: flex; 448 align-items: center; 449} 450 451.hero-half { 452 background: linear-gradient(60deg, rgba(33, 33, 33, 0.60) 30%, rgba(255, 255, 255, 0.15) 100%); 453 background-position: center center; 454 background-size: cover; 455 background-repeat: no-repeat; 456} 457 458#hero-half-container .hero-image-caption { 459 z-index: 2; 460} 461 462#header-half-hero { 463 width: 100%; 464 flex: 0 0 auto; 465 background: #ffffff; 466 color: #263238; 467} 468 469#header-half-hero .main-menu ul li a { 470 text-decoration: none; 471 color: #263238; 472} 473 474#header-half-hero a { 475 color: #263238; 476} 477 478@media screen and (max-width: 1199px) { 479 #header-half-hero { 480 padding: 0; 481 } 482} 483 484@media screen and (min-width: 1200px) { 485 #header-half-hero { 486 margin: 0 auto; 487 padding: 0; 488 } 489} 490 491h1.half-hero-title { 492 margin-bottom: 32px; 493 color: #ffffff; 494 font-weight: 700; 495} 496#header-mini-hero .menu-desktop > .main-menu ul li ul li { 497 background: #ffffff; 498} 499 500#hero-mini { 501 width: 100%; 502 padding: 0; 503 display: block; 504} 505 506.hero-main-mini { 507 background: linear-gradient(60deg, rgba(33, 33, 33, 0.60) 30%, rgba(255, 255, 255, 0.15) 100%); 508 background-position: center center; 509 background-size: cover; 510 background-repeat: no-repeat; 511 position: relative; 512} 513 514@media screen and (max-width: 1199px) { 515 .hero-main-mini { 516 padding: 60px 20px; 517 } 518} 519 520@media screen and (min-width: 1200px) { 521 .hero-main-mini { 522 padding: 80px 0; 523 } 524} 525 526#hero-mini .hero-image-caption { 527 z-index: 2; 528} 529 530#header-mini-hero { 531 width: 100%; 532 display: block; 533 background: #ffffff; 534 color: #212121; 535} 536 537@media screen and (max-width: 1199px) { 538 #header-mini-hero { 539 padding: 0; 540 } 541} 542 543@media screen and (min-width: 1200px) { 544 #header-mini-hero { 545 margin: 0 auto; 546 padding: 0; 547 } 548} 549 550h1.mini-hero-title { 551 margin-bottom: 0; 552 color: #ffffff; 553 font-weight: 700; 554} 555 556.hero-main-mini .search-input { 557 background: #ffffff !important; 558 box-shadow: inset 0 0 0 1px #ffffff !important; 559} 560 561#header-mini-hero a { 562 color: #212121; 563} 564 565#header-mini-hero .main-menu ul li a { 566 text-decoration: none; 567 color: #212121; 568} 569#branding { 570 display: flex; 571 align-items: center; 572} 573 574#branding a { 575 text-decoration: none !important; 576} 577 578.branding-media { 579 flex: 0 0 auto; 580 min-width: auto; 581 white-space: nowrap; 582} 583 584/* branding text */ 585 586.branding-text { 587 flex: 1 1 auto; 588 min-width: 0; 589 text-align: left; 590} 591 592@media screen and (max-width: 1199px) { 593 #branding { 594 column-gap: 8px; 595 } 596} 597 598@media screen and (min-width: 1200px) { 599 #branding { 600 column-gap: 16px; 601 } 602} 603 604.site-logo { 605 display: block; 606 height: auto; 607} 608 609@media screen and (max-width: 1199px) { 610 .site-logo { 611 width: 100px !important; 612 max-width: 100px !important; 613 } 614} 615 616@media screen and (min-width: 1200px) { 617 .site-logo { 618 width: 100px !important; 619 max-width: 100px !important; 620 } 621} 622 623/* site title (site name) */ 624 625.site-title { 626 font-family: "Lato", sans-serif; 627 text-transform: none; 628 font-weight: 700; 629 line-height: 1; 630} 631 632@media screen and (max-width: 1199px) { 633 .site-title { 634 font-size: 18px; 635 display: block; 636 } 637} 638 639@media screen and (min-width: 1200px) { 640 .site-title { 641 font-size: 30px; 642 display: block; 643 } 644} 645 646.site-title-link { 647 display: block; 648} 649 650.tagline { 651 font-size: 14px; 652 line-height: 1; 653} 654 655@media screen and (max-width: 1199px) { 656 .tagline { 657 display: none; 658 } 659} 660 661@media screen and (min-width: 1200px) { 662 .tagline { 663 margin-left: 0; 664 padding-top: 8px; 665 display: block; 666 } 667} 668 669@media screen and (max-width: 1199px) { 670 #related { 671 margin-top: 20px; 672 } 673} 674 675@media screen and (min-width: 1200px) { 676 #related { 677 margin-top: 30px; 678 } 679} 680 681.tags { 682 font-size: 14px; 683 color: #607D8B; 684} 685 686@media screen and (max-width: 1199px) { 687 .tags { 688 margin-top: 20px; 689 } 690} 691 692@media screen and (min-width: 1200px) { 693 .tags { 694 margin-top: 30px; 695 } 696} 697 698.social-sharing { 699 line-height: 1; 700} 701 702@media screen and (max-width: 1199px) { 703 .social-sharing { 704 margin: 40px 0; 705 } 706} 707 708@media screen and (min-width: 1200px) { 709 .social-sharing { 710 margin: 60px 0; 711 } 712} 713 714.social-sharing i { 715 font-size: 18px; 716 line-height: 1; 717 margin-right: 20px !important; 718 vertical-align: middle; 719} 720 721.social-sharing-label { 722 margin-right: 10px; 723 vertical-align: middle; 724 color: #607D8B; 725} 726 727.after-byline { 728 background: #fff8e1; 729 border-radius: 0; 730 padding: 0px; 731 color: #263238; 732} 733 734@media screen and (max-width: 1199px) { 735 .after-byline { 736 font-size: 12px; 737 margin-bottom: 20px; 738 } 739} 740 741@media screen and (min-width: 1200px) { 742 .after-byline { 743 font-size: 12px; 744 margin-bottom: 30px; 745 } 746} 747 748.after-byline p:last-child { 749 margin-bottom: 0; 750} 751 752.after-byline a { 753 color: #5C6BC0; 754} 755 756ul, 757ol { 758 list-style-position: outside; 759 padding-left: 1.25em; 760} 761 762li { 763 line-height: 1.7; 764 margin-bottom: 0.5em; 765} 766 767ol > li::marker { 768 font-weight: 700; 769} 770 771blockquote { 772 margin: 30px 0 30px 30px; 773 padding: 30px 30px; 774 border-left: 5px solid #757575; 775 border-radius: 0; 776 color: #616161; 777} 778 779blockquote p { 780 font-size: 18px; 781 line-height: 2; 782 color: #616161; 783} 784 785blockquote p:last-child { 786 margin-bottom: 0; 787} 788 789blockquote .wp-caption-text { 790 display: none;} 791 792/* tables */ 793 794table { 795 width: 100%; 796 border: 1px solid #dddddd; 797 border-collapse: collapse; 798 border-radius: 0; 799} 800 801@media screen and (max-width: 1199px) { 802 table { 803 margin-bottom: 20px; 804 } 805} 806 807@media screen and (min-width: 1200px) { 808 table { 809 margin-bottom: 30px; 810 } 811} 812 813table tr:first-child { 814 background: #f5f5f5; 815} 816 817table th, 818table td { 819 padding: 10px; 820 border: 1px solid #dddddd; 821 border-radius: 0; 822 vertical-align: top; 823} 824 825/* general */ 826 827.white { 828 color: #ffffff !important; 829} 830 831.full-width { 832 width: 100%; 833} 834 835.center { 836 text-align: center; 837} 838 839/* links */ 840 841a { 842 color: #ea910b; 843 text-decoration: underline; 844 cursor: pointer; 845} 846 847a:hover { 848 color: #ff6d00; 849 cursor: pointer; 850} 851 852/* hero cta primary */ 853
854.cta-hero-wrapper { 855 margin-top: 30px; 856} 857 858@media screen and (max-width: 1199px) { 859 .cta-hero-primary { 860 display: block; 861 width: 100%; 862 } 863} 864 865@media screen and (min-width: 1200px) { 866 .cta-hero-primary { 867 display: inline-block; 868 margin-right: 32px; 869 } 870} 871 872.cta-hero-primary ul li, 873.cta-hero-secondary ul li { 874 list-style-type: none; 875 margin: 0; 876 padding: 0; 877 vertical-align: middle; 878 text-align: center; 879} 880 881@media screen and (max-width: 1199px) { 882 .cta-hero-primary ul li, 883 .cta-hero-secondary ul li { 884 display: block; 885 } 886} 887 888@media screen and (min-width: 1200px) { 889 .cta-hero-primary ul li, 890 .cta-hero-secondary ul li { 891 display: inline-block; 892 } 893} 894 895.cta-hero-primary ul li a { 896 font-family: "Lato", sans-serif; 897 font-size: 20px; 898 font-weight: 700; 899 color: #ffffff; 900 text-decoration: none; 901 background: #ea910b; 902 border-radius: 4px; 903} 904 905@media screen and (max-width: 1199px) { 906 .cta-hero-primary ul li a { 907 width: 100%; 908 padding: 10px 0; 909 display: block; 910 margin-bottom: 20px; 911 } 912} 913 914@media screen and (min-width: 1200px) { 915 .cta-hero-primary ul li a { 916 width: 200px; padding: 10px 0; display: inline-block; 917 } 918} 919 920.cta-hero-primary ul li a:hover { 921 background: #ff6d00; 922} 923 924/* hero cta secondary */ 925 926@media screen and (max-width: 1199px) { 927 .cta-hero-secondary { 928 display: block; 929 width: 100%; 930 } 931} 932 933@media screen and (min-width: 1200px) { 934 .cta-hero-secondary { 935 display: inline-block; 936 } 937} 938 939.cta-hero-secondary ul li a { 940 font-family: "Lato", sans-serif; 941 font-size: 20px; 942 font-weight: 400; 943 color: #ffffff; 944 padding: 10px 0; 945 text-decoration: none; 946 background: transparent; 947 border-radius: 4px; 948 box-shadow: inset 0 0 0 1px #ffffff; 949} 950 951@media screen and (max-width: 1199px) { 952 .cta-hero-secondary ul li a { 953 width: 100%; 954 display: block; 955 margin-bottom: 0; 956 } 957} 958 959@media screen and (min-width: 1200px) { 960 .cta-hero-secondary ul li a { 961 width: 200px; 962 display: inline-block; 963 } 964} 965 966.cta-hero-secondary ul li:hover a { 967 color: #424242; 968 background: #ffffff; 969} 970/* hero title */ 971 972@media screen and (max-width: 1199px) { 973 .welcome-wrapper { 974 width: 100%; 975 padding: 30px 20px; 976 } 977} 978 979@media screen and (min-width: 1200px) { 980 .welcome-wrapper { 981 max-width: 900px; 982 } 983} 984 985.title-wrapper { 986 width: 100%; 987 text-align: center; 988} 989 990@media screen and (max-width: 1199px) { 991 .title-wrapper { 992 padding: 0 20px; 993 } 994} 995 996.hero-image-caption { 997 position: absolute; 998 bottom: 0; 999 right: 0; 1000 background: rgba(0, 0, 0, 0.5); 1001 border-radius: 4px 0 0 0; 1002 color: #ffffff; 1003 padding: 5px 10px; 1004 z-index: 10; 1005 text-align: right; 1006 max-width: 90%; 1007} 1008 1009@media screen and (max-width: 1199px) { 1010 .hero-image-caption { 1011 font-size: 12px; 1012 } 1013} 1014 1015@media screen and (min-width: 1200px) { 1016 .hero-image-caption { 1017 font-size: 14px; 1018 } 1019} 1020 1021.hero-snippet { 1022 color: #ffffff; 1023} 1024 1025@media screen and (max-width: 1199px) { 1026 .hero-snippet { 1027 font-size: 16px; 1028 } 1029} 1030 1031@media screen and (min-width: 1200px) { 1032 .hero-snippet { 1033 font-size: 18px; 1034 } 1035} 1036 1037.hero-snippet a { 1038 color: #ffffff; 1039} 1040 1041@media screen and (max-width: 1199px) { 1042 .hero-snippet .tagcloud { 1043 margin-top: 20px; 1044 } 1045} 1046 1047@media screen and (min-width: 1200px) { 1048 .hero-snippet .tagcloud { 1049 margin-top: 30px; 1050 } 1051} 1052 1053h1, h2, h3, h4, h5 { 1054 color: #424242; 1055 line-height: 1.3; 1056} 1057 1058h1 { 1059 font-family: "Lato", sans-serif; 1060 font-weight: 700; 1061} 1062 1063h2 { 1064 font-family: "Lato", sans-serif; 1065 font-weight: 700; 1066} 1067 1068h3 { 1069 font-family: "Noto Sans", sans-serif; 1070 font-weight: 700; 1071} 1072 1073h4 { 1074 font-family: "Noto Sans", sans-serif; 1075 font-weight: 700; 1076} 1077 1078h5 { 1079 font-family: "Noto Sans", sans-serif; 1080 font-weight: 700; 1081} 1082 1083h1.divide:after { 1084 content: ''; 1085 display: block; 1086 border: 1px solid #757575; 1087} 1088 1089h2:after { 1090 content: ''; 1091 display: block; 1092 } 1093 1094@media screen and (max-width: 1199px) { 1095 h1 { 1096 font-size: 36px; 1097 margin-bottom: 20px; 1098 } 1099 1100 h1.divide:after { 1101 margin-top: 10px; 1102 margin-bottom: 20px; 1103 } 1104 1105 h2 { 1106 font-size: 30px; 1107 margin-bottom: 20px; 1108 } 1109 1110 h2:after { 1111 } 1112 1113 h3 { 1114 font-size: 24px; 1115 margin-bottom: 20px; 1116 } 1117 1118 h4 { 1119 font-size: 20px; 1120 margin-bottom: 20px; 1121 } 1122 1123 h5 { 1124 font-size: 18px; 1125 margin-bottom: 20px; 1126 } 1127} 1128 1129@media screen and (min-width: 1200px) { 1130 h1 { 1131 font-size: 48px; 1132 margin-bottom: 30px; 1133 } 1134 1135 h1.divide:after { 1136 margin-top: 15px; 1137 margin-bottom: 30px; 1138 } 1139 1140 h2 { 1141 font-size: 36px; 1142 margin-bottom: 30px; 1143 } 1144 1145 h2:after { 1146 } 1147 1148 h3 { 1149 font-size: 24px; 1150 margin-bottom: 20px; 1151 } 1152 1153 h4 { 1154 font-size: 20px; 1155 margin-bottom: 20px; 1156 } 1157 1158 h5 { 1159 font-size: 18px; 1160 margin-bottom: 20px; 1161 } 1162} 1163 1164h4.sitename-offcanvas { 1165 padding-left: 20px; 1166 font-size: 20px; 1167 font-weight: 600; 1168 line-height: 1; 1169 margin-bottom: 20px; 1170} 1171 1172h5.author-biography-intro { 1173 color: #607D8B; 1174 font-size: 14px; 1175 font-weight: 600; 1176 text-transform: uppercase; 1177} 1178 1179/* images */ 1180 1181img { 1182 border-radius: 0; 1183} 1184 1185.alignright { 1186 float: right; 1187 margin: 0 0 20px 20px; 1188} 1189 1190.alignleft { 1191 float: left; 1192 margin: 0 20px 20px 0; 1193} 1194 1195.aligncenter {
1196 display: block; 1197 margin-left: auto; 1198 margin-right: auto; 1199} 1200 1201/* featured image wrapper */ 1202 1203.featured-image-wrapper { 1204 position: relative; 1205 height: auto; 1206} 1207 1208@media screen and (max-width: 1199px) { 1209 .featured-image-wrapper { 1210 margin-bottom: 20px; 1211 width: 100%; 1212 } 1213} 1214 1215@media screen and (min-width: 1200px) { 1216 .featured-image-wrapper { 1217 margin-bottom: 30px; 1218 width: 768px; 1219 margin-left: 0; 1220 } 1221} 1222 1223/* featured images */ 1224 1225.featured-image-wrapper img { 1226 margin-bottom: 0 !important; 1227 border-radius: 0; 1228} 1229 1230img.featured-image { 1231 height: auto; 1232 display: block; 1233 margin-bottom: 0; 1234 border-radius: 0; 1235} 1236 1237@media screen and (max-width: 1199px) { 1238 img.featured-image { 1239 width: 100%; 1240 } 1241} 1242 1243@media screen and (min-width: 1200px) { 1244 img.featured-image { 1245 width: 768px; 1246 } 1247} 1248 1249.featured-image-caption { 1250 position: absolute; 1251 font-size: 12px; 1252 bottom: 0; 1253 color: #ffffff; 1254 padding: 5px 10px; 1255 right: 0; 1256 border-radius: 4px 0 0 0; 1257} 1258 1259/* code snippets */ 1260 1261code, 1262pre, 1263.pre { 1264 font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; 1265 font-weight: 400; 1266 color: #424242; 1267 user-select: text; 1268} 1269 1270code { 1271 padding: 2px 5px; 1272 background: #eceff1; 1273 border-radius: 4px; 1274} 1275 1276pre, 1277.pre { 1278 width: 100%; 1279 padding: 16px 20px; 1280 margin-bottom: 30px; 1281 background: #eceff1; 1282 border-radius: 8px; 1283 box-shadow: inset 0 0 0 1px #424242; 1284 overflow-x: auto; 1285 overflow-y: hidden; 1286 white-space: pre; 1287} 1288 1289pre:has(> code), 1290.pre:has(> code) { 1291 padding: 0; 1292 overflow: hidden; 1293} 1294 1295pre code, 1296.pre code { 1297 padding: 0; 1298 background: transparent; 1299 border-radius: 0; 1300 box-shadow: none; 1301} 1302 1303pre > code, 1304.pre > code { 1305 display: block; 1306 padding: 16px 20px; 1307 overflow-x: auto; 1308 overflow-y: hidden; 1309 white-space: pre; 1310} 1311 1312@media screen and (max-width: 1199px) { 1313 pre, 1314 .pre { 1315 max-width: 100%; 1316 } 1317} 1318 1319@media screen and (min-width: 1200px) { 1320 pre, 1321 .pre { 1322 max-width: 100%; 1323 } 1324} 1325 1326button { 1327 font-size: 16px; 1328 font-weight: 400; 1329 padding: 10px 20px; 1330 text-decoration: none; 1331 background: #ECEFF1; 1332 border: 0 !important; 1333 border-radius: 4px !important; 1334 cursor: pointer; 1335} 1336 1337ul.cta { 1338 margin: 0; 1339 padding: 0; 1340 list-style-type: none; 1341} 1342 1343.button { 1344 border: 0 !important; 1345 border-radius: 4px !important; 1346} 1347 1348.button-link, 1349.button-outline, 1350.button-outline-white, 1351.button-wide-dark, 1352.button-wide-white { 1353 width: 100%; 1354 text-align: center; 1355 font-size: 20px; 1356 font-weight: 700; 1357 padding: 10px 0; 1358 text-decoration: none; 1359 display: block; 1360} 1361 1362.button-link { 1363 color: #ffffff; 1364 background: #ea910b; 1365} 1366 1367.button-outline { 1368 color: #424242; 1369 background: transparent; 1370 box-shadow: inset 0 0 0 1px #424242; 1371} 1372 1373.button-outline-white { 1374 color: #ffffff; 1375 background: transparent; 1376 box-shadow: inset 0 0 0 1px #ffffff; 1377} 1378 1379.button-wide-dark { 1380 color: #ffffff; 1381 background: #424242; 1382} 1383 1384.button-wide-white { 1385 color: #424242; 1386 background: #ffffff; 1387 box-shadow: inset 0 0 0 1px #424242; 1388} 1389#tiles, #tiles-wide, #tiles-narrow { 1390 width: 100%; 1391} 1392 1393@media screen and (max-width: 1199px) { 1394 #tiles { 1395 padding: 30px 20px; 1396 } 1397} 1398 1399@media screen and (min-width: 1200px) { 1400 #tiles { 1401 display: grid; 1402 grid-template-columns: repeat(3, 1fr); 1403 gap: 30px; 1404 } 1405} 1406 1407@media screen and (max-width: 1199px) { 1408 #tiles-wide { 1409 padding: 0; 1410 } 1411} 1412 1413@media screen and (min-width: 1200px) { 1414 #tiles-wide { 1415 display: grid; 1416 grid-template-columns: repeat(3, minmax(200px, 1fr)); 1417 gap: 30px; 1418 } 1419} 1420 1421@media screen and (max-width: 1199px) { 1422 #tiles-narrow { 1423 padding: 0; 1424 } 1425} 1426 1427@media screen and (min-width: 1200px) { 1428 #tiles-narrow { 1429 display: grid; 1430 grid-template-columns: repeat(2, minmax(200px, 1fr)); 1431 gap: 30px; 1432 } 1433} 1434 1435.tile { 1436 padding: 30px; 1437 text-align: center; 1438 box-shadow: inset 0 0 0 1px #eceff1; 1439 background: #eceff1; 1440 border-radius: 8px; 1441} 1442 1443@media screen and (max-width: 1199px) { 1444 .tile { 1445 width: 100%; 1446 margin-bottom: 30px; 1447 } 1448} 1449 1450@media screen and (min-width: 1200px) { 1451 .tile { 1452 max-width: 100%; 1453 justify-content: center; 1454 align-items: center; 1455 display: inline-block; 1456 } 1457} 1458 1459.tile i { 1460 margin-bottom: 20px; 1461 font-size: 48px; 1462 display: block; 1463 color: #ea910b; 1464} 1465 1466.tile img { 1467 display: block; 1468 margin: 0 auto; 1469 border-radius: 0; 1470} 1471 1472.tile p:last-child { 1473 margin-bottom: 0; 1474} 1475 1476.tile p.wp-caption-text { 1477 display: none;} 1478 1479#bullets { 1480 column-fill: balance; 1481} 1482 1483@media screen and (max-width: 1199px) { 1484 #bullets { 1485 columns: 1; 1486 column-gap: 0; 1487 } 1488} 1489 1490@media screen and (min-width: 1200px) { 1491 #bullets { 1492 columns: 2; 1493 column-gap: 40px; 1494 } 1495} 1496 1497#bullets p { 1498 font-size: 14px; 1499} 1500 1501@media screen and (max-width: 1199px) { 1502 #bullets p { 1503 margin-bottom: 20px; 1504 } 1505} 1506 1507@media screen and (min-width: 1200px) { 1508 #bullets p { 1509 margin-bottom: 30px; 1510 } 1511} 1512 1513#bullets ul, #bullets ol { 1514 font-size: 14px; 1515 margin-bottom: 40px; 1516} 1517 1518#bullets li { 1519 font-size: 14px; 1520 margin-bottom: 10px; 1521} 1522 1523.faq-item { 1524 display: inline-block; 1525} 1526 1527@media screen and (max-width: 1199px) { 1528 .menu-desktop { 1529 display: none; 1530 } 1531} 1532 1533@media screen and (min-width: 1200px) { 1534 .menu-desktop { 1535 display: block; 1536 } 1537 1538 .header-layout-inline .menu-desktop { 1539 display: inline-flex; 1540 align-items: center; 1541 } 1542} 1543 1544/* main menu container */ 1545 1546.menu-desktop > .main-menu { 1547 display: inline-block; 1548} 1549 1550.menu-desktop > .main-menu ul { 1551 display: inline-block; 1552 position: relative; 1553 margin: 0; 1554 padding: 0; 1555 list-style-type: none; 1556 text-align: right; 1557} 1558 1559.menu-desktop > .main-menu ul li {
1560 display: inline-block; 1561 position: relative; 1562 vertical-align: middle; 1563 margin: 0; 1564 padding: 0; 1565} 1566 1567/* main menu links */ 1568 1569.menu-desktop > .main-menu a { 1570 display: inline-block; 1571 padding-left: 32px; 1572 font-family: "Lato", sans-serif; 1573 font-size: 18px; 1574 font-weight: 400; 1575 text-transform: none; 1576 text-decoration: none !important; 1577} 1578 1579/* dropdown menus */ 1580 1581.menu-desktop > .main-menu ul ul { 1582 display: none; 1583 position: absolute; 1584 top: 100%; 1585 left: 0; 1586 min-width: 180px; 1587 max-width: 280px; 1588 width: max-content; 1589 padding: 0; 1590 box-shadow: 1591 -1px 8px 16px rgba(0, 0, 0, 0.04), 1592 1px 8px 16px rgba(0, 0, 0, 0.04), 1593 0 12px 16px rgba(0, 0, 0, 0.05); 1594} 1595 1596.menu-desktop > .main-menu ul ul ul { 1597 top: 0; 1598 left: 100%; 1599 min-width: 180px; 1600 max-width: 280px; 1601 width: max-content; 1602 padding: 0; 1603 box-shadow: 1604 -1px 8px 16px rgba(0, 0, 0, 0.035), 1605 1px 8px 16px rgba(0, 0, 0, 0.035), 1606 0 8px 16px rgba(0, 0, 0, 0.045); 1607} 1608 1609.menu-desktop > .main-menu li:hover > ul, 1610.menu-desktop > .main-menu li:focus-within > ul, 1611.menu-desktop > .main-menu li.open > ul { 1612 display: block; 1613 z-index: 100; 1614} 1615 1616.menu-desktop > .main-menu ul ul li { 1617 display: block; 1618 width: 100%; 1619 text-align: left; 1620} 1621 1622.menu-desktop > .main-menu ul ul a { 1623 display: block; 1624 padding: 16px 32px; 1625 line-height: 1.5; 1626 transition: background-color 0.2s ease; 1627} 1628 1629/* dropdown toggles */ 1630 1631.menu-desktop > .main-menu .menu-item-has-children > a { 1632 position: relative; 1633} 1634 1635.menu-desktop > .main-menu .menu-item-has-children > a .toggle { 1636 display: inline-flex; 1637 align-items: center; 1638 justify-content: center; 1639 margin-left: 8px; 1640 pointer-events: none; 1641 transition: transform 0.2s ease; 1642 transform: rotate(0deg); 1643 vertical-align: middle; 1644} 1645 1646.menu-desktop > .main-menu .menu-item-has-children > a .toggle svg { 1647 display: block; 1648 width: 24px; 1649 height: 24px; 1650} 1651 1652.menu-desktop > .main-menu .menu-item-has-children:hover > a .toggle, 1653.menu-desktop > .main-menu .menu-item-has-children:focus-within > a .toggle, 1654.menu-desktop > .main-menu .menu-item-has-children.open > a .toggle { 1655 transform: rotate(180deg); 1656} 1657 1658/* light header dropdowns */ 1659 1660#header-basic .menu-desktop ul ul, 1661#header-mini-hero .menu-desktop ul ul, 1662#header-half-hero .menu-desktop ul ul { 1663 background-color: #ffffff; 1664} 1665 1666#header-basic .menu-desktop ul ul a:hover, 1667#header-mini-hero .menu-desktop ul ul a:hover, 1668#header-half-hero .menu-desktop ul ul a:hover { 1669 background-color: #f5f5f5; 1670} 1671 1672/* basic header */ 1673 1674#header-basic .menu-desktop > .main-menu > ul > li > a { 1675 color: #212121; 1676} 1677 1678#header-basic .menu-desktop ul ul a { 1679 color: #212121; 1680} 1681 1682/* mini hero header */ 1683 1684#header-mini-hero .menu-desktop > .main-menu > ul > li > a { 1685 color: #212121; 1686} 1687 1688#header-mini-hero .menu-desktop ul ul a { 1689 color: #212121; 1690} 1691 1692/* half hero header */ 1693 1694#header-half-hero .menu-desktop > .main-menu > ul > li > a { 1695 color: #263238; 1696} 1697 1698#header-half-hero .menu-desktop ul ul a { 1699 color: #263238; 1700} 1701 1702/* full hero header */ 1703 1704#header-full-hero .menu-desktop > .main-menu > ul > li > a { 1705 color: #ffffff; 1706} 1707 1708#header-full-hero .menu-desktop ul ul { 1709 background-color: #212121; 1710} 1711 1712#header-full-hero .menu-desktop ul ul a { 1713 color: #ffffff; 1714} 1715 1716#header-full-hero .menu-desktop ul ul a:hover { 1717 background-color: #212121; 1718} 1719/* mobile nav container */ 1720@media screen and (max-width: 1199px) { 1721 .mobile-nav { 1722 display: none; 1723 clear: both; 1724 width: 100%; 1725 list-style: none; 1726 background: #212121; 1727 padding: 20px; 1728 } 1729 1730 /* mobile nav list items */ 1731 .mobile-nav ul li { 1732 font-size: 18px; 1733 list-style-type: none; 1734 vertical-align: middle; 1735 display: block; 1736 margin: 0; 1737 padding: 0; 1738 border-bottom: 1px solid rgba(255,255,255, 0.2); 1739 } 1740 1741 /* remove border on last item */ 1742 .mobile-nav ul li:last-child { 1743 border-bottom: 0; 1744 } 1745 1746 /* mobile nav links */ 1747 .mobile-nav a { 1748 display: block; 1749 width: 100%; 1750 line-height: 40px; 1751 color: #ffffff !important; 1752 font-size: 18px; 1753 text-decoration: none; 1754 } 1755 1756 /* hide submenus by default */ 1757 .mobile-nav li > ul { 1758 display: none; 1759 width: 100%; 1760 position: relative; 1761 } 1762} 1763 1764/* hide mobile nav on desktop */ 1765@media screen and (min-width: 1200px) { 1766 .mobile-nav { 1767 display: none !important; 1768 } 1769} 1770 1771/* mobile menu wrapper */ 1772@media screen and (max-width: 1199px) { 1773 .menu-mobile-wrapper { 1774 display: inline-flex; 1775 justify-content: center; 1776 align-items: center; 1777 padding: 8px 0 8px 8px; 1778 min-width: 44px; 1779 min-height: 44px; 1780 text-align: right; 1781 vertical-align: middle; 1782 } 1783} 1784 1785/* hide mobile menu wrapper on desktop */ 1786@media screen and (min-width: 1200px) { 1787 .menu-mobile-wrapper { 1788 display: none; 1789 } 1790} 1791 1792/* start mobile menu overlay */ 1793.mobile-menu-trig { 1794 background: transparent; 1795 border: 0; 1796 border-radius: 4px; 1797 padding: 0; 1798} 1799 1800@media screen and (max-width: 1199px) { 1801 .mobile-menu-trig { 1802 display: inline-flex; 1803 align-items: center; 1804 justify-content: center; 1805 width: 44px; 1806 height: 44px; 1807 color: inherit; 1808 line-height: 1; 1809 } 1810 1811 .mobile-menu-trig svg { 1812 display: block; 1813 width: 32px; 1814 height: 32px; 1815 line-height: 1; 1816 color: inherit; 1817 } 1818} 1819 1820.mobile-menu-trig:hover { 1821 cursor: pointer; 1822} 1823 1824.overlay { 1825 position: fixed; 1826 overflow-x: hidden;
1827 overflow-y: scroll; 1828 overscroll-behavior: contain; 1829 top: 0; 1830 right: 0; 1831 bottom: 0; 1832 left: 0; 1833 height: 0; 1834 visibility: hidden; 1835 z-index: 999999; 1836 background-color: rgba(0,0,0, 0.9); 1837 transition: height 0.5s ease, visibility 0.5s ease; 1838} 1839 1840.overlay.active { 1841 height: 100%; 1842 visibility: visible; 1843} 1844 1845.overlay-content { 1846 max-width: 768px; 1847 width: 100%; 1848 height: 100%; 1849 position: relative; 1850 text-align: center; 1851} 1852 1853.overlay ul.menu { 1854 list-style: none; 1855 margin: 0; 1856 padding: 40px 0; 1857} 1858 1859.overlay ul a { 1860 display: block; 1861 padding: 8px 0; 1862 font-size: 18px; 1863} 1864 1865.overlay ul.sub-menu { 1866 list-style: none; 1867 margin-left: 0; 1868 padding-left: 0; 1869 font-style: italic; 1870} 1871 1872.overlay a { 1873 text-decoration: none; 1874 color: #818181; 1875 transition: color 0.3s ease; 1876} 1877 1878.overlay li.current-menu-item a { 1879 color: #ffffff; 1880} 1881 1882.overlay a:hover, 1883.overlay a:focus { 1884 color: #f1f1f1; 1885 text-decoration: none; 1886} 1887 1888.overlay .closebtn { 1889 position: absolute; 1890 top: 20px; 1891 right: 20px; 1892 z-index: 999999; 1893 background: transparent; 1894 border: 0; 1895 border-radius: 4px; 1896 cursor: pointer; 1897 padding: 0; 1898 color: inherit; 1899} 1900 1901.overlay .closebtn svg { 1902 display: block; 1903 width: 36px; 1904 height: 36px; 1905 line-height: 1; 1906} 1907 1908.overlay .closebtn:hover, 1909.overlay .closebtn:focus { 1910 text-decoration: none; 1911} 1912 1913@media screen and (max-width: 800px) { 1914 nav#site-navigation { 1915 display: none; 1916 } 1917 1918 .mobile-menu-trig { 1919 display: inline-flex; 1920 } 1921} 1922 1923/* end mobile menu overlay */ 1924 1925.mobile-menu-search { 1926 padding: 0 20px 20px; 1927} 1928 1929.mobile-menu-search .searchform { 1930 width: 100%; 1931} 1932 1933.overlay .mobile-menu-search { 1934 padding: 72px 20px 0; 1935} 1936 1937.overlay .mobile-menu-search + .mobile-menu ul.menu, 1938.overlay .mobile-menu-search + ul.menu { 1939 padding-top: 24px; 1940} 1941 1942#hovercraft-offcanvas-menu .mobile-menu-search { 1943 padding: 0 20px 24px; 1944} 1945 1946#hovercraft-offcanvas-menu .mobile-menu-search .input-container { 1947 display: flex; 1948} 1949 1950#hovercraft-offcanvas-menu { 1951 top: 0; 1952 left: -100%; 1953 width: 100%; 1954 max-width: 75vw; 1955 background: #ffffff; 1956 color: #424242; 1957 height: 100%; 1958 position: fixed; 1959 visibility: hidden; 1960 z-index: 9997; 1961 overflow-y: auto; 1962 transform: translate3d(0, 0, 205px); 1963 transition: left 500ms ease-in-out, transform 500ms ease-in-out, visibility 500ms ease-in-out; 1964 padding: 24px 0 0 0; 1965} 1966 1967#hovercraft-offcanvas-menu ul { 1968 list-style-type: none; 1969 margin: 0; 1970 padding: 0; 1971 font-weight: 400; 1972 font-size: 18px; 1973 text-transform: none; 1974} 1975 1976#hovercraft-offcanvas-menu li { 1977 border-top: 1px dotted rgba(0, 0, 0, 0.0980392); 1978 position: relative; 1979 width: 100%; 1980 user-select: none; 1981 margin: 0; 1982 padding: 0; 1983} 1984 1985#hovercraft-offcanvas-menu li.menu-item-has-children { 1986 display: grid; 1987 grid-template-columns: 1fr 56px; 1988 align-items: center; 1989} 1990 1991#hovercraft-offcanvas-menu a { 1992 color: rgba(0, 0, 0, 0.701961); 1993 padding: 8px 0 8px 20px; 1994 display: block; 1995 width: 100%; 1996 text-decoration: none; 1997 vertical-align: middle; 1998} 1999 2000#hovercraft-offcanvas-menu a:hover { 2001 text-decoration: none; 2002} 2003 2004#hovercraft-offcanvas-menu li.current-menu-item a { 2005 font-weight: 600; 2006} 2007 2008#hovercraft-offcanvas-menu li.current-menu-item ul a { 2009 font-weight: 400; 2010} 2011 2012#hovercraft-offcanvas-menu a.menu-toggle { 2013 position: relative; 2014 display: inline-flex; 2015 grid-column: 2; 2016 align-items: center; 2017 justify-content: flex-end; 2018 width: 56px; 2019 min-width: 56px; 2020 height: 48px; 2021 margin: 0; 2022 padding: 0 20px 0 0; 2023 text-align: center; 2024 vertical-align: middle; 2025 background: transparent; 2026 border-radius: 0; 2027 color: inherit; 2028 opacity: 0.75; 2029} 2030 2031#hovercraft-offcanvas-menu a.menu-toggle svg { 2032 display: block; 2033 width: 24px; 2034 height: 24px; 2035 transition: transform 0.2s ease; 2036 transform: rotate(0deg); 2037} 2038 2039#hovercraft-offcanvas-menu a.menu-toggle:focus, 2040#hovercraft-offcanvas-menu a.menu-toggle:hover { 2041 background: transparent; 2042 opacity: 1; 2043} 2044 2045#hovercraft-offcanvas-menu a.menu-toggle:focus, 2046#hovercraft-offcanvas-menu a.menu-toggle:hover, 2047#hovercraft-offcanvas-menu a.menu-toggle:visited, 2048#hovercraft-offcanvas-menu a.menu-toggle:link { 2049 border-bottom: 0; 2050 text-decoration: none; 2051} 2052 2053#hovercraft-offcanvas-menu a.menu-toggle.rotate svg { 2054 transform: rotate(180deg); 2055} 2056 2057#hovercraft-offcanvas-menu ul.sub-menu { 2058 display: none; 2059 text-transform: none; 2060 font-weight: 400; 2061 font-size: 16px; 2062 background: transparent; 2063} 2064 2065#hovercraft-offcanvas-menu li.menu-item-has-children > ul.sub-menu { 2066 grid-column: 1 / -1; 2067} 2068 2069#hovercraft-offcanvas-menu ul.sub-menu li { 2070 padding-left: 0; 2071} 2072 2073#hovercraft-offcanvas-menu.active { 2074 left: 0; 2075 visibility: visible; 2076 transform: translate3d(0, 0, 0); 2077} 2078 2079.hovercraft-offcanvas-overlay { 2080 background-color: #000000c2; 2081 position: absolute; 2082 visibility: hidden; 2083 opacity: 0; 2084 top: 0; 2085 left: 0; 2086 right: 0; 2087 bottom: 0; 2088 transition: opacity 0.3s ease, visibility 0.3s ease; 2089 z-index: 99; 2090} 2091 2092.hovercraft-offcanvas-overlay.active { 2093 visibility: visible; 2094 opacity: 1; 2095} 2096 2097#topbar { 2098 width: 100%; 2099 font-weight: 400; 2100 text-transform: none; 2101 line-height: 1.5; 2102 background: #212121; 2103 color: #ffffff; 2104} 2105 2106@media screen and (max-width: 1199px) { 2107 #topbar { 2108 padding: 8px 20px; 2109 font-size: 14px; 2110 } 2111} 2112 2113@media screen and (min-width: 1200px) { 2114 #topbar { 2115 padding: 8px 0; 2116 font-size: 14px; 2117 } 2118} 2119 2120#topbar a { 2121 color: #ffffff; 2122 text-decoration: underline; 2123} 2124 2125#topbar p { 2126 margin-bottom: 0; 2127} 2128 2129#topbar .inner, 2130#topbar .full { 2131 display: flex; 2132 align-items: center; 2133 justify-content: flex-start; 2134} 2135 2136.topbar-left, 2137.topbar-center, 2138.topbar-right { 2139 width: 100%; 2140} 2141 2142@media screen and (max-width: 1199px) { 2143 #topbar .inner, 2144 #topbar .full { 2145 flex-direction: column; 2146 } 2147 2148 .topbar-left, 2149 .topbar-center, 2150 .topbar-right { 2151 text-align: center; 2152 } 2153} 2154 2155 2156@media screen and (min-width: 1200px) { 2157 .topbar-left { 2158 flex: 0 0 auto; 2159 width: auto; 2160 white-space: nowrap; 2161 text-align: left; 2162 } 2163} 2164 2165@media screen and (min-width: 1200px) { 2166 .topbar-center { 2167 flex: 1 1 100%; 2168 width: 100%; 2169 text-align: center; 2170 } 2171} 2172 2173@media screen and (max-width: 1199px) { 2174 .topbar-right { 2175 display: none; 2176 } 2177} 2178 2179@media screen and (min-width: 1200px) { 2180 .topbar-right { 2181 flex: 1 1 auto; 2182 width: 100%; 2183 text-align: right; 2184 } 2185} 2186 2187/* topbar ul */ 2188 2189#topbar ul { 2190 margin: 0; 2191 list-style-type: none; 2192} 2193 2194#topbar ul li { 2195 list-style-type: none; 2196 display: inline-block; 2197 margin: 0 0 0 8px; 2198} 2199 2200#topbar ul li:first-child { 2201 margin-left: 0; 2202} 2203 2204#preheader { 2205 width: 100%; 2206 font-size: 14px; 2207 line-height: 1.5; 2208} 2209 2210@media screen and (max-width: 1199px) { 2211 #preheader { 2212 padding: 8px 20px; 2213 } 2214} 2215 2216@media screen and (min-width: 1200px) { 2217 #preheader { 2218 padding: 8px 0; 2219 } 2220} 2221 2222#preheader p { 2223 margin-bottom: 0; 2224} 2225 2226#preheader .inner, 2227#preheader .full { 2228 display: flex; 2229 align-items: center; 2230 justify-content: flex-start; 2231} 2232 2233.preheader-left, 2234.preheader-right { 2235 width: 100%; 2236} 2237 2238@media screen and (max-width: 1199px) { 2239 #preheader { 2240 display: none; 2241 } 2242} 2243 2244@media screen and (max-width: 1199px) { 2245 #preheader .inner, 2246 #preheader .full { 2247 flex-direction: column; 2248 } 2249 2250 .preheader-left, 2251 .preheader-right { 2252 text-align: center; 2253 } 2254} 2255 2256 2257@media screen and (min-width: 1200px) { 2258 .preheader-left { 2259 flex: 0 0 auto; 2260 width: auto; 2261 white-space: nowrap; 2262 text-align: left; 2263 } 2264} 2265 2266 2267@media screen and (min-width: 1200px) { 2268 .preheader-right { 2269 flex: 1 1 auto; 2270 width: 100%; 2271 text-align: right; 2272 } 2273} 2274 2275/* preheader ul */ 2276 2277#preheader ul { 2278 margin: 0; 2279 list-style-type: none; 2280} 2281 2282#preheader ul li { 2283 list-style-type: none; 2284 display: inline-block; 2285 margin: 0 0 0 8px; 2286} 2287 2288#preheader ul li:first-child { 2289 margin-left: 0; 2290} 2291 2292 2293 2294 2295#header-basic > .inner, 2296#header-basic > .full, 2297#header-basic > .header-layout-stacked > .inner, 2298#header-basic > .header-layout-stacked > .full, 2299#header-mini-hero > .inner, 2300#header-mini-hero > .full, 2301#header-mini-hero > .header-layout-stacked > .inner, 2302#header-mini-hero > .header-layout-stacked > .full, 2303#header-half-hero > .inner, 2304#header-half-hero > .full, 2305#header-half-hero > .header-layout-stacked > .inner, 2306#header-half-hero > .header-layout-stacked > .full, 2307#header-full-hero > .inner, 2308#header-full-hero > .full, 2309#header-full-hero > .header-layout-stacked > .inner, 2310#header-full-hero > .header-layout-stacked > .full { 2311 display: flex; 2312 align-items: center; 2313} 2314 2315#header-full-hero { 2316 background: rgba(0, 0, 0, 0.08); 2317} 2318 2319.header-left { 2320 flex: 0 0 auto; 2321 min-width: auto; 2322 white-space: nowrap; 2323} 2324 2325.header-right { 2326 flex: 0 0 auto; 2327 min-width: 0; 2328 margin-left: auto; 2329 text-align: right; 2330} 2331 2332.header-layout-stacked { 2333 width: 100%; 2334} 2335 2336.header-layout-stacked-bottom .header-layout-stacked-inner { 2337 justify-content: flex-start; 2338} 2339 2340.header-layout-stacked-bottom .menu-desktop { 2341 width: 100%; 2342 text-align: left; 2343} 2344 2345.header-layout-stacked-bottom .menu-desktop > .main-menu ul { 2346 text-align: left; 2347} 2348 2349@media screen and (max-width: 1199px) { 2350 #header-basic > .header-layout-inline, 2351 #header-basic > .header-layout-stacked-top > .header-layout-stacked-inner, 2352 #header-mini-hero > .header-layout-inline, 2353 #header-mini-hero > .header-layout-stacked-top > .header-layout-stacked-inner, 2354 #header-half-hero > .header-layout-inline, 2355 #header-half-hero > .header-layout-stacked-top > .header-layout-stacked-inner, 2356 #header-full-hero > .header-layout-inline, 2357 #header-full-hero > .header-layout-stacked-top > .header-layout-stacked-inner { 2358 padding: 16px 20px; 2359 } 2360 2361 .header-layout-stacked-bottom, 2362 .header-center, 2363 .header-aside { 2364 display: none; 2365 } 2366} 2367 2368@media screen and (min-width: 1200px) { 2369 #header-basic > .header-layout-inline, 2370 #header-basic > .header-layout-stacked-top > .header-layout-stacked-inner, 2371 #header-mini-hero > .header-layout-inline, 2372 #header-mini-hero > .header-layout-stacked-top > .header-layout-stacked-inner, 2373 #header-half-hero > .header-layout-inline, 2374 #header-half-hero > .header-layout-stacked-top > .header-layout-stacked-inner, 2375 #header-full-hero > .header-layout-inline, 2376 #header-full-hero > .header-layout-stacked-top > .header-layout-stacked-inner { 2377 padding: 16px 0; 2378 } 2379 2380 #header-basic > .header-layout-inline.full, 2381 #header-basic > .header-layout-stacked-top > .header-layout-stacked-inner.full, 2382 #header-mini-hero > .header-layout-inline.full, 2383 #header-mini-hero > .header-layout-stacked-top > .header-layout-stacked-inner.full, 2384 #header-half-hero > .header-layout-inline.full, 2385 #header-half-hero > .header-layout-stacked-top > .header-layout-stacked-inner.full, 2386 #header-full-hero > .header-layout-inline.full, 2387 #header-full-hero > .header-layout-stacked-top > .header-layout-stacked-inner.full { 2388 padding: 16px 40px; 2389 } 2390 2391 #header-basic:has(.header-layout-stacked), 2392 #header-mini-hero:has(.header-layout-stacked) { 2393 padding-bottom: 0; 2394 } 2395 2396 .header-layout-stacked { 2397 display: block; 2398 } 2399 2400 .header-layout-stacked-top, 2401 .header-layout-stacked-bottom { 2402 width: 100%; 2403 } 2404 2405 .header-layout-stacked-top .header-layout-stacked-inner { 2406 gap: 48px; 2407 } 2408 2409 .header-center { 2410 flex: 0 1 392px; 2411 min-width: 0; 2412 text-align: left; 2413 } 2414 2415 .header-aside { 2416 display: inline-block; 2417 vertical-align: middle; 2418 } 2419 2420 .header-center p, 2421 .header-aside p { 2422 margin-bottom: 0; 2423 } 2424 2425 .header-center ul, 2426 .header-aside ul { 2427 margin: 0; 2428 list-style-type: none; 2429 } 2430 2431 .header-center ul li, 2432 .header-aside ul li { 2433 list-style-type: none; 2434 display: inline-block; 2435 margin: 0 0 0 8px; 2436 } 2437 2438 .header-center ul li:first-child, 2439 .header-aside ul li:first-child { 2440 margin-left: 0; 2441 } 2442 2443 .header-layout-stacked-bottom { 2444 margin-top: 0; 2445 } 2446 2447 #header-full-hero .header-layout-stacked-bottom { 2448 background: transparent; 2449 border-top: 1px solid rgba(255, 255, 255, 0.16); 2450 } 2451 2452 #header-basic .header-layout-stacked-bottom { 2453 background: #ffffff; 2454 border-top: 1px solid rgba(0, 0, 0, 0.08); 2455 } 2456 2457 #header-half-hero .header-layout-stacked-bottom { 2458 background: #ffffff; 2459 border-top: 1px solid rgba(0, 0, 0, 0.08); 2460 } 2461 2462 #header-mini-hero .header-layout-stacked-bottom { 2463 background: #ffffff; 2464 border-top: 1px solid rgba(0, 0, 0, 0.08); 2465 } 2466 2467 .header-layout-stacked-bottom .menu-desktop { 2468 display: flex; 2469 align-items: center; 2470 gap: 32px; 2471 } 2472 2473 .header-layout-stacked-bottom .menu-desktop > .main-menu { 2474 flex: 1 1 auto; 2475 min-width: 0; 2476 } 2477 2478 .header-layout-stacked-bottom .menu-desktop > .main-menu > ul > li > a { 2479 display: block; 2480 padding: 12px 16px; 2481 } 2482 2483 .header-layout-stacked-bottom .menu-desktop > .main-menu > ul > li:first-child > a { 2484 padding-left: 0; 2485 } 2486 2487 .header-layout-stacked-bottom .menu-desktop-right { 2488 flex: 0 0 auto; 2489 margin-left: auto; 2490 text-align: right; 2491 white-space: nowrap; 2492 } 2493} 2494 2495#header-basic .menu-desktop > .main-menu ul li ul li { 2496 background: #ffffff; 2497} 2498 2499#header-basic { 2500 width: 100%; 2501 display: table; 2502 background: #ffffff; 2503 color: #212121; 2504} 2505 2506/* mobile: header container */ 2507@media screen and (max-width: 1199px) { 2508 #header-basic { 2509 padding: 0; 2510 } 2511} 2512 2513/* desktop: header container */ 2514@media screen and (min-width: 1200px) { 2515 #header-basic { 2516 margin: 0 auto; 2517 padding: 0; 2518 } 2519} 2520 2521/* general anchor color */ 2522#header-basic a { 2523 color: #212121; 2524} 2525 2526/* menu link style */ 2527#header-basic .main-menu ul li a { 2528 text-decoration: none; 2529 color: #212121; 2530} 2531/* header primary cta */ 2532
2533.cta-header-primary { 2534 display: inline-block; 2535 margin-left: 32px; 2536} 2537 2538.cta-header-primary ul li { 2539 list-style-type: none; 2540 display: inline-block; 2541 margin: 0; 2542 padding: 0; 2543 vertical-align: middle; 2544 text-align: center; 2545} 2546 2547.cta-header-primary ul li a { 2548 font-family: "Lato", sans-serif; 2549 font-size: 18px; 2550 font-weight: 700; 2551 text-transform: none; 2552 display: inline-block; 2553 padding: 12px 16px; 2554 background: #ea910b; 2555 border-radius: 4px; 2556 text-decoration: none !important; 2557 color: #ffffff !important; 2558} 2559 2560.cta-header-primary ul li a:hover { 2561 background: #ff6d00; 2562 color: #ffffff !important; 2563} 2564 2565/* inline button: primary */ 2566 2567a.button-primary { 2568 font-family: "Lato", sans-serif; 2569 font-size: 20px; 2570 font-weight: 700; 2571 text-transform: none; 2572 display: inline-block; 2573 padding: 12px 16px; 2574 background: #ea910b; 2575 border-radius: 4px; 2576 text-decoration: none !important; 2577 color: #ffffff !important; 2578 width: 100%; 2579 box-sizing: border-box; 2580} 2581 2582a.button-primary:hover { 2583 background: #ff6d00; 2584 color: #ffffff !important; 2585} 2586 2587/* header secondary cta */ 2588 2589.cta-header-secondary { 2590 display: inline-block; 2591 margin-left: 32px; 2592} 2593 2594.cta-header-secondary ul li { 2595 list-style-type: none; 2596 display: inline-block; 2597 margin: 0; 2598 padding: 0; 2599 vertical-align: middle; 2600 text-align: center; 2601} 2602 2603#header-full-hero .cta-header-secondary ul li a { 2604 font-family: "Lato", sans-serif; 2605 font-size: 18px; 2606 font-weight: 400; 2607 text-transform: none; 2608 display: inline-block; 2609 padding: 12px 16px; 2610 background: transparent; 2611 border-radius: 4px; 2612 text-decoration: none; 2613 color: #ffffff; 2614 box-shadow: inset 0 0 0 1px #ffffff; 2615} 2616 2617#header-half-hero .cta-header-secondary ul li a, 2618#header-mini-hero .cta-header-secondary ul li a, 2619#header-basic .cta-header-secondary ul li a { 2620 font-family: "Lato", sans-serif; 2621 font-size: 18px; 2622 font-weight: 400; 2623 text-transform: none; 2624 display: inline-block; 2625 padding: 12px 16px; 2626 background: transparent; 2627 border-radius: 4px; 2628 text-decoration: none; 2629 color: #424242; 2630 box-shadow: inset 0 0 0 1px #263238; 2631} 2632 2633.header-layout-stacked-bottom .menu-desktop-right { 2634 align-self: stretch; 2635 display: flex; 2636 align-items: stretch; 2637} 2638 2639.header-layout-stacked-bottom .cta-header-primary, 2640.header-layout-stacked-bottom .cta-header-secondary { 2641 margin-left: 0; 2642} 2643 2644.header-layout-stacked-bottom .cta-header-primary, 2645.header-layout-stacked-bottom .cta-header-secondary, 2646.header-layout-stacked-bottom .cta-header-primary ul, 2647.header-layout-stacked-bottom .cta-header-secondary ul, 2648.header-layout-stacked-bottom .cta-header-primary ul li, 2649.header-layout-stacked-bottom .cta-header-secondary ul li { 2650 display: flex; 2651 align-items: stretch; 2652} 2653 2654.header-layout-stacked-bottom .cta-header-primary ul li a, 2655.header-layout-stacked-bottom .cta-header-secondary ul li a { 2656 display: flex; 2657 align-items: center; 2658 padding: 12px 16px; 2659 border-radius: 0; 2660} 2661 2662#header-full-hero .cta-header-secondary ul li a:hover { 2663 background: #ffffff; 2664 color: #424242 !important; 2665} 2666 2667#header-half-hero .cta-header-secondary ul li a:hover, 2668#header-mini-hero .cta-header-secondary ul li a:hover, 2669#header-basic .cta-header-secondary ul li a:hover { 2670 background: #424242; 2671 color: #ffffff !important; 2672} 2673 2674/* inline button: secondary */ 2675a.button-secondary { 2676 font-family: "Lato", sans-serif; 2677 font-size: 20px; 2678 font-weight: 400; 2679 text-transform: none; 2680 display: inline-block; 2681 padding: 10px 20px; 2682 background: transparent; 2683 border-radius: 4px; 2684 text-decoration: none; 2685 color: #424242; 2686 box-shadow: inset 0 0 0 1px #424242; 2687 width: 100%; 2688 box-sizing: border-box; 2689} 2690 2691a.button-secondary:hover { 2692 background: #424242; 2693 color: #ffffff !important; 2694} 2695 2696@media screen and (min-width: 1200px) { 2697 .welcome-wrapper { 2698 max-width: 900px; 2699 } 2700} 2701 2702/* no bottom margin if the only thing in posthero is a paragraph or heading title */ 2703#posthero p:last-child, 2704#posthero h2:last-child, 2705#posthero h3:last-child, 2706#posthero h4:last-child, 2707#posthero h5:last-child { 2708 margin-bottom: 0; 2709} 2710 2711#posthero { 2712 width: 100%; 2713 text-align: center; 2714 background: #eceff1; 2715 color: #212121; 2716} 2717 2718@media screen and (max-width: 1199px) { 2719 #posthero { 2720 padding: 30px 20px; 2721 } 2722} 2723 2724@media screen and (min-width: 1200px) { 2725 #posthero { 2726 padding: 30px 0; 2727 } 2728} 2729 2730#posthero .widget-wrapper { 2731 display: inline-block; 2732} 2733 2734#posthero .widget_text { 2735 display: block; 2736} 2737 2738#posthero img { 2739 margin-right: 30px; 2740 border-radius: 0; 2741} 2742 2743#posthero img:last-of-type { 2744 margin-right: 0; 2745} 2746 2747#posthero a { 2748 color: #ff6d00; 2749 text-decoration: underline; 2750} 2751 2752/* main */ 2753/* main refers to everything between header/splash and footer */ 2754 2755#main { 2756 width: 100%; 2757 background: #ffffff; 2758} 2759 2760@media screen and (max-width: 1199px) { 2761 #main { 2762 padding: 0; 2763 } 2764} 2765 2766@media screen and (min-width: 1200px) { 2767 #main { 2768 padding: 32px 0; 2769 } 2770} 2771 2772body.home #main { 2773 background: #ffffff; 2774} 2775 2776body.home #content-wide { 2777 background: #ffffff; 2778} 2779 2780/* primary layout */ 2781/* primary is 768px, primary-wide is 1200px, and primary-center is centered 768px */ 2782 2783#primary { 2784 padding: 0 0; 2785} 2786 2787@media screen and (max-width: 1199px) { 2788 #primary { 2789 width: 100%; 2790 } 2791} 2792 2793@media screen and (min-width: 1200px) { 2794 #primary { 2795 float: left; 2796 width: 768px; 2797 } 2798} 2799 2800/* primary-wide */ 2801 2802#primary-wide { 2803 width: 100%; 2804} 2805 2806@media screen and (max-width: 1199px) { 2807 #primary-wide { 2808 padding: 0 0; 2809 } 2810} 2811 2812/* primary-center */ 2813 2814@media screen and (max-width: 1199px) { 2815 #primary-center { 2816 width: 100%; 2817 } 2818} 2819 2820@media screen and (min-width: 1200px) { 2821 #primary-center { 2822 width: 768px; 2823 margin: 0 auto; 2824 } 2825} 2826 2827/* post byline */ 2828 2829.post-byline { 2830 margin-bottom: 24px; 2831} 2832 2833.post-byline-archive { 2834 margin-bottom: 24px; 2835} 2836 2837/* byline photo */ 2838 2839.byline-photo { 2840 border-radius: 999px; 2841 display: inline-block; 2842 height: 24px; 2843 line-height: 0; 2844 margin-right: 4px; 2845 overflow: hidden; 2846 vertical-align: middle; 2847 width: 24px; 2848} 2849 2850.byline-photo img, 2851.byline-avatar { 2852 border-radius: inherit;
2853 display: inline-block; 2854 height: 100%; 2855 object-fit: cover; 2856 width: 100%; 2857} 2858 2859/* post author */ 2860 2861.post-author { 2862 display: inline; 2863} 2864 2865/* avatars */ 2866 2867.avatar { 2868 border-radius: 999px; 2869} 2870 2871/* author name */ 2872 2873.author-name { 2874 font-weight: 600; 2875} 2876 2877/* byline dates */ 2878 2879.date-published, 2880.date-updated { 2881 display: inline; 2882} 2883 2884/* alignment */ 2885 2886.aligncenter { 2887 text-align: center; 2888 margin: 0 auto; 2889 display: block; 2890} 2891 2892.alignleft { 2893 text-align: left; 2894 display: inline-block; 2895} 2896 2897.alignright { 2898 text-align: right; 2899 display: inline-block; 2900} 2901 2902/* archives */ 2903 2904.post-tease-archive { 2905 margin-bottom: 40px; 2906} 2907 2908.post-excerpt-archive p { 2909 margin: 0; 2910} 2911 2912img.featured-image-archive { 2913 height: auto; 2914 display: block; 2915 margin-bottom: 20px; 2916 border-radius: 0; 2917} 2918 2919@media screen and (max-width: 1199px) { 2920 img.featured-image-archive { 2921 width: 100%; 2922 } 2923} 2924 2925@media screen and (min-width: 1200px) { 2926 img.featured-image-archive { 2927 width: 768px; 2928 } 2929} 2930 2931/* breadcrumbs */ 2932 2933.breadcrumbs { 2934 clear: both; 2935 width: 100%; 2936 padding: 0; 2937 color: #607D8B; 2938 font-size: 14px; 2939 white-space: normal; 2940} 2941 2942@media screen and (max-width: 1199px) { 2943 .breadcrumbs { 2944 margin: 0 0 20px; 2945 font-size: 12px; 2946 line-height: 18px !important; 2947 } 2948} 2949 2950@media screen and (min-width: 1200px) { 2951 .breadcrumbs { 2952 margin: 0 0 30px; 2953 line-height: 20px !important; 2954 } 2955} 2956 2957.breadcrumbs ol { 2958 display: inline; 2959 margin: 0 !important; 2960 padding: 0 !important; 2961 list-style: none; 2962 list-style-position: unset; 2963} 2964 2965.breadcrumbs ol li { 2966 display: inline; 2967 margin: 0 5px 0 0; 2968 padding: 0; 2969 word-break: break-word; 2970} 2971 2972.breadcrumbs ol li + li::before { 2973 content: "»"; 2974 margin-right: 5px; 2975} 2976 2977.breadcrumbs ol li:last-child { 2978 margin-right: 0; 2979} 2980 2981.breadcrumbs a, .breadcrumbs a:hover { 2982 color: #607D8B; 2983} 2984 2985/* content wrapper */ 2986 2987#content-wrapper { 2988 background: #ffffff; 2989 border-radius: 0; 2990} 2991 2992/* content (primary area) unordered and ordered lists */ 2993 2994#content-wrapper ul { 2995 margin-left: 30px; 2996 margin-bottom: 30px; 2997} 2998 2999#content-wrapper ol { 3000 margin-left: 30px; 3001 margin-bottom: 30px; 3002} 3003 3004#content-wrapper ol li { 3005 margin-bottom: 5px; 3006} 3007 3008#content-wide, 3009#content-padded { 3010 width: 100%; 3011 max-width: 100%; 3012 display: block; 3013 overflow: hidden; 3014 overflow-wrap: break-word; 3015} 3016 3017/* content-wide */ 3018 3019@media screen and (max-width: 1199px) { 3020 #content-wide { 3021 padding: 20px; 3022 } 3023} 3024 3025@media screen and (min-width: 1200px) { 3026 #content-wide { 3027 padding: 0 0 0 0; 3028 } 3029} 3030 3031/* content-padded */ 3032 3033@media screen and (max-width: 1199px) { 3034 #content-padded { 3035 padding: 0 20px 20px 20px; 3036 } 3037} 3038 3039@media screen and (min-width: 1200px) { 3040 #content-padded { 3041 padding: 0 0 40px 0; 3042 } 3043} 3044 3045#content-padded iframe { 3046 margin-bottom: 30px; 3047 border-radius: 0; 3048} 3049 3050#content-padded img { 3051 margin-bottom: 30px; 3052 max-width: 100%; 3053 height: auto; 3054 display: block; 3055 border-radius: 0; 3056} 3057 3058/* author biography box */ 3059 3060#author { 3061 margin-top: 30px; 3062 padding: 40px; 3063 box-shadow: inset 0 0 0 1px #cccccc; 3064 border-radius: 8px; 3065} 3066 3067#author p { 3068 margin-bottom: 0; 3069} 3070 3071.biography-photo img { 3072 float: left; 3073 margin: 0 20px 0 0; 3074 border-radius: 999px; 3075} 3076 3077p.biography-description { 3078 font-size: 14px; 3079} 3080 3081 3082/* columns */ 3083 3084.columns { 3085 width: 100%; 3086} 3087 3088@media screen and (max-width: 1199px) { 3089 .columns { 3090 padding: 30px 20px; 3091 } 3092} 3093 3094@media screen and (min-width: 1200px) { 3095 .columns { 3096 display: grid; 3097 grid-template-columns: repeat(4, 1fr); 3098 gap: 30px; 3099 } 3100} 3101 3102.column { 3103 padding: 30px; 3104 box-shadow: inset 0 0 0 1px #eceff1; 3105 background: #eceff1; 3106 border-radius: 8px; 3107} 3108 3109@media screen and (max-width: 1199px) { 3110 .column { 3111 width: 100%; 3112 margin-bottom: 30px; 3113 } 3114} 3115 3116@media screen and (min-width: 1200px) { 3117 .column { 3118 display: inline-block; 3119 max-width: 100%; 3120 justify-content: center; 3121 align-items: center; 3122 text-align: center; 3123 } 3124} 3125 3126.column ul { 3127 font-size: 14px; 3128} 3129 3130.column i { 3131 margin-bottom: 20px; 3132 font-size: 48px; 3133 display: block; 3134 color: #ea910b; 3135} 3136 3137.column img { 3138 display: block; 3139 margin: 0 auto; 3140 border-radius: 0; 3141} 3142 3143.column p:last-child { 3144 margin-bottom: 0; 3145} 3146 3147/* postcolumns */ 3148 3149.postcolumns-top, 3150.postcolumns-bottom { 3151 width: 100%; 3152} 3153 3154.postcolumns-top { 3155 text-align: left; 3156 background: #eceff1; 3157 color: #263238; 3158} 3159 3160.postcolumns-bottom { 3161 text-align: left; 3162 background: #eceff1; 3163 color: #263238; 3164} 3165 3166@media screen and (max-width: 1199px) { 3167 .postcolumns-top, 3168 .postcolumns-bottom { 3169 padding: 30px 20px; 3170 } 3171} 3172 3173@media screen and (min-width: 1200px) { 3174 .postcolumns-top, 3175 .postcolumns-bottom { 3176 padding: 30px 0; 3177 } 3178} 3179 3180.wp-caption { 3181 margin-bottom: 30px; 3182 max-width: 100%; 3183 height: auto; 3184 border-radius: 0; 3185 display: block; 3186} 3187 3188.wp-caption img { 3189 margin-bottom: 0 !important; 3190 border-radius: 0; 3191} 3192 3193.wp-caption-text { 3194 margin-bottom: 0 !important; 3195 text-align: left; 3196 font-size: 12px; 3197 line-height: 2; 3198 color: #444; 3199} 3200 3201/* zigzag (page template) */ 3202 3203.zigzag-section { 3204 text-align: left; 3205 padding: 40px 40px; 3206 border-radius: 0; 3207} 3208 3209.zigzag-section-reverse { 3210 text-align: right; 3211 padding: 40px; 3212 border-radius: 0; 3213} 3214 3215.zigzag-section h3 { 3216 text-align: left; 3217} 3218 3219.zigzag-section-reverse h3 { 3220 text-align: right; 3221} 3222 3223.zigzag-section img { 3224 float: left; 3225 margin-right: 40px; 3226 width: 300px !important; 3227 border-radius: 0; 3228} 3229 3230.zigzag-section-reverse img { 3231 float: right; 3232 margin-left: 40px; 3233 width: 300px !important; 3234 border-radius: 0; 3235} 3236 3237/* sidebar */ 3238 3239@media screen and (max-width: 1199px) { 3240 #sidebar { 3241 width: 100%; 3242 padding: 20px; 3243 } 3244} 3245 3246@media screen and (min-width: 1200px) { 3247 #sidebar { 3248 float: right; 3249 width: 392px; 3250 margin-left: 40px; 3251 border-left: 1px solid #e0e0e0; 3252 } 3253} 3254 3255/* desktop sidebar flex layout */ 3256 3257@supports selector(:has(*)) { 3258 @media screen and (min-width: 1200px) { 3259 #main > .inner:has(> #sidebar) { 3260 display: flex; 3261 align-items: flex-start; 3262 flex-wrap: wrap; 3263 gap: 0 40px; 3264 } 3265 3266 #main > .inner:has(> #sidebar) > #primary, 3267 #main > .inner:has(> #sidebar) > #sidebar { 3268 float: none; 3269 } 3270 3271 #main > .inner:has(> #sidebar) > #primary { 3272 flex: 0 0 768px; 3273 } 3274 3275 #main > .inner:has(> #sidebar) > #sidebar { 3276 box-sizing: border-box; 3277 flex: 0 0 392px; 3278 margin-left: 0; 3279 } 3280 3281 #main > .inner:has(> #sidebar) > .navigation { 3282 flex: 0 0 100%; 3283 } 3284 3285 #main > .inner:has(> #sidebar) > .clear { 3286 display: none; 3287 } 3288 } 3289} 3290 3291#sidebar .widget-wrapper { 3292 width: 100%; 3293 padding: 40px 40px; 3294 background: #ffffff; 3295 border-radius: 8px; 3296 color: #212121; 3297 box-shadow: inset 0 0 0 1px #ffffff !important; 3298} 3299 3300#sidebar .widget-wrapper a { 3301 color: #ff6d00; 3302} 3303 3304#sidebar .widget-wrapper .widget-title { 3305 font-weight: 600; 3306 text-transform: none; 3307 color: #263238; 3308} 3309 3310@media screen and (max-width: 1199px) { 3311 #sidebar .widget-wrapper .widget-title { 3312 font-size: 24px; 3313 } 3314} 3315 3316@media screen and (min-width: 1200px) { 3317 #sidebar .widget-wrapper .widget-title { 3318 font-size: 24px; 3319 } 3320} 3321 3322@media screen and (max-width: 1199px) { 3323 #sidebar .widget-wrapper:not(:last-child) { 3324 margin-bottom: 20px; 3325 } 3326} 3327 3328@media screen and (min-width: 1200px) { 3329 #sidebar .widget-wrapper:not(:last-child) { 3330 margin-bottom: 30px; 3331 } 3332} 3333 3334#sidebar .widget-wrapper p:last-child { 3335 margin-bottom: 0; 3336} 3337 3338#sidebar .widget-wrapper ul { 3339 margin-bottom: 30px; 3340} 3341 3342#sidebar .widget-wrapper ul ul { 3343 margin-bottom: 0; 3344} 3345 3346#sidebar .widget-wrapper ul li { 3347 margin-bottom: 5px; 3348 line-height: 2; 3349} 3350 3351#sidebar .widget-wrapper ol { 3352 margin-bottom: 30px; 3353} 3354 3355#sidebar .widget-wrapper ol li { 3356 margin-bottom: 5px; 3357} 3358 3359#sidebar img { 3360 max-width: 100%; 3361 height: auto; 3362 display: block; 3363 border-radius: 0; 3364} 3365 3366/* sidebar callout widget area (must load after #sidebar rules) */ 3367 3368#sidebar .widget-callout { 3369 background: #ffffff !important; 3370 color: #212121 !important; 3371 box-shadow: inset 0 0 0 1px #ffffff !important; 3372} 3373 3374#sidebar .widget-callout .widget-title { 3375 color: #212121 !important; 3376} 3377 3378#sidebar .widget-callout a { 3379 color: #ffffff; 3380} 3381 3382.cta-sidebar-callout { 3383 display: block; 3384 width: 100%; 3385 margin-top: 40px; 3386} 3387 3388.cta-sidebar-callout ul { 3389 margin: 0 !important; 3390 padding: 0 !important; 3391} 3392 3393.cta-sidebar-callout ul li { 3394 list-style-type: none; 3395 display: block; 3396 margin: 0; 3397 padding: 0; 3398 vertical-align: middle; 3399 text-align: center; 3400} 3401 3402.cta-sidebar-callout ul li a { 3403 width: 100%; 3404 font-size: 20px; 3405 font-weight: 600; 3406 color: #ffffff !important; 3407 padding: 10px 0; 3408 border-radius: 4px; 3409 text-decoration: none; 3410 display: block; 3411 background: #ff6d00 !important; 3412 box-shadow: inset 0 0 0 1px #ffffff !important; 3413} 3414 3415.cta-sidebar-callout ul li:hover a { 3416 color: #ffffff !important; 3417 background: #ff6d00 !important; 3418 box-shadow: none !important; 3419} 3420 3421#footer .widget-footer-callout { 3422 background: #283593 !important; 3423 border-radius: 8px; 3424 color: #ffffff !important; 3425 box-shadow: inset 0 0 0 1px #283593 !important; 3426 padding: 40px; 3427} 3428 3429#footer .widget-footer-callout .widget-title { 3430 color: #ffffff !important; 3431} 3432 3433#footer .widget-footer-callout a { 3434 color: #ffffff; 3435 text-decoration: underline; 3436} 3437 3438#footer .widget-wrapper p:last-child { 3439 margin-bottom: 0; 3440} 3441 3442.cta-footer-callout { 3443 display: block; 3444 width: 100%; 3445 margin-top: 40px; 3446} 3447 3448.cta-footer-callout ul { 3449 margin: 0 !important; 3450 padding: 0 !important; 3451} 3452 3453.cta-footer-callout ul li {
3454 display: block; 3455 margin: 0; 3456 padding: 0; 3457 list-style-type: none; 3458 text-align: center; 3459 vertical-align: middle; 3460} 3461 3462.cta-footer-callout ul li a { 3463 display: block; 3464 width: 100%; 3465 padding: 10px 0; 3466 border-radius: 0; 3467} 3468 3469#prefooter-top, 3470#prefooter-bottom { 3471 width: 100%; 3472} 3473 3474#prefooter-top { 3475 background: #ffcc33; 3476 color: #424242; 3477 text-align: left; 3478} 3479 3480#prefooter-bottom { 3481 background: #212121; 3482 color: #ffffff; 3483 text-align: left; 3484} 3485 3486#prefooter-top .inner, 3487#prefooter-bottom .inner { 3488 width: 100%; 3489} 3490 3491@media screen and (max-width: 1199px) { 3492 #prefooter-top { 3493 padding: 20px 20px; 3494 } 3495 3496 #prefooter-bottom { 3497 padding: 30px 20px; 3498 } 3499 3500 #prefooter-top .inner, 3501 #prefooter-bottom .inner { 3502 padding: 30px 20px; 3503 } 3504 3505 #prefooter-top .widget-wrapper, 3506 #prefooter-bottom .widget-wrapper { 3507 width: 100%; 3508 margin-bottom: 30px; 3509 } 3510} 3511 3512@media screen and (min-width: 1200px) { 3513 #prefooter-top { 3514 margin: 0 auto; 3515 padding: 40px 0; 3516 } 3517 3518 #prefooter-bottom { 3519 padding: 60px 0; 3520 } 3521 3522 #prefooter-top .inner, 3523 #prefooter-bottom .inner { 3524 display: grid; 3525 gap: 30px; 3526 } 3527 3528 #prefooter-top .inner { 3529 grid-template-columns: repeat(1, 1fr); 3530 } 3531 3532 #prefooter-bottom .inner { 3533 grid-template-columns: repeat(1, 1fr); 3534 } 3535 3536 #prefooter-top .widget-wrapper, 3537 #prefooter-bottom .widget-wrapper { 3538 display: inline-block; 3539 max-width: 100%; 3540 } 3541} 3542 3543#prefooter-top a { 3544 color: #ffffff; 3545 text-decoration: none; 3546} 3547 3548#prefooter-bottom a { 3549 color: #ff6d00; 3550 text-decoration: underline; 3551} 3552 3553/* footer */ 3554 3555#footer { 3556 width: 100%; 3557 background: #212121; 3558 color: #ffffff; 3559} 3560 3561@media screen and (max-width: 1199px) { 3562 #footer { 3563 padding: 20px 20px; 3564 font-size: 14px; 3565 } 3566 3567 #footer .widget-wrapper ul { 3568 margin: 0; 3569 padding: 0; 3570 list-style: none; 3571 } 3572 3573 #footer .widget-wrapper ul li { 3574 display: block; 3575 margin: 0; 3576 padding: 0; 3577 border-bottom: 1px solid rgba(128, 128, 128, 0.25); 3578 list-style: none; 3579 } 3580 3581 #footer .widget-wrapper ul ul li:first-child { 3582 border-top: 1px solid rgba(128, 128, 128, 0.25); 3583 } 3584 3585 #footer .widget-wrapper ul li a { 3586 display: block; 3587 padding: 8px 0; 3588 } 3589 3590 #footer .widget-wrapper ul ul li a { 3591 padding-left: 16px; 3592 } 3593} 3594 3595@media screen and (min-width: 1200px) { 3596 #footer { 3597 margin: 0 auto; 3598 padding: 40px 0; 3599 font-size: 14px; 3600 } 3601} 3602 3603#footer .widget-wrapper { 3604 margin-bottom: 30px; 3605} 3606 3607#footer .widget-wrapper:last-child { 3608 margin-bottom: 0; 3609} 3610 3611#footer a { 3612 color: #ff6d00; 3613 text-decoration: underline; 3614} 3615 3616/* footer columns mobile */ 3617 3618@media screen and (max-width: 1199px) { 3619 .footer-column-one-four-unequal, .footer-column-two-four-unequal, .footer-column-three-four-unequal, .footer-column-four-four-unequal, .footer-column-one-four-equal, .footer-column-two-four-equal, .footer-column-three-four-equal, .footer-column-four-four-equal, .footer-column-one-three-unequal, .footer-column-two-three-unequal, .footer-column-three-three-unequal, .footer-column-one-three-equal, .footer-column-two-three-equal, .footer-column-three-three-equal { 3620 width: 100%; 3621 display: block; 3622 vertical-align: top; 3623 margin-bottom: 30px; 3624 } 3625 3626 .footer-column-one-four-unequal, .footer-column-one-four-equal, .footer-column-two-four-equal, .footer-column-three-four-equal, .footer-column-four-four-equal, .footer-column-one-three-unequal, .footer-column-one-three-equal, .footer-column-two-three-equal, .footer-column-three-three-equal { 3627 padding: 0; 3628 } 3629} 3630 3631/* footer columns desktop */ 3632 3633@media screen and (min-width: 1200px) { 3634 .footer-column-one-four-unequal, .footer-column-two-four-unequal, .footer-column-three-four-unequal, .footer-column-four-four-unequal, .footer-column-one-four-equal, .footer-column-two-four-equal, .footer-column-three-four-equal, .footer-column-four-four-equal, .footer-column-one-three-unequal, .footer-column-two-three-unequal, .footer-column-three-three-unequal, .footer-column-one-three-equal, .footer-column-two-three-equal, .footer-column-three-three-equal { 3635 float: left; 3636 display: inline-block; 3637 vertical-align: top; 3638 } 3639} 3640 3641/* footer column one (four unequal columns) */ 3642 3643@media screen and (min-width: 1200px) { 3644 .footer-column-one-four-unequal { 3645 width: 420px; 3646 padding-right: 30px; 3647 } 3648} 3649 3650/* footer column two, three, and four (four unequal columns) */ 3651 3652@media screen and (min-width: 1200px) { 3653 .footer-column-two-four-unequal, .footer-column-three-four-unequal, .footer-column-four-four-unequal { 3654 width: 260px; 3655 padding-left: 60px; 3656 } 3657} 3658 3659/* footer columns (four equal columns) */ 3660 3661@media screen and (min-width: 1200px) { 3662 .footer-column-one-four-equal, .footer-column-two-four-equal, .footer-column-three-four-equal, .footer-column-four-four-equal { 3663 width: 255px; 3664 } 3665} 3666 3667/* footer column one, two, and three (four equal columns) */ 3668 3669@media screen and (min-width: 1200px) { 3670 .footer-column-one-four-equal, .footer-column-two-four-equal, .footer-column-three-four-equal { 3671 margin-right: 60px; 3672 } 3673} 3674 3675/* footer column four (four equal columns) */ 3676 3677@media screen and (min-width: 1200px) { 3678 .footer-column-four-four-equal { 3679 margin-right: 0; 3680 } 3681} 3682 3683/* footer column one (three unequal columns) */ 3684 3685@media screen and (min-width: 1200px) { 3686 .footer-column-one-three-unequal { 3687 width: 440px; 3688 } 3689} 3690 3691/* footer column two and three (three unequal columns) */ 3692 3693@media screen and (min-width: 1200px) { 3694 .footer-column-two-three-unequal, .footer-column-three-three-unequal { 3695 width: 350px; 3696 } 3697} 3698 3699/* footer column one and two (three unequal columns) */ 3700 3701@media screen and (min-width: 1200px) { 3702 .footer-column-one-three-unequal, .footer-column-two-three-unequal { 3703 margin-right: 30px; 3704 } 3705} 3706 3707/* footer column three (three unequal columns) */ 3708 3709@media screen and (min-width: 1200px) { 3710 .footer-column-three-three-unequal { 3711 margin-right: 0; 3712 } 3713} 3714 3715/* footer columns (three equal columns) */ 3716 3717@media screen and (min-width: 1200px) { 3718 .footer-column-one-three-equal, .footer-column-two-three-equal, .footer-column-three-three-equal { 3719 width: 360px; 3720 } 3721} 3722 3723/* footer column one and two (three equal columns) */ 3724 3725@media screen and (min-width: 1200px) { 3726 .footer-column-one-three-equal, .footer-column-two-three-equal { 3727 margin-right: 60px; 3728 } 3729} 3730 3731/* footer column three (three equal columns) */ 3732 3733@media screen and (min-width: 1200px) { 3734 .footer-column-three-three-equal { 3735 margin-right: 0; 3736 } 3737} 3738 3739/* footer ul */ 3740 3741#footer ul { 3742 margin-left: 10px; 3743} 3744 3745/* base */ 3746#copyright { 3747 width: 100%; 3748 line-height: 1; 3749 background: #424242; 3750 color: #ffffff; 3751} 3752 3753.copyright-right { 3754 width: 100%; 3755} 3756 3757/* mobile */ 3758@media screen and (max-width: 1199px) { 3759 3760 #copyright { 3761 padding: 20px 20px; 3762 font-size: 14px; 3763 } 3764 3765 #copyright i { 3766 font-size: 14px; 3767 } 3768 3769 #copyright .inner { 3770 max-width: none; 3771 } 3772 3773 .copyright-left { 3774 width: 100%; 3775 display: block; 3776 vertical-align: top; 3777 text-align: center; 3778 } 3779 3780 .copyright-right { 3781 margin-top: 30px; 3782 display: block; 3783 vertical-align: top; 3784 text-align: center; 3785 } 3786} 3787 3788/* desktop */ 3789@media screen and (min-width: 1200px) { 3790 3791 #copyright { 3792 display: table; 3793 padding: 20px 0; 3794 font-size: 14px; 3795 } 3796 3797 #copyright i { 3798 font-size: 14px; 3799 } 3800 3801 #copyright.is-fixed .inner { 3802 max-width: 1200px; 3803 } 3804 3805 #copyright.is-full .inner { 3806 max-width: none; 3807 padding: 0 40px; 3808 } 3809 3810 .copyright-left { 3811 display: table-cell; 3812 vertical-align: middle; 3813 height: inherit; 3814 min-width: auto; 3815 white-space: nowrap; 3816 } 3817 3818 .copyright-right { 3819 display: table-cell; 3820 vertical-align: middle; 3821 height: inherit; 3822 text-align: right; 3823 } 3824} 3825 3826/* links */ 3827#copyright a { 3828 color: #ff6d00; 3829 text-decoration: underline; 3830} 3831 3832/* icons */ 3833#copyright i { 3834 margin-left: 20px !important; 3835} 3836 3837#copyright i:first-child { 3838 margin-left: 0; 3839} 3840 3841/* lists */ 3842#copyright ul { 3843 margin: 0; 3844 list-style-type: none; 3845} 3846 3847#copyright ul li { 3848 list-style-type: none; 3849 display: inline-block; 3850 margin: 0 0 0 10px; 3851} 3852 3853/* widgets */ 3854 3855.widget-wrapper .widget-title, 3856.widget-wrapper .widgettitle, 3857.widget-wrapper h1, 3858.widget-wrapper h2, 3859.widget-wrapper h3, 3860.widget-wrapper h4, 3861.widget-wrapper h5, 3862.widget-wrapper h6 { 3863 color: inherit; 3864} 3865 3866.widget-wrapper ul li ul { 3867 margin-left: 0 !important; 3868} 3869 3870.widget-wrapper ul li ul li { 3871 margin-left: 0 !important; 3872 list-style-type: circle; 3873} 3874 3875.widget-wrapper iframe { 3876 max-width: 100%; 3877 border-radius: 0; 3878} 3879 3880#home-premain-top, 3881#home-premain-bottom { 3882 width: 100%; 3883} 3884 3885#home-premain-top { 3886 background: #eceff1; 3887 color: #263238; 3888} 3889 3890#home-premain-bottom { 3891 background: #eceff1; 3892 color: #263238; 3893} 3894 3895#home-premain-top .inner, 3896#home-premain-bottom .inner { 3897 width: 100%; 3898} 3899 3900@media screen and (max-width: 1199px) { 3901 #home-premain-top, 3902 #home-premain-bottom { 3903 padding: 20px 20px; 3904 } 3905 3906 #home-premain-top .inner, 3907 #home-premain-bottom .inner { 3908 padding: 0 0; 3909 } 3910} 3911 3912@media screen and (min-width: 1200px) { 3913 #home-premain-top, 3914 #home-premain-bottom { 3915 margin: 0 auto; 3916 padding: 30px 0; 3917 } 3918 3919 #home-premain-top .inner, 3920 #home-premain-bottom .inner { 3921 display: grid; 3922 gap: 30px; 3923 } 3924 3925 #home-premain-top .inner { 3926 grid-template-columns: repeat(1, 1fr); 3927 } 3928 3929 #home-premain-bottom .inner { 3930 grid-template-columns: repeat(1, 1fr); 3931 } 3932} 3933 3934#home-premain-top a { 3935 color: #5C6BC0; 3936 text-decoration: underline; 3937} 3938 3939#home-premain-bottom a { 3940 color: #5C6BC0; 3941 text-decoration: underline; 3942} 3943 3944#home-postmain-top, 3945#home-postmain-bottom { 3946 width: 100%; 3947} 3948 3949#home-postmain-top { 3950 background: #ff6d00; 3951 color: #ffffff; 3952} 3953 3954#home-postmain-bottom { 3955 background: #eceff1; 3956 color: #212121; 3957} 3958 3959#home-postmain-top .inner, 3960#home-postmain-bottom .inner { 3961 width: 100%; 3962} 3963 3964@media screen and (max-width: 1199px) { 3965 #home-postmain-top, 3966 #home-postmain-bottom { 3967 padding: 20px 20px; 3968 } 3969 3970 #home-postmain-top .inner, 3971 #home-postmain-bottom .inner { 3972 padding: 0 0; 3973 } 3974} 3975 3976@media screen and (min-width: 1200px) { 3977 #home-postmain-top, 3978 #home-postmain-bottom { 3979 margin: 0 auto; 3980 padding: 30px 0; 3981 } 3982 3983 #home-postmain-top .inner, 3984 #home-postmain-bottom .inner { 3985 display: grid; 3986 gap: 30px; 3987 } 3988 3989 #home-postmain-top .inner { 3990 grid-template-columns: repeat(1, 1fr); 3991 } 3992 3993 #home-postmain-bottom .inner { 3994 grid-template-columns: repeat(1, 1fr); 3995 } 3996} 3997 3998#home-postmain-top a { 3999 color: #ffffff; 4000 text-decoration: underline; 4001} 4002 4003#home-postmain-bottom a { 4004 color: #ff6d00; 4005 text-decoration: underline; 4006} 4007 4008.gallery { 4009 column-fill: balance; 4010} 4011 4012@media screen and (max-width: 1199px) { 4013 .gallery { 4014 columns: 1; 4015 } 4016} 4017 4018@media screen and (min-width: 1200px) { 4019 .gallery-narrow-wrapper > .gallery { 4020 columns: 2; 4021 column-gap: 20px; 4022 } 4023} 4024 4025@media screen and (min-width: 1200px) { 4026 .gallery-wide-wrapper > .gallery { 4027 columns: 3; 4028 column-gap: 2px; 4029 } 4030} 4031 4032.gallery img { 4033 margin-bottom: 20px; 4034 border: 0; 4035 border-radius: 0; 4036 display: block; 4037} 4038 4039@media screen and (max-width: 1199px) { 4040 .gallery img { 4041 width: 100%; 4042 } 4043} 4044 4045@media screen and (min-width: 1200px) { 4046 .gallery img { 4047 width: 354px; 4048 } 4049} 4050 4051.gallery-caption { 4052 display: none;} 4053 4054/* forms */ 4055 4056form { 4057 margin: 0; 4058 padding: 0; 4059} 4060 4061label { 4062 display: block; 4063 margin-bottom: 6px; 4064 color: #424242; 4065 font-size: 15px; 4066 font-weight: 600; 4067 line-height: 1.4; 4068} 4069 4070fieldset { 4071 margin: 0 0 20px; 4072 padding: 20px; 4073 border: 1px solid #e0e0e0; 4074 border-radius: 8px; 4075} 4076 4077legend { 4078 padding: 0 6px; 4079 color: #424242; 4080 font-size: 16px; 4081 font-weight: 600; 4082 line-height: 1.4; 4083} 4084 4085input:not([type="button"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"]), select, textarea { 4086 appearance: none; 4087 -webkit-appearance: none; 4088 -moz-appearance: none; 4089 display: inline-block; 4090 width: 100%; 4091 min-height: 46px; 4092 padding: 10px 16px !important; 4093 background: #ffffff; 4094 border: 0 !important; 4095 border-radius: 4px; 4096 box-shadow: inset 0 0 0 1px #e0e0e0; 4097 color: #424242; 4098 font-family: inherit; 4099 font-size: 16px; 4100 font-weight: 400; 4101 line-height: 1.5; 4102 vertical-align: middle; 4103 transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, color 0.15s ease-in-out; 4104} 4105 4106input:not([type="button"]):not([type="checkbox"]):not([type="file"]):not([type="hidden"]):not([type="radio"]):not([type="range"]):not([type="reset"]):not([type="submit"]):focus, select:focus, textarea:focus { 4107 background: #ffffff; 4108 box-shadow: inset 0 0 0 2px #ea910b; 4109 color: #424242; 4110 outline: 0; 4111} 4112 4113select { 4114 padding-right: 44px !important; 4115 background-image: url('data:image/svg+xml;utf8,<svg height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" fill="none" stroke="%23424242" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>'); 4116 background-position: right 14px center; 4117 background-repeat: no-repeat; 4118 background-size: 16px; 4119} 4120 4121option { 4122 padding: 0 !important; 4123 font-family: inherit; 4124 line-height: 1.5; 4125 white-space: nowrap; 4126} 4127 4128textarea { 4129 min-height: 140px; 4130 resize: vertical; 4131} 4132 4133input[type="checkbox"], input[type="radio"] { 4134 appearance: auto; 4135 -webkit-appearance: auto; 4136 -moz-appearance: auto; 4137 display: inline-block; 4138 width: auto; 4139 height: auto; 4140 margin: 2px 10px 0 0; 4141 box-shadow: none; 4142 cursor: pointer; 4143 vertical-align: middle; 4144} 4145 4146input[type="checkbox"]:focus, input[type="radio"]:focus { 4147 outline: 1px solid #ea910b; 4148 outline-offset: 2px; 4149} 4150 4151input[type="file"] { 4152 width: 100%; 4153 padding: 10px 0 !important; 4154 background: transparent; 4155 box-shadow: none; 4156 font-family: inherit; 4157 font-size: 16px; 4158 line-height: 1.5; 4159 transition: none; 4160} 4161 4162input[type="range"] { 4163 appearance: none; 4164 -webkit-appearance: none; 4165 width: 100%; 4166 padding: 0 !important; 4167 background: transparent; 4168 box-shadow: none; 4169 cursor: pointer; 4170} 4171 4172input[type="range"]::-webkit-slider-runnable-track { 4173 height: 4px; 4174 background: #424242; 4175 border-radius: 4px; 4176} 4177 4178input[type="range"]::-moz-range-track { 4179 height: 4px; 4180 background: #424242; 4181 border-radius: 4px; 4182} 4183 4184input[type="range"]::-webkit-slider-thumb { 4185 appearance: none; 4186 -webkit-appearance: none; 4187 width: 16px; 4188 height: 16px; 4189 margin-top: -6px; 4190 background: #ea910b; 4191 border: 0; 4192 border-radius: 999px;
4193 cursor: pointer; 4194} 4195 4196input[type="range"]::-moz-range-thumb { 4197 width: 16px; 4198 height: 16px; 4199 background: #ea910b; 4200 border: 0; 4201 border-radius: 999px; 4202 cursor: pointer; 4203} 4204 4205form button, input[type="button"], input[type="reset"], input[type="submit"] { 4206 display: inline-block; 4207 height: auto; 4208 padding: 12px 20px !important; 4209 background: #ea910b; 4210 border: 0; 4211 border-radius: 4px; 4212 box-shadow: none; 4213 color: #ffffff; 4214 cursor: pointer; 4215 font-family: inherit; 4216 font-size: 16px; 4217 font-weight: 600; 4218 line-height: 1.2; 4219 text-align: center; 4220 text-decoration: none; 4221 vertical-align: middle; 4222 transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 4223} 4224 4225form button:hover, form button:focus, form button:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active { 4226 background: #ff6d00 !important; 4227 color: #ffffff; 4228 outline: 0; 4229} 4230 4231input::placeholder, textarea::placeholder { 4232 color: #424242; 4233 opacity: 0.65; 4234} 4235 4236input:disabled, select:disabled, textarea:disabled, button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled { 4237 background: #eceff1; 4238 box-shadow: inset 0 0 0 1px #e0e0e0; 4239 color: #424242; 4240 cursor: not-allowed; 4241 opacity: 0.65; 4242} 4243 4244input[readonly], textarea[readonly] { 4245 background: #eceff1; 4246 box-shadow: inset 0 0 0 1px #e0e0e0; 4247 color: #424242; 4248} 4249 4250#topbar input, 4251.hero-half input { 4252 box-shadow: none; 4253} 4254 4255[dir="rtl"] input, 4256[dir="rtl"] select, 4257[dir="rtl"] textarea { 4258 text-align: right; 4259} 4260 4261[dir="rtl"] select { 4262 padding-right: 16px !important; 4263 padding-left: 44px !important; 4264 background-position: left 14px center; 4265} 4266 4267/* responsive button widths */ 4268 4269@media screen and (max-width: 1199px) { 4270 form button, input[type="button"], input[type="reset"], input[type="submit"] { 4271 width: 100%; 4272 } 4273} 4274 4275@media screen and (min-width: 1200px) { 4276 form button, input[type="button"], input[type="reset"], input[type="submit"] { 4277 width: auto; 4278 } 4279} 4280 4281.input-container, 4282.wp-block-search__inside-wrapper, 4283.woocommerce-product-search { 4284 position: relative; 4285 display: inline-flex; 4286 align-items: stretch; 4287 width: 100%; 4288 border: 0; 4289 border-radius: 4px; 4290 box-shadow: none; 4291 overflow: hidden; 4292} 4293 4294.input-container::after, 4295.wp-block-search__inside-wrapper::after, 4296.woocommerce-product-search::after { 4297 content: ""; 4298 pointer-events: none; 4299 position: absolute; 4300 inset: 0; 4301 border-radius: 4px; 4302 box-shadow: inset 0 0 0 1px #eceff1; 4303 transition: box-shadow 0.15s ease-in-out; 4304} 4305 4306.input-container:focus-within::after, 4307.wp-block-search__inside-wrapper:focus-within::after, 4308.woocommerce-product-search:focus-within::after { 4309 box-shadow: inset 0 0 0 2px #ea910b; 4310} 4311 4312/* header center search */ 4313 4314@media screen and (min-width: 1200px) { 4315 .header-center .input-container, 4316 .header-center .wp-block-search__inside-wrapper, 4317 .header-center .woocommerce-product-search { 4318 display: flex; 4319 width: 100%; 4320 max-width: 392px; 4321 margin-right: auto; 4322 margin-left: 0; 4323 } 4324} 4325 4326.search-input, 4327.wp-block-search__input, 4328.woocommerce-product-search .search-field { 4329 flex: 1 1 auto; 4330 min-width: 0; 4331 height: 48px; 4332 padding: 0 16px !important; 4333 border: 0 !important; 4334 border-radius: 4px 0 0 4px !important; 4335 box-shadow: none !important; 4336 background: #eceff1; 4337 color: #263238; 4338 font-size: 16px; 4339 appearance: none; 4340 -webkit-appearance: none; 4341} 4342 4343#header-mini-hero .search-input, 4344#header-mini-hero .wp-block-search__input, 4345#header-mini-hero .woocommerce-product-search .search-field, 4346#header-mini-hero input[type="search"], 4347#header-half-hero .search-input, 4348#header-half-hero .wp-block-search__input, 4349#header-half-hero .woocommerce-product-search .search-field, 4350#header-half-hero input[type="search"] { 4351 background: #f5f5f5 !important; 4352 background-color: #f5f5f5 !important; 4353} 4354 4355#header-mini-hero .input-container::after, 4356#header-mini-hero .wp-block-search__inside-wrapper::after, 4357#header-mini-hero .woocommerce-product-search::after, 4358#header-half-hero .input-container::after, 4359#header-half-hero .wp-block-search__inside-wrapper::after, 4360#header-half-hero .woocommerce-product-search::after { 4361 box-shadow: inset 0 0 0 1px #eceff1; 4362} 4363 4364#header-mini-hero .input-container:focus-within::after, 4365#header-mini-hero .wp-block-search__inside-wrapper:focus-within::after, 4366#header-mini-hero .woocommerce-product-search:focus-within::after, 4367#header-half-hero .input-container:focus-within::after, 4368#header-half-hero .wp-block-search__inside-wrapper:focus-within::after, 4369#header-half-hero .woocommerce-product-search:focus-within::after { 4370 box-shadow: inset 0 0 0 2px #ea910b; 4371} 4372 4373#header-mini-hero .input-container:focus-within .search-input, 4374#header-mini-hero .wp-block-search__inside-wrapper:focus-within .wp-block-search__input, 4375#header-mini-hero .woocommerce-product-search:focus-within .search-field, 4376#header-mini-hero input[type="search"]:focus, 4377#header-half-hero .input-container:focus-within .search-input, 4378#header-half-hero .wp-block-search__inside-wrapper:focus-within .wp-block-search__input, 4379#header-half-hero .woocommerce-product-search:focus-within .search-field, 4380#header-half-hero input[type="search"]:focus { 4381 background: #f5f5f5 !important; 4382 background-color: #f5f5f5 !important; 4383} 4384 4385.search-input::placeholder, 4386.wp-block-search__input::placeholder, 4387.woocommerce-product-search .search-field::placeholder { 4388 color: #757575; 4389 opacity: 1; 4390} 4391 4392.search-submit, 4393.wp-block-search__button, 4394.woocommerce-product-search button { 4395 flex: 0 0 64px; 4396 width: auto; 4397 height: 48px; 4398 padding: 0 !important; 4399 border: 0; 4400 border-radius: 0 4px 4px 0 !important; 4401 box-shadow: none; 4402 background: #ea910b; 4403 color: #ffffff; 4404 display: inline-flex; 4405 align-items: center; 4406 justify-content: center; 4407 cursor: pointer; 4408 transition: background-color 0.15s ease; 4409 appearance: none; 4410 -webkit-appearance: none; 4411} 4412 4413.search-submit:hover, 4414.wp-block-search__button:hover, 4415.woocommerce-product-search button:hover { 4416 background: #ff6d00 !important; 4417} 4418 4419.search-submit svg, .search-submit i, 4420.wp-block-search__button svg, .wp-block-search__button i, 4421.woocommerce-product-search button svg, .woocommerce-product-search button i {
4422 display: block; 4423 width: 20px; 4424 height: 20px; 4425 font-size: 20px; 4426 line-height: 1; 4427} 4428 4429/* comments */ 4430 4431@media screen and (max-width: 1199px) { 4432 .comments-area { 4433 margin-top: 20px; 4434 } 4435} 4436 4437@media screen and (min-width: 1200px) { 4438 .comments-area { 4439 margin-top: 30px; 4440 } 4441} 4442 4443/* remove bullets from comment lists */ 4444.comment-list, 4445.comment-list .children { 4446 list-style: none; 4447 margin: 0; 4448 padding: 0; 4449} 4450 4451.comment-list > li, 4452.comment-list .children > li { 4453 list-style: none; 4454 margin: 0; 4455 padding: 0; 4456} 4457 4458/* comment body styling */ 4459.comment-body { 4460 border-bottom: 1px solid rgba(0, 0, 0, 0.12); 4461 border-radius: 0; 4462 margin-bottom: 30px; 4463 padding-bottom: 20px; 4464} 4465 4466/* author name */ 4467.comment-author { 4468 font-weight: 600; 4469 margin-bottom: 4px; 4470} 4471 4472/* comment meta */ 4473.comment-meta { 4474 color: rgba(0, 0, 0, 0.62); 4475 font-size: 14px; 4476 margin-bottom: 10px; 4477} 4478 4479/* comment content */ 4480.comment-content { 4481 font-size: 16px; 4482 line-height: 1.6; 4483} 4484 4485.comment-content ul, 4486.comment-content ol { 4487 margin: 0 0 1.5em 1.5em; 4488 padding-left: 1.5em; 4489} 4490 4491.comment-content ul { 4492 list-style: disc; 4493} 4494 4495.comment-content ol { 4496 list-style: decimal; 4497} 4498 4499.comment-content li { 4500 margin-bottom: 0.5em; 4501 padding: 0; 4502} 4503 4504/* reply link */ 4505.comment-reply-link, 4506#cancel-comment-reply-link { 4507 border-radius: 0; 4508 color: #ea910b; 4509 display: inline-block; 4510 font-size: 14px; 4511 margin-top: 10px; 4512 text-decoration: underline; 4513 transition: color 0.2s ease; 4514} 4515 4516.comment-reply-link:hover, 4517#cancel-comment-reply-link:hover { 4518 color: #ff6d00; 4519 text-decoration: underline; 4520} 4521 4522/* reply title */ 4523.comment-reply-title small { 4524 display: inline-block; 4525 font-size: 14px; 4526 font-weight: 400; 4527 margin-left: 8px; 4528} 4529 4530.comment-reply-title #cancel-comment-reply-link { 4531 margin-top: 0; 4532 vertical-align: baseline; 4533} 4534 4535/* nested comments */ 4536.comment-list .children { 4537 border-left: 1px solid rgba(0, 0, 0, 0.08); 4538 border-radius: 0; 4539 margin-left: 2rem; 4540 margin-top: 1rem; 4541 padding-left: 1rem; 4542} 4543 4544/* comment anchors */ 4545.comment-list .comment, 4546.comment-list .pingback, 4547.comment-list .trackback, 4548#respond { 4549 scroll-margin-top: 120px; 4550} 4551 4552/* pagination */ 4553.comment-navigation { 4554 font-size: 14px; 4555 margin-top: 20px; 4556} 4557 4558.comment-navigation .nav-links { 4559 display: flex; 4560 gap: 20px; 4561 justify-content: space-between; 4562} 4563 4564.comment-navigation .nav-previous, 4565.comment-navigation .nav-next { 4566 flex: 1; 4567} 4568 4569.comment-navigation .nav-next { 4570 text-align: right; 4571} 4572 4573/* moderation notice */ 4574.comment-awaiting-moderation { 4575 font-style: italic; 4576 margin-bottom: 10px; 4577} 4578 4579/* post author comments */ 4580.bypostauthor .comment-body { 4581 border-left: 3px solid rgba(0, 0, 0, 0.12); 4582 padding-left: 16px; 4583} 4584 4585/* comment form */ 4586.logged-in-as, 4587.comment-notes { 4588 font-size: 14px; 4589} 4590 4591.logged-in-as .required-field-message, 4592.comment-notes .required-field-message { 4593 display: block; 4594 margin-top: 4px; 4595} 4596 4597#respond textarea, 4598#respond input[type="text"], 4599#respond input[type="email"] { 4600 max-width: 100%; 4601 border-radius: 4px; 4602 width: 100%; 4603} 4604 4605#respond input[type="submit"] { 4606 border-radius: 4px; 4607 cursor: pointer; 4608} 4609 4610.comment-form-cookies-consent { 4611 display: flex; 4612 align-items: flex-start; 4613 gap: 8px; 4614} 4615 4616.comment-form-cookies-consent input[type="checkbox"] { 4617 margin-top: 0.35em; 4618} 4619 4620.comment-form-cookies-consent label { 4621 display: inline; 4622} 4623 4624/* search modal trigger */ 4625.search-icon-wrapper { 4626 appearance: none; 4627 -webkit-appearance: none; 4628 display: inline-flex; 4629 align-items: center; 4630 justify-content: center; 4631 padding: 0 0 0 32px !important; 4632 background: transparent !important; 4633 border: 0; 4634 border-radius: 0; 4635 box-shadow: none; 4636 color: inherit; 4637 line-height: 1; 4638 text-align: center; 4639 text-decoration: none; 4640 vertical-align: middle; 4641 cursor: pointer; 4642} 4643 4644.search-icon-wrapper:hover, 4645.search-icon-wrapper:focus, 4646.search-icon-wrapper:active { 4647 background: transparent !important; 4648 box-shadow: none; 4649 color: inherit; 4650 outline: 0; 4651} 4652 4653.search-icon-wrapper:focus-visible { 4654 outline: 2px solid currentColor; 4655 outline-offset: 4px; 4656} 4657 4658.search-icon-wrapper svg { 4659 display: block; 4660 width: 24px; 4661 height: 24px; 4662 padding: 0; 4663} 4664 4665body.search-modal-open { 4666 overflow: hidden; 4667} 4668 4669/* search modal */ 4670#full-screen-search { 4671 visibility: hidden; 4672 opacity: 0; 4673 pointer-events: none; 4674 position: fixed; 4675 inset: 0; 4676 display: flex; 4677 align-items: center; 4678 justify-content: center; 4679 width: 100%; 4680 height: 100vh;
4681 height: 100dvh; 4682 background: rgba(0, 0, 0, 0.72); 4683 z-index: 999998; 4684 transition: opacity 0.15s ease, visibility 0.15s ease; 4685} 4686 4687#full-screen-search.open { 4688 visibility: visible; 4689 opacity: 1; 4690 pointer-events: auto; 4691} 4692 4693#full-screen-search .search-modal-panel { 4694 position: relative; 4695 width: 100%; 4696 max-width: 760px; 4697} 4698 4699#full-screen-search .searchform { 4700 width: 100%; 4701} 4702 4703#full-screen-search .input-container { 4704 position: relative; 4705 display: flex; 4706 align-items: stretch; 4707 width: 100%; 4708 border: 0; 4709 border-radius: 4px; 4710 box-shadow: none; 4711 overflow: hidden; 4712} 4713 4714#full-screen-search .input-container::after { 4715 content: ""; 4716 pointer-events: none; 4717 position: absolute; 4718 inset: 0; 4719 border-radius: 4px; 4720 box-shadow: inset 0 0 0 1px #eceff1; 4721 transition: box-shadow 0.15s ease-in-out; 4722} 4723 4724#full-screen-search .input-container:focus-within::after { 4725 box-shadow: inset 0 0 0 2px #ea910b; 4726} 4727 4728#full-screen-search .search-input { 4729 flex: 1 1 auto; 4730 min-width: 0; 4731 border: 0 !important; 4732 border-radius: 4px 0 0 4px !important; 4733 box-shadow: none !important; 4734 background: #ffffff; 4735 color: #263238; 4736 font-weight: 400; 4737 appearance: none; 4738 -webkit-appearance: none; 4739} 4740 4741#full-screen-search .search-input:focus { 4742 box-shadow: none !important; 4743 outline: 0; 4744} 4745 4746#full-screen-search .search-input::placeholder { 4747 color: #757575; 4748 opacity: 1; 4749} 4750 4751#full-screen-search .search-submit { 4752 flex: 0 0 72px; 4753 width: auto; 4754 border: 0; 4755 border-radius: 0 4px 4px 0 !important; 4756 box-shadow: none; 4757 background: #ea910b; 4758 color: #ffffff; 4759 display: inline-flex; 4760 align-items: center; 4761 justify-content: center; 4762 cursor: pointer; 4763 transition: background-color 0.15s ease; 4764 appearance: none; 4765 -webkit-appearance: none; 4766} 4767 4768#full-screen-search .search-submit:hover, 4769#full-screen-search .search-submit:focus, 4770#full-screen-search .search-submit:active { 4771 background: #ff6d00 !important; 4772 color: #ffffff; 4773 outline: 0; 4774} 4775 4776#full-screen-search .search-submit svg, 4777#full-screen-search .search-submit i { 4778 display: block; 4779 width: 24px; 4780 height: 24px; 4781 font-size: 24px; 4782 line-height: 1; 4783} 4784 4785#full-screen-search .search-modal-close { 4786 appearance: none; 4787 -webkit-appearance: none; 4788 position: absolute; 4789 top: 20px; 4790 right: 20px; 4791 display: inline-flex; 4792 align-items: center; 4793 justify-content: center; 4794 width: 48px; 4795 height: 48px; 4796 padding: 0 !important; 4797 background: rgba(255, 255, 255, 0.08) !important; 4798 border: 0; 4799 border-radius: 4px; 4800 box-shadow: none; 4801 color: #ffffff; 4802 cursor: pointer; 4803 z-index: 999999; 4804 transition: background-color 0.15s ease, box-shadow 0.15s ease; 4805} 4806 4807#full-screen-search .search-modal-close:hover, 4808#full-screen-search .search-modal-close:focus, 4809#full-screen-search .search-modal-close:active { 4810 background: rgba(255, 255, 255, 0.16) !important; 4811 box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.35); 4812 color: #ffffff; 4813 outline: 0; 4814} 4815 4816#full-screen-search .search-modal-close svg { 4817 display: block; 4818 width: 32px; 4819 height: 32px; 4820 line-height: 1; 4821} 4822 4823@media screen and (max-width: 1199px) { 4824 #full-screen-search { 4825 padding: 20px; 4826 } 4827 4828 #full-screen-search .search-input { 4829 height: 56px; 4830 min-height: 56px; 4831 padding: 0 16px !important; 4832 font-size: 18px; 4833 line-height: 1.3; 4834 } 4835 4836 #full-screen-search .search-submit { 4837 flex-basis: 60px; 4838 height: 56px; 4839 } 4840 4841 #full-screen-search .search-modal-close { 4842 top: 16px; 4843 right: 16px; 4844 width: 44px; 4845 height: 44px; 4846 } 4847} 4848 4849@media screen and (min-width: 1200px) { 4850 #full-screen-search { 4851 padding: 40px; 4852 } 4853 4854 #full-screen-search .search-input { 4855 height: 68px; 4856 min-height: 68px; 4857 padding: 0 22px !important; 4858 font-size: 26px; 4859 line-height: 1.3; 4860 } 4861 4862 #full-screen-search .search-submit { 4863 height: 68px; 4864 } 4865} 4866/* back to top (scrollup) */ 4867 4868@media screen and (max-width: 1199px) { 4869 .scrollup-wrapper { 4870 margin-top: 20px; 4871 } 4872} 4873 4874@media screen and (min-width: 1200px) { 4875 .scrollup-wrapper { 4876 display: none; margin-top: 30px; 4877 } 4878} 4879 4880.scrollup-link { 4881 display: block; 4882 width: 100%; 4883 cursor: pointer; 4884 text-transform: uppercase; 4885 font-family: inherit; 4886 font-weight: 400; 4887 line-height: 1; 4888 padding: 10px 0; 4889 color: rgba(255, 255, 255, 0.5); 4890 color: #263238; 4891 text-decoration: none !important; 4892 text-align: center; 4893 vertical-align: middle; 4894 background: rgba(0, 0, 0, 0.1); 4895 background: #eceff1; 4896 border: 0; 4897 border-radius: 4px; 4898 appearance: none; 4899} 4900 4901@media screen and (max-width: 1199px) { 4902 .scrollup-link { 4903 font-size: 12px; 4904 } 4905} 4906 4907@media screen and (min-width: 1200px) { 4908 .scrollup-link { 4909 font-size: 12px; 4910 } 4911} 4912 4913.scrollup-link:active, 4914.scrollup-link:hover { 4915 background: rgba(0, 0, 0, 0.2); 4916 background: #eceff1; 4917 color: #ffffff; 4918 color: #263238; 4919} 4920 4921/* bbpress */ 4922 4923#bbpress-forums img, #bbpress-forums iframe, #bbpress-forums table, #bbpress-forums tbody, #bbpress-forums tr, #bbpress-forums th, #bbpress-forums td, #bbpress-forums hr { 4924 border-radius: 0; 4925} 4926 4927#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-threaded-replies, #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.to
4927pic, #bbpress-forums li.bbp-body div.reply, body.reply-edit #bbpress-forums li.bbp-body div.reply, body.reply-edit #bbpress-forums .reply, #bbpress-forums li.bbp-body div.hentry { 4928 border-radius: 8px; 4929} 4930 4931#bbpress-forums input:not([type="checkbox"]):not([type="hidden"]):not([type="radio"]), #bbpress-forums select, #bbpress-forums textarea, #bbpress-forums button, #bbpress-forums .button, #bbpress-forums .bbp-pagination-links a, #bbpress-forums .bbp-pagination-links span.current, #bbpress-forums .bbp-pagination-links span.dots, #bbpress-forums .bbp-topic-pagination a, #bbpress-forums .bbp-topic-pagination span, #bbpress-forums .bbp-template-notice, #bbpress-forums .bbp-alert-outer, #bbpress-forums .bbp-alert-inner, #bbpress-forums .bbp-alert-actions { 4932 border-radius: 4px; 4933} 4934 4935#bbpress-forums { 4936 clear: both; 4937 margin: 0 !important; 4938 padding: 0 !important; 4939 background: transparent; 4940 color: #424242; 4941 font-size: 12px; 4942 line-height: 1.5 !important; 4943 overflow: hidden; 4944} 4945 4946#bbpress-forums a, #bbpress-forums a:hover, #bbpress-forums a:focus { 4947 color: #ea910b; 4948} 4949 4950#bbpress-forums ul, #bbpress-forums ol, #bbpress-forums.bbpress-wrapper ul { 4951 margin: 0; 4952 padding: 0; 4953 list-style: none; 4954} 4955 4956#bbpress-forums li { 4957 margin: 0; 4958 padding: 0; 4959 line-height: 1.5 !important; 4960} 4961 4962#bbpress-forums hr { 4963 height: 1px; 4964 margin: 20px 0; 4965 background: #424242; 4966 border: 0; 4967} 4968 4969#bbpress-forums img.avatar, #bbpress-forums img.wp-smiley, #bbpress-forums img.bbp-author-avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar { 4970 max-width: 100%; 4971 height: auto; 4972 border: 0; 4973 box-shadow: none; 4974} 4975 4976#bbpress-forums .hidden, #bbpress-forums .bbp-no-js .hide-if-no-js, #bbpress-forums .bbp-js .hide-if-js { 4977 display: none !important; 4978} 4979 4980#bbpress-forums .screen-reader-text, #bbpress-forums .screen-reader-text span, #bbpress-forums .ui-helper-hidden-accessible { 4981 position: absolute !important; 4982 width: 1px; 4983 height: 1px; 4984 padding: 0; 4985 margin: -1px; 4986 overflow: hidden; 4987 clip: rect(0, 0, 0, 0); 4988 white-space: nowrap; 4989 border: 0; 4990} 4991 4992#bbpress-forums .clear, #bbpress-forums .bbp-clearfix, #bbpress-forums .bbp-clear { 4993 clear: both; 4994} 4995 4996#bbpress-forums::after, #bbpress-forums ul.bbp-forums::after, #bbpress-forums ul.bbp-topics::after, #bbpress-forums ul.bbp-replies::after, #bbpress-forums ul.bbp-search-results::after, #bbpress-forums li.bbp-header::after, #bbpress-forums li.bbp-body::after, #bbpress-forums ul.forum::after, #bbpress-forums ul.topic::after, #bbpress-forums div.reply::after, #bbpress-forums div.bbp-forum-header::after, #bbpress-forums div.bbp-topic-header::after, #bbpress-forums div.bbp-reply-header::after, #bbpress-forums .bbp-pagination::after, #bbpress-forums #bbp-user-wrapper::after { 4997 clear: both; 4998 content: ""; 4999 display: table; 5000} 5001 5002/* lists */ 5003 5004#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-threaded-replies { 5005 margin: 0 0 30px; 5006 padding: 0; 5007 background: transparent; 5008 border: 0; 5009} 5010 5011#bbpress-forums li.bbp-header { 5012 clear: both; 5013 margin: 0 !important; 5014 padding: 10px 20px !important; 5015 background: #eceff1 !important; 5016 color: #424242; 5017 font-size: 12px !important; 5018 font-weight: 600 !important; 5019 line-height: 1.5 !important; 5020 text-transform: uppercase !important; 5021 overflow: hidden; 5022} 5023 5024#bbpress-forums li.bbp-header ul { 5025 margin: 0; 5026 padding: 0; 5027 overflow: hidden; 5028} 5029 5030#bbpress-forums li.bbp-body { 5031 clear: both; 5032 margin: 0 !important; 5033 padding: 0 !important; 5034 background: #ffffff !important; 5035 color: #424242; 5036 line-height: 1.5 !important; 5037} 5038 5039#bbpress-forums li.bbp-footer { 5040 display: none; 5041} 5042 5043#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums li.bbp-body div.reply, body.reply-edit #bbpress-forums li.bbp-body div.reply, body.reply-edit #bbpress-forums .reply, #bbpress-forums li.bbp-body div.hentry { 5044 clear: both; 5045 padding: 20px !important; 5046 background: #ffffff !important; 5047 border-top: 0; 5048 overflow: hidden; 5049} 5050 5051#bbpress-forums ul.forum, #bbpress-forums ul.topic, #bbpress-forums div.reply, #bbpress-forums div.even, #bbpress-forums div.odd, #bbpress-forums ul.even, #bbpress-forums ul.odd, #bbpress-forums .status-trash.even, #bbpress-forums .status-trash.odd, #bbpress-forums .status-spam.even, #bbpress-forums .status-spam.odd, #bbpress-forums .status-pending.even, #bbpress-forums .status-pending.odd { 5052 background: #ffffff !important; 5053} 5054 5055#bbpress-forums ul.forum-titles { 5056 font-size: 16px !important; 5057} 5058 5059#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { 5060 clear: both; 5061 margin: 0; 5062 padding: 10px 20px; 5063 background: #eceff1; 5064 border-top: 0; 5065 color: #424242; 5066 overflow: hidden; 5067} 5068 5069#bbpress-forums .bbp-forum-info, #bbpress-forums .bbp-topic-title, #bbpress-forums li.bbp-forum-info, #bbpress-forums li.bbp-topic-title { 5070 font-size: 16px !important; 5071 line-height: 1.5 !important; 5072 text-align: left; 5073} 5074 5075#bbpress-forums li.bbp-forum-topic-count, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-forum-reply-count, #bbpress-forums li.bbp-topic-reply-count, #bbpress-forums li.bbp-forum-freshness, #bbpress-forums li.bbp-topic-freshness { 5076 text-align: center; 5077} 5078 5079#bbpress-forums .bbp-forum-topic-count, #bbpress-forums .bbp-forum-reply-count, #bbpress-forums .bbp-forum-freshness, #bbpress-forums .bbp-topic-voice-count, #bbpress-forums .bbp-topic-reply-count, #bbpress-forums .bbp-topic-freshness, #bbpress-forums li.bbp-forum-topic-count, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-forum-reply-count, #bbpress-forums li.bbp-topic-reply-count, #bbpress-forums li.bbp-forum-freshness, #bbpress-forums li.bbp-topic-freshness { 5080 color: #424242; 5081 font-size: 12px !important; 5082 line-height: 1.5 !important; 5083} 5084 5085#bbpress-forums .bbp-topic-voice-count { 5086 visibility: hidden; 5087} 5088 5089#bbpress-forums .bbp-forum-title, #bbpress-forums .bbp-topic-permalink, #bbpress-forums .bbp-reply-permalink, #bbpress-forums div.bbp-forum-title h3, #bbpress-forums div.bbp-topic-title h3, #bbpress-forums div.bbp-reply-title h3 { 5090 font-weight: 600; 5091} 5092 5093#bbpress-forums div.bbp-forum-title h3, #bbpress-forums div.bbp-topic-title h3, #bbpress-forums div.bbp-reply-title h3 { 5094 margin: 0 0 8px; 5095 padding: 0; 5096 background: transparent; 5097 border: 0; 5098 font-size: 16px; 5099 line-height: 1.3; 5100 text-transform: none; 5101} 5102 5103#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { 5104 margin: 5px 0; 5105 padding: 0; 5106 font-size: 12px !important; 5107 word-wrap: break-word; 5108 overflow-wrap: break-word; 5109} 5110 5111#bbpress-forums p.bbp-topic-meta span { 5112 white-space: nowrap; 5113} 5114 5115#bbpress-forums .bbp-forums-list { 5116 margin: 8px 0 0; 5117 padding: 0; 5118 border: 0; 5119} 5120 5121#bbpress-forums .bbp-forums-list li, #bbpress-forums .bbp-forums-list .bbp-forum { 5122 display: inline; 5123 margin: 0; 5124 padding: 0; 5125 font-size: 12px !important; 5126 line-height: 1.5 !important; 5127} 5128 5129#bbpress-forums .bbp-forums-list .bbp-forum.css-sep:not(:last-child)::after { 5130 content: ", "; 5131} 5132 5133/* topics and replies */ 5134 5135#bbpress-forums .bbp-forum-content, #bbpress-forums .bbp-topic-content, #bbpress-forums .bbp-reply-content { 5136 position: relative; 5137 color: #424242; 5138 font-size: 16px !important; 5139 line-height: 1.5 !important; 5140 text-align: left;
5141 word-wrap: break-word; 5142 overflow-wrap: break-word; 5143} 5144 5145#bbpress-forums .bbp-forum-content p, #bbpress-forums .bbp-topic-content p, #bbpress-forums .bbp-reply-content p { 5146 font-size: 16px !important; 5147 line-height: 1.5 !important; 5148} 5149 5150#bbpress-forums div.bbp-forum-content::after, #bbpress-forums div.bbp-topic-content::after, #bbpress-forums div.bbp-reply-content::after { 5151 clear: both; 5152 content: ""; 5153 display: table; 5154} 5155 5156#bbpress-forums div.bbp-topic-content a, #bbpress-forums div.bbp-reply-content a { 5157 display: inline; 5158 margin: 0; 5159 padding: 0; 5160 background: transparent; 5161 border: 0; 5162 color: #ea910b; 5163 font-weight: 400; 5164 text-decoration: underline; 5165} 5166 5167#bbpress-forums div.bbp-topic-content a.bbp-user-mention, #bbpress-forums div.bbp-reply-content a.bbp-user-mention { 5168 background: transparent; 5169 border: 0; 5170 color: #ea910b; 5171 font-weight: 600; 5172 text-decoration: none; 5173 text-shadow: none; 5174} 5175 5176 5177/* bbpress heading fallback reset in case native plugin output leaks through */ 5178 5179#bbpress-forums div.bbp-topic-content h1, #bbpress-forums div.bbp-topic-content h2, #bbpress-forums div.bbp-topic-content h3, #bbpress-forums div.bbp-topic-content h4, #bbpress-forums div.bbp-topic-content h5, #bbpress-forums div.bbp-topic-content h6, #bbpress-forums div.bbp-reply-content h1, #bbpress-forums div.bbp-reply-content h2, #bbpress-forums div.bbp-reply-content h3, #bbpress-forums div.bbp-reply-content h4, #bbpress-forums div.bbp-reply-content h5, #bbpress-forums div.bbp-reply-content h6 { 5180 color: #424242; 5181 line-height: 1.3; 5182} 5183 5184#bbpress-forums div.bbp-topic-content ul, #bbpress-forums div.bbp-topic-content ol, #bbpress-forums div.bbp-reply-content ul, #bbpress-forums div.bbp-reply-content ol { 5185 margin: 0 0 20px 20px; 5186 padding: 0; 5187 list-style-position: outside; 5188} 5189 5190#bbpress-forums div.bbp-topic-content ul, #bbpress-forums div.bbp-reply-content ul { 5191 list-style-type: disc; 5192} 5193 5194#bbpress-forums div.bbp-topic-content ol, #bbpress-forums div.bbp-reply-content ol { 5195 list-style-type: decimal; 5196} 5197 5198#bbpress-forums div.bbp-topic-content li, #bbpress-forums div.bbp-reply-content li { 5199 margin-bottom: 8px; 5200} 5201 5202#bbpress-forums div.bbp-topic-content code, #bbpress-forums div.bbp-reply-content code { 5203 padding: 2px 5px; 5204 background: #eceff1; 5205 color: #424242; 5206} 5207 5208#bbpress-forums div.bbp-topic-content pre, #bbpress-forums div.bbp-reply-content pre { 5209 padding: 16px 20px; 5210 margin-bottom: 20px; 5211 background: #eceff1; 5212 color: #424242; 5213 overflow-x: auto; 5214 white-space: pre; 5215} 5216 5217#bbpress-forums div.bbp-topic-content pre code, #bbpress-forums div.bbp-reply-content pre code { 5218 padding: 0; 5219 background: transparent; 5220} 5221 5222#bbpress-forums div.bbp-topic-content img, #bbpress-forums div.bbp-reply-content img, #bbpress-forums div.bbp-topic-content iframe.wp-embedded-content, #bbpress-forums div.bbp-reply-content iframe.wp-embedded-content { 5223 max-width: 100%; 5224} 5225 5226#bbpress-forums div.bbp-topic-content img, #bbpress-forums div.bbp-reply-content img { 5227 height: auto; 5228} 5229 5230#bbpress-forums div.bbp-topic-content p:last-child, #bbpress-forums div.bbp-reply-content p:last-child { 5231 margin-bottom: 0; 5232} 5233 5234#bbpress-forums .bbp-author-name, #bbpress-forums .bbp-author-role, #bbpress-forums .bbp-author-ip, #bbpress-forums .bbp-topic-meta, #bbpress-forums .bbp-reply-post-date, #bbpress-forums .bbp-topic-started-by, #bbpress-forums .bbp-topic-started-in, #bbpress-forums .bbp-forum-freshness, #bbpress-forums .bbp-topic-freshness, #bbpress-forums .bbp-reply-header, #bbpress-forums .bbp-topic-header, #bbpress-forums span.bbp-author-ip { 5235 color: #424242; 5236} 5237 5238#bbpress-forums .bbp-topic-author, #bbpress-forums .bbp-reply-author, #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { 5239 color: #424242; 5240 font-size: 12px !important; 5241 line-height: 1.5 !important; 5242 text-align: center; 5243 word-wrap: break-word; 5244 overflow-wrap: break-word; 5245} 5246 5247#bbpress-forums .bbp-topic-author .bbp-author-name, #bbpress-forums .bbp-reply-author .bbp-author-name, #bbpress-forums div.bbp-forum-author .bbp-author-name, #bbpress-forums div.bbp-topic-author .bbp-author-name, #bbpress-forums div.bbp-reply-author .bbp-author-name { 5248 display: block; 5249 clear: both; 5250 margin: 0; 5251 font-weight: 600; 5252 word-wrap: break-word; 5253 overflow-wrap: break-word; 5254} 5255 5256#bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role { 5257 display: block; 5258 font-size: 12px !important; 5259 font-style: normal; 5260 line-height: 1.5 !important; 5261} 5262 5263#bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar { 5264 display: block; 5265 max-width: 80px; 5266 height: auto; 5267 margin: 0 auto 10px; 5268 padding: 0; 5269 border: 0; 5270 float: none; 5271} 5272 5273#bbpress-forums .bbp-admin-links, #bbpress-forums .bbp-row-actions, #bbpress-forums .bbp-topic-revision-log, #bbpress-forums .bbp-reply-revision-log, #bbpress-forums span.bbp-admin-links, #bbpress-forums td.bbp-topic-admin-links, #bbpress-forums td.bbp-topic-counts { 5274 color: #424242; 5275 font-size: 12px !important; 5276 line-height: 1.5 !important; 5277} 5278 5279#bbpress-forums span.bbp-admin-links { 5280 float: right; 5281} 5282 5283#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log { 5284 margin: 20px 0 0; 5285 padding: 0; 5286 border-top: 0; 5287 list-style: none; 5288} 5289 5290#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li, #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li { 5291 margin: 0 0 8px; 5292 padding: 0; 5293 font-size: 12px !important; 5294 line-height: 1.5 !important; 5295} 5296 5297#bbpress-forums .status-trash, #bbpress-forums .status-spam, #bbpress-forums .status-pending, #bbpress-forums .status-closed, #bbpress-forums .sticky, #bbpress-forums .super-sticky, #bbpress-forums ul.status-closed { 5298 background: #ffffff !important; 5299 color: #424242; 5300} 5301 5302#bbpress-forums ul.status-pending a, #bbpress-forums ul.status-closed a { 5303 color: #ea910b; 5304} 5305 5306 5307/* bbpress breadcrumb fallback style in case native plugin output leaks through */ 5308 5309.bbp-breadcrumb, div.bbp-breadcrumb, div.bbp-topic-tags, #bbp-topic-hot-tags, #bbpress-forums .bbp-breadcrumb, #bbpress-forums .bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags, #bbpress-forums div.bbp-topic-tags p { 5310 margin: 0 0 20px; 5311 color: #424242; 5312 font-size: 12px; 5313 line-height: 1.5; 5314} 5315 5316.bbp-breadcrumb a, div.bbp-breadcrumb a, div.bbp-topic-tags a, #bbp-topic-hot-tags a, #bbpress-forums .bbp-breadcrumb a { 5317 color: #ea910b; 5318} 5319 5320#bbpress-forums div.bbp-topic-tags { 5321 clear: both; 5322} 5323 5324/* pagination */ 5325 5326#bbpress-forums .bbp-pagination, #bbpress-forums .bbp-topic-pagination { 5327 clear: both; 5328 margin: 0 0 20px; 5329 color: #424242; 5330 font-size: 12px !important; 5331 line-height: 1.5 !important; 5332} 5333 5334#bbpress-forums .bbp-pagination { 5335 float: left; 5336 width: 100%; 5337} 5338 5339#bbpress-forums .bbp-pagination-count { 5340 display: none; 5341 float: left; 5342} 5343 5344#bbpress-forums .bbp-pagination-links { 5345 float: right; 5346 list-style: none; 5347 display: inline; 5348 color: #424242; 5349 font-size: 12px !important; 5350 line-height: 1.5 !important; 5351} 5352 5353#bbpress-forums .bbp-pagination-links a, #bbpress-forums .bbp-pagination-links span.current, #bbpress-forums .bbp-pagination-links span.dots {
5354 display: block; 5355 float: left; 5356 padding: 4px 8px; 5357 margin-left: 5px; 5358 background: #ffffff; 5359 border: 0; 5360 color: #424242; 5361 font-size: 12px !important; 5362 line-height: 1.5 !important; 5363 text-decoration: none; 5364} 5365 5366#bbpress-forums .bbp-pagination-links span.current, #bbpress-forums .bbp-pagination-links a:hover { 5367 background: #eceff1; 5368} 5369 5370#bbpress-forums .bbp-topic-pagination { 5371 display: inline-block; 5372 margin-left: 5px; 5373 margin-bottom: 2px; 5374} 5375 5376#bbpress-forums .bbp-topic-pagination a, #bbpress-forums .bbp-topic-pagination span { 5377 display: inline-block; 5378 padding: 1px 4px; 5379 background: #ffffff; 5380 border: 0; 5381 color: #424242; 5382 font-size: 12px !important; 5383 font-weight: 400; 5384 line-height: 1.5 !important; 5385 text-decoration: none; 5386} 5387 5388/* search and notices */ 5389 5390#bbpress-forums .bbp-search-form, #bbpress-forums #bbp-search-form, div.bbp-search-form { 5391 clear: both; 5392 margin: 0 0 20px; 5393} 5394 5395#bbpress-forums #bbp_search, #bbpress-forums .bbp-search-form input[type="text"], div.bbp-search-form input, div.bbp-search-form button { 5396 max-width: 100%; 5397} 5398 5399#bbpress-forums .bbp-template-notice, #bbpress-forums .bbp-template-notice.info, #bbpress-forums .bbp-template-notice.warning, #bbpress-forums .bbp-template-notice.error, #bbpress-forums .bbp-template-notice.important, div.bbp-template-notice { 5400 display: none; 5401} 5402 5403#bbpress-forums .bbp-alert-outer, #bbpress-forums .bbp-alert-inner, #bbpress-forums .bbp-alert-actions { 5404 background: #ffffff; 5405 border: 0; 5406 color: #424242; 5407} 5408 5409 5410/* forms */ 5411 5412#bbpress-forums .bbp-topic-form, #bbpress-forums .bbp-reply-form, #bbpress-forums .bbp-topic-tag-form, #bbpress-forums .bbp-login-form, #bbpress-forums .bbp-user-form, #bbpress-forums .bbp-replies .bbp-reply-form { 5413 clear: both; 5414 margin: 0 0 30px; 5415} 5416 5417#bbpress-forums fieldset.bbp-form { 5418 clear: both; 5419 margin: 0 0 30px !important; 5420 padding: 0 !important; 5421 background: transparent; 5422 border: 0 !important; 5423} 5424 5425#bbpress-forums fieldset.bbp-form legend, .bbp-login-form fieldset legend { 5426 width: auto; 5427 padding: 0; 5428 border: 0; 5429 color: #424242; 5430 font-size: 18px; 5431 font-weight: 600; 5432 line-height: 1.4; 5433} 5434 5435#bbpress-forums fieldset.bbp-form label, #bbp-login fieldset label, #bbp-register fieldset label, #bbp-lost-pass fieldset label, .bbp-login-form label, #sidebar .bbp-login-form label { 5436 color: #424242; 5437} 5438 5439#bbpress-forums fieldset.bbp-form p { 5440 margin-bottom: 16px; 5441} 5442 5443#bbpress-forums fieldset.bbp-form input, #bbpress-forums fieldset.bbp-form textarea, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form input[type="text"], #bbpress-forums fieldset.bbp-form input[type="password"], #bbpress-forums #bbp_topic_title, #bbpress-forums #bbp_topic_tags, #bbpress-forums #bbp_reply_content, #bbpress-forums #bbp_topic_content, #bbpress-forums #bbp_anonymous_author, #bbpress-forums #bbp_anonymous_email, #bbpress-forums #bbp_anonymous_website, #bbpress-forums textarea#bbp_forum_content, #bbpress-forums fieldset select#bbp_forum_id, .bbp-login-form .bbp-username input, .bbp-login-form .bbp-email input, .bbp-login-form .bbp-password input { 5444 max-width: 100%; 5445} 5446 5447#bbpress-forums fieldset.bbp-forum-form-attributes { 5448 margin: 0 0 30px !important; 5449 padding: 0 !important; 5450 border: 0 !important; 5451} 5452 5453 5454#merge_tag, #delete_tag, #bbpress-forums p.form-allowed-tags, body.page #bbpress-forums .bbp-reply-form code, body.page #bbpress-forums .bbp-topic-form code, body.single-topic #bbpress-forums .bbp-reply-form code, body.single-forum #bbpress-forums .bbp-topic-form code, body.topic-edit #bbpress-forums .bbp-topic-form code, body.reply-edit #bbpress-forums .bbp-reply-form code { 5455 color: #424242; 5456 font-size: 12px; 5457 line-height: 1.5; 5458} 5459 5460#bbpress-forums .bbp-the-content-wrapper { 5461 margin-bottom: 16px; 5462} 5463 5464#bbpress-forums div.wp-editor-container, #bbpress-forums div.bbp-the-content-wrapper table, #bbpress-forums div.bbp-the-content-wrapper tbody, #bbpress-forums div.bbp-the-content-wrapper tr, #bbpress-forums div.bbp-the-content-wrapper td { 5465 border: 0; 5466} 5467 5468#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content, #bbpress-forums div.bbp-the-content-wrapper textarea.wp-editor-area { 5469 width: 100%; 5470} 5471 5472#bbpress-forums div.bbp-the-content-wrapper input[type="button"] { 5473 box-shadow: none !important; 5474} 5475 5476#bbpress-forums div.bbp-the-content-wrapper td.mceToolbar, #bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar { 5477 background: #eceff1; 5478 border: 0; 5479} 5480 5481#bbpress-forums .quicktags-toolbar { 5482 padding: 10px !important; 5483 background: #eceff1; 5484} 5485 5486#bbpress-forums .quicktags-toolbar input { 5487 display: inline-block !important; 5488 width: auto !important; 5489 height: 20px !important; 5490 min-height: 20px !important; 5491 padding: 0 10px !important; 5492 margin: 0 !important; 5493 background: transparent !important; 5494 border: 0 !important; 5495 box-shadow: none !important; 5496 color: #424242 !important; 5497 cursor: pointer !important; 5498 font-family: inherit; 5499 font-size: 12px !important; 5500 line-height: 1 !important; 5501 text-decoration: none !important; 5502 text-transform: uppercase !important; 5503 white-space: nowrap !important; 5504} 5505
5506#bbpress-forums .quicktags-toolbar input:hover { 5507 background: #ea910b !important; 5508 color: #ffffff !important; 5509} 5510 5511#bbpress-forums textarea.bbp-the-content, #bbpress-forums textarea.wp-editor-area { 5512 min-height: 180px; 5513} 5514 5515#bbpress-forums div.bbp-submit-wrapper { 5516 clear: both; 5517 margin-top: 16px; 5518} 5519 5520#bbpress-forums div.bbp-reply-to, #bbpress-forums div#bbp-cancel-reply-to { 5521 margin: 0 0 20px; 5522 color: #424242; 5523 font-size: 12px; 5524 line-height: 1.5; 5525} 5526 5527#bbpress-forums div#bbp-cancel-reply-to a { 5528 color: #ea910b; 5529} 5530 5531 5532/* user forms and profiles */ 5533 5534#bbpress-forums #bbp-login, #bbpress-forums #bbp-register, #bbpress-forums #bbp-lost-pass, #bbpress-forums #bbp-edit-topic-tag { 5535 margin: 0 0 30px; 5536} 5537 5538#bbpress-forums .bbp-login-form .bbp-username, #bbpress-forums .bbp-login-form .bbp-email, #bbpress-forums .bbp-login-form .bbp-password, #bbpress-forums .bbp-login-form .bbp-remember-me, #bbpress-forums .bbp-login-form .bbp-submit-wrapper { 5539 margin-bottom: 16px; 5540} 5541 5542#bbpress-forums .bbp-login-form .bbp-login-links a { 5543 color: #ea910b; 5544} 5545 5546#bbpress-forums .bbp-logged-in img.avatar { 5547 max-width: 100%; 5548 height: auto; 5549 border: 0; 5550} 5551 5552#bbpress-forums .bbp-logged-in h4 { 5553 margin: 0 0 10px; 5554 color: #424242; 5555} 5556 5557#bbpress-forums #bbp-single-user-details, #bbpress-forums #bbp-user-wrapper, #bbpress-forums #bbp-user-body, #bbpress-forums #bbp-user-avatar, #bbpress-forums #bbp-user-navigation, body.my-account #bbpress-forums { 5558 color: #424242; 5559} 5560 5561#bbpress-forums #bbp-user-wrapper h2.entry-title { 5562 clear: none; 5563 margin: 0 0 10px; 5564 padding: 0; 5565 font-size: 20px; 5566 line-height: 1.3; 5567} 5568 5569#bbpress-forums #bbp-user-wrapper ul.bbp-lead-topic, #bbpress-forums #bbp-user-wrapper ul.bbp-topics, #bbpress-forums #bbp-user-wrapper ul.bbp-forums, #bbpress-forums #bbp-user-wrapper ul.bbp-replies, #bbpress-forums #bbp-user-wrapper fieldset.bbp-form { 5570 clear: none; 5571} 5572 5573#bbpress-forums #bbp-single-user-details { 5574 margin: 0 0 30px; 5575 overflow: hidden; 5576} 5577 5578#bbpress-forums #bbp-single-user-details #bbp-user-avatar { 5579 margin: 0 0 20px; 5580} 5581 5582#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar, #bbpress-forums #bbp-user-avatar img.avatar { 5583 display: block; 5584 max-width: 150px; 5585 height: auto; 5586 margin: 0; 5587 padding: 0; 5588 border: 0; 5589} 5590 5591#bbpress-forums #bbp-single-user-details #bbp-user-navigation { 5592 margin: 0; 5593} 5594 5595#bbpress-forums #bbp-single-user-details #bbp-user-navigation ul { 5596 margin: 0; 5597 padding: 0; 5598 list-style: none; 5599} 5600 5601#bbpress-forums #bbp-single-user-details #bbp-user-navigation li { 5602 margin: 0 0 5px; 5603 padding: 0; 5604 list-style: none; 5605} 5606 5607#bbpress-forums #bbp-single-user-details #bbp-user-navigation li a { 5608 display: block; 5609 padding: 8px 12px; 5610 background: #ffffff; 5611 border: 0; 5612 color: #ea910b; 5613 font-size: 14px; 5614 font-weight: 600; 5615 line-height: 1.5; 5616 text-decoration: none; 5617} 5618 5619#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a, #bbpress-forums #bbp-single-user-details #bbp-user-navigation li a:hover { 5620 background: #eceff1; 5621 color: #ff6d00; 5622} 5623 5624#bbpress-forums #bbp-user-body { 5625 overflow: hidden; 5626} 5627 5628#bbpress-forums #bbp-user-body h2.entry-title { 5629 margin: 0 0 20px; 5630} 5631 5632#bbpress-forums #bbp-user-body .bbp-user-section { 5633 margin: 0 0 30px; 5634} 5635 5636#bbpress-forums #bbp-user-body .bbp-user-section p:last-child { 5637 margin-bottom: 0; 5638} 5639 5640 5641/* widgets */ 5642 5643.widget_display_forums ul, .widget_display_topics ul, .widget_display_replies ul, .widget_display_views ul, .widget_display_stats dl, .widget_display_search form, .widget_display_topics form, .widget_display_replies form { 5644 margin: 0; 5645 padding: 0; 5646 list-style: none; 5647} 5648 5649.widget_display_forums li, .widget_display_topics li, .widget_display_replies li, .widget_display_views li { 5650 margin: 0 0 8px; 5651 padding: 0; 5652 line-height: 1.5; 5653 list-style: none; 5654} 5655 5656.widget_display_forums li:last-child, .widget_display_topics li:last-child, .widget_display_replies li:last-child, .widget_display_views li:last-child { 5657 margin-bottom: 0; 5658} 5659 5660.widget_display_forums a, .widget_display_topics a, .widget_display_replies a, .widget_display_views a { 5661 color: #ff6d00; 5662} 5663 5664.widget_display_stats dl { 5665 display: grid; 5666 grid-template-columns: 1fr auto; 5667 gap: 8px 12px; 5668} 5669 5670.widget_display_stats dt, .widget_display_stats dd { 5671 margin: 0; 5672 color: #212121; 5673 line-height: 1.5; 5674} 5675 5676.widget_display_search #bbp_search, .widget_display_search .button, .widget_display_topics .button, .widget_display_replies .button { 5677 width: 100%; 5678} 5679 5680/* responsive */ 5681 5682@media screen and (max-width: 1199px) { 5683 #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-search-results { 5684 border: 0; 5685 } 5686 5687 #bbpress-forums li.bbp-header { 5688 display: none; 5689 } 5690 5691 #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.to
5691pic, #bbpress-forums li.bbp-body div.reply, #bbpress-forums li.bbp-body div.hentry { 5692 margin: 0 0 20px !important; 5693 border: 1px solid #e0e0e0; 5694 } 5695 5696 #bbpress-forums .bbp-forum-info, #bbpress-forums .bbp-topic-title, #bbpress-forums li.bbp-forum-info, #bbpress-forums li.bbp-topic-title, #bbpress-forums li.bbp-forum-topic-count, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-forum-reply-count, #bbpress-forums li.bbp-topic-reply-count, #bbpress-forums li.bbp-forum-freshness, #bbpress-forums li.bbp-topic-freshness { 5697 display: block; 5698 width: 100%; 5699 margin: 0 0 10px; 5700 text-align: left; 5701 } 5702 5703 #bbpress-forums li.bbp-forum-freshness, #bbpress-forums li.bbp-topic-freshness { 5704 margin-bottom: 0; 5705 } 5706 5707 #bbpress-forums .bbp-topic-author, #bbpress-forums .bbp-reply-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { 5708 float: none; 5709 width: 100%; 5710 margin: 0 0 15px; 5711 text-align: left; 5712 } 5713 5714 #bbpress-forums .bbp-topic-content, #bbpress-forums .bbp-reply-content { 5715 margin-left: 0; 5716 padding: 0; 5717 } 5718 5719 #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar { 5720 margin: 0 0 10px; 5721 } 5722 5723 #bbpress-forums .bbp-pagination-links { 5724 float: none; 5725 display: block; 5726 } 5727 5728 #bbpress-forums #bbp-single-user-details, #bbpress-forums #bbp-user-body { 5729 float: none; 5730 width: 100%; 5731 } 5732 5733 #bbpress-forums #bbp-single-user-details { 5734 margin-bottom: 30px; 5735 } 5736} 5737 5738@media screen and (min-width: 1200px) { 5739 #bbpress-forums li.bbp-forum-info, #bbpress-forums li.bbp-topic-title { 5740 float: left; 5741 width: 55%; 5742 } 5743 5744 #bbpress-forums li.bbp-forum-topic-count, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-forum-reply-count, #bbpress-forums li.bbp-topic-reply-count { 5745 float: left; 5746 width: 10%; 5747 } 5748 5749 #bbpress-forums li.bbp-forum-freshness, #bbpress-forums li.bbp-topic-freshness { 5750 float: left; 5751 width: 25%; 5752 } 5753 5754 #bbpress-forums .bbp-topic-author, #bbpress-forums .bbp-reply-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { 5755 float: left; 5756 width: 18%; 5757 } 5758 5759 #bbpress-forums .bbp-topic-content, #bbpress-forums .bbp-reply-content { 5760 margin-left: 20%; 5761 padding: 0; 5762 } 5763 5764 #bbpress-forums #bbp-single-user-details { 5765 float: left; 5766 width: 25%; 5767 } 5768 5769 #bbpress-forums #bbp-user-body { 5770 float: right; 5771 width: 70%; 5772 } 5773} 5774 5775/* bbpress avatars */ 5776 5777#bbpress-forums img.avatar, #bbpress-forums img.bbp-author-avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar, #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums .bbp-logged-in img.avatar, #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar, #bbpress-forums #bbp-user-avatar img.avatar { 5778 border-radius: 999px; 5779} 5780 5781/* pagination */ 5782 5783.navigation { 5784 padding-top: 30px; 5785} 5786 5787.navigation ul { 5788 margin: 0 !important; 5789} 5790 5791.navigation li {
5792 display: inline-block; 5793} 5794 5795.navigation li a, 5796.navigation li a:hover, 5797.navigation li.active a, 5798.navigation li.disabled { 5799 background-color: #ECEFF1; 5800 border-radius: 4px; 5801 color: #263238; 5802 cursor: pointer; 5803 padding: 5px 10px; 5804 text-decoration: none; 5805 font-size: 14px; 5806 line-height: 1; 5807} 5808 5809.navigation li a:hover, 5810.navigation li.active a { 5811 background-color: #424242; 5812 color: #ffffff; 5813} 5814 5815.woocommerce-cart .woocommerce-notices-wrapper { 5816 clear: both; 5817} 5818 5819.woocommerce-cart .woocommerce-cart-form { 5820 clear: both; 5821 margin-bottom: 30px; 5822} 5823 5824.woocommerce-cart .woocommerce-cart-form::after, .woocommerce-cart .cart-collaterals::after, .woocommerce-cart .cart_totals::after, .woocommerce-cart .shop_table td.actions::after { 5825 clear: both; 5826 content: ""; 5827 display: table; 5828} 5829 5830.woocommerce-cart .shop_table { 5831 width: 100%; 5832 margin: 0 0 30px; 5833 background: #ffffff; 5834 border: 1px solid #e0e0e0 !important; 5835 border-collapse: separate; 5836 border-spacing: 0; 5837 border-radius: 0; 5838 table-layout: auto; 5839} 5840 5841.woocommerce-cart .shop_table thead th { 5842 background: #eceff1 !important; 5843} 5844 5845.woocommerce-cart .shop_table th, .woocommerce-cart .shop_table td { 5846 padding: 12px 10px; 5847 background: #ffffff; 5848 border: 0 !important; 5849 border-right: 1px solid #e0e0e0 !important; 5850 border-bottom: 1px solid #e0e0e0 !important; 5851 color: #424242; 5852 line-height: 1.5; 5853 text-align: left; 5854 vertical-align: middle; 5855} 5856 5857.woocommerce-cart .shop_table th:last-child, .woocommerce-cart .shop_table td:last-child { 5858 border-right: 0 !important; 5859} 5860 5861.woocommerce-cart .shop_table tr:last-child th, .woocommerce-cart .shop_table tr:last-child td { 5862 border-bottom: 0 !important; 5863} 5864 5865.woocommerce-cart .shop_table th { 5866 font-weight: 600; 5867} 5868 5869.woocommerce-cart .shop_table .product-thumbnail img { 5870 display: block; 5871 max-width: 80px; 5872 height: auto; 5873 border-radius: 0; 5874 object-fit: cover; 5875} 5876 5877.woocommerce-cart .shop_table .product-name a { 5878 font-weight: 600; 5879} 5880 5881.woocommerce-cart .shop_table .product-price, .woocommerce-cart .shop_table .product-subtotal { 5882 color: #9E9D24; 5883 font-weight: 600; 5884} 5885 5886.woocommerce-cart .shop_table .product-remove { 5887 text-align: center; 5888} 5889 5890.woocommerce-cart .shop_table .product-remove a.remove { 5891 display: inline-block; 5892 width: 24px; 5893 height: 24px; 5894 border-radius: 999px !important; 5895 color: #ff1744 !important; 5896 font-size: 24px; 5897 font-weight: 700; 5898 line-height: 20px; 5899 text-align: center; 5900 text-decoration: none; 5901} 5902 5903.woocommerce-cart .shop_table .product-remove a.remove:hover { 5904 background: #ff1744; 5905 color: #ffffff !important; 5906} 5907 5908.woocommerce-cart .shop_table .quantity { 5909 margin: 0; 5910} 5911 5912.woocommerce-cart .shop_table .quantity input.qty, .woocommerce-cart .shop_table .quantity select.qty, .woocommerce-cart .shop_table .quantity .hovercraft-quantity-select { 5913 width: 90px !important; 5914 max-width: 90px !important; 5915 text-align: center; 5916} 5917 5918.woocommerce-cart .shop_table td.actions { 5919 padding: 20px !important; 5920 border-right: 0 !important; 5921 border-bottom: 0 !important; 5922} 5923 5924.woocommerce-cart .coupon { 5925 display: flex; 5926 align-items: center; 5927 gap: 10px; 5928} 5929 5930.woocommerce-cart .coupon label { 5931 display: none; 5932} 5933 5934.woocommerce-cart .coupon input.input-text { 5935 width: auto !important; 5936 max-width: 100%; 5937 min-height: 46px; 5938 padding: 10px 16px !important; 5939 background: #ffffff !important; 5940 border: 0 !important; 5941 border-radius: 4px !important; 5942 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 5943 box-sizing: border-box; 5944 color: #424242 !important; 5945 font-size: 16px; 5946 line-height: 1.5; 5947} 5948 5949.woocommerce-cart .coupon input.input-text:focus { 5950 background: #ffffff !important; 5951 box-shadow: inset 0 0 0 2px #ea910b !important; 5952 color: #424242 !important; 5953 outline: 0 !important; 5954} 5955 5956.woocommerce-cart .coupon .button, form.woocommerce-cart-form button[name="update_cart"] { 5957 padding: 10px 16px; 5958 background: #ea910b !important; 5959 border: 1px solid transparent !important; 5960 border-radius: 4px; 5961 box-sizing: border-box; 5962 color: #ffffff !important; 5963 cursor: pointer; 5964 font-size: 16px; 5965 font-weight: 700; 5966 line-height: 1.5; 5967 opacity: 1 !important; 5968 text-decoration: none; 5969} 5970 5971.woocommerce-cart .coupon .button:hover, .woocommerce-cart .coupon .button:focus, form.woocommerce-cart-form button[name="update_cart"]:hover, form.woocommerce-cart-form button[name="update_cart"]:focus { 5972 background: #ff6d00 !important; 5973 color: #ffffff !important; 5974} 5975 5976form.woocommerce-cart-form button[name="update_cart"] { 5977 float: right; 5978} 5979 5980form.woocommerce-cart-form button[name="update_cart"]:disabled, form.woocommerce-cart-form button[name="update_cart"][disabled] { 5981 background: #eceff1 !important;
5982 border-color: #e0e0e0 !important; 5983 color: #424242 !important; 5984 cursor: not-allowed; 5985 opacity: 1 !important; 5986} 5987 5988.woocommerce-cart .cart-collaterals { 5989 clear: both; 5990 margin: 30px 0 0; 5991} 5992 5993.woocommerce-cart .cart_totals { 5994 clear: both; 5995 padding: 30px; 5996 margin: 0; 5997 background: #eceff1; 5998 border: 1px solid #e0e0e0; 5999 border-radius: 8px; 6000} 6001 6002.woocommerce-cart .cart_totals h2 { 6003 margin: 0 0 20px; 6004 padding: 0 0 10px; 6005 border-bottom: 1px solid #e0e0e0; 6006 font-size: 22px; 6007} 6008 6009.woocommerce-cart .cart_totals table { 6010 width: 100%; 6011 margin: 0; 6012 background: #ffffff; 6013 border: 1px solid #e0e0e0; 6014 border-collapse: separate; 6015 border-spacing: 0; 6016 border-radius: 0; 6017} 6018 6019.woocommerce-cart .cart_totals table th, .woocommerce-cart .cart_totals table td { 6020 padding: 12px 10px; 6021 border: 0; 6022 border-right: 1px solid #e0e0e0; 6023 border-bottom: 1px solid #e0e0e0; 6024 line-height: 1.5; 6025 vertical-align: top; 6026} 6027 6028.woocommerce-cart .cart_totals table th:last-child, .woocommerce-cart .cart_totals table td:last-child { 6029 border-right: 0; 6030} 6031 6032.woocommerce-cart .cart_totals table tr:last-child th, .woocommerce-cart .cart_totals table tr:last-child td { 6033 border-bottom: 0; 6034} 6035 6036.woocommerce-cart .cart_totals table th { 6037 font-weight: 600; 6038 text-align: left; 6039} 6040 6041.woocommerce-cart .cart_totals .order-total .amount { 6042 color: #9E9D24; 6043 font-weight: 600; 6044} 6045 6046.woocommerce-cart .woocommerce-shipping-methods { 6047 margin: 0; 6048 padding: 0; 6049 list-style: none; 6050} 6051 6052.woocommerce-cart .woocommerce-shipping-methods li {
6053 display: flex; 6054 align-items: flex-start; 6055 gap: 8px; 6056 margin: 0 0 12px; 6057 font-size: 16px; 6058 line-height: 1.5; 6059} 6060 6061.woocommerce-cart .woocommerce-shipping-methods li:last-child { 6062 margin-bottom: 0; 6063} 6064 6065.woocommerce-cart .woocommerce-shipping-methods label { 6066 display: inline-block; 6067 color: #424242; 6068 cursor: pointer; 6069 font-size: 16px; 6070 line-height: 1.5; 6071} 6072 6073.woocommerce-cart .woocommerce-shipping-destination { 6074 margin: 10px 0; 6075 color: #424242; 6076 font-size: 14px; 6077 line-height: 1.5; 6078} 6079 6080.woocommerce-cart .shipping-calculator-button { 6081 display: inline-block; 6082 margin-top: 10px; 6083 color: #ea910b; 6084 cursor: pointer; 6085 font-weight: 500; 6086 text-decoration: underline; 6087} 6088 6089.woocommerce-cart .shipping-calculator-button:hover { 6090 color: #ff6d00; 6091} 6092 6093.woocommerce-cart .shipping-calculator-form { 6094 margin-top: 15px; 6095} 6096 6097.woocommerce-cart .shipping-calculator-form .form-row { 6098 margin: 0 0 15px; 6099} 6100 6101.woocommerce-cart .shipping-calculator-form label { 6102 display: block; 6103 margin-bottom: 5px; 6104 color: #424242; 6105 font-weight: 500; 6106} 6107 6108.woocommerce-cart .shipping-calculator-form input, .woocommerce-cart .shipping-calculator-form select { 6109 width: 100%; 6110 box-sizing: border-box; 6111} 6112 6113.woocommerce-cart .shipping-calculator-form button.button { 6114 margin-top: 10px; 6115} 6116 6117.woocommerce-cart .wc-proceed-to-checkout { 6118 clear: both; 6119 margin-top: 20px; 6120 text-align: right; 6121} 6122 6123.woocommerce-cart .wc-proceed-to-checkout::after { 6124 clear: both; 6125 content: ""; 6126 display: table; 6127} 6128 6129.woocommerce-cart a.checkout-button { 6130 display: inline-block; 6131 padding: 14px 24px; 6132 background: #ea910b; 6133 border: 0; 6134 border-radius: 4px; 6135 color: #ffffff; 6136 font-size: 16px; 6137 line-height: 1.5; 6138 text-align: center; 6139 text-decoration: none; 6140} 6141 6142.woocommerce-cart a.checkout-button:hover { 6143 background: #ff6d00; 6144 color: #ffffff; 6145} 6146 6147.woocommerce-cart .cross-sells { 6148 clear: both; 6149 width: 100%; 6150 margin: 40px 0 0; 6151} 6152 6153.woocommerce-cart .cross-sells h2 { 6154 margin: 0 0 20px; 6155 font-size: 24px; 6156} 6157 6158.woocommerce-cart .cross-sells ul.products { 6159 display: grid !important; 6160 gap: 30px; 6161 width: 100%; 6162 margin: 0 !important; 6163 padding: 0 !important; 6164} 6165 6166.woocommerce-cart .cross-sells ul.products::before, .woocommerce-cart .cross-sells ul.products::after { 6167 display: none !important; 6168 content: none !important; 6169} 6170 6171.woocommerce-cart .cross-sells ul.products li.product { 6172 clear: none !important; 6173 float: none !important; 6174 width: 100% !important; 6175 margin: 0 !important; 6176} 6177 6178.woocommerce-cart .cross-sells ul.products li.product a img { 6179 border-radius: 0; 6180 object-fit: contain !important; 6181 object-position: center center !important; 6182} 6183 6184.woocommerce-cart .cart-empty { 6185 clear: both; 6186 margin: 0 0 30px; 6187 color: #424242; 6188 font-size: 18px; 6189 line-height: 1.5; 6190 text-align: center; 6191} 6192 6193.woocommerce-cart .return-to-shop { 6194 clear: both; 6195 margin-top: 40px; 6196 text-align: center; 6197} 6198 6199.woocommerce-cart div.woocommerce-notices-wrapper ul { 6200 margin: 0; 6201 font-size: 18px; 6202} 6203 6204@media screen and (max-width: 1199px) { 6205 .woocommerce-cart .woocommerce-notices-wrapper { 6206 margin-bottom: 20px; 6207 } 6208 6209 .woocommerce-cart .shop_table { 6210 border: 0 !important; 6211 } 6212 6213 .woocommerce-cart .shop_table thead { 6214 display: none; 6215 } 6216 6217 .woocommerce-cart .shop_table, .woocommerce-cart .shop_table tbody, .woocommerce-cart .shop_table tr, .woocommerce-cart .shop_table td { 6218 display: block; 6219 width: 100%; 6220 box-sizing: border-box; 6221 } 6222 6223 .woocommerce-cart .shop_table tr { 6224 margin-bottom: 20px; 6225 border: 1px solid #e0e0e0; 6226 } 6227 6228 .woocommerce-cart .shop_table td { 6229 border-right: 0 !important; 6230 border-bottom: 1px solid #e0e0e0 !important; 6231 text-align: left; 6232 } 6233 6234 .woocommerce-cart .shop_table td:last-child { 6235 border-bottom: 0 !important; 6236 } 6237 6238 .woocommerce-cart .shop_table td::before { 6239 display: block; 6240 margin-bottom: 5px; 6241 font-weight: 600; 6242 } 6243 6244 .woocommerce-cart .shop_table td.product-remove, .woocommerce-cart .shop_table td.actions { 6245 text-align: left; 6246 } 6247 6248 .woocommerce-cart .coupon { 6249 display: block; 6250 margin-bottom: 15px; 6251 } 6252 6253 .woocommerce-cart .coupon input.input-text { 6254 width: 100% !important; 6255 margin-bottom: 10px; 6256 } 6257 6258 .woocommerce-cart .coupon .button, form.woocommerce-cart-form button[name="update_cart"], .woocommerce-cart a.checkout-button { 6259 display: block; 6260 width: 100%; 6261 float: none; 6262 text-align: center; 6263 } 6264 6265 .woocommerce-cart .cross-sells ul.products { 6266 grid-template-columns: 1fr; 6267 } 6268 6269 .woocommerce-cart .cart_totals { 6270 padding: 20px; 6271 } 6272 6273 .woocommerce-cart .wc-proceed-to-checkout { 6274 text-align: left; 6275 } 6276} 6277 6278@media screen and (min-width: 1200px) { 6279 .woocommerce-cart .woocommerce-notices-wrapper { 6280 margin-bottom: 30px; 6281 } 6282 6283 .woocommerce-cart .cart-collaterals { 6284 display: flex; 6285 align-items: flex-start; 6286 justify-content: space-between; 6287 gap: 40px; 6288 } 6289 6290 .woocommerce-cart .cart-collaterals::after { 6291 display: none; 6292 } 6293 6294 .woocommerce-cart .cart-collaterals .cross-sells { 6295 clear: none; 6296 flex: 1 1 auto; 6297 float: none !important; 6298 order: 1; 6299 width: auto !important; 6300 margin: 0; 6301 } 6302 6303 .woocommerce-cart .cart-collaterals .cart_totals { 6304 clear: none; 6305 flex: 0 0 42%; 6306 float: none !important; 6307 order: 2; 6308 width: 42% !important; 6309 } 6310 6311 .woocommerce-cart .cross-sells ul.products { 6312 grid-template-columns: repeat(2, minmax(0, 1fr)); 6313 } 6314 6315 .woocommerce-cart .cross-sells ul.products li.product a img { 6316 height: 220px !important; 6317 max-height: 220px !important; 6318 } 6319}
6320body.woocommerce-checkout #topbar, 6321body.woocommerce-checkout #header-basic, 6322body.woocommerce-checkout #header-half-hero, 6323body.woocommerce-checkout #header-mini-hero, 6324body.woocommerce-checkout #header-full-hero, 6325body.woocommerce-checkout .breadcrumbs { 6326 display: none; 6327} 6328 6329body.woocommerce-checkout #main { 6330 background: #f5f7f8; 6331} 6332 6333body.woocommerce-checkout #content-wrapper { 6334 background: transparent; 6335 border-radius: 0; 6336} 6337 6338.woocommerce-checkout .woocommerce-notices-wrapper, .woocommerce-checkout form.checkout { 6339 clear: both; 6340} 6341 6342.woocommerce-checkout form.checkout::after, .woocommerce-checkout .col2-set::after, .woocommerce-checkout #order_review::after, .woocommerce-checkout .woocommerce-checkout-payment::after { 6343 clear: both; 6344 content: ""; 6345 display: table; 6346} 6347 6348.woocommerce-checkout .woocommerce-form-login, .woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout .woocommerce-account-fields, .woocommerce-checkout .woocommerce-shipping-fields, .woocommerce-checkout .woocommerce-additional-fields, .woocommerce-checkout #order_review { 6349 clear: both; 6350 padding: 24px; 6351 margin: 0 0 24px; 6352 background: #ffffff; 6353 border: 1px solid #e0e0e0; 6354 border-radius: 8px; 6355} 6356 6357.woocommerce-checkout .woocommerce-form-login-toggle { 6358 clear: both; 6359 margin: 0 0 20px; 6360} 6361 6362.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info { 6363 margin-bottom: 0 !important; 6364} 6365 6366.woocommerce-checkout .woocommerce-form-login p:last-child, .woocommerce-checkout .woocommerce-billing-fields p:last-child, .woocommerce-checkout .woocommerce-account-fields p:last-child, .woocommerce-checkout .woocommerce-shipping-fields p:last-child, .woocommerce-checkout .woocommerce-a
6366dditional-fields p:last-child { 6367 margin-bottom: 0; 6368} 6369 6370.woocommerce-checkout h3, .woocommerce-checkout #order_review_heading { 6371 clear: both; 6372 margin: 0 0 16px; 6373 padding: 0 0 12px; 6374 border-bottom: 1px solid #e0e0e0; 6375 font-size: 22px; 6376 font-weight: 600; 6377 line-height: 1.35; 6378} 6379 6380.woocommerce-checkout #order_review_heading { 6381 padding: 0; 6382 border-bottom: 0; 6383} 6384 6385.woocommerce-checkout .form-row { 6386 clear: both; 6387 margin: 0 0 16px; 6388 padding: 0; 6389} 6390 6391.woocommerce-checkout .form-row::after { 6392 clear: both; 6393 content: ""; 6394 display: table; 6395} 6396 6397.woocommerce-checkout .form-row label { 6398 display: block; 6399 margin: 0 0 6px; 6400 color: #424242; 6401 font-weight: 600; 6402 line-height: 1.5; 6403} 6404 6405.woocommerce-checkout .form-row label.checkbox, .woocommerce-checkout .woocommerce-form__label-for-checkbox { 6406 display: inline-flex; 6407 align-items: flex-start; 6408 gap: 8px; 6409 font-weight: 400; 6410} 6411 6412.woocommerce-checkout .form-row .optional { 6413 font-weight: 400; 6414 opacity: 0.65; 6415} 6416 6417.woocommerce-checkout .form-row .required { 6418 color: #ff1744; 6419 font-weight: 600; 6420 text-decoration: none; 6421} 6422 6423.woocommerce-checkout .woocommerce-input-wrapper { 6424 display: block; 6425 width: 100%; 6426} 6427 6428.woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="email"], .woocommerce-checkout input[type="tel"], .woocommerce-checkout input[type="password"], .woocommerce-checkout select, .woocommerce-checkout textarea { 6429 width: 100%; 6430 max-width: 100%; 6431 box-sizing: border-box; 6432} 6433 6434.woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="email"], .woocommerce-checkout input[type="tel"], .woocommerce-checkout input[type="password"], .woocommerce-checkout select, .woocommerce-checkout textarea { 6435 background: #ffffff; 6436 border: 0; 6437 border-radius: 4px; 6438 box-shadow: inset 0 0 0 1px #e0e0e0; 6439 color: #424242; 6440} 6441 6442.woocommerce-checkout input[type="text"]:focus, .woocommerce-checkout input[type="email"]:focus, .woocommerce-checkout input[type="tel"]:focus, .woocommerce-checkout input[type="password"]:focus, .woocommerce-checkout select:focus, .woocommerce-checkout textarea:focus { 6443 box-shadow: inset 0 0 0 2px #ea910b; 6444 outline: 0; 6445} 6446 6447.woocommerce-checkout #order_comments { 6448 border: 1px solid #e0e0e0 !important; 6449 box-shadow: none !important; 6450} 6451 6452.woocommerce-checkout #order_comments:focus { 6453 border-color: #ea910b !important; 6454 box-shadow: none !important; 6455 outline: 0; 6456} 6457 6458.woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="email"], .woocommerce-checkout input[type="tel"], .woocommerce-checkout input[type="password"], .woocommerce-checkout select { 6459 min-height: 46px; 6460} 6461 6462.woocommerce-checkout textarea { 6463 min-height: 120px; 6464 resize: vertical; 6465} 6466 6467.woocommerce-checkout input[type="radio"], .woocommerce-checkout input[type="checkbox"] { 6468 flex: 0 0 auto; 6469 width: auto; 6470 height: auto; 6471 margin: 5px 0 0; 6472 appearance: auto; 6473 -webkit-appearance: auto; 6474 -moz-appearance: auto; 6475 background: transparent; 6476 box-shadow: none !important; 6477} 6478 6479.woocommerce-checkout .select2-container { 6480 max-width: 100%; 6481} 6482 6483.woocommerce-checkout .select2-container .select2-selection--single { 6484 min-height: 46px; 6485 background: #ffffff; 6486 border: 0; 6487 border-radius: 4px; 6488 box-shadow: inset 0 0 0 1px #e0e0e0; 6489 color: #424242; 6490 font-family: inherit; 6491 font-size: 16px; 6492 font-weight: 400; 6493 line-height: 1.5; 6494 transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, color 0.15s ease-in-out; 6495} 6496 6497.woocommerce-checkout .select2-container .select2-selection--single:focus, .woocommerce-checkout .select2-container.select2-container--focus .select2-selection--single, .woocommerce-checkout .select2-container.select2-container--open .select2-selection--single { 6498 background: #ffffff; 6499 box-shadow: inset 0 0 0 2px #ea910b; 6500 color: #424242; 6501 outline: 0; 6502} 6503 6504.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered { 6505 padding: 10px 44px 10px 16px; 6506 color: #424242; 6507 font-family: inherit; 6508 font-size: 16px; 6509 font-weight: 400; 6510 line-height: 1.5; 6511} 6512 6513.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__placeholder { 6514 color: #424242; 6515 opacity: 0.65; 6516} 6517 6518.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__arrow { 6519 top: 0; 6520 right: 12px; 6521 height: 100%; 6522} 6523 6524.woocommerce-checkout .woocommerce-invalid input[type="text"], .woocommerce-checkout .woocommerce-invalid input[type="email"], .woocommerce-checkout .woocommerce-invalid input[type="tel"], .woocommerce-checkout .woocommerce-invalid input[type="password"], .woocommerce-checkout .woocommerce-invalid select, .woocommerce-checkout .woocommerce-invalid textarea, .woocommerce-checkout .woocommerce-invalid .select2-container .select2-selection--single { 6525 box-shadow: inset 0 0 0 2px #ff1744 !important; 6526} 6527 6528.woocommerce-checkout .woocommerce-validated input[type="text"], .woocommerce-checkout .woocommerce-validated input[type="email"], .woocommerce-checkout .woocommerce-validated input[type="tel"], .woocommerce-checkout .woocommerce-validated input[type="password"], .woocommerce-checkout .woocommerce-validated select, .woocommerce-checkout .woocommerce-validated textarea, .woocommerce-checkout .woocommerce-validated .select2-container .select2-selection--single { 6529 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 6530} 6531 6532.woocommerce-checkout .woocommerce-account-fields, .woocommerce-checkout .woocommerce-shipping-fields, .woocommerce-checkout .woocommerce-a
6532dditional-fields { 6533 clear: both; 6534} 6535 6536.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address { 6537 margin: 0 0 20px; 6538} 6539 6540.woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address label { 6541 font-weight: 600; 6542} 6543 6544.woocommerce-checkout-review-order-table { 6545 width: 100%; 6546 margin: 0 0 16px; 6547 background: #ffffff; 6548 border: 1px solid #e0e0e0; 6549 border-collapse: separate; 6550 border-spacing: 0; 6551 border-radius: 4px; 6552 overflow: hidden; 6553 table-layout: fixed; 6554} 6555 6556.woocommerce-checkout-review-order-table .product-name { 6557 width: 75%; 6558} 6559 6560.woocommerce-checkout-review-order-table .product-total { 6561 width: 25%; 6562} 6563 6564.woocommerce-checkout-review-order-table .shipping { 6565 display: flex; 6566 width: 100%; 6567} 6568 6569.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td { 6570 padding: 16px 12px; 6571 border: 0; 6572 border-bottom: 1px solid #e0e0e0; 6573 color: #424242; 6574 line-height: 1.5; 6575 text-align: left; 6576 vertical-align: top; 6577} 6578 6579.woocommerce-checkout-review-order-table th:last-child, .woocommerce-checkout-review-order-table td:last-child { 6580 text-align: right; 6581} 6582 6583.woocommerce-checkout-review-order-table thead th { 6584 background: #eceff1; 6585 font-weight: 600; 6586} 6587 6588.woocommerce-checkout-review-order-table tbody tr:last-child td, .woocommerce-checkout-review-order-table tfoot tr:last-child th, .woocommerce-checkout-review-order-table tfoot tr:last-child td { 6589 border-bottom: 0; 6590} 6591 6592.woocommerce-checkout-review-order-table .product-total, .woocommerce-checkout-review-order-table tfoot td { 6593 color: #9E9D24; 6594 font-weight: 600; 6595} 6596 6597.woocommerce-checkout-review-order-table .cart_item .product-name { 6598 font-weight: 600; 6599} 6600 6601.woocommerce-checkout-review-order-table .product-quantity { 6602 font-weight: 400; 6603 opacity: 0.75; 6604} 6605 6606.woocommerce-checkout-review-order-table .variation { 6607 clear: both; 6608 margin: 6px 0 0; 6609 color: #424242; 6610 font-size: 13px; 6611 font-weight: 400; 6612 line-height: 1.4; 6613 opacity: 0.75; 6614} 6615 6616.woocommerce-checkout-review-order-table .variation dt, .woocommerce-checkout-review-order-table .variation dd { 6617 display: inline; 6618 margin: 0; 6619 padding: 0; 6620} 6621 6622.woocommerce-checkout-review-order-table .variation dt { 6623 font-weight: 600; 6624} 6625 6626.woocommerce-checkout-review-order-table .variation dd p { 6627 display: inline; 6628 margin: 0; 6629} 6630 6631.woocommerce-checkout-review-order-table .variation dd:after { 6632 content: ""; 6633 display: block; 6634} 6635 6636.woocommerce-checkout-review-order-table .shipping th, .woocommerce-checkout-review-order-table .shipping td, .woocommerce-checkout-review-order-table .shipping td:last-child { 6637 text-align: left; 6638} 6639 6640.woocommerce-checkout-review-order-table .shipping th { 6641 flex: 0 0 25%; 6642 width: auto; 6643} 6644 6645.woocommerce-checkout-review-order-table .shipping td { 6646 flex: 1 1 75%; 6647 width: auto; 6648 min-width: 0; 6649} 6650 6651.woocommerce-checkout-review-order-table .shipping ul { 6652 width: 100%; 6653 margin: 0; 6654 padding: 0; 6655 list-style: none; 6656} 6657 6658.woocommerce-checkout-review-order-table .shipping li { 6659 display: flex; 6660 align-items: flex-start; 6661 gap: 8px; 6662 margin: 0 0 8px; 6663 list-style: none; 6664 text-align: left; 6665} 6666 6667.woocommerce-checkout-review-order-table .shipping li:last-child { 6668 margin-bottom: 0; 6669} 6670 6671.woocommerce-checkout-review-order-table .shipping li label { 6672 flex: 1 1 auto; 6673 display: block; 6674 text-align: left; 6675} 6676 6677.woocommerce-checkout-review-order-table .shipping input[type="radio"] { 6678 flex: 0 0 auto; 6679 float: none; 6680 margin: 5px 0 0; 6681} 6682 6683.woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total td { 6684 font-size: 18px; 6685 font-weight: 700; 6686} 6687 6688.woocommerce-checkout .woocommerce-checkout-payment { 6689 clear: both; 6690 padding: 0; 6691 margin: 0; 6692 background: transparent; 6693 border: 0; 6694 border-radius: 0; 6695} 6696 6697body.woocommerce-checkout #payment { 6698 background: transparent; 6699 border-radius: 0; 6700} 6701 6702body.woocommerce-checkout #payment ul.payment_methods { 6703 margin: 0 0 16px; 6704 padding: 0; 6705 border-bottom: 0; 6706 list-style: none; 6707} 6708 6709body.woocommerce-checkout #payment ul.payment_methods li { 6710 clear: both; 6711 margin: 0; 6712 padding: 16px 0; 6713 background: transparent; 6714 border: 0; 6715 border-top: 1px solid #e0e0e0; 6716 border-radius: 0; 6717 color: #424242; 6718 list-style: none; 6719 line-height: 1.5; 6720} 6721
6722body.woocommerce-checkout #payment ul.payment_methods li:first-child { 6723 padding-top: 0; 6724 border-top: 0; 6725} 6726 6727body.woocommerce-checkout #payment ul.payment_methods li:last-child { 6728 margin-bottom: 0; 6729} 6730 6731body.woocommerce-checkout #payment ul.payment_methods li::after { 6732 clear: both; 6733 content: ""; 6734 display: table; 6735} 6736 6737body.woocommerce-checkout #payment ul.payment_methods input[type="radio"] { 6738 float: none; 6739 margin: 5px 8px 0 0; 6740} 6741 6742body.woocommerce-checkout #payment ul.payment_methods label { 6743 display: inline-flex; 6744 align-items: flex-start; 6745 gap: 8px; 6746 margin: 0; 6747 color: #424242; 6748 font-weight: 600; 6749 line-height: 1.5; 6750} 6751 6752body.woocommerce-checkout #payment .payment_box { 6753 clear: both; 6754 padding: 12px 0 0; 6755 margin: 12px 0 0; 6756 background: transparent; 6757 border: 0; 6758 border-radius: 0; 6759 color: #424242; 6760 line-height: 1.5; 6761} 6762 6763body.woocommerce-checkout #payment .payment_box::before { 6764 display: none; 6765} 6766 6767.woocommerce-checkout-payment .payment_box p { 6768 margin: 0 0 16px; 6769} 6770 6771.woocommerce-checkout-payment .payment_box p:last-child { 6772 margin-bottom: 0; 6773} 6774 6775.woocommerce-checkout-payment .payment_box fieldset, .woocommerce-checkout-payment .wc-payment-form, .woocommerce-checkout-payment .wc-upe-form { 6776 clear: both; 6777 margin: 0; 6778 padding: 0; 6779 border: 0; 6780} 6781 6782.woocommerce-checkout-payment .payment_box .form-row { 6783 margin-bottom: 16px; 6784} 6785 6786.woocommerce-checkout-payment .wc-saved-payment-methods { 6787 margin: 0 0 16px; 6788 padding: 0; 6789 list-style: none; 6790} 6791 6792.woocommerce-checkout-payment .wc-saved-payment-methods li { 6793 margin: 0; 6794 padding: 0; 6795 background: transparent; 6796 border: 0; 6797 border-radius: 0; 6798} 6799 6800body.woocommerce-checkout #payment .wc-stripe-upe-element, body.woocommerce-checkout #payment .StripeElement { 6801 width: 100%; 6802 min-height: 46px; 6803 padding: 8px 12px; 6804 background: #ffffff; 6805 border-radius: 4px; 6806 box-shadow: inset 0 0 0 1px #e0e0e0; 6807 box-sizing: border-box; 6808} 6809 6810body.woocommerce-checkout #payment #wc-stripe-upe-form .wc-stripe-upe-element, body.woocommerce-checkout #payment #wc-stripe-upe-form .StripeElement { 6811 min-height: 0; 6812 padding: 0; 6813 background: transparent; 6814 border-radius: 0; 6815 box-shadow: none; 6816} 6817 6818body.woocommerce-checkout #payment p.form-row.woocommerce-SavedPaymentMethods-saveNew { 6819 display: flex; 6820 align-items: center; 6821 gap: 0; 6822 margin: 12px 0 0; 6823 padding: 0; 6824} 6825 6826body.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"] { 6827 flex: 0 0 auto; 6828 margin: 0; 6829} 6830 6831body.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew label { 6832 flex: 1 1 auto; 6833 display: block !important; 6834 margin: 0; 6835 padding-left: 8px; 6836 font-size: 14px; 6837 font-weight: 400 !important; 6838 line-height: 1.5; 6839} 6840 6841.woocommerce-checkout-payment #wc-stripe-upe-errors { 6842 clear: both; 6843 margin: 12px 0 0; 6844 color: #ff1744; 6845 font-weight: 600; 6846 line-height: 1.5; 6847} 6848 6849body.woocommerce-checkout #payment .place-order { 6850 clear: both; 6851 margin: 16px 0 0; 6852 padding: 16px 0 0; 6853 background: transparent; 6854 border-top: 1px solid #e0e0e0; 6855} 6856 6857.woocommerce-checkout-payment .place-order .woocommerce-terms-and-conditions-wrapper { 6858 margin: 0 0 12px; 6859 padding: 0; 6860 border-top: 0; 6861} 6862 6863.woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text { 6864 color: #424242; 6865 font-size: 12px; 6866 line-height: 1.5; 6867} 6868 6869.woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p { 6870 margin: 0 0 16px; 6871} 6872 6873.woocommerce-checkout-payment .place-order .woocommerce-privacy-policy-text p:last-child { 6874 margin-bottom: 0; 6875} 6876 6877.woocommerce-checkout #place_order { 6878 display: block; 6879 float: none; 6880 width: 100%; 6881 margin: 0; 6882 padding: 12px 24px; 6883 font-size: 18px; 6884 font-weight: 700; 6885 line-height: 1.2; 6886 text-align: center; 6887} 6888 6889#ppc-button-ppcp-applepay, #ppc-button-ppcp-googlepay { 6890 clear: both; 6891 width: 100%; 6892 margin: 16px 0 0; 6893} 6894 6895#ppc-button-ppcp-applepay iframe, #ppc-button-ppcp-googlepay iframe { 6896 max-width: 100%; 6897} 6898 6899#ppc-button-ppcp-applepay:empty, #ppc-button-ppcp-googlepay:empty {
6900 display: none; 6901} 6902 6903@media screen and (max-width: 1199px) { 6904 .woocommerce-checkout .woocommerce-form-login, .woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout .woocommerce-account-fields, .woocommerce-checkout .woocommerce-shipping-fields, .woocommerce-checkout .woocommerce-additional-fields, .woocommerce-checkout #order_review { 6905 padding: 20px; 6906 margin-bottom: 24px; 6907 } 6908 6909 6910 .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { 6911 float: none; 6912 width: 100%; 6913 } 6914 6915 .woocommerce-checkout .form-row-first { 6916 clear: left !important; 6917 float: left !important; 6918 width: calc(50% - 8px) !important; 6919 margin: 0 0 16px !important; 6920 } 6921 6922 .woocommerce-checkout .form-row-last { 6923 clear: right !important; 6924 float: right !important; 6925 width: calc(50% - 8px) !important; 6926 margin: 0 0 16px !important; 6927 } 6928} 6929 6930@media screen and (min-width: 1200px) { 6931 .woocommerce-checkout form.checkout { 6932 display: grid; 6933 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); 6934 column-gap: 32px; 6935 align-items: start; 6936 } 6937 6938 .woocommerce-checkout #customer_details { 6939 grid-column: 1; 6940 grid-row: 1; 6941 margin: 0; 6942 } 6943 6944 .woocommerce-checkout #order_review_heading { 6945 grid-column: 2; 6946 grid-row: 1; 6947 align-self: start; 6948 } 6949 6950 .woocommerce-checkout #order_review { 6951 grid-column: 2; 6952 grid-row: 1; 6953 align-self: start; 6954 margin: 44px 0 24px; 6955 } 6956 6957 .woocommerce-checkout #customer_details.col2-set .col-1, .woocommerce-checkout #customer_details.col2-set .col-2 { 6958 float: none; 6959 width: 100%; 6960 } 6961 6962 .woocommerce-checkout #customer_details.col2-set .col-2 { 6963 margin-top: 24px; 6964 } 6965 6966 .woocommerce-checkout .form-row-first { 6967 clear: left !important; 6968 float: left !important; 6969 width: calc(50% - 8px) !important; 6970 margin: 0 0 16px !important; 6971 } 6972 6973 .woocommerce-checkout .form-row-last { 6974 clear: right !important; 6975 float: right !important; 6976 width: calc(50% - 8px) !important; 6977 margin: 0 0 16px !important; 6978 } 6979 6980 .woocommerce-checkout .form-row-wide { 6981 clear: both; 6982 float: none; 6983 width: 100%; 6984 } 6985} 6986body.woocommerce-checkout .checkout-title-row { 6987 display: flex; 6988 align-items: flex-start; 6989 gap: 24px; 6990} 6991 6992body.woocommerce-checkout .checkout-title-row.divide { 6993 margin-bottom: 32px; 6994 padding-bottom: 16px; 6995 border-bottom: 2px solid #757575; 6996} 6997 6998body.woocommerce-checkout .checkout-title-row .entry-title { 6999 flex: 1 1 auto; 7000 align-self: flex-end; 7001 margin-bottom: 0; 7002 line-height: 1 !important; 7003} 7004 7005body.woocommerce-checkout .checkout-title-row .entry-title.divide:after { 7006 display: none; 7007} 7008 7009body.woocommerce-checkout .checkout-title-row .checkout-logo { 7010 display: block; 7011 width: auto; 7012 max-width: 192px; 7013 height: auto; 7014 max-height: 64px; 7015 object-fit: contain; 7016} 7017 7018@media screen and (max-width: 1199px) { 7019 body.woocommerce-checkout .checkout-title-row { 7020 gap: 16px; 7021 } 7022 7023 body.woocommerce-checkout .checkout-title-row.divide { 7024 margin-bottom: 24px; 7025 padding-bottom: 12px; 7026 } 7027 7028 body.woocommerce-checkout .checkout-title-row .checkout-logo { 7029 max-width: 144px; 7030 max-height: 48px; 7031 } 7032} 7033.woocommerce, .woocommerce-page { 7034 clear: both; 7035} 7036 7037.woocommerce::after, .woocommerce-page::after, .woocommerce .products::after, .woocommerce-page .products::after, .woocommerce .col2-set::after, .woocommerce-page .col2-set::after { 7038 clear: both; 7039 content: ""; 7040 display: table; 7041} 7042 7043.woocommerce .clear, .woocommerce-page .clear { 7044 clear: both; 7045} 7046 7047.woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb { 7048 clear: both; 7049 margin: 0 0 30px; 7050 padding: 0; 7051 color: #607D8B; 7052 font-size: 14px; 7053 line-height: 1.5; 7054} 7055 7056.woocommerce .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb a:hover, .woocommerce-page .woocommerce-breadcrumb a:hover { 7057 color: #607D8B; 7058} 7059 7060.woocommerce .blockUI.blockOverlay, .woocommerce-page .blockUI.blockOverlay { 7061 background: #ffffff !important; 7062 opacity: 0.6 !important; 7063} 7064 7065.woocommerce .loader::before, .woocommerce-page .loader::before { 7066 border-color: #ea910b; 7067} 7068 7069.woocommerce .term-description { 7070 clear: both; 7071 margin: 0 0 30px; 7072 color: #607D8B; 7073 font-size: 18px; 7074 line-height: 1.5; 7075} 7076 7077.woocommerce .term-description p:last-child { 7078 margin-bottom: 0; 7079} 7080 7081.woocommerce .page-description { 7082 clear: both; 7083 margin: 0 0 30px; 7084} 7085 7086.woocommerce .page-description p:last-child { 7087 margin-bottom: 0; 7088} 7089 7090.woocommerce div.coupon, .woocommerce-page div.coupon { 7091 display: flex; 7092} 7093 7094.woocommerce mark, .woocommerce-page mark { 7095 background: #eceff1; 7096 border-radius: 4px; 7097 color: #424242; 7098 font-weight: 600; 7099} 7100 7101.woocommerce small.note, .woocommerce-page small.note { 7102 display: block; 7103 margin: 8px 0 0; 7104 color: #424242; 7105 font-size: 12px; 7106 line-height: 1.5; 7107} 7108 7109.woocommerce .required, .woocommerce-page .required { 7110 color: #ff1744; 7111 font-weight: 600; 7112 text-decoration: none; 7113} 7114 7115.woocommerce .optional, .woocommerce-page .optional { 7116 font-weight: 400; 7117} 7118 7119.woocommerce p.woocommerce-result-count, p.woocommerce-result-count { 7120 color: #607D8B; 7121 font-size: 16px; 7122 font-weight: 600; 7123 line-height: 1.5 !important; 7124} 7125 7126.woocommerce-checkout #place_order { 7127 background: #ea910b !important; 7128 border: 0 !important; 7129 box-shadow: none !important; 7130 color: #ffffff !important; 7131} 7132 7133.woocommerce-checkout #place_order:hover, .woocommerce-checkout #place_order:focus { 7134 background: #ff6d00 !important; 7135 border: 0 !important; 7136 box-shadow: none !important; 7137 color: #ffffff !important; 7138} 7139 7140.woocommerce-checkout #order_comments { 7141 border: 0 !important; 7142 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 7143} 7144 7145.woocommerce-checkout #order_comments:focus { 7146 border: 0 !important; 7147 box-shadow: inset 0 0 0 2px #ea910b !important; 7148 outline: 0; 7149} 7150 7151.woocommerce-checkout-review-order-table .product-total, .woocommerce-checkout-review-order-table tfoot td { 7152 color: #424242; 7153 font-weight: 400; 7154} 7155 7156.woocommerce-checkout-review-order-table .cart-subtotal th, .woocommerce-checkout-review-order-table .cart-subtotal td, .woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total td { 7157 font-weight: 700; 7158} 7159 7160@media screen and (max-width: 1199px) { 7161 .woocommerce p.woocommerce-result-count, p.woocommerce-result-count { 7162 display: block; 7163 float: none !important; 7164 margin: 0 0 20px !important; 7165 padding: 0 !important; 7166 } 7167} 7168 7169@media screen and (min-width: 1200px) { 7170 .woocommerce p.woocommerce-result-count, p.woocommerce-result-count { 7171 float: left !important; 7172 margin: 0 0 20px !important; 7173 padding: 5px 0 !important; 7174 } 7175} 7176 7177form.woocommerce-ordering, .woocommerce form.woocommerce-ordering { 7178 clear: none; 7179 margin: 0 0 30px; 7180} 7181 7182form.woocommerce-ordering select, .woocommerce form.woocommerce-ordering select { 7183 appearance: none !important; 7184 -webkit-appearance: none !important; 7185 -moz-appearance: none !important; 7186 min-width: 220px !important; 7187 height: 46px !important; 7188 min-height: 46px !important; 7189 padding: 10px 44px 10px 16px !important; 7190 background-color: #ffffff !important; 7191 background-image: url('data:image/svg+xml;utf8,<svg height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" fill="none" stroke="%23424242" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>') !important; 7192 background-position: right 14px center !important; 7193 background-repeat: no-repeat !important; 7194 background-size: 16px !important; 7195 border: 0 !important; 7196 border-radius: 4px !important; 7197 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 7198 color: #424242 !important; 7199 cursor: pointer !important; 7200 font-size: 16px !important; 7201 font-weight: 400 !important; 7202 line-height: 1.5 !important; 7203 vertical-align: middle !important; 7204} 7205 7206form.woocommerce-ordering select:active, form.woocommerce-ordering select:focus, .woocommerce form.woocommerce-ordering select:active, .woocommerce form.woocommerce-ordering select:focus { 7207 background-color: #ffffff !important; 7208 box-shadow: inset 0 0 0 2px #ea910b !important; 7209 color: #424242 !important; 7210 outline: 0 !important; 7211} 7212 7213.woocommerce .woocommerce-ordering::after { 7214 clear: both; 7215 content: ""; 7216 display: table; 7217} 7218 7219@media screen and (max-width: 1199px) { 7220 form.woocommerce-ordering, .woocommerce form.woocommerce-ordering { 7221 float: none !important; 7222 width: 100%; 7223 } 7224
7225 form.woocommerce-ordering select, .woocommerce form.woocommerce-ordering select { 7226 width: 100% !important; 7227 } 7228} 7229 7230@media screen and (min-width: 1200px) { 7231 form.woocommerce-ordering, .woocommerce form.woocommerce-ordering { 7232 float: right !important; 7233 width: auto; 7234 } 7235} 7236 7237.woocommerce ul.products { 7238 clear: both; 7239 display: grid; 7240 margin: 0 !important; 7241 padding: 30px 0 0 !important; 7242 list-style: none; 7243} 7244 7245.woocommerce ul.products::before, .woocommerce ul.products::after { 7246 display: none !important; 7247 content: none !important; 7248} 7249 7250.woocommerce ul.products li.product { 7251 position: relative; 7252 float: none !important; 7253 clear: none !important; 7254 width: 100% !important; 7255 margin: 0 !important; 7256 padding: 0; 7257 border-radius: 0; 7258 list-style: none outside !important; 7259 line-height: 1.5 !important; 7260 text-align: left; 7261} 7262 7263.woocommerce ul.products li.product a { 7264 display: block; 7265 text-decoration: none; 7266} 7267 7268.woocommerce ul.products li.product a img, .woocommerce .products .product-category img { 7269 display: block !important; 7270 width: 100% !important; 7271 height: auto; 7272 margin: 0 0 15px !important; 7273 border-radius: 0; 7274 box-shadow: none; 7275} 7276 7277.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2, .woocommerce ul.products li.product h3 { 7278 margin: 0 0 10px; 7279 padding: 0; 7280 color: #424242; 7281 font-size: 18px; 7282 font-weight: 600; 7283 line-height: 1.3; 7284} 7285 7286.woocommerce ul.products li.product .price { 7287 display: block; 7288 margin: 0 0 15px; 7289 color: #9E9D24 !important; 7290 font-size: 16px !important; 7291 font-weight: 600 !important; 7292 line-height: 1.5 !important; 7293} 7294 7295.woocommerce ul.products li.product .price del { 7296 color: #424242; 7297 opacity: 0.6; 7298} 7299 7300.woocommerce ul.products li.product .price ins { 7301 background: transparent; 7302 font-weight: 600; 7303 text-decoration: none; 7304} 7305 7306.woocommerce ul.products li.product .star-rating { 7307 display: block; 7308 margin: 0 0 10px; 7309} 7310 7311.woocommerce ul.products li.product .button { 7312 display: inline-block; 7313 margin: 0; 7314} 7315 7316.woocommerce ul.products li.product .added_to_cart { 7317 display: inline-block; 7318 margin-left: 10px; 7319 font-size: 12px; 7320 line-height: 1.5; 7321} 7322 7323.woocommerce ul.products li.product .onsale { 7324 top: 10px; 7325 left: 10px; 7326 right: auto; 7327 margin: 0; 7328} 7329 7330.woocommerce ul.products li.product .woocommerce-placeholder { 7331 border: 0; 7332} 7333 7334.woocommerce .products .product-category h2, .woocommerce .products .product-category h3 { 7335 margin: 0; 7336 font-size: 18px; 7337 font-weight: 600; 7338 line-height: 1.3; 7339} 7340 7341.woocommerce .products .product-category mark { 7342 background: transparent; 7343 color: #424242; 7344 font-weight: 400; 7345} 7346 7347.woocommerce .woocommerce-result-count { 7348 margin: 0 0 20px; 7349 color: #424242; 7350 font-size: 14px; 7351 line-height: 1.5; 7352} 7353 7354.woocommerce .woocommerce-ordering { 7355 margin: 0 0 20px; 7356} 7357 7358.woocommerce .woocommerce-ordering select { 7359 max-width: 100%; 7360} 7361 7362@media screen and (max-width: 1199px) { 7363 .woocommerce ul.products { 7364 grid-template-columns: 1fr; 7365 gap: 30px; 7366 } 7367 7368 .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { 7369 float: none; 7370 width: 100%; 7371 } 7372} 7373 7374@media screen and (min-width: 1200px) { 7375 .woocommerce ul.products { 7376 grid-template-columns: repeat(3, minmax(0, 1fr)); 7377 gap: 30px 4%; 7378 } 7379 7380 .woocommerce ul.products li.product a img, .woocommerce .products .product-category img { 7381 height: 220px !important; 7382 max-height: 220px !important; 7383 object-fit: contain !important; 7384 object-position: center center !important; 7385 } 7386 7387 .woocommerce .woocommerce-result-count { 7388 float: left; 7389 } 7390 7391 .woocommerce .woocommerce-ordering { 7392 float: right; 7393 } 7394} 7395 7396.woocommerce div.product { 7397 clear: both; 7398} 7399 7400.woocommerce div.product::after, .woocommerce div.product .woocommerce-tabs::after, .woocommerce div.product .woocommerce-product-gallery::after, .woocommerce div.product .summary::after, .woocommerce #reviews::after { 7401 clear: both; 7402 content: ""; 7403 display: table; 7404} 7405 7406.woocommerce div.product div.images, .woocommerce div.product div.summary { 7407 margin-bottom: 30px; 7408} 7409 7410.woocommerce div.product div.images { 7411 position: relative; 7412} 7413 7414.woocommerce div.product div.images img { 7415 display: block; 7416 width: 100%; 7417 height: auto; 7418 border-radius: 0; 7419 box-shadow: none; 7420} 7421 7422.woocommerce div.product div.images .woocommerce-product-gallery__wrapper { 7423 margin: 0; 7424 padding: 0; 7425} 7426 7427.woocommerce div.product div.images .woocommerce-product-gallery__image { 7428 margin: 0; 7429 padding: 0; 7430} 7431 7432.woocommerce div.product div.images .flex-control-thumbs { 7433 clear: both; 7434 display: grid; 7435 grid-template-columns: repeat(4, minmax(0, 1fr)); 7436 gap: 5px; 7437 margin: 10px 0 0; 7438 padding: 0; 7439 list-style: none; 7440} 7441 7442.woocommerce div.product div.images .flex-control-thumbs li { 7443 width: 100%; 7444 margin: 0; 7445 padding: 0; 7446 list-style: none; 7447 cursor: pointer; 7448} 7449 7450.woocommerce div.product div.images .flex-control-thumbs li img { 7451 display: block; 7452 width: 100%; 7453 height: auto; 7454 border-radius: 0; 7455 opacity: 0.75; 7456} 7457 7458.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { 7459 opacity: 1; 7460} 7461 7462.woocommerce div.product .woocommerce-product-gallery__trigger { 7463 position: absolute; 7464 top: 10px; 7465 right: 10px; 7466 z-index: 2; 7467} 7468 7469.woocommerce span.onsale, .woocommerce div.product span.onsale { 7470 display: inline-block; 7471 position: absolute; 7472 top: 10px; 7473 left: 10px; 7474 z-index: 2; 7475 min-width: 0; 7476 min-height: 0; 7477 padding: 5px 10px; 7478 background: #9E9D24; 7479 border-radius: 999px; 7480 color: #ffffff; 7481 font-size: 12px; 7482 font-weight: 600; 7483 line-height: 1.5; 7484 text-align: center; 7485 text-transform: uppercase; 7486} 7487 7488.woocommerce div.product .summary { 7489 position: relative; 7490} 7491
7492/* woocommerce h1 fallback reset in case native plugin output leaks through */ 7493 7494.woocommerce div.product .product_title { 7495 clear: none; 7496 padding: 0; 7497} 7498 7499.woocommerce div.product p.price, .woocommerce div.product span.price, .price { 7500 margin: 0 0 20px; 7501 font-size: 24px !important; 7502 font-weight: 600 !important; 7503 line-height: 1.3 !important; 7504 color: #9E9D24 !important; 7505} 7506 7507.woocommerce div.product p.price del, .woocommerce div.product span.price del, .price del { 7508 color: #424242; 7509 opacity: 0.6; 7510} 7511 7512.woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .price ins { 7513 background: transparent; 7514 font-weight: 600; 7515 text-decoration: none; 7516} 7517 7518.woocommerce div.product p.stock, p.stock { 7519 margin: 0 0 20px; 7520 font-size: 12px !important; 7521 font-weight: 400 !important; 7522 line-height: 1.5 !important; 7523 color: #9E9D24 !important; 7524} 7525 7526.woocommerce div.product .woocommerce-product-details__short-description { 7527 clear: both; 7528 margin: 0 0 20px; 7529} 7530 7531.woocommerce div.product .woocommerce-product-details__short-description p:last-child { 7532 margin-bottom: 0; 7533} 7534 7535.woocommerce .summary ul, .woocommerce div.product .summary ul { 7536 margin-left: 0 !important; 7537} 7538 7539.product_meta, .woocommerce div.product .product_meta { 7540 clear: both; 7541 display: block; 7542 padding: 16px 0 0; 7543 border-top: 1px solid #e0e0e0; 7544 color: #607D8B; 7545 font-size: 13px; 7546 line-height: 1.8; 7547} 7548 7549.woocommerce div.product .product_meta a { 7550 color: #607D8B; 7551 font-weight: 600; 7552 text-decoration: none; 7553} 7554 7555.woocommerce div.product .product_meta a:hover { 7556 color: #607D8B; 7557 text-decoration: underline; 7558} 7559 7560.sku_wrapper, .posted_in, .tagged_as { 7561 display: block; 7562} 7563 7564.woocommerce div.product .woocommerce-tabs { 7565 clear: both; 7566 width: 100%; 7567 margin: 40px 0; 7568} 7569 7570.woocommerce div.product .woocommerce-tabs ul.tabs { 7571 align-items: flex-end; 7572 clear: both; 7573 display: flex !important; 7574 flex-wrap: wrap; 7575 gap: 0; 7576 justify-content: flex-start; 7577 margin: 0 0 24px !important; 7578 padding: 0 !important; 7579 border: 0 !important; 7580 box-shadow: inset 0 -1px 0 #e0e0e0; 7581 list-style: none; 7582} 7583 7584.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { 7585 display: none !important; 7586 content: none !important; 7587} 7588 7589.woocommerce div.product .woocommerce-tabs ul.tabs li { 7590 display: block; 7591 position: relative; 7592 z-index: 1; 7593 margin: 0 4px 0 0 !important; 7594 padding: 0 !important; 7595 background: #f5f5f5; 7596 border: 1px solid #e0e0e0; 7597 border-bottom: 1px solid #e0e0e0; 7598 border-radius: 4px 4px 0 0; 7599 box-shadow: none; 7600 list-style: none; 7601 transition: background-color 0.15s ease-in-out; 7602} 7603 7604.woocommerce div.product .woocommerce-tabs ul.tabs li:first-child { 7605 margin-left: 0 !important; 7606} 7607 7608.woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active):hover, .woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active):focus-within { 7609 background: rgba(0, 0, 0, 0.07); 7610} 7611 7612.woocommerce div.product .woocommerce-tabs ul.tabs li.active { 7613 z-index: 2; 7614 background: #ffffff !important; 7615 border-bottom: 0 !important; 7616 box-shadow: 0 1px 0 #ffffff !important; 7617 transition: none; 7618} 7619 7620.woocommerce div.product .woocommerce-tabs ul.tabs li.active:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:focus-within { 7621 background: #ffffff !important; 7622} 7623 7624.woocommerce div.product .woocommerce-tabs ul.tabs li a { 7625 display: block; 7626 padding: 10px 16px 11px; 7627 background: transparent !important; 7628 border: 0; 7629 border-radius: 4px 4px 0 0; 7630 box-shadow: none !important; 7631 color: #424242 !important; 7632 font-size: 14px; 7633 font-weight: 600; 7634 line-height: 1.5; 7635 text-decoration: none; 7636 transition: none; 7637} 7638 7639.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus, .woocommerce div.product .woocommerce-tabs ul.tabs li a:active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { 7640 background: transparent !important; 7641 box-shadow: none !important; 7642 color: #424242 !important; 7643 font-weight: 600; 7644 transition: none; 7645} 7646 7647.woocommerce div.product .woocommerce-tabs .panel { 7648 clear: both; 7649 margin: 0 0 30px; 7650 padding: 0; 7651} 7652 7653.woocommerce div.product .woocommerce-tabs .panel h2:first-child { 7654 margin-top: 0; 7655} 7656 7657.woocommerce div.product .woocommerce-tabs .panel p:last-child { 7658 margin-bottom: 0; 7659} 7660 7661.woocommerce div.product .woocommerce-tabs table.shop_attributes, .woocommerce div.product .woocommerce-tabs table.woocommerce-product-attributes { 7662 margin: 0 0 30px; 7663 border: 1px solid #e0e0e0; 7664 border-collapse: collapse; 7665 border-radius: 0; 7666} 7667 7668.woocommerce div.product .woocommerce-tabs table.shop_attributes th, .woocommerce div.product .woocommerce-tabs table.shop_attributes td, .woocommerce div.product .woocommerce-tabs table.woocommerce-product-attributes th, .woocommerce div.product .woocommerce-tabs table.woocommerce-product-attributes td { 7669 padding: 12px 15px; 7670 background: #ffffff; 7671 border: 1px solid #e0e0e0; 7672 font-style: normal; 7673 line-height: 1.5; 7674 text-align: left; 7675 vertical-align: top; 7676} 7677 7678.woocommerce div.product .woocommerce-tabs table.shop_attributes th, .woocommerce div.product .woocommerce-tabs table.woocommerce-product-attributes th { 7679 width: 35%; 7680 font-weight: 700; 7681} 7682 7683.woocommerce div.product .woocommerce-tabs table.shop_attributes p, .woocommerce div.product .woocommerce-tabs table.woocommerce-product-attributes p { 7684 margin: 0; 7685} 7686 7687.woocommerce .woocommerce-product-rating { 7688 clear: both; 7689 margin: 0 0 20px; 7690 line-height: 1.5; 7691} 7692 7693.woocommerce .woocommerce-product-rating::after { 7694 clear: both; 7695 content: ""; 7696 display: table; 7697} 7698 7699.woocommerce .star-rating { 7700 position: relative;
7701 display: inline-block; 7702 width: 5.4em; 7703 height: 1em; 7704 color: #9E9D24; 7705 font-size: 12px; 7706 line-height: 1; 7707 overflow: hidden; 7708} 7709 7710.woocommerce .star-rating::before { 7711 content: "â â â â â "; 7712 opacity: 0.35; 7713} 7714 7715.woocommerce .star-rating span { 7716 position: absolute; 7717 top: 0; 7718 left: 0; 7719 height: 100%; 7720 overflow: hidden; 7721} 7722 7723.woocommerce .star-rating span::before { 7724 content: "â â â â â "; 7725} 7726 7727.woocommerce .woocommerce-review-link { 7728 display: inline-block; 7729 margin-left: 10px; 7730 font-size: 12px; 7731 line-height: 1.5; 7732} 7733 7734.woocommerce #reviews { 7735 clear: both; 7736} 7737 7738.woocommerce #reviews #comments { 7739 clear: both; 7740 margin: 0 0 30px; 7741} 7742 7743.woocommerce #reviews #comments ol.commentlist { 7744 margin: 0; 7745 padding: 0; 7746 list-style: none; 7747} 7748 7749.woocommerce #reviews #comments ol.commentlist li { 7750 clear: both; 7751 margin: 0 0 20px; 7752 padding: 0; 7753 list-style: none; 7754} 7755 7756.woocommerce #reviews #comments ol.commentlist li img.avatar { 7757 float: left; 7758 width: 50px; 7759 height: auto; 7760 margin: 0 15px 10px 0; 7761 padding: 0; 7762 border: 0; 7763 border-radius: 999px; 7764} 7765 7766.woocommerce #reviews #comments ol.commentlist li .comment-text { 7767 margin: 0 0 0 65px; 7768 padding: 0; 7769 border: 0; 7770} 7771 7772.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { 7773 margin: 0 0 10px; 7774 font-size: 12px; 7775 line-height: 1.5; 7776} 7777 7778.woocommerce #reviews #comments ol.commentlist li .comment-text p:last-child { 7779 margin-bottom: 0; 7780} 7781 7782.woocommerce #review_form_wrapper { 7783 clear: both; 7784} 7785 7786.woocommerce #review_form #respond { 7787 margin: 0; 7788 padding: 0; 7789} 7790 7791.woocommerce #review_form #respond p { 7792 margin: 0 0 16px; 7793} 7794 7795.woocommerce #review_form #respond .form-submit { 7796 margin-bottom: 0; 7797} 7798 7799section.related, section.upsells, .woocommerce section.related, .woocommerce section.upsells { 7800 clear: both; 7801 display: block; 7802 margin-top: 30px !important; 7803} 7804 7805.woo-related-products-container { 7806 clear: both; 7807 display: block; 7808} 7809 7810@media screen and (max-width: 1199px) { 7811 .woocommerce div.product div.images, .woocommerce div.product div.summary { 7812 float: none; 7813 width: 100%; 7814 } 7815 7816 .product_meta, .woocommerce div.product .product_meta { 7817 margin: 20px 0; 7818 } 7819 7820 .woocommerce div.product .woocommerce-tabs ul.tabs { 7821 display: flex !important; 7822 flex-wrap: nowrap !important; 7823 overflow-x: auto; 7824 margin: 0 0 20px !important; 7825 padding: 0 !important; 7826 border: 0 !important; 7827 box-shadow: inset 0 -1px 0 #e0e0e0 !important; 7828 white-space: nowrap; 7829 -webkit-overflow-scrolling: touch; 7830 } 7831 7832 .woocommerce div.product .woocommerce-tabs ul.tabs li { 7833 flex: 0 0 auto; 7834 margin: 0 4px 0 0 !important; 7835 background: #f5f5f5 !important; 7836 border: 1px solid #e0e0e0 !important; 7837 border-bottom: 1px solid #e0e0e0 !important; 7838 border-radius: 4px 4px 0 0 !important; 7839 box-shadow: none !important; 7840 transition: background-color 0.15s ease-in-out !important; 7841 } 7842 7843 .woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active):hover, .woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active):focus-within { 7844 background: rgba(0, 0, 0, 0.07) !important; 7845 } 7846 7847 .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child { 7848 margin-left: 0 !important; 7849 } 7850 7851 .woocommerce div.product .woocommerce-tabs ul.tabs li.active { 7852 background: #ffffff !important; 7853 border-bottom: 0 !important; 7854 box-shadow: 0 1px 0 #ffffff !important; 7855 transition: none !important; 7856 } 7857 7858 .woocommerce div.product .woocommerce-tabs ul.tabs li.active:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:focus-within { 7859 background: #ffffff !important; 7860 } 7861 7862 .woocommerce div.product .woocommerce-tabs ul.tabs li a { 7863 padding: 9px 14px 10px !important; 7864 background: transparent !important; 7865 border: 0 !important; 7866 border-radius: 4px 4px 0 0 !important; 7867 box-shadow: none !important; 7868 color: #424242 !important; 7869 font-size: 14px !important; 7870 font-weight: 600 !important; 7871 line-height: 1.5 !important; 7872 transition: none !important; 7873 } 7874 7875 .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus, .woocommerce div.product .woocommerce-tabs ul.tabs li a:active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { 7876 background: transparent !important; 7877 box-shadow: none !important; 7878 color: #424242 !important; 7879 font-weight: 600 !important; 7880 transition: none !important; 7881 } 7882 7883 .woocommerce #reviews #comments ol.commentlist li .comment-text { 7884 margin-left: 0; 7885 } 7886} 7887 7888@media screen and (min-width: 1200px) { 7889 /* woocommerce breadcrumb fallback style in case native plugin output leaks through */ 7890 7891 .single-product .woocommerce-breadcrumb, body.single-product.woocommerce .woocommerce-breadcrumb { 7892 margin-bottom: 30px; 7893 } 7894 7895 .single-product div.product, body.single-product.woocommerce div.product { 7896 max-width: 1200px; 7897 margin: 0 auto; 7898 } 7899 7900 .woocommerce div.product div.images { 7901 float: left; 7902 width: 48%; 7903 } 7904 7905 .woocommerce div.product div.summary { 7906 float: right; 7907 width: 48%; 7908 } 7909 7910 .single-product div.product div.images, body.single-product.woocommerce div.product div.images { 7911 width: 392px; 7912 max-width: 392px; 7913 margin-right: 40px; 7914 } 7915 7916 .single-product div.product div.summary, body.single-product.woocommerce div.product div.summary { 7917 width: 768px; 7918 max-width: 768px; 7919 } 7920 7921 .single-product div.product div.images .woocommerce-product-gallery__image img, body.single-product.woocommerce div.product div.images .woocommerce-product-gallery__image img { 7922 max-height: 520px; 7923 object-fit: contain; 7924 } 7925 7926 .single-product div.product .woocommerce-tabs, body.single-product.woocommerce div.product .woocommerce-tabs { 7927 width: 100%; 7928 max-width: none; 7929 margin: 40px 0; 7930 } 7931 7932 .single-product section.related, .single-product section.upsells, body.single-product.woocommerce section.related, body.single-product.woocommerce section.upsells { 7933 max-width: 1200px; 7934 margin-right: auto !important; 7935 margin-left: auto !important; 7936 } 7937 7938 .single-product section.related ul.products, .single-product section.upsells ul.products, body.single-product.woocommerce section.related ul.products, body.single-product.woocommerce section.upsells ul.products { 7939 grid-template-columns: repeat(4, minmax(0, 1fr)); 7940 gap: 30px 4%; 7941 } 7942 7943 .single-product section.related ul.products li.product, .single-product section.upsells ul.products li.product, body.single-product.woocommerce section.related ul.products li.product, body.single-product.woocommerce section.upsells ul.products li.product { 7944 clear: none !important; 7945 float: none !important; 7946 width: 100% !important; 7947 margin: 0 !important; 7948 } 7949 7950 .single-product section.related ul.products li.product a img, .single-product section.upsells ul.products li.product a img, body.single-product.woocommerce section.related ul.products li.product a img, body.single-product.woocommerce section.upsells ul.products li.product a img { 7951 height: 220px !important; 7952 max-height: 220px !important; 7953 object-fit: contain !important; 7954 object-position: center center !important; 7955 } 7956 7957 .product_meta, .woocommerce div.product .product_meta { 7958 margin: 30px 0; 7959 } 7960} 7961 7962.add_to_cart_button, .single_add_to_cart_button, .woocommerce .button.add_to_cart_button, .woocommerce a.add_to_cart_button, .woocommerce button.single_add_to_cart_button, .woocommerce input.single_add_to_cart_button { 7963 display: inline-block; 7964 padding: 10px 20px; 7965 border: 0; 7966 border-radius: 4px; 7967 box-shadow: none; 7968 cursor: pointer; 7969 font-size: 16px; 7970 font-weight: 700; 7971 line-height: 1.5; 7972 text-align: center; 7973 text-decoration: none; 7974} 7975 7976.single_add_to_cart_button, .woocommerce button.single_add_to_cart_button, .woocommerce input.single_add_to_cart_button { 7977 background: #ea910b !important; 7978 color: #ffffff !important; 7979} 7980 7981.single_add_to_cart_button:hover, .single_add_to_cart_button:focus, .single_add_to_cart_button:active, .woocommerce button.single_add_to_cart_button:hover, .woocommerce button.single_add_to_cart_button:focus, .woocommerce button.single_add_to_cart_button:active, .woocommerce input.single_add_to_cart_button:hover, .woocommerce input.single_add_to_cart_button:focus, .woocommerce input.single_add_to_cart_button:active { 7982 background: #ff6d00 !important; 7983 color: #ffffff !important; 7984} 7985 7986.single_add_to_cart_button.disabled, .single_add_to_cart_button:disabled, .single_add_to_cart_button[disabled], .woocommerce button.single_add_to_cart_button.disabled, .woocommerce button.single_add_to_cart_button:disabled, .woocommerce button.single_add_to_cart_button[disabled], .woocommerce input.single_add_to_cart_button.disabled, .woocommerce input.single_add_to_cart_button:disabled, .woocommerce input.single_add_to_cart_button[disabled] { 7987 background: #bdbdbd !important; 7988 color: #ffffff !important;
7989 cursor: not-allowed !important; 7990 opacity: 0.75 !important; 7991} 7992 7993.add_to_cart_button, .woocommerce .button.add_to_cart_button, .woocommerce a.add_to_cart_button { 7994 background: #e0e0e0 !important; 7995 color: #424242 !important; 7996} 7997 7998.add_to_cart_button:hover, .add_to_cart_button:focus, .add_to_cart_button:active, .woocommerce .button.add_to_cart_button:hover, .woocommerce .button.add_to_cart_button:focus, .woocommerce .button.add_to_cart_button:active, .woocommerce a.add_to_cart_button:hover, .woocommerce a.add_to_cart_button:focus, .woocommerce a.add_to_cart_button:active { 7999 background: #bdbdbd !important; 8000 color: #424242 !important; 8001} 8002 8003.woocommerce .button.loading, .woocommerce .button.added, .woocommerce a.add_to_cart_button.loading, .woocommerce a.add_to_cart_button.added { 8004 opacity: 0.75; 8005} 8006 8007.woocommerce a.added_to_cart { 8008 display: inline-block; 8009 margin: 10px 0 0; 8010 color: #ea910b; 8011 font-size: 14px; 8012 font-weight: 600; 8013 line-height: 1.5; 8014 text-decoration: underline; 8015} 8016 8017.woocommerce a.added_to_cart:hover { 8018 color: #ff6d00; 8019} 8020 8021.woocommerce div.product form.cart, form.cart { 8022 clear: both; 8023 margin: 0 0 30px; 8024} 8025 8026.woocommerce div.product form.cart::after, form.cart::after, .woocommerce div.product form.cart .variations_button::after, .woocommerce div.product form.cart .single_variation_wrap::after { 8027 clear: both; 8028 content: ""; 8029 display: table; 8030} 8031 8032.woocommerce div.product form.cart .button { 8033 vertical-align: middle; 8034} 8035 8036.woocommerce div.product form.cart table.variations, .single-product .summary .variations_form table.variations { 8037 width: 100% !important; 8038 margin: 0 0 12px !important; 8039 background: transparent !important; 8040 border: 0; 8041 border-collapse: collapse !important; 8042 border-radius: 0; 8043} 8044 8045.woocommerce div.product form.cart table.variations tbody, .woocommerce div.product form.cart table.variations tr, .single-product .summary .variations_form table.variations tbody, .single-product .summary .variations_form table.variations tr { 8046 display: block !important; 8047 width: 100% !important; 8048 background: transparent !important; 8049} 8050 8051.woocommerce div.product form.cart table.variations tr + tr, .single-product .summary .variations_form table.variations tr + tr { 8052 margin-top: 16px !important; 8053} 8054 8055.woocommerce div.product form.cart table.variations th.label, .woocommerce div.product form.cart table.variations td.value, .single-product .summary .variations_form table.variations th.label, .single-product .summary .variations_form table.variations td.value { 8056 display: block !important; 8057 clear: both !important; 8058 float: none !important; 8059 width: 100% !important; 8060 margin: 0 !important; 8061 padding: 0 !important; 8062 background: transparent !important; 8063 border: 0 !important; 8064 line-height: 1.5 !important; 8065} 8066 8067.woocommerce div.product form.cart table.variations th.label label, .single-product .summary .variations_form table.variations th.label label { 8068 display: block; 8069 margin: 0 0 6px; 8070 color: #424242; 8071 font-weight: 600; 8072} 8073 8074.woocommerce div.product form.cart table.variations td.value, .single-product .summary .variations_form table.variations td.value { 8075 position: relative; 8076 padding-bottom: 0 !important; 8077} 8078 8079.woocommerce div.product form.cart table.variations td.value select, .single-product .summary .variations_form table.variations td.value select { 8080 appearance: none !important; 8081 -webkit-appearance: none !important; 8082 -moz-appearance: none !important; 8083 display: block !important; 8084 box-sizing: border-box !important; 8085 width: 100% !important; 8086 max-width: 100% !important; 8087 height: 46px !important; 8088 min-height: 46px !important; 8089 padding: 10px 44px 10px 16px !important; 8090 background-color: #ffffff !important; 8091 background-image: url('data:image/svg+xml;utf8,<svg height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" fill="none" stroke="%23424242" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>') !important; 8092 background-position: right 14px center !important; 8093 background-repeat: no-repeat !important; 8094 background-size: 16px !important; 8095 border: 0 !important; 8096 border-radius: 4px !important; 8097 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 8098 color: #424242 !important; 8099 cursor: pointer !important; 8100 font-size: 16px !important; 8101 font-weight: 400 !important; 8102 line-height: 1.5 !important; 8103 vertical-align: middle !important; 8104} 8105 8106.woocommerce div.product form.cart table.variations td.value select:hover, .single-product .summary .variations_form table.variations td.value select:hover { 8107 background-color: #ffffff !important; 8108 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 8109 color: #424242 !important; 8110} 8111 8112.woocommerce div.product form.cart table.variations td.value select:focus, .woocommerce div.product form.cart table.variations td.value select:active, .single-product .summary .variations_form table.variations td.value select:focus, .single-product .summary .variations_form table.variations td.value select:active { 8113 background-color: #ffffff !important; 8114 box-shadow: inset 0 0 0 2px #ea910b !important; 8115 color: #424242 !important; 8116 outline: 0 !important; 8117} 8118 8119.woocommerce div.product form.cart .reset_variations, .single-product .summary .variations_form .reset_variations { 8120 position: absolute; 8121 top: -28px; 8122 right: 0; 8123 display: inline-block !important; 8124 margin: 0 !important; 8125 color: #ea910b; 8126 font-size: 13px; 8127 line-height: 1.5; 8128} 8129 8130.woocommerce div.product form.cart .reset_variations:hover, .single-product .summary .variations_form .reset_variations:hover { 8131 color: #ff6d00; 8132} 8133 8134.woocommerce div.product form.cart .reset_variations[style*="visibility: hidden"], .woocommerce div.product form.cart .reset_variations[aria-hidden="true"], .single-product .summary .variations_form .reset_variations[style*="visibility: hidden"], .single-product .summary .variations_form .reset_variations[aria-hidden="true"] { 8135 display: none !important; 8136 visibility: hidden !important; 8137} 8138 8139.woocommerce div.product form.cart .single_variation_wrap, .woocommerce div.product form.cart .single_variation, .woocommerce div.product form.cart .woocommerce-variation, div.single_variation_wrap { 8140 clear: both; 8141 margin: 0 !important; 8142 padding: 0 !important; 8143} 8144 8145.woocommerce div.product form.cart .single_variation:empty, .woocommerce div.product form.cart .woocommerce-variation:empty, .woocommerce div.product form.cart .single_variation[style*="display: none"], .woocommerce div.product form.cart .woocommerce-variation[style*="display: none"] { 8146 display: none !important; 8147 margin: 0 !important; 8148 padding: 0 !important; 8149} 8150
8151.woocommerce div.product form.cart .woocommerce-variation-price, .woocommerce div.product form.cart .woocommerce-variation-availability, .woocommerce div.product form.cart .woocommerce-variation-description { 8152 margin: 0 0 12px !important; 8153 padding: 0 !important; 8154} 8155 8156.woocommerce div.product form.cart .woocommerce-variation-price:empty, .woocommerce div.product form.cart .woocommerce-variation-availability:empty, .woocommerce div.product form.cart .woocommerce-variation-description:empty { 8157 display: none !important; 8158 margin: 0 !important; 8159 padding: 0 !important; 8160} 8161 8162.woocommerce div.product form.cart .woocommerce-variation-description p:last-child { 8163 margin-bottom: 0; 8164} 8165 8166.woocommerce div.product form.cart .variations_button { 8167 clear: both; 8168 margin: 0 !important; 8169 padding: 0 !important; 8170} 8171 8172.woocommerce div.product form.cart.grouped_form { 8173 display: block !important; 8174} 8175 8176.woocommerce div.product form.cart.grouped_form table.group_table { 8177 width: 100%; 8178 margin: 0 0 30px; 8179 background: #ffffff; 8180 border: 1px solid #e0e0e0; 8181 border-collapse: collapse; 8182 border-radius: 0; 8183} 8184 8185.woocommerce div.product form.cart.grouped_form table.group_table td { 8186 padding: 12px 10px; 8187 border: 1px solid #e0e0e0; 8188 vertical-align: middle; 8189} 8190 8191.woocommerce div.product form.cart.grouped_form table.group_table td.woocommerce-grouped-product-list-item__label label { 8192 font-weight: 600; 8193} 8194 8195.woocommerce div.product form.cart.grouped_form table.group_table td.woocommerce-grouped-product-list-item__price { 8196 color: #9E9D24; 8197 font-weight: 600; 8198} 8199 8200input.qty { 8201 width: 60px !important; 8202 height: 46px !important; 8203 min-height: 46px !important; 8204 margin: 0 !important; 8205 padding: 10px 16px !important; 8206 background: #ffffff !important; 8207 border: 0 !important; 8208 border-radius: 4px !important; 8209 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 8210 color: #424242 !important; 8211 font-size: 16px !important; 8212 font-weight: 400 !important; 8213 line-height: 1.5 !important; 8214 text-align: center !important; 8215 vertical-align: middle !important; 8216 appearance: textfield; 8217 -moz-appearance: textfield; 8218 -webkit-appearance: none; 8219} 8220 8221input.qty:focus, input.qty:active { 8222 background: #ffffff !important; 8223 box-shadow: inset 0 0 0 2px #ea910b !important; 8224 color: #424242 !important; 8225 outline: 0 !important; 8226} 8227 8228input.qty::-webkit-outer-spin-button, input.qty::-webkit-inner-spin-button { 8229 margin: 0 !important; 8230 -webkit-appearance: none !important; 8231} 8232 8233input.qty[type="number"] { 8234 -moz-appearance: textfield !important; 8235} 8236 8237.quantity select.qty, .hovercraft-quantity-select { 8238 appearance: none !important; 8239 -webkit-appearance: none !important; 8240 -moz-appearance: none !important; 8241 display: block !important; 8242 box-sizing: border-box !important; 8243 width: 100% !important; 8244 max-width: 100% !important; 8245 height: 46px !important; 8246 min-height: 46px !important; 8247 margin: 0 !important; 8248 padding: 10px 44px 10px 16px !important; 8249 background-color: #ffffff !important; 8250 background-image: url('data:image/svg+xml;utf8,<svg height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M6 9l6 6 6-6" fill="none" stroke="%23424242" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/></svg>') !important; 8251 background-position: right 14px center !important; 8252 background-repeat: no-repeat !important; 8253 background-size: 16px !important; 8254 border: 0 !important; 8255 border-radius: 4px !important; 8256 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 8257 color: #424242 !important; 8258 cursor: pointer !important; 8259 font-size: 16px !important; 8260 font-weight: 400 !important; 8261 line-height: 1.5 !important; 8262 text-align: center !important; 8263 vertical-align: middle !important; 8264} 8265 8266.quantity select.qty:hover, .hovercraft-quantity-select:hover { 8267 background-color: #ffffff !important; 8268 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 8269} 8270 8271.quantity select.qty:focus, .quantity select.qty:active, .hovercraft-quantity-select:focus, .hovercraft-quantity-select:active { 8272 background-color: #ffffff !important; 8273 box-shadow: inset 0 0 0 2px #ea910b !important; 8274 color: #424242 !important; 8275 outline: 0 !important; 8276} 8277 8278.single-product form.cart { 8279 display: flex !important; 8280 flex-direction: column !important; 8281 align-items: stretch !important; 8282} 8283 8284.single-product form.cart div.quantity { 8285 width: 100% !important; 8286 margin: 0 0 12px !important; 8287} 8288 8289.single-product form.cart button.single_add_to_cart_button { 8290 width: 100% !important; 8291 height: 44px !important; 8292 padding: 0 20px !important; 8293 border: 0 !important; 8294 box-shadow: none !important; 8295 font-size: 16px !important; 8296 font-weight: 700 !important; 8297 line-height: 44px !important; 8298 vertical-align: middle !important; 8299} 8300 8301.single-product .summary form.variations_form.cart { 8302 display: block !important; 8303 flex-direction: column !important; 8304 align-items: stretch !important; 8305} 8306 8307.woocommerce .screen-reader-text { 8308 position: absolute; 8309 width: 1px; 8310 height: 1px; 8311 padding: 0; 8312 margin: -1px; 8313 border: 0; 8314 overflow: hidden; 8315 clip: rect(0, 0, 0, 0); 8316 white-space: nowrap; 8317} 8318 8319@media screen and (max-width: 1199px) { 8320 .woocommerce div.product form.cart.grouped_form table.group_table, .woocommerce div.product form.cart.grouped_form table.group_table tbody, .woocommerce div.product form.cart.grouped_form table.group_table tr, .woocommerce div.product form.cart.grouped_form table.group_table td { 8321 display: block; 8322 width: 100%; 8323 box-sizing: border-box; 8324 } 8325} 8326 8327@media screen and (min-width: 1200px) { 8328 .single-product .summary form.cart:not(.grouped_form) { 8329 max-width: 392px; 8330 } 8331} 8332 8333.woocommerce-notices-wrapper { 8334 clear: both; 8335} 8336 8337.woocommerce-notices-wrapper:empty {
8338 display: none; 8339} 8340 8341.woocommerce-message, .woocommerce-info, .woocommerce-error { 8342 position: relative; 8343 clear: both; 8344 box-sizing: border-box; 8345 width: 100%; 8346 margin: 0 0 30px !important; 8347 padding: 16px 18px !important; 8348 background: #eceff1; 8349 border: 0 !important; 8350 border-left: 4px solid #ea910b !important; 8351 border-radius: 4px; 8352 box-shadow: none !important; 8353 color: #424242 !important; 8354 font-size: 16px; 8355 line-height: 1.5; 8356 list-style: none; 8357} 8358 8359.woocommerce-message::before, .woocommerce-message::after, .woocommerce-info::before, .woocommerce-info::after, .woocommerce-error::before, .woocommerce-error::after { 8360 content: none !important; 8361 display: none !important; 8362 border: 0 !important; 8363} 8364 8365.woocommerce-message { 8366 display: flex !important; 8367 align-items: center; 8368 justify-content: space-between; 8369 flex-wrap: wrap; 8370 gap: 14px; 8371} 8372 8373.woocommerce-info { 8374 background: #eceff1; 8375} 8376 8377.woocommerce-error { 8378 background: #fff5f5; 8379 border-left-color: #ff1744 !important; 8380} 8381 8382.woocommerce-message ul, .woocommerce-info ul, .woocommerce-error ul { 8383 margin: 0; 8384 padding: 0; 8385 list-style: none; 8386} 8387 8388.woocommerce-message li, .woocommerce-info li, .woocommerce-error li { 8389 margin: 0 0 8px; 8390 padding: 0; 8391 list-style: none; 8392} 8393 8394.woocommerce-message li:last-child, .woocommerce-info li:last-child, .woocommerce-error li:last-child { 8395 margin-bottom: 0; 8396} 8397 8398.woocommerce-message a, .woocommerce-info a, .woocommerce-error a { 8399 color: #ea910b; 8400 font-weight: 600; 8401} 8402 8403.woocommerce-message a:hover, .woocommerce-info a:hover, .woocommerce-error a:hover { 8404 color: #ff6d00; 8405} 8406 8407.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button { 8408 display: inline-block; 8409 float: none !important; 8410 margin: 0 0 0 auto !important; 8411 padding: 8px 20px !important; 8412 background: #ea910b !important; 8413 border: 0 !important; 8414 border-radius: 4px; 8415 box-shadow: none !important; 8416 color: #ffffff !important; 8417 font-size: 14px !important; 8418 font-weight: 600; 8419 line-height: 1.5 !important; 8420 opacity: 1 !important; 8421 order: 2; 8422 text-decoration: none; 8423} 8424 8425.woocommerce-message .button:hover, .woocommerce-message .button:focus, .woocommerce-info .button:hover, .woocommerce-info .button:focus, .woocommerce-error .button:hover, .woocommerce-error .button:focus { 8426 background: #ff6d00 !important; 8427 color: #ffffff !important; 8428} 8429 8430.woocommerce-message p:last-child, .woocommerce-info p:last-child, .woocommerce-error p:last-child { 8431 margin-bottom: 0; 8432} 8433 8434.woocommerce .woocommerce-form-login-toggle, .woocommerce .woocommerce-form-coupon-toggle { 8435 clear: both; 8436} 8437 8438@media screen and (max-width: 1199px) { 8439 .woocommerce-message, .woocommerce-info, .woocommerce-error { 8440 display: block !important; 8441 margin-bottom: 20px !important; 8442 } 8443 8444 .woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button { 8445 display: block; 8446 width: 100%; 8447 margin: 12px 0 0 !important; 8448 text-align: center; 8449 } 8450} 8451 8452.woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password, .woocommerce .woocommerce-form-login, .woocommerce .woocommerce-form-register { 8453 clear: both; 8454 padding: 30px; 8455 margin: 0 0 30px; 8456 background: #ffffff; 8457 border: 1px solid #e0e0e0; 8458 border-radius: 8px; 8459} 8460 8461.woocommerce form.login::after, .woocommerce form.register::after, .woocommerce form.lost_reset_password::after, .woocommerce .woocommerce-form-login::after, .woocommerce .woocommerce-form-register::after { 8462 clear: both; 8463 content: ""; 8464 display: table; 8465} 8466 8467.woocommerce form.login p:last-child, .woocommerce form.register p:last-child, .woocommerce form.lost_reset_password p:last-child { 8468 margin-bottom: 0; 8469} 8470 8471.woocommerce form.login .form-row, .woocommerce form.register .form-row, .woocommerce form.lost_reset_password .form-row, .woocommerce .woocommerce-form-login .form-row, .woocommerce .woocommerce-form-register .form-row { 8472 clear: both; 8473 margin: 0 0 16px; 8474 padding: 0; 8475} 8476 8477.woocommerce form.login .form-row::after, .woocommerce form.register .form-row::after, .woocommerce form.lost_reset_password .form-row::after, .woocommerce .woocommerce-form-login .form-row::after, .woocommerce .woocommerce-form-register .form-row::after { 8478 clear: both; 8479 content: ""; 8480 display: table; 8481} 8482 8483.woocommerce form.login label, .woocommerce form.register label, .woocommerce form.lost_reset_password label, .woocommerce .woocommerce-form-login label, .woocommerce .woocommerce-form-register label { 8484 display: block; 8485 margin: 0 0 6px; 8486 color: #424242; 8487 font-weight: 600; 8488 line-height: 1.5; 8489} 8490 8491.woocommerce form.login label.woocommerce-form-login__rememberme, .woocommerce .woocommerce-form-login label.woocommerce-form-login__rememberme { 8492 display: inline-block; 8493 margin: 0 0 16px; 8494 font-weight: 400; 8495} 8496 8497.woocommerce form.login input.input-text, .woocommerce form.register input.input-text, .woocommerce form.lost_reset_password input.input-text, .woocommerce .woocommerce-form-login input.input-text, .woocommerce .woocommerce-form-register input.input-text { 8498 width: 100%; 8499 max-width: 100%; 8500 min-height: 46px; 8501 box-sizing: border-box; 8502 padding: 10px 16px !important; 8503 background: #ffffff !important; 8504 border: 0 !important; 8505 border-radius: 4px !important; 8506 box-shadow: inset 0 0 0 1px #e0e0e0 !important; 8507 color: #424242 !important; 8508 font-size: 16px !important; 8509 line-height: 1.5 !important; 8510} 8511 8512.woocommerce form.login input.input-text:focus, .woocommerce form.register input.input-text:focus, .woocommerce form.lost_reset_password input.input-text:focus, .woocommerce .woocommerce-form-login input.input-text:focus, .woocommerce .woocommerce-form-register input.input-text:focus { 8513 background: #ffffff !important; 8514 box-shadow: inset 0 0 0 2px #ea910b !important; 8515 color: #424242 !important; 8516 outline: 0 !important; 8517} 8518 8519.woocommerce form.login input[type="checkbox"], .woocommerce form.register input[type="checkbox"], .woocommerce .woocommerce-form-login input[type="checkbox"], .woocommerce .woocommerce-form-register input[type="checkbox"], .woocommerce-form__input-checkbox { 8520 width: auto; 8521 height: auto; 8522 margin: 2px 10px 0 0; 8523 box-shadow: none !important; 8524 appearance: auto; 8525 -webkit-appearance: auto; 8526 -moz-appearance: auto; 8527} 8528 8529.woocommerce form.login .button, .woocommerce form.register .button, .woocommerce form.lost_reset_password .button, .woocommerce .woocommerce-form-login .button, .woocommerce .woocommerce-form-register .button { 8530 display: inline-block; 8531} 8532 8533.woocommerce .woocommerce-LostPassword, .woocommerce .lost_password { 8534 clear: both; 8535 margin: 16px 0 0; 8536 font-size: 14px; 8537 line-height: 1.5; 8538} 8539 8540.woocommerce .show-password-input { 8541 position: absolute !important; 8542 top: 0.4em !important; 8543 right: 0.7em; 8544 color: #ea910b; 8545 cursor: pointer; 8546} 8547 8548.woocommerce .show-password-input:hover { 8549 color: #ff6d00; 8550} 8551 8552@media screen and (max-width: 1199px) { 8553 .woocommerce form.login, .woocommerce form.register, .woocommerce form.lost_reset_password, .woocommerce .woocommerce-form-login, .woocommerce .woocommerce-form-register { 8554 padding: 20px; 8555 } 8556 8557 .woocommerce form.login .button, .woocommerce form.register .button, .woocommerce form.lost_reset_password .button, .woocommerce .woocommerce-form-login .button, .woocommerce .woocommerce-form-register .button { 8558 display: block; 8559 width: 100%; 8560 text-align: center; 8561 } 8562} 8563 8564.woocommerce-account .woocommerce { 8565 clear: both; 8566} 8567 8568.woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce-MyAccount-navigation::after, .woocommerce-account .woocommerce-MyAccount-content::after { 8569 clear: both; 8570 content: ""; 8571 display: table; 8572} 8573 8574.woocommerce-account .woocommerce-MyAccount-navigation { 8575 margin: 0 0 30px; 8576} 8577 8578.woocommerce-account .woocommerce-MyAccount-navigation ul { 8579 margin: 0; 8580 padding: 0; 8581 border: 1px solid #e0e0e0; 8582 border-radius: 8px; 8583 list-style: none; 8584 overflow: hidden; 8585} 8586 8587.woocommerce-account .woocommerce-MyAccount-navigation li { 8588 margin: 0; 8589 padding: 0; 8590 border-bottom: 1px solid #e0e0e0; 8591 list-style: none; 8592} 8593 8594.woocommerce-account .woocommerce-MyAccount-navigation li:last-child { 8595 border-bottom: 0; 8596} 8597 8598.woocommerce-account .woocommerce-MyAccount-navigation a { 8599 display: block; 8600 padding: 12px 15px; 8601 background: #ffffff; 8602 color: #ea910b; 8603 font-weight: 600; 8604 line-height: 1.5; 8605 text-decoration: none; 8606} 8607 8608.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-account .woocommerce-MyAccount-navigation a:hover { 8609 background: #eceff1; 8610 color: #ff6d00; 8611} 8612 8613.woocommerce-account .woocommerce-MyAccount-content { 8614 margin: 0 0 30px; 8615 color: #424242; 8616 line-height: 1.5; 8617} 8618 8619.woocommerce-account .woocommerce-MyAccount-content p:last-child { 8620 margin-bottom: 0; 8621} 8622 8623.woocommerce-account .woocommerce-MyAccount-content mark { 8624 background: #eceff1; 8625 border-radius: 4px; 8626 color: #424242; 8627 font-weight: 600; 8628} 8629 8630.woocommerce-account .woocommerce-MyAccount-content fieldset { 8631 margin: 0 0 30px; 8632 padding: 0; 8633 border: 0; 8634} 8635 8636.woocommerce-account .woocommerce-MyAccount-content legend { 8637 margin: 0 0 20px; 8638 padding: 0; 8639 color: #424242; 8640 font-size: 22px; 8641 font-weight: 600; 8642 line-height: 1.3; 8643} 8644 8645.woocommerce-account .woocommerce-MyAccount-content .form-row { 8646 clear: both; 8647 margin: 0 0 16px; 8648 padding: 0; 8649} 8650 8651.woocommerce-account .woocommerce-MyAccount-content .form-row::after { 8652 clear: both; 8653 content: ""; 8654 display: table; 8655} 8656 8657.woocommerce-account .woocommerce-MyAccount-content .form-row label { 8658 display: block; 8659 margin: 0 0 6px; 8660 color: #424242; 8661 font-weight: 600; 8662 line-height: 1.5; 8663} 8664 8665.woocommerce-account .woocommerce-MyAccount-content input[type="text"], .woocommerce-account .woocommerce-MyAccount-content input[type="email"], .woocommerce-account .woocommerce-MyAccount-content input[type="tel"], .woocommerce-account .woocommerce-MyAccount-content input[type="password"], .woocommerce-account .woocommerce-MyAccount-content select, .woocommerce-account .woocommerce-MyAccount-content textarea { 8666 width: 100%; 8667 max-width: 100%; 8668 box-sizing: border-box; 8669} 8670 8671.woocommerce-account .woocommerce-MyAccount-content input[type="checkbox"], .woocommerce-account .woocommerce-MyAccount-content input[type="radio"] { 8672 width: auto; 8673 height: auto; 8674 margin-right: 6px; 8675 appearance: auto; 8676 -webkit-appearance: auto; 8677 -moz-appearance: auto; 8678} 8679 8680.woocommerce-account .woocommerce-MyAccount-content .button { 8681 display: inline-block; 8682} 8683 8684.woocommerce-account table.shop_table, .woocommerce-account .woocommerce-orders-table, .woocommerce-account .woocommerce-MyAccount-paymentMethods { 8685 width: 100%; 8686 margin: 0 0 30px; 8687 background: #ffffff; 8688 border: 1px solid #e0e0e0; 8689 border-collapse: collapse; 8690 border-radius: 0; 8691} 8692 8693.woocommerce-account table.shop_table th, .woocommerce-account table.shop_table td, .woocommerce-account .woocommerce-orders-table th, .woocommerce-account .woocommerce-orders-table td, .woocommerce-account .woocommerce-MyAccount-paymentMethods th, .woocommerce-account .woocommerce-MyAccount-paymentMethods td { 8694 padding: 12px 10px; 8695 border: 1px solid #e0e0e0; 8696 color: #424242; 8697 line-height: 1.5; 8698 text-align: left; 8699 vertical-align: middle; 8700} 8701 8702.woocommerce-account table.shop_table th, .woocommerce-account .woocommerce-orders-table th, .woocommerce-account .woocommerce-MyAccount-paymentMethods th { 8703 background: #eceff1; 8704 font-weight: 600; 8705} 8706 8707.woocommerce-account .woocommerce-orders-table__cell-order-actions .button { 8708 margin: 0 5px 5px 0; 8709} 8710 8711.woocommerce-account .woocommerce-customer-details address, .woocommerce-account .woocommerce-Address address { 8712 padding: 20px; 8713 margin: 0 0 30px; 8714 background: #ffffff; 8715 border: 1px solid #e0e0e0; 8716 border-radius: 8px; 8717 font-style: normal; 8718 line-height: 1.5; 8719} 8720 8721.woocommerce-account .woocommerce-Addresses::after { 8722 clear: both; 8723 content: ""; 8724 display: table; 8725} 8726 8727.woocommerce-account .woocommerce-Address { 8728 margin-bottom: 30px; 8729} 8730 8731.woocommerce-account .woocommerce-Address-title { 8732 margin: 0 0 15px; 8733} 8734 8735.woocommerce-account .woocommerce-Address-title::after { 8736 clear: both; 8737 content: ""; 8738 display: table; 8739} 8740 8741.woocommerce-account .woocommerce-Address-title h2, .woocommerce-account .woocommerce-column__title { 8742 float: left; 8743 margin: 0; 8744 font-size: 22px; 8745} 8746 8747.woocommerce-account .woocommerce-Address-title .edit { 8748 float: right; 8749 font-size: 14px; 8750 line-height: 1.5; 8751} 8752 8753.woocommerce-account .woocommerce-EditAccountForm em { 8754 display: block; 8755 margin-top: 5px; 8756 color: #424242; 8757 font-size: 12px; 8758 font-style: normal; 8759 line-height: 1.5; 8760} 8761 8762.woocommerce-account .woocommerce-password-strength, .woocommerce-account .woocommerce-password-hint { 8763 display: block; 8764 margin: 8px 0 0; 8765 font-size: 12px; 8766 line-height: 1.5; 8767} 8768 8769.woocommerce-account .woocommerce-password-strength { 8770 padding: 8px; 8771 background: #eceff1; 8772 border: 0; 8773 border-radius: 4px; 8774 color: #424242; 8775} 8776 8777.woocommerce-account .woocommerce-form-login, .woocommerce-account .woocommerce-form-register { 8778 clear: both; 8779 padding: 30px; 8780 margin: 0 0 30px; 8781 background: #ffffff; 8782 border: 1px solid #e0e0e0; 8783 border-radius: 8px; 8784} 8785 8786.woocommerce-account .woocommerce-form-login .form-row, .woocommerce-account .woocommerce-form-register .form-row { 8787 margin: 0 0 16px; 8788} 8789 8790.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme { 8791 display: block; 8792 margin: 0 0 16px; 8793} 8794 8795.woocommerce-account .woocommerce-LostPassword { 8796 margin: 16px 0 0; 8797 font-size: 14px; 8798 line-height: 1.5; 8799} 8800 8801@media screen and (max-width: 1199px) { 8802 .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { 8803 float: none; 8804 width: 100%; 8805 } 8806 8807 .woocommerce-account table.shop_table thead, .woocommerce-account .woocommerce-orders-table thead, .woocommerce-account .woocommerce-MyAccount-paymentMethods thead { 8808 display: none; 8809 } 8810 8811 .woocommerce-account table.shop_table, .woocommerce-account table.shop_table tbody, .woocommerce-account table.shop_table tr, .woocommerce-account table.shop_table td, .woocommerce-account .woocommerce-orders-table, .woocommerce-account .woocommerce-orders-table tbody, .woocommerce-account .woocommerce-orders-table tr, .woocommerce-account .woocommerce-orders-table td, .woocommerce-account .woocommerce-MyAccount-paymentMethods, .woocommerce-account .woocommerce-MyAccount-paymentMethods tbody, .woocommerce-account .woocommerce-MyAccount-paymentMethods tr, .woocommerce-account .woocommerce-MyAccount-paymentMethods td { 8812 display: block; 8813 width: 100%; 8814 box-sizing: border-box; 8815 } 8816 8817 .woocommerce-account table.shop_table tr, .woocommerce-account .woocommerce-orders-table tr, .woocommerce-account .woocommerce-MyAccount-paymentMethods tr { 8818 margin-bottom: 20px; 8819 border: 1px solid #e0e0e0; 8820 } 8821 8822 .woocommerce-account table.shop_table td, .woocommerce-account .woocommerce-orders-table td, .woocommerce-account .woocommerce-MyAccount-paymentMethods td { 8823 border-width: 0 0 1px; 8824 } 8825 8826 .woocommerce-account .woocommerce-Address-title h2, .woocommerce-account .woocommerce-Address-title .edit { 8827 float: none; 8828 display: block; 8829 } 8830} 8831 8832@media screen and (min-width: 1200px) { 8833 .woocommerce-account .woocommerce-MyAccount-navigation { 8834 float: left; 8835 width: 25%; 8836 } 8837 8838 .woocommerce-account .woocommerce-MyAccount-content { 8839 float: right; 8840 width: 70%; 8841 } 8842 8843 .woocommerce-account .woocommerce-Address { 8844 float: left; 8845 width: 48%; 8846 } 8847 8848 .woocommerce-account .woocommerce-Address:nth-child(2n) { 8849 float: right; 8850 } 8851} 8852 8853ul.product_list_widget, .woocommerce ul.product_list_widget { 8854 width: 100%; 8855 margin: 0; 8856 padding: 0; 8857 display: grid; 8858 list-style: none; 8859} 8860 8861ul.product_list_widget::before, ul.product_list_widget::after, .woocommerce ul.product_list_widget::before, .woocommerce ul.product_list_widget::after { 8862 display: none !important; 8863 content: none !important; 8864} 8865 8866ul.product_list_widget li, .woocommerce ul.product_list_widget li { 8867 position: relative; 8868 margin: 0; 8869 padding: 0 !important; 8870 background: #ffffff; 8871 border-radius: 8px; 8872 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); 8873 line-height: 1.5; 8874 list-style: none; 8875 overflow: hidden; 8876 transition: box-shadow 0.2s ease; 8877} 8878
8879ul.product_list_widget li:hover, .woocommerce ul.product_list_widget li:hover { 8880 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 8881} 8882 8883ul.product_list_widget li a, .woocommerce ul.product_list_widget li a { 8884 display: block; 8885 position: relative; 8886 color: #ea910b; 8887 font-weight: 600; 8888 line-height: 1.5; 8889 text-decoration: none; 8890} 8891 8892ul.product_list_widget li a:hover, .woocommerce ul.product_list_widget li a:hover { 8893 color: #ff6d00; 8894} 8895 8896ul.product_list_widget li a::before, .woocommerce ul.product_list_widget li a::before { 8897 position: absolute; 8898 top: 0; 8899 left: 0; 8900 z-index: 1; 8901 width: 100%; 8902 height: 100%; 8903 background: rgba(0, 0, 0, 0.05); 8904 content: ""; 8905 pointer-events: none; 8906 transition: background 0.3s ease; 8907} 8908 8909ul.product_list_widget li a:hover::before, .woocommerce ul.product_list_widget li a:hover::before { 8910 background: rgba(0, 0, 0, 0); 8911} 8912 8913ul.product_list_widget li img, .woocommerce ul.product_list_widget li img { 8914 display: block !important; 8915 float: none !important; 8916 width: 100% !important; 8917 height: auto !important; 8918 margin-left: 0 !important; 8919 border-radius: 0; 8920 box-shadow: none !important; 8921 aspect-ratio: 1 / 1 !important; 8922 object-fit: cover !important; 8923} 8924 8925ul.product_list_widget .product-title, .woocommerce ul.product_list_widget .product-title { 8926 position: absolute; 8927 bottom: 0; 8928 left: 0; 8929 z-index: 2; 8930 box-sizing: border-box; 8931 width: 100%; 8932 padding: 8px 10px; 8933 background: rgba(0, 0, 0, 0.6); 8934 color: #ffffff; 8935 font-size: 14px; 8936 line-height: 1.2; 8937 text-align: center; 8938} 8939 8940ul.product_list_widget .wcpbc-price, .woocommerce ul.product_list_widget .wcpbc-price { 8941 display: block; 8942 margin-top: 0; 8943 padding: 8px 10px; 8944 background: #f0f0f0; 8945 color: #444444; 8946 font-size: 24px; 8947 font-weight: 600; 8948 line-height: 1.5; 8949 text-align: center; 8950} 8951 8952ul.product_list_widget .wcpbc-price del, .woocommerce ul.product_list_widget .wcpbc-price del { 8953 display: none; 8954} 8955 8956ul.product_list_widget .amount, .woocommerce ul.product_list_widget .amount { 8957 color: #9E9D24; 8958 font-weight: 600; 8959} 8960 8961ul.product_list_widget ins, .woocommerce ul.product_list_widget ins { 8962 background: transparent; 8963 font-weight: 600; 8964 text-decoration: none; 8965} 8966 8967ul.product_list_widget .star-rating, .woocommerce ul.product_list_widget .star-rating { 8968 display: block; 8969 margin: 8px 10px; 8970} 8971 8972@media screen and (max-width: 1199px) { 8973 ul.product_list_widget, .woocommerce ul.product_list_widget { 8974 grid-template-columns: repeat(2, 1fr); 8975 gap: 20px; 8976 } 8977} 8978 8979@media screen and (min-width: 1200px) { 8980 ul.product_list_widget, .woocommerce ul.product_list_widget { 8981 grid-template-columns: repeat(4, 1fr); 8982 gap: 60px; 8983 } 8984} 8985 8986/* desktop: cart icon wrapper */ 8987.cart-icon-wrapper { 8988 position: relative; 8989 display: inline-flex; 8990 align-items: center; 8991 justify-content: center; 8992 min-width: 44px; 8993 min-height: 44px; 8994 padding-left: 32px; 8995 text-align: center; 8996 vertical-align: middle; 8997 user-select: none; 8998} 8999 9000/* desktop: cart icon link */ 9001.cart-icon-wrapper > a { 9002 display: inline-flex; 9003 align-items: center; 9004 justify-content: center; 9005 min-width: 44px; 9006 min-height: 44px; 9007 line-height: 1; 9008 text-decoration: none !important; 9009 cursor: pointer; 9010 user-select: none; 9011} 9012 9013/* desktop: cart icon */ 9014.cart-icon-wrapper svg { 9015 display: block; 9016 width: 24px; 9017 height: 24px; 9018 padding: 0; 9019 line-height: 1; 9020 text-decoration: none !important; 9021 pointer-events: none; 9022 user-select: none; 9023} 9024 9025/* cart notification dots */ 9026.notification-dot, 9027.notification-dot-offcanvas { 9028 position: absolute; 9029 display: inline-flex; 9030 align-items: center; 9031 justify-content: center; 9032 min-width: 18px; 9033 height: 18px; 9034 padding: 0 4px; 9035 background-color: #f44336; 9036 border-radius: 999px; 9037 box-shadow: 0 0 0 2px #ffffff; 9038 color: #ffffff; 9039 font-size: 11px; 9040 font-weight: 700; 9041 line-height: 18px; 9042 text-align: center; 9043 white-space: nowrap; 9044 pointer-events: none; 9045 user-select: none; 9046} 9047 9048.notification-dot { 9049 top: 4px; 9050 right: -8px; 9051} 9052 9053.notification-dot-offcanvas { 9054 top: 4px; 9055 right: 12px; 9056} 9057 9058/* desktop: header cart nav item */ 9059.header-cart-nav-item { 9060 display: inline-flex; 9061 align-items: stretch; 9062 margin-left: 0; 9063 vertical-align: middle; 9064} 9065 9066.header-cart-nav-item a { 9067 display: flex; 9068 align-items: center; 9069 gap: 8px; 9070 padding: 12px 16px; 9071 background: transparent; 9072 border-radius: 0; 9073 color: #424242 !important; 9074 font-family: "Lato", sans-serif; 9075 font-size: 18px; 9076 font-weight: 400; 9077 line-height: 1.25; 9078 text-align: center; 9079 text-decoration: none !important; 9080 text-transform: none; 9081 white-space: nowrap; 9082} 9083 9084.header-layout-stacked-bottom .header-cart-nav-item:last-child a { 9085 padding-right: 0; 9086} 9087 9088.header-cart-nav-item a:hover { 9089 background: transparent; 9090 color: #424242 !important; 9091} 9092 9093#header-basic .header-cart-nav-item a, #header-basic .header-cart-nav-item a:hover { 9094 color: #212121 !important; 9095} 9096 9097#header-mini-hero .header-cart-nav-item a, #header-mini-hero .header-cart-nav-item a:hover { 9098 color: #212121 !important; 9099} 9100 9101#header-half-hero .header-cart-nav-item a, #header-half-hero .header-cart-nav-item a:hover { 9102 color: #263238 !important; 9103} 9104 9105#header-full-hero .header-cart-nav-item a, #header-full-hero .header-cart-nav-item a:hover { 9106 color: #ffffff !important; 9107} 9108 9109.header-cart-nav-count { 9110 display: inline-flex; 9111 align-items: center; 9112 justify-content: center; 9113 min-width: 18px; 9114 height: 18px; 9115 padding: 0 4px; 9116 background: #f44336; 9117 border-radius: 999px; 9118 color: #ffffff; 9119 font-size: 11px; 9120 font-weight: 700; 9121 line-height: 18px; 9122 text-align: center; 9123} 9124 9125/* mobile: cart button wrapper */ 9126.cart-button-offcanvas-wrapper { 9127 width: 100%; 9128 padding: 0 20px; 9129 margin-bottom: 20px; 9130} 9131 9132/* mobile: cart button */
9133.cart-button-offcanvas { 9134 position: relative; 9135 width: 100%; 9136 display: inline-flex; 9137 align-items: center; 9138 justify-content: center; 9139 min-height: 44px; 9140 box-sizing: border-box; 9141 text-align: center; 9142 font-size: 18px; 9143 font-weight: 700; 9144 padding: 8px 44px; 9145 color: #ffffff; 9146 background: transparent; 9147 border-radius: 4px; 9148 box-shadow: inset 0 0 0 1px #ffffff; 9149 text-decoration: none; 9150 vertical-align: middle; 9151} 9152 9153/* mobile: cart icon inside button */ 9154.cart-button-offcanvas i { 9155 padding-right: 8px !important; 9156 line-height: 1; 9157 text-decoration: none !important; 9158} 9159 9160@media screen and (max-width: 1199px) { 9161 .cart-icon-wrapper { 9162 position: relative; 9163 min-width: 44px; 9164 min-height: 44px; 9165 padding-left: 0; 9166 overflow: visible; 9167 } 9168 9169 .menu-mobile-wrapper .cart-icon-wrapper svg { 9170 width: 32px; 9171 height: 32px; 9172 } 9173 9174 .menu-mobile-wrapper .notification-dot { 9175 top: 4px; 9176 right: 4px; 9177 min-width: 18px; 9178 height: 18px; 9179 line-height: 18px; 9180 } 9181} 9182 9183/* focus states */ 9184 9185a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible { 9186 outline: 2px solid #ea910b !important; 9187 outline-offset: 2px; 9188} 9189 9190input:focus-visible, select:focus-visible, textarea:focus-visible { 9191 box-shadow: inset 0 0 0 1px #ea910b !important; 9192} 9193 9194.skip-link:focus, 9195.skip-link:focus-visible { 9196 clip: auto; 9197 position: fixed !important; 9198 top: 10px; 9199 left: 10px; 9200 z-index: 999999; 9201 width: auto; 9202 height: auto; 9203 padding: 10px 15px; 9204 overflow: visible; 9205 background: #ffffff; 9206 color: #ea910b; 9207 box-shadow: 0 0 0 2px #ea910b; 9208 text-decoration: none; 9209} 9210</style> 9211 9212<meta property="og:type" content="article"> 9213<meta property="og:title" content="Magic Detox® â #1 Rated 7-Day Herbal Cleanse | USDA Organic"> 9214<meta name="twitter:title" content="Magic Detox® â #1 Rated 7-Day Herbal Cleanse | USDA Organic"> 9215<meta property="og:description" content="Magic Detox® â Official Site | America’s #1 THC Cleanse â¡ Love it or your money back Test Clean in  7 Days The 7-Day Cleanse That Actually Works â â â â â 4.8/5 â 2,847 verified reviews SHOP NOW â $57.95 $49.26 with code DETOX â 60-day money-back…"> 9216<meta name="twitter:description" content="Magic Detox® â Official Site | America’s #1 THC Cleanse â¡ Love it or your money back Test Clean in  7 Days The 7-Day Cleanse That Actually Works â â â â â 4.8/5 â 2,847 verified reviews SHOP NOW â $57.95 $49.26 with code DETOX â 60-day money-back…"> 9217<meta property="og:url" content="https://magicdetox.com/"> 9218<meta property="og:site_name" content="Magic Detox®"> 9219<meta name="twitter:card" content="summary_large_image">
9220<script type="application/ld+json"> 9221{ 9222 "@context": "https://schema.org", 9223 "@graph": [ 9224 { 9225 "@type": "Organization", 9226 "@id": "https://magicdetox.com/#organization", 9227 "name": "Magic Detox", 9228 "legalName": "Herbal Solutions LLC", 9229 "alternateName": "Ultra Magic Detox", 9230 "url": "https://magicdetox.com/", 9231 "logo": { 9232 "@type": "ImageObject", 9233 "url": "https://magicdetox.com/wp-content/uploads/2026/04/magic-detox.png" 9234 }, 9235 "image": "https://magicdetox.com/wp-content/uploads/2026/04/magic-detox.png", 9236 "description": "Magic Detox is America's #1 herbal cleanse, trusted by over 700,000 customers since 2007. Our 7-day USDA-certified organic herbal program supports the body's natural detoxification process. Made in the USA in an FDA-registered facility.", 9237 "foundingDate": "2007", 9238 "slogan": "America's #1 Herbal Cleanse Since 2007", 9239 "brand": {"@type": "Brand", "name": "Magic Detox"}, 9240 "founder": [ 9241 { 9242 "@type": "Person", 9243 "@id": "https://magicdetox.com/about/#carl", 9244 "name": "Carl Shea", 9245 "jobTitle": "Co-Founder", 9246 "url": "https://magicdetox.com/about/", 9247 "worksFor": {"@id": "https://magicdetox.com/#organization"} 9248 }, 9249 { 9250 "@type": "Person", 9251 "@id": "https://magicdetox.com/author/kristen/#person", 9252 "name": "Kristen Shea", 9253 "jobTitle": "Co-Founder & Head of Formulation", 9254 "url": "https://magicdetox.com/author/kristen/", 9255 "worksFor": {"@id": "https://magicdetox.com/#organization"} 9256 } 9257 ], 9258 "address": { 9259 "@type": "PostalAddress", 9260 "streetAddress": "200 Arredondo Ave", 9261 "postalCode": "32080", 9262 "addressLocality": "St. Augustine", 9263 "addressRegion": "FL", 9264 "addressCountry": "US" 9265 }, 9266 "contactPoint": { 9267 "@type": "ContactPoint", 9268 "contactType": "customer service", 9269 "telephone": "+1-888-492-1115", 9270 "email": "[email protected]", 9271 "availableLanguage": "English" 9272 }, 9273 "telephone": "+1-888-492-1115", 9274 "email": "[email protected]", 9275 "knowsAbout": [ 9276 "Herbal Cleansing", 9277 "Body Detoxification", 9278 "Natural Wellness", 9279 "Organic Herbal Supplements", 9280 "Liver Support", 9281 "Kidney Support", 9282 "Holistic Health", 9283 "Whole-Body Reset", 9284 "Herbal Medicine" 9285 ], 9286 "sameAs": [ 9287 "https://www.facebook.com/magicdetox/", 9288 "https://www.instagram.com/ultramagicdetox", 9289 "https://www.tiktok.com/@magicdetox", 9290 "https://www.youtube.com/@ultramagicdetox", 9291 "https://x.com/ultrathcdetox" 9292 ] 9293 }, 9294 { 9295 "@type": "WebSite", 9296 "@id": "https://magicdetox.com/#website", 9297 "url": "https://magicdetox.com/", 9298 "name": "Magic Detox", 9299 "description": "America's #1 Herbal Cleanse Since 2007", 9300 "publisher": {"@id": "https://magicdetox.com/#organization"}, 9301 "inLanguage": "en-US", 9302 "potentialAction": { 9303 "@type": "SearchAction", 9304 "target": { 9305 "@type": "EntryPoint", 9306 "urlTemplate": "https://magicdetox.com/?s={search_term_string}" 9307 }, 9308 "query-input": "required name=search_term_string" 9309 } 9310 }, 9311 { 9312 "@type": "Product", 9313 "@id": "https://magicdetox.com/products/ultra-thc-detox/#product", 9314 "name": "Magic Detox 7-Day Total Herbal Cleanse", 9315 "image": [ 9316 "https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-7-day-cleanse-1.png" 9317 ], 9318 "description": "America's #1 herbal cleanse. A 7-day USDA-organic herbal program designed to support the body's natural detoxification of the liver, kidneys, and digestive tract. Trusted by over 700,000 customers since 2007.", 9319 "brand": {"@id": "https://magicdetox.com/#organization"}, 9320 "manufacturer": {"@id": "https://magicdetox.com/#organization"}, 9321 "sku": "MD-7DAY-CLEANSE", 9322 "category": "Herbal Supplements", 9323 "url": "https://magicdetox.com/products/ultra-thc-detox/", 9324 "aggregateRating": { 9325 "@type": "AggregateRating", 9326 "ratingValue": "4.8", 9327 "reviewCount": "69", 9328 "bestRating": "5", 9329 "worstRating": "1" 9330 }, 9331 "offers": { 9332 "@type": "Offer", 9333 "url": "https://magicdetox.com/products/ultra-thc-detox/", 9334 "price": "57.95", 9335 "priceCurrency": "USD", 9336 "availability": "https://schema.org/InStock", 9337 "priceValidUntil": "2026-12-31", 9338 "seller": {"@id": "https://magicdetox.com/#organization"}, 9339 "shippingDetails": { 9340 "@type": "OfferShippingDetails", 9341 "shippingRate": { 9342 "@type": "MonetaryAmount", 9343 "value": "0", 9344 "currency": "USD" 9345 }, 9346 "shippingDestination": {
9347 "@type": "DefinedRegion", 9348 "addressCountry": "US" 9349 } 9350 }, 9351 "hasMerchantReturnPolicy": { 9352 "@type": "MerchantReturnPolicy", 9353 "applicableCountry": "US", 9354 "returnPolicyCategory": "https://schema.org/MerchantReturnFiniteReturnWindow", 9355 "merchantReturnDays": 60, 9356 "returnMethod": "https://schema.org/ReturnByMail", 9357 "returnFees": "https://schema.org/FreeReturn" 9358 } 9359 } 9360 } 9361 ] 9362} 9363</script>
9363<meta name="description" content="Best THC Detox Kit - Trusted by 700,000+ customers. Magic Detox flushes Toxins fast with our powerful 7-day herbal cleanse. 100% organic, made in the USA, money-back guarantee. Order now and ships same day."><link rel="icon" href="https://magicdetox.com/wp-content/uploads/2024/04/cropped-Screenshot-2024-04-08-at-1.26.06-PM-32x32.png" sizes="32x32" /> 9364<link rel="icon" href="https://magicdetox.com/wp-content/uploads/2024/04/cropped-Screenshot-2024-04-08-at-1.26.06-PM-192x192.png" sizes="192x192" /> 9365<link rel="apple-touch-icon" href="https://magicdetox.com/wp-content/uploads/2024/04/cropped-Screenshot-2024-04-08-at-1.26.06-PM-180x180.png" /> 9366<meta name="msapplication-TileImage" content="https://magicdetox.com/wp-content/uploads/2024/04/cropped-Screenshot-2024-04-08-at-1.26.06-PM-270x270.png" /> 9367<style id="wp-custom-css"> 9368.rowstars { 9369 padding:0px !important; 9370 font-family: FontAwesome; 9371 display:inline !important; 9372 color:#ffcc33 !important; 9373 font-size:24px !important; 9374 line-height:2 !important; 9375 vertical-align: middle !important; 9376} 9377 9378.rowstars i { 9379 padding-right:5px; 9380} 9381 9382img.tease { 9383padding:5px; 9384 border:2px solid #444; 9385} 9386 9387.quickform input[type=text] { 9388 background:#fff !important; 9389 border:0px !important; 9390} 9391 9392.quickform input[type=email] { 9393 background:#fff !important; 9394 border:0px !important; 9395} 9396 9397.quickform textarea { 9398 background:#fff !important; 9399 border:0px !important; 9400 height:60px !important; 9401} 9402 9403.footfaq ul { 9404 list-style-type:disc !important; 9405 margin-left:15px !important; 9406} 9407 9408.footsoc { 9409 margin:0px !important; 9410 padding:0px !important; 9411 font-family: FontAwesome; 9412 display:inline !important; 9413 color:#fff !important; 9414 font-size:24px !important; 9415 line-height:2 !important; 9416 vertical-align: middle !important; 9417} 9418 9419.footsoc i { 9420 padding-right:10px; 9421} 9422 9423#site-logo-inner i { 9424 padding-right:10px; 9425} 9426 9427.checkmarks { 9428 line-height:2.5 !important; 9429} 9430 9431.checkmarks i { 9432 padding-right:5px; 9433 color:#499b4a !important; 9434 display:inline !important; 9435 font-size:24px !important; 9436 vertical-align: middle !important; 9437} 9438 9439#footer img { 9440 max-width: 300px !important; 9441} 9442.comment-metadata .comment-date { 9443 display: none !important; 9444 } 9445 9446 9447 9448 9449 9450#sidebar .widget-callout p { 9451 font-size: 14px; 9452 padding: 20px; 9453 background: #f5f5f5; 9454} 9455 9456 9457/* fix layout and spacing */ 9458.rowstars { 9459 display: flex !important; 9460 align-items: center !important; 9461 gap: 10px !important; 9462 margin-bottom: 6px !important; 9463} 9464 9465/* image: remove alignleft junk, fix shape */ 9466.review-avatar { 9467 width: 48px !important; 9468 height: 48px !important; 9469 border-radius: 50% !important; 9470 object-fit: cover !important; 9471 flex-shrink: 0 !important; 9472 display: block !important; 9473 vertical-align: middle !important; 9474} 9475 9476/* yellow stars */ 9477.review-stars { 9478 display: inline-block !important; 9479 color: #ffcc00 !important; 9480 font-size: 16px !important; 9481 line-height: 1 !important; 9482 margin: 0 !important; 9483} 9484 9485/* let existing p tag style handle box */ 9486.review-block p { 9487 margin-top: 0 !important; 9488 margin-bottom: 24px !important; 9489} 9490 9491 .comment-body::before { 9492 content: "â â â â â "; 9493 color: #FFD700; 9494 font-size: 22px; 9495 display: block; 9496 margin-bottom: 4px; 9497} 9498.comment-body::after { 9499 content: "â Verified Purchase"; 9500 color: #2e7d32; 9501 font-size: 13px; 9502 font-weight: bold; 9503 display: block; 9504 margin-bottom: 10px; 9505} 9506 9507.comments-title { 9508 font-size: 0; 9509} 9510.comments-title::before { 9511 content: "Real Results from Real Customers"; 9512 font-size: 24px; 9513} 9514 9515ol.comment-list { 9516 list-style: none; 9517 counter-reset: none; 9518} 9519ol.comment-list li { 9520 list-style: none; 9521} 9522ol.comment-list li::before { 9523 display: none; 9524 content: none; 9525} 9526 9527/* ââ ANNOUNCEMENT BAR 9528 Injects urgency above everything on the page ââ */ 9529body::before { 9530 content: "â¡ 7 day THC Detox â Satisfaction Guarantee! â¡"; 9531 display: block; 9532 background: linear-gradient(90deg, #B8860B, #E53935); 9533 color: #fff; 9534 text-align: center; 9535 padding: 10px 16px; 9536 font-size: 13px; 9537 font-weight: 700; 9538 letter-spacing: 0.08em; 9539 text-transform: uppercase; 9540} 9541 9542Scroll to latest 9543 9544 9545/* ââ SMOOTH SCROLL ââ */ 9546html { 9547 scroll-behavior: smooth; 9548} 9549 9550/* ââ BRAND TEXT SELECTION COLOR ââ */ 9551::selection { 9552 background: rgba(248, 135, 18, 0.3); 9553 color: #111; 9554} 9555 9556 9557a[href*="ultra-thc-detox"], 9558a[href*="ultra-thc-detox"] img { 9559 animation: mdPulse 2.5s ease-in-out infinite; 9560 border-radius: 10px; 9561 transition: transform 0.2s ease; 9562} 9563 9564a[href*="ultra-thc-detox"]:hover { 9565 transform: translateY(-3px); 9566 animation: none; 9567} 9568 9569/* ââ HERO HEADLINE â more punch ââ */ 9570h1 { 9571 font-size: clamp(2rem, 5vw, 3rem) !important; 9572 font-weight: 900 !important; 9573 line-height: 1.15 !important; 9574 letter-spacing: -0.02em; 9575} 9576 9577h2 { 9578 font-weight: 800 !important; 9579} 9580 9581/* ââ PRODUCT IMAGES â subtle zoom on hover ââ */ 9582.entry-content img, 9583article img { 9584 transition: transform 0.3s ease, box-shadow 0.3s ease; 9585 border-radius: 10px; 9586} 9587 9588.entry-content img:hover, 9589article img:hover { 9590 transform: scale(1.02); 9591 box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15); 9592} 9593 9594/* ââ REVIEW HEADINGS â make them stand out ââ */ 9595h3 { 9596 font-weight: 700 !important; 9597} 9598 9599/* ââ MOBILE IMPROVEMENTS ââ */ 9600@media (max-width: 768px) { 9601 h1 { 9602 font-size: 2rem !important; 9603 } 9604 9605 h2 { 9606 font-size: 1.4rem !important; 9607 } 9608 9609 /* Make product-linked images full tap width on mobile */ 9610 a[href*="ultra-thc-detox"] img { 9611 width: 100% !important; 9612 height: auto !important; 9613 } 9614} 9615 9616/* ââ REVIEWS BUTTON ââ */ 9617.md-reviews-btn-wrap { 9618 text-align: center; 9619 margin: 24px auto; 9620} 9621@keyframes reviewsPulse { 9622 0% { box-shadow: 0 6px 24px rgba(248, 135, 18, 0.35); } 9623 50% { box-shadow: 0 10px 40px rgba(248, 135, 18, 0.65); } 9624 100% { box-shadow: 0 6px 24px rgba(248, 135, 18, 0.35); } 9625} 9626.md-reviews-btn {
9627 display: inline-flex; 9628 flex-direction: column; 9629 align-items: center; 9630 gap: 4px; 9631 background: linear-gradient(135deg, #F88712 0%, #e07510 100%); 9632 color: #fff !important; 9633 text-decoration: none !important; 9634 padding: 18px 36px; 9635 border-radius: 14px; 9636 animation: reviewsPulse 2.5s ease-in-out infinite; 9637 transition: transform 0.2s ease, background 0.2s ease; 9638 min-width: 220px; 9639} 9640.md-reviews-btn:hover { 9641 transform: translateY(-3px); 9642 background: linear-gradient(135deg, #e07510 0%, #c96a0e 100%); 9643 animation: none; 9644 color: #fff !important; 9645 text-decoration: none !important; 9646} 9647.md-reviews-stars { 9648 font-size: 22px; 9649 letter-spacing: 3px; 9650 color: #FFE066; 9651 text-shadow: 0 1px 3px rgba(0,0,0,0.2); 9652 line-height: 1; 9653} 9654.md-reviews-text { 9655 font-size: 17px; 9656 font-weight: 800; 9657 letter-spacing: 0.01em; 9658 line-height: 1.2; 9659} 9660.md-reviews-count { 9661 font-size: 13px; 9662 font-weight: 500; 9663 opacity: 0.9; 9664 letter-spacing: 0.02em; 9665} 9666@media (max-width: 600px) { 9667 .md-reviews-btn { 9668 width: 100%; 9669 min-width: unset; 9670 padding: 16px 20px; 9671 box-sizing: border-box; 9672 } 9673} 9674 9675.md-flash-sale { 9676 background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); 9677 color: #fff; 9678 border-radius: 16px; 9679 padding: 32px 24px; 9680 text-align: center; 9681 max-width: 480px; 9682 margin: 24px auto; 9683 box-shadow: 0 12px 40px rgba(0,0,0,0.3); 9684 border: 2px solid #F88712; 9685} 9686.md-flash-badge { 9687 display: inline-block; 9688 background: #F88712; 9689 color: #fff; 9690 font-size: 12px; 9691 font-weight: 800; 9692 letter-spacing: 0.12em; 9693 text-transform: uppercase; 9694 padding: 5px 16px; 9695 border-radius: 20px; 9696 margin-bottom: 14px; 9697} 9698.md-flash-headline { 9699 font-size: 2.4rem; 9700 font-weight: 900; 9701 line-height: 1.1; 9702 margin-bottom: 14px; 9703 color: #FFE066; 9704} 9705.md-flash-prices { 9706 margin-bottom: 20px; 9707} 9708.md-flash-original { 9709 font-size: 1.2rem; 9710 color: #999; 9711 text-decoration: line-through; 9712 margin-right: 12px; 9713} 9714.md-flash-sale-price { 9715 font-size: 2rem; 9716 font-weight: 900; 9717 color: #4CAF50; 9718} 9719.md-flash-timer-label { 9720 font-size: 12px; 9721 letter-spacing: 0.1em; 9722 text-transform: uppercase; 9723 color: #aaa; 9724 margin-bottom: 10px; 9725} 9726.md-flash-timer { 9727 display: flex; 9728 justify-content: center; 9729 align-items: center; 9730 gap: 6px; 9731 margin-bottom: 24px; 9732} 9733.md-flash-unit { 9734 display: flex; 9735 flex-direction: column; 9736 align-items: center; 9737 background: rgba(255,255,255,0.08); 9738 border-radius: 10px; 9739 padding: 10px 16px; 9740 min-width: 64px; 9741} 9742.md-flash-unit span { 9743 font-size: 2rem; 9744 font-weight: 900; 9745 line-height: 1; 9746 font-variant-numeric: tabular-nums; 9747 color: #fff; 9748} 9749.md-flash-unit small { 9750 font-size: 10px; 9751 letter-spacing: 0.1em; 9752 color: #aaa; 9753 margin-top: 4px; 9754 text-transform: uppercase; 9755} 9756.md-flash-sep { 9757 font-size: 1.8rem; 9758 font-weight: 700; 9759 color: #F88712; 9760 margin-bottom: 16px; 9761} 9762@keyframes flashCta { 9763 0% { box-shadow: 0 6px 20px rgba(248,135,18,0.4); } 9764 50% { box-shadow: 0 10px 36px rgba(248,135,18,0.7); } 9765 100% { box-shadow: 0 6px 20px rgba(248,135,18,0.4); } 9766} 9767.md-flash-cta { 9768 display: inline-block; 9769 background: #F88712; 9770 color: #fff !important; 9771 text-decoration: none !important; 9772 font-size: 17px; 9773 font-weight: 800; 9774 padding: 16px 36px; 9775 border-radius: 12px; 9776 animation: flashCta 2.5s ease-in-out infinite; 9777 transition: transform 0.2s ease; 9778} 9779.md-flash-cta:hover { 9780 transform: translateY(-3px); 9781 animation: none; 9782 color: #fff !important; 9783} 9784@media (max-width: 600px) { 9785 .md-flash-headline { font-size: 1.8rem; } 9786 .md-flash-unit { min-width: 52px; padding: 8px 10px; } 9787 .md-flash-unit span { font-size: 1.6rem; } 9788 .md-flash-cta { width: 100%; text-align: center; box-sizing: border-box; } 9789} 9790 9791.md-featured-wrap { 9792 text-align: center; 9793 padding: 32px 20px; 9794 margin: 24px auto; 9795 max-width: 860px; 9796 border-top: 1px solid #e8e8e8; 9797 border-bottom: 1px solid #e8e8e8; 9798} 9799.md-featured-label { 9800 font-size: 12px; 9801 font-weight: 700; 9802 letter-spacing: 0.15em; 9803 text-transform: uppercase; 9804 color: #999; 9805 margin-bottom: 20px; 9806} 9807.md-featured-logos { 9808 display: flex; 9809 flex-wrap: wrap; 9810 justify-content: center; 9811 align-items: center; 9812 gap: 10px 6px; 9813} 9814.md-featured-item { 9815 display: flex; 9816 flex-direction: column; 9817 align-items: center; 9818 gap: 6px; 9819 padding: 14px 22px; 9820 border-radius: 12px; 9821 border: 1px solid #ececec; 9822 background: #fafafa; 9823 transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; 9824 min-width: 100px; 9825} 9826.md-featured-item:hover { 9827 transform: translateY(-3px); 9828 box-shadow: 0 6px 20px rgba(0,0,0,0.08); 9829 border-color: #F88712; 9830} 9831.md-feat-icon { 9832 font-size: 26px; 9833 line-height: 1; 9834} 9835.md-feat-name { 9836 font-size: 13px; 9837 font-weight: 700; 9838 color: #444; 9839 letter-spacing: 0.01em; 9840} 9841@media (max-width: 600px) { 9842 .md-featured-logos { 9843 gap: 8px; 9844 } 9845 .md-featured-item { 9846 min-width: 80px; 9847 padding: 12px 14px; 9848 } 9849 .md-feat-name { 9850 font-size: 12px; 9851 } 9852} 9853 9854.md-calc-card { 9855 background: linear-gradient(135deg, #111111 0%, #1e1e1e 100%); 9856 border: 2px solid #F88712; 9857 border-radius: 20px; 9858 padding: 36px 28px; 9859 text-align: center; 9860 max-width: 520px; 9861 margin: 32px auto; 9862 box-shadow: 0 16px 48px rgba(0,0,0,0.35), 0 0 0 1px rgba(248,135,18,0.15); 9863 font-family: 'Helvetica Neue', Arial, sans-serif; 9864} 9865.md-calc-icon { 9866 font-size: 48px; 9867 margin-bottom: 12px; 9868 line-height: 1; 9869} 9870.md-calc-badge { 9871 display: inline-block; 9872 background: rgba(248,135,18,0.15); 9873 color: #F88712; 9874 border: 1px solid rgba(248,135,18,0.4); 9875 font-size: 11px; 9876 font-weight: 800; 9877 letter-spacing: 0.14em; 9878 text-transform: uppercase; 9879 padding: 4px 14px; 9880 border-radius: 20px; 9881 margin-bottom: 16px; 9882} 9883.md-calc-headline {
9884 color: #ffffff !important; 9885 font-size: 26px !important; 9886 font-weight: 900 !important; 9887 line-height: 1.2 !important; 9888 margin: 0 0 14px 0 !important; 9889 letter-spacing: -0.02em; 9890} 9891.md-calc-sub { 9892 color: #aaaaaa; 9893 font-size: 15px; 9894 line-height: 1.6; 9895 margin: 0 0 24px 0; 9896} 9897.md-calc-steps { 9898 display: flex; 9899 justify-content: center; 9900 gap: 8px; 9901 margin-bottom: 28px; 9902 flex-wrap: wrap; 9903} 9904.md-calc-step { 9905 display: flex; 9906 align-items: center; 9907 gap: 7px; 9908 background: rgba(255,255,255,0.06); 9909 border: 1px solid rgba(255,255,255,0.1); 9910 border-radius: 8px; 9911 padding: 8px 14px; 9912 color: #ccc; 9913 font-size: 13px; 9914 font-weight: 600; 9915} 9916.md-calc-step span { 9917 background: #F88712; 9918 color: #fff; 9919 font-size: 11px; 9920 font-weight: 800; 9921 width: 20px; 9922 height: 20px; 9923 border-radius: 50%; 9924 display: flex; 9925 align-items: center; 9926 justify-content: center; 9927 flex-shrink: 0; 9928} 9929@keyframes calcPulse { 9930 0% { box-shadow: 0 6px 24px rgba(248,135,18,0.4); } 9931 50% { box-shadow: 0 10px 40px rgba(248,135,18,0.7); } 9932 100% { box-shadow: 0 6px 24px rgba(248,135,18,0.4); } 9933} 9934.md-calc-btn { 9935 display: inline-block; 9936 background: #F88712; 9937 color: #fff !important; 9938 text-decoration: none !important; 9939 font-size: 17px; 9940 font-weight: 800; 9941 padding: 16px 36px; 9942 border-radius: 12px; 9943 animation: calcPulse 2.5s ease-in-out infinite; 9944 transition: transform 0.2s ease, background 0.2s ease; 9945} 9946.md-calc-btn:hover { 9947 transform: translateY(-3px); 9948 background: #d4710e; 9949 animation: none; 9950 color: #fff !important; 9951} 9952.md-calc-privacy { 9953 margin-top: 16px; 9954 font-size: 12px; 9955 color: #666; 9956} 9957@media (max-width: 520px) { 9958 .md-calc-card { padding: 28px 18px; } 9959 .md-calc-headline { font-size: 22px !important; } 9960 .md-calc-btn { width: 100%; text-align: center; box-sizing: border-box; padding: 16px 20px; } 9961} 9962 9963.zc-guide-card { 9964 position: relative; 9965 background: linear-gradient(135deg, #1a0a00 0%, #2d1200 60%, #1a0a00 100%); 9966 border: 2px solid #F88712; 9967 border-radius: 20px; 9968 padding: 40px 28px 32px; 9969 text-align: center; 9970 max-width: 500px; 9971 margin: 32px auto; 9972 overflow: hidden; 9973 font-family: 'Helvetica Neue', Arial, sans-serif; 9974 box-shadow: 0 0 40px rgba(248,135,18,0.25), 0 16px 48px rgba(0,0,0,0.5); 9975} 9976.zc-guide-glow { 9977 position: absolute; 9978 top: -60px; 9979 left: 50%; 9980 transform: translateX(-50%); 9981 width: 300px; 9982 height: 200px; 9983 background: radial-gradient(ellipse, rgba(248,135,18,0.2) 0%, transparent 70%); 9984 pointer-events: none; 9985} 9986.zc-guide-icon { 9987 font-size: 52px; 9988 line-height: 1; 9989 margin-bottom: 14px; 9990} 9991.zc-guide-headline { 9992 color: #ffffff !important; 9993 font-size: 28px !important; 9994 font-weight: 900 !important; 9995 line-height: 1.25 !important; 9996 margin: 0 0 12px 0 !important; 9997 letter-spacing: -0.02em; 9998} 9999.zc-guide-headline span { 10000 color: #F88712; 10001} 10002.zc-guide-sub { 10003 color: #bbb; 10004 font-size: 15px; 10005 line-height: 1.6; 10006 margin: 0 0 28px 0; 10007} 10008@keyframes guidePulse { 10009 0% { box-shadow: 0 6px 24px rgba(248,135,18,0.45); transform: translateY(0); } 10010 50% { box-shadow: 0 12px 48px rgba(248,135,18,0.75); transform: translateY(-3px); } 10011 100% { box-shadow: 0 6px 24px rgba(248,135,18,0.45); transform: translateY(0); } 10012} 10013.zc-guide-btn { 10014 display: inline-block; 10015 background: linear-gradient(135deg, #F88712, #e06b00); 10016 color: #fff !important; 10017 text-decoration: none !important; 10018 font-size: 18px; 10019 font-weight: 900; 10020 padding: 18px 40px; 10021 border-radius: 12px; 10022 animation: guidePulse 2.2s ease-in-out infinite; 10023 letter-spacing: 0.01em; 10024 width: 100%; 10025 box-sizing: border-box; 10026} 10027.zc-guide-btn:hover { 10028 animation: none; 10029 transform: translateY(-2px); 10030 background: linear-gradient(135deg, #ffaa44, #F88712); 10031 color: #fff !important; 10032} 10033@media (max-width: 480px) { 10034 .zc-guide-card { padding: 32px 18px 28px; } 10035 .zc-guide-headline { font-size: 23px !important; } 10036 .zc-guide-btn { font-size: 16px; padding: 16px 20px; } 10037} 10038 10039.zc-reviews-card { 10040 position: relative; 10041 background: linear-gradient(135deg, #1a0a00 0%, #2d1200 60%, #1a0a00 100%); 10042 border: 2px solid #F88712; 10043 border-radius: 20px; 10044 padding: 40px 28px 32px; 10045 text-align: center; 10046 max-width: 500px; 10047 margin: 32px auto; 10048 overflow: hidden; 10049 font-family: 'Helvetica Neue', Arial, sans-serif; 10050 box-shadow: 0 0 40px rgba(248,135,18,0.25), 0 16px 48px rgba(0,0,0,0.5); 10051} 10052.zc-reviews-glow { 10053 position: absolute; 10054 top: -60px; 10055 left: 50%; 10056 transform: translateX(-50%); 10057 width: 300px; 10058 height: 200px; 10059 background: radial-gradient(ellipse, rgba(248,135,18,0.2) 0%, transparent 70%); 10060 pointer-events: none; 10061} 10062.zc-reviews-icon { 10063 font-size: 28px; 10064 line-height: 1; 10065 margin-bottom: 12px; 10066 letter-spacing: 2px; 10067} 10068.zc-reviews-count { 10069 display: inline-block; 10070 background: #F88712; 10071 color: #fff; 10072 font-size: 10px; 10073 font-weight: 900; 10074 letter-spacing: 0.12em; 10075 text-transform: uppercase; 10076 padding: 4px 14px; 10077 border-radius: 20px; 10078 margin-bottom: 18px; 10079} 10080.zc-reviews-headline {
10081 color: #ffffff !important; 10082 font-size: 26px !important; 10083 font-weight: 900 !important; 10084 line-height: 1.25 !important; 10085 margin: 0 0 12px 0 !important; 10086 letter-spacing: -0.02em; 10087} 10088.zc-reviews-headline span { 10089 color: #F88712; 10090} 10091.zc-reviews-sub { 10092 color: #bbb; 10093 font-size: 15px; 10094 line-height: 1.6; 10095 margin: 0 0 28px 0; 10096} 10097@keyframes reviewsPulse { 10098 0% { box-shadow: 0 6px 24px rgba(248,135,18,0.45); transform: translateY(0); } 10099 50% { box-shadow: 0 12px 48px rgba(248,135,18,0.75); transform: translateY(-3px); } 10100 100% { box-shadow: 0 6px 24px rgba(248,135,18,0.45); transform: translateY(0); } 10101} 10102.zc-reviews-btn { 10103 display: inline-block; 10104 background: linear-gradient(135deg, #F88712, #e06b00); 10105 color: #fff !important; 10106 text-decoration: none !important; 10107 font-size: 18px; 10108 font-weight: 900; 10109 padding: 18px 40px; 10110 border-radius: 12px; 10111 animation: reviewsPulse 2.2s ease-in-out infinite; 10112 letter-spacing: 0.01em; 10113 width: 100%; 10114 box-sizing: border-box; 10115} 10116.zc-reviews-btn:hover { 10117 animation: none; 10118 transform: translateY(-2px); 10119 background: linear-gradient(135deg, #ffaa44, #F88712); 10120 color: #fff !important; 10121} 10122@media (max-width: 480px) { 10123 .zc-reviews-card { padding: 32px 18px 28px; } 10124 .zc-reviews-headline { font-size: 22px !important; } 10125 .zc-reviews-btn { font-size: 16px; padding: 16px 20px; } 10126} 10127 10128/* Container styling */ 10129.detox-comparison-wrapper { 10130 margin: 30px 0; 10131 font-family: sans-serif; 10132} 10133 10134.detox-comparison-table { 10135 width: 100%; 10136 border-collapse: collapse; 10137 border: 1px solid #e0e0e0; 10138} 10139 10140/* Standard Desktop View */ 10141.detox-comparison-table th { 10142 background-color: #f8f9fa; 10143 padding: 12px; 10144 text-align: left; 10145 border-bottom: 2px solid #28a745; 10146} 10147 10148.detox-comparison-table td { 10149 padding: 12px; 10150 border-bottom: 1px solid #eee; 10151} 10152 10153.highlight-row { 10154 background-color: #f0fff4; 10155} 10156 10157/* MOBILE FIX: Stack the table on screens smaller than 600px */ 10158@media screen and (max-width: 600px) { 10159 .detox-comparison-table, 10160 .detox-comparison-table thead, 10161 .detox-comparison-table tbody, 10162 .detox-comparison-table th, 10163 .detox-comparison-table td, 10164 .detox-comparison-table tr { 10165 display: block; 10166 } 10167 10168 /* Hide the header row on mobile (we will label them manually) */ 10169 .detox-comparison-table thead tr { 10170 position: absolute; 10171 top: -9999px; 10172 left: -9999px; 10173 } 10174 10175 .detox-comparison-table tr { 10176 border: 1px solid #ccc; 10177 margin-bottom: 10px; 10178 background: #fff; 10179 } 10180 10181 .detox-comparison-table td { 10182 border: none; 10183 border-bottom: 1px solid #eee; 10184 position: relative; 10185 padding-left: 50% !important; /* Move text to the right */ 10186 text-align: right; 10187 } 10188 10189 /* Add labels for each "cell" so the user knows what's what */ 10190 .detox-comparison-table td:before { 10191 position: absolute; 10192 top: 12px; 10193 left: 12px; 10194 width: 45%; 10195 padding-right: 10px; 10196 white-space: nowrap; 10197 text-align: left; 10198 font-weight: bold; 10199 } 10200 10201 /* Labels for the mobile rows */ 10202 .detox-comparison-table td:nth-of-type(1):before { content: "Method"; } 10203 .detox-comparison-table td:nth-of-type(2):before { content: "Avg. Time"; } 10204 .detox-comparison-table td:nth-of-type(3):before { content: "Effectiveness"; } 10205 .detox-comparison-table td:nth-of-type(4):before { content: "How it Works"; } 10206} 10207 10208/* Button Styling */ 10209.detox-cta-button { 10210 background-color: #28a745; 10211 color: white; 10212 padding: 12px 25px; 10213 text-decoration: none; 10214 border-radius: 5px; 10215 font-weight: bold; 10216 display: block; 10217 text-align: center; 10218 margin-top: 10px; 10219} 10220 10221/* ============================================ 10222 MAGIC DETOX â Zero-CLS Font Stack 10223 Replaces Google Fonts (Roboto + Open Sans) with 10224 system fonts visually tuned to match. 10225 ============================================ */ 10226 10227/* Body text â matches Open Sans feel 10228 (system-ui families have similar x-height + rounded characters) */ 10229html, body, .site, #container, p, a, li, span, div, 10230input, textarea, select, button, label, 10231.entry-content, .widget, .menu, .menu-item, .sub-menu, 10232.footer, .header-right, .site-description { 10233 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important; 10234 font-feature-settings: "kern" 1, "liga" 1; 10235 -webkit-font-smoothing: antialiased; 10236 -moz-osx-font-smoothing: grayscale; 10237 letter-spacing: -0.005em; /* Tightens slightly to match Open Sans rhythm */ 10238} 10239 10240/* Headings â matches Roboto feel 10241 (Segoe UI / SF Pro have similar geometric structure) */ 10242h1, h2, h3, h4, h5, h6, 10243.site-title, .entry-title, .widget-title, 10244.button, .wp-block-button__link { 10245 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif !important; 10246 font-weight: 700; 10247 letter-spacing: -0.02em; /* Roboto headings are slightly tighter */ 10248 -webkit-font-smoothing: antialiased; 10249} 10250 10251/* Specific weight tuning â Roboto Regular = 400, Bold = 700 */ 10252strong, b { font-weight: 700; } 10253em, i { font-style: italic; } 10254 10255/* Optional: if any element looks slightly off, you can target it */ 10256/* Example: keep H1 a touch larger to compensate for system font sizing */ 10257h1 { font-size: 1.02em; } 10258 10259/* Hide the original Google Fonts request entirely (browser still 10260 fetches but won't render â this kills the swap shift completely) */ 10261@font-face { 10262 font-family: 'Roboto'; 10263 font-display: optional; 10264 src: local('Roboto'); 10265} 10266@font-face { 10267 font-family: 'Open Sans'; 10268 font-display: optional; 10269 src: local('Open Sans'); 10270} 10271 10272html, body { 10273 overflow-x: hidden; 10274 overflow-x: clip; 10275 max-width: 100%; 10276} 10277 10278body.home .breadcrumbs, 10279body.home .breadcrumb, 10280body.home .site-breadcrumb, 10281body.home #breadcrumbs { 10282 display: none !important; 10283} 10284 10285 10286 10287@media (max-width: 768px) { 10288 10289 html, body { overflow-x: hidden; } 10290 10291 /* release narrow max-width caps on inner cards */ 10292 div[style*="max-width"] { max-width: 100% !important; } 10293 10294 /* any padded box (except inline-block pills/badges) gets slim side padding */ 10295 div[style*="padding"]:not([style*="inline-block"]) { 10296 padding-left: 12px !important; 10297 padding-right: 12px !important; 10298 } 10299 10300 .zc-reviews-card { 10301 padding-left: 12px !important; 10302 padding-right: 12px !important; 10303 } 10304 10305 /* flex rows */ 10306 div[style*="33.33%"] { flex: 1 1 100% !important; min-width: 0 !important; } 10307 div[style*="calc(50%"] { 10308 flex: 1 1 calc(50% - 6px) !important; 10309 max-width: none !important; 10310 min-width: 0 !important; 10311 } 10312 10313 /* grids stay 2-up instead of collapsing to one thin column */ 10314 div[style*="minmax(180px"], 10315 div[style*="minmax(170px"] { grid-template-columns: 1fr 1fr !important; } 10316 10317 /* tables */ 10318 div[style*="overflow-x"] { overflow-x: visible !important; } 10319 table { width: 100% !important; min-width: 0 !important; table-layout: fixed !important; } 10320 th, td { 10321 padding: 10px 8px !important; 10322 word-wrap: break-word !important;
10323 overflow-wrap: anywhere !important; 10324 } 10325 10326 /* images */ 10327 img { max-width: 100% !important; height: auto !important; } 10328 img[width="359"], img[width="360"], img[width="375"], 10329 img[width="485"], img[width="539"], img[width="542"], 10330 img[width="701"], img[width="744"], img[width="761"], 10331 img[width="768"], img[width="842"], img[width="848"], 10332 img[width="850"], img[width="1000"] { 10333 width: 100% !important; 10334 max-width: 400px !important; 10335 height: auto !important; 10336 display: block !important; 10337 margin: 0 auto !important; 10338 } 10339 10340 p, div, h1, h2, h3, h4, li, span { overflow-wrap: break-word; } 10341} 10342 10343/* optional: tame the giant hero headline */ 10344@media (max-width: 480px) { 10345 h2[style*="17vw"] { font-size: 52px !important; letter-spacing: -1px !important; } 10346} 10347</style> 10348</head> 10349<body class="home wp-singular page-template page-template-page-templates page-template-basic-no-sidebar page-template-page-templatesbasic-no-sidebar-php page page-id-2 wp-custom-logo wp-theme-hovercraft"> 10350 10351<style> 10352.md-disclaimer { 10353 background: #f7f7f7; 10354 border-top: 1px solid #e0e0e0; 10355 padding: 20px; 10356 font-size: 12px; 10357 line-height: 1.6; 10358 color: #666; 10359 text-align: center; 10360 font-family: inherit; 10361 visibility: hidden; 10362} 10363.md-disclaimer.md-ready { 10364 visibility: visible; 10365} 10366.md-disclaimer-inner { 10367 max-width: 1000px; 10368 margin: 0 auto; 10369} 10370.md-disclaimer strong { 10371 color: #424242;
10372 display: block; 10373 margin-bottom: 6px; 10374 font-size: 13px; 10375 text-transform: uppercase; 10376 letter-spacing: 0.5px; 10377} 10378.md-disclaimer p { 10379 margin: 0 0 8px 0; 10380} 10381.md-disclaimer p:last-child { 10382 margin-bottom: 0; 10383} 10384</style> 10385<div class="md-disclaimer" id="md-disclaimer-box"> 10386 <div class="md-disclaimer-inner"> 10387 <strong>Medical Disclaimer</strong> 10388 <p>The information provided on MagicDetox.com is for educational and informational purposes only and is not intended as medical advice. Statements regarding our products have not been evaluated by the Food and Drug Administration. Magic Detox products are not intended to diagnose, treat, cure, or prevent any disease.</p> 10389 <p>Always consult a qualified healthcare provider before starting any detox program, especially if you are pregnant, nursing, taking medications, or have a pre-existing medical condition. Individual results may vary. Magic Detox does not endorse the use of its products to defeat any legally administered drug test.</p> 10390 </div> 10391</div>
10392<script> 10393(function(){ 10394 function place(){ 10395 var el = document.getElementById('md-disclaimer-box'); 10396 if (!el) return; 10397 var target = document.getElementById('footer') || document.querySelector('footer') || document.querySelector('.footer') || document.body; 10398 target.appendChild(el); 10399 el.classList.add('md-ready'); 10400 } 10401 if (document.readyState === 'complete' || document.readyState === 'interactive') { 10402 setTimeout(place, 0); 10403 } else { 10404 document.addEventListener('DOMContentLoaded', place); 10405 } 10406 window.addEventListener('load', place); 10407})(); 10408</script>
10408<style> 10409#mdSticky { 10410 position: fixed; 10411 bottom: 24px; 10412 right: 24px; 10413 z-index: 99995; /* sits just under the slide-in card */ 10414 font-family: 'Lato','Noto Sans',-apple-system,BlinkMacSystemFont,sans-serif; 10415 opacity: 0; 10416 transform: translateY(16px); 10417 animation: mdsEnter .45s ease .9s forwards; 10418} 10419#mdSticky.mds-hidden { display: none; } 10420@keyframes mdsEnter { to { opacity: 1; transform: translateY(0); } } 10421@keyframes mdsPulse { 10422 0%,100% { box-shadow: 0 6px 20px rgba(248,135,18,.40); } 10423 50% { box-shadow: 0 8px 32px rgba(248,135,18,.70); } 10424} 10425.mds-btn { 10426 display: flex; 10427 align-items: center; 10428 gap: 10px; 10429 background: #F88712; 10430 color: #fff !important; 10431 text-decoration: none !important; 10432 padding: 11px 20px 11px 12px; 10433 border-radius: 50px; 10434 white-space: nowrap; 10435 animation: mdsPulse 2.6s ease-in-out infinite; 10436 transition: transform .2s ease, background .2s ease; 10437} 10438.mds-btn:hover { 10439 background: #e07708; 10440 transform: translateY(-2px); 10441 color: #fff !important; 10442} 10443.mds-badge { 10444 background: #fff; 10445 color: #F88712; 10446 font-size: 12px; 10447 font-weight: 900; 10448 letter-spacing: .6px; 10449 padding: 5px 10px; 10450 border-radius: 50px; 10451 line-height: 1; 10452} 10453.mds-label { 10454 font-size: 14px; 10455 font-weight: 800; 10456 letter-spacing: .2px; 10457 line-height: 1; 10458} 10459.mds-arrow { 10460 display: inline-block; 10461 margin-left: 5px; 10462 transition: transform .2s ease; 10463} 10464.mds-btn:hover .mds-arrow { transform: translateX(3px); } 10465.mds-close { 10466 position: absolute; 10467 top: -9px; 10468 right: -6px; 10469 width: 22px; 10470 height: 22px; 10471 border-radius: 50%; 10472 background: #1a1a1a; 10473 color: #fff; 10474 border: 2px solid #fff; 10475 font-size: 13px; 10476 font-weight: 700; 10477 line-height: 1; 10478 cursor: pointer; 10479 padding: 0; 10480 display: flex; 10481 align-items: center; 10482 justify-content: center; 10483 box-shadow: 0 2px 6px rgba(0,0,0,.3); 10484 transition: transform .15s ease, background .15s ease; 10485} 10486.mds-close:hover { background: #444; transform: scale(1.1); } 10487@media (max-width: 480px) { 10488 #mdSticky { 10489 bottom: calc(14px + env(safe-area-inset-bottom)); 10490 right: 12px; 10491 } 10492 .mds-badge { font-size: 11px; padding: 4px 8px; } 10493 .mds-label { font-size: 13px; } 10494 .mds-btn { padding: 10px 16px 10px 10px; gap: 8px; } 10495} 10496</style> 10497<div id="mdSticky"> 10498 <a href="https://magicdetox.com/products/ultra-thc-detox/" class="mds-btn" aria-label="Get 15% off Magic Detox with code DETOX"> 10499 <span class="mds-badge">15% OFF Magic Detox</span> 10500 <span class="mds-label">Code: DETOX<span class="mds-arrow">â</span></span> 10501 </a> 10502 <button type="button" class="mds-close" aria-label="Close" onclick="document.getElementById('mdSticky').style.display='none';try{sessionStorage.setItem('mdStickyClosed','1');}catch(e){}">Ã</button> 10503</div>
10504<script> 10505(function(){ 10506 var el = document.getElementById('mdSticky'); 10507 if (!el) return; 10508 try { 10509 if (sessionStorage.getItem('mdStickyClosed')) { el.style.display = 'none'; return; } 10510 } catch(e){} 10511 10512 // Coordinate with the 15% slide-in card: hide while it's open, 10513 // reappear as the quiet reminder once it's dismissed. 10514 function sync(){ 10515 var card = document.getElementById('mddSlideIn'); 10516 var open = card && card.classList && card.classList.contains('is-visible'); 10517 if (open) { el.classList.add('mds-hidden'); } 10518 else { el.classList.remove('mds-hidden'); } 10519 } 10520 function attach(tries){ 10521 var card = document.getElementById('mddSlideIn'); 10522 if (card) { 10523 if (window.MutationObserver) { 10524 new MutationObserver(sync).observe(card, {attributes: true, attributeFilter: ['class']}); 10525 } 10526 sync(); 10527 } else if (tries > 0) { 10528 setTimeout(function(){ attach(tries - 1); }, 500); 10529 } 10530 } 10531 attach(12); 10532})(); 10533</script>
10533 10534 10535<a class="skip-link screen-reader-text" href="#main">Skip to content</a> 10536 10537 10538<div id="hovercraft-overlay-menu" class="overlay" role="dialog" aria-modal="true" aria-hidden="true" aria-label="Mobile menu" tabindex="-1" inert> 10539 10540 <button type="button" class="closebtn" aria-label="Close menu" onclick="hovercraftCloseNav()"> 10541 <svg class="hovercraft-icon hovercraft-icon-close" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg> 10542 </button> 10543 10544 <div class="overlay-content"> 10545 10546 <div class="mobile-menu"><ul id="menu-main-menu" class="menu"><li id="menu-item-5850" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5850"><a href="https://magicdetox.com/about/">About Us</a></li> 10547<li id="menu-item-6740" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6740"><a href="https://magicdetox.com/guarantee/">Guarantee</a></li> 10548<li id="menu-item-8333" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8333"><a href="https://magicdetox.com/./faq/">FAQ</a></li> 10549<li id="menu-item-7932" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7932"><a href="https://magicdetox.com/shipping/">Shipping</a></li> 10550<li id="menu-item-636" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-636"><a href="https://magicdetox.com/contact/">Contact Us</a></li> 10551<li id="menu-item-9632" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9632"><a href="https://magicdetox.com/reviews/">Reviews</a></li> 10552<li id="menu-item-9693" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9693"><a href="https://magicdetox.com/magic-detox-ingredients/">Ingredients</a></li> 10553<li id="menu-item-9736" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9736"><a href="https://magicdetox.com/detox-calculator/">Detox Calculator</a></li> 10554</ul></div> </div><!-- overlay-content --> 10555</div><!-- hovercraft-overlay-menu --> 10556 10557<div id="hovercraft-offcanvas-menu" role="dialog" aria-modal="true" aria-hidden="true" aria-label="Mobile menu" tabindex="-1" inert> 10558 <h4 class="sitename-offcanvas">Magic Detox®</h4> 10559 10560 10561 <div class="mobile-menu"><ul id="menu-main-menu-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5850"><a href="https://magicdetox.com/about/">About Us</a></li> 10562<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6740"><a href="https://magicdetox.com/guarantee/">Guarantee</a></li> 10563<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8333"><a href="https://magicdetox.com/./faq/">FAQ</a></li> 10564<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7932"><a href="https://magicdetox.com/shipping/">Shipping</a></li> 10565<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-636"><a href="https://magicdetox.com/contact/">Contact Us</a></li> 10566<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9632"><a href="https://magicdetox.com/reviews/">Reviews</a></li> 10567<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9693"><a href="https://magicdetox.com/magic-detox-ingredients/">Ingredients</a></li> 10568<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9736"><a href="https://magicdetox.com/detox-calculator/">Detox Calculator</a></li> 10569</ul></div></div><!-- hovercraft-offcanvas-menu --> 10570 10571<div class="hovercraft-offcanvas-overlay" aria-hidden="true"></div> 10572 10573<div id="container"><!-- main container --> 10574 10575 10576 <div id="header-basic"> 10577 10578 10579 10580<div class="full header-layout-inline"> 10581 <div class="header-left"> 10582 <div id="branding"> 10583 10584 <div class="branding-media"> 10585 <a href="https://magicdetox.com" class="custom-logo-link" rel="home"> 10586 <img class="site-logo custom-logo" src="https://magicdetox.com/wp-content/uploads/2025/11/cropped-ChatGPT-Image-Nov-20-2025-01_35_01-PM.png" alt="Magic Detox® logo" /> 10587 </a> 10588 </div><!-- branding-media --> 10589 10590 <div class="branding-text"> 10591 <a href="https://magicdetox.com" class="site-title-link" rel="home"> 10592 <div class="site-title">Magic Detox®</div> 10593 </a> 10594 10595 <div class="tagline">#1 Rated 7-Day Herbal Cleanse | USDA Organic</div> 10596 </div><!-- branding-text --> 10597 10598</div><!-- branding --> 10599 </div><!-- header-left --> 10600 10601 <div class="header-right"> 10602 <div class="menu-choose"> 10603 10604 <div class="menu-mobile-wrapper"> 10605 10606 10607 <button type="button" class="nav-icon mobile-menu-trig hovercraft-offcanvas-trigger" aria-label="Open menu" aria-controls="hovercraft-offcanvas-menu" aria-expanded="false"> 10608 <svg class="hovercraft-icon hovercraft-icon-menu" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg> 10609 </button> 10610 </div><!-- menu-mobile-wrapper --> 10611 10612 <div class="menu-desktop"> 10613 <div class="main-menu"><ul id="menu-main-menu-2" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5850"><a href="https://magicdetox.com/about/">About Us</a></li> 10614<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6740"><a href="https://magicdetox.com/guarantee/">Guarantee</a></li> 10615<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8333"><a href="https://magicdetox.com/./faq/">FAQ</a></li> 10616<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7932"><a href="https://magicdetox.com/shipping/">Shipping</a></li> 10617<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-636"><a href="https://magicdetox.com/contact/">Contact Us</a></li> 10618<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9632"><a href="https://magicdetox.com/reviews/">Reviews</a></li> 10619<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9693"><a href="https://magicdetox.com/magic-detox-ingredients/">Ingredients</a></li> 10620<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9736"><a href="https://magicdetox.com/detox-calculator/">Detox Calculator</a></li> 10621</ul></div> 10622 <button type="button" class="search-icon-wrapper search-modal-toggle" aria-label="Open search" aria-controls="full-screen-search" aria-expanded="false"> 10623 <svg class="hovercraft-icon hovercraft-icon-search" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor">
10623<path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg> 10624 </button><!-- search-icon-wrapper --> 10625 10626 10627 <div class="cta-header-primary"><ul id="menu-order-now-1" class="cta"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7982"><a href="https://magicdetox.com/products/ultra-thc-detox/">Order Now</a></li> 10628</ul></div> </div><!-- menu-desktop --> 10629 10630 </div><!-- menu-choose --> 10631 </div><!-- header-right --> 10632</div><!-- header-layout-inline --> 10633 10634</div><!-- header-basic --> 10635 10636 10637 10638 10639 10640<div id="main"> 10641<div class="inner"> 10642 <div id="primary-wide"> 10643 10644 <div id="content-wrapper"> 10645 10646 10647 <div id="content-wide"> 10648 10649 <nav class="breadcrumbs" aria-label="Breadcrumbs"> 10650 <ol id="hovercraft-breadcrumb" class="hovercraft-breadcrumb breadcrumb-list" itemscope itemtype="https://schema.org/BreadcrumbList"><li class="item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="https://magicdetox.com" itemprop="item"><span itemprop="name">Home</span></a><meta itemprop="position" content="1" /></li><li class="item-current item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" aria-current="page"><span itemprop="name">Magic Detox® â #1 Rated 7-Day Herbal Cleanse | USDA Organic</span><meta itemprop="position" content="2" /></li></ol> </nav><!-- breadcrumbs --> 10651 <div class="entry-content"><h1 style="text-align: center;"><span style="color: #ff9900;">Magic Detox®</span> â Official Site | America’s #1 THC Cleanse</h1> 10652<div style="background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 50%, #B3E5FC 100%); padding: 40px 20px 50px; border-radius: 16px; text-align: center; margin-bottom: 40px; box-shadow: 0 8px 30px rgba(0,0,0,0.06);"> 10653<div style="display: inline-block; background: #1a1a1a; color: #fff; padding: 7px 20px; border-radius: 50px; font-size: 12px; font-weight: bold; letter-spacing: 0.8px; margin-bottom: 20px; text-transform: uppercase;">â¡ Love it or your money back</div> 10654<h2 style="margin: 0 auto 22px !important; font-size: clamp(64px, 17vw, 96px) !important; line-height: 1 !important; color: #1a1a1a !important; font-weight: 900 !important; letter-spacing: -2px !important; text-shadow: 0 2px 0 rgba(255,255,255,0.6); max-width: 820px;">Test Clean in <span style="color: #f88712;"> 7 Days</span></h2> 10655<p><img fetchpriority="high" decoding="async" class="aligncenter wp-image-10155" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-7-day-cleanse-768x768.webp" alt="magic detox 7 day cleanse" width="542" height="542" /></p> 10656<h2 style="margin: 0 auto 28px !important; font-size: 22px; color: #1a1a1a; max-width: 600px; line-height: 1.4; font-weight: bold;">The 7-Day Cleanse That <span style="text-decoration: underline;"><span style="color: #f88712; text-decoration: underline;">Actually Works</span></span></h2> 10657<div style="max-width: 480px; margin: 18px auto 26px; padding: 0 12px; text-align: center; font-family: 'Lato','Noto Sans',-apple-system,'Segoe UI',Arial,sans-serif;"> 10658<div style="font-size: 13px; font-weight: bold; color: #0d0d0d;"><span style="color: #daa520; letter-spacing: 2px;" aria-hidden="true">â â â â â </span> 4.8/5 â 2,847 verified reviews</div> 10659<div style="margin: 12px 0 0;"><a style="display: block; background: #F88712; color: #ffffff; font-size: 20px; font-weight: 900; letter-spacing: 0.5px; line-height: 1.2; text-decoration: none; padding: 17px 20px; border-radius: 999px; box-shadow: 0 4px 16px rgba(248,135,18,0.45);" href="https://magicdetox.com/products/ultra-thc-detox/">SHOP NOW â</a></div> 10660<div style="margin-top: 11px; font-size: 14px; color: #0d0d0d;"><del style="color: #999999; font-weight: 400;">$57.95</del> <strong style="color: #f88712; font-size: 17px;">$49.26</strong> with code <strong>DETOX</strong></div> 10661<div style="margin-top: 5px; font-size: 13px; color: #555555;"><span style="color: #2e7d32; font-weight: bold;">â</span> 60-day money-back guarantee · free discreet shipping</div> 10662</div> 10663<p style="margin: 0 auto 28px; font-size: 18px; color: #1a1a1a; max-width: 600px; line-height: 1.55; font-weight: 500;">Americaâs #1 Herbal Cleanseâtrusted by over <strong>
10663700,000</strong> people to get clean and stay confident since 2007</p> 10664<div style="max-width: 400px; margin: 20px auto; background: #f1f8f2; border: 2px solid #2e7d32; border-radius: 12px; padding: 15px 18px; display: flex; align-items: center; gap: 14px; font-family: 'Lato','Noto Sans',-apple-system,BlinkMacSystemFont,Arial,sans-serif; box-shadow: 0 4px 14px rgba(46,125,50,0.15);"> 10665<div style="width: 58px; height: 58px; background: #2e7d32; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; position: relative; box-shadow: 0 3px 10px rgba(46,125,50,0.35);"> 10666<div style="position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; border: 1.5px dashed rgba(255,255,255,0.5); border-radius: 50%;"></div> 10667<div style="position: absolute; top: -5px; right: -5px; width: 19px; height: 19px; background: #FFD700; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 900; color: #1b5e20; border: 2px solid #f1f8f2; line-height: 1;">â</div> 10668<div style="font-size: 18px; font-weight: 900; color: #fff; line-height: 1;">60</div> 10669<div style="font-size: 7.5px; font-weight: 800; color: #c8e6c9; letter-spacing: .8px; margin-top: 2px;">DAYS</div> 10670</div> 10671<div style="text-align: left;"> 10672<div style="font-size: 16px; font-weight: 900; color: #1b5e20; line-height: 1.25;"><a href="https://magicdetox.com/guarantee/">Money-Back Guarantee</a></div> 10673<div style="font-size: 12.5px; color: #44684a; line-height: 1.45; margin-top: 3px;">Doesnât work for you? Every penny back â <b style="color: #1b5e20;">no questions asked, no hoops.</b></div> 10674</div> 10675</div> 10676<div style="max-width: 430px; margin: 28px auto; background: #fff; border: 1px solid #eee; border-left: 4px solid #F88712; border-radius: 12px; padding: 20px 22px 18px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); font-family: 'Lato','Noto Sans',-apple-system,BlinkMacSystemFont,Arial,sans-serif;"> 10677<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 10px;"><span style="color: #ffd700; font-size: 18px; letter-spacing: 2px;">â â â â â </span><br /> 10678<span style="font-size: 13px; font-weight: 800; color: #1a1a1a;">5.0</span></div> 10679<p style="margin: 0 0 14px; font-size: 15px; line-height: 1.6; color: #333;">âFinished the 7-day cleanse and tested clean 4 days later â passed my pre-employment screen no problem. I almost cheaped out on a same-day drink, so glad I didnât. This actually flushes you clean instead of masking it. Worth every penny.â</p> 10680<div style="display: flex; align-items: center; gap: 10px;"> 10681<div style="width: 38px; height: 38px; border-radius: 50%; background: #F88712; color: #fff; font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">MT</div> 10682<div> 10683<div style="font-size: 14px; font-weight: bold; color: #1a1a1a;">Marcus T.</div> 10684<div style="font-size: 12px; color: #2e7d32; font-weight: bold;">â Verified Purchase</div> 10685</div> 10686</div> 10687</div> 10688<p><img decoding="async" class="aligncenter wp-image-10387" src="https://magicdetox.com/wp-content/uploads/2026/07/â -7-Day-Full-Body-Cleanse-â -Flushes-Toxins-Naturally-â -Organic-Herbal-Formula-â -Fast-Acting-_-Effect-768x768.webp" alt="magic detox " width="485" height="485" /></p> 10689<div style="margin-bottom: 14px;"><a style="background: #F88712; color: #fff; padding: 20px 50px; font-size: 19px; font-weight: 800; text-decoration: none; border-radius: 12px; display: inline-block; box-shadow: 0 8px 24px rgba(248,135,18,0.45); letter-spacing: 0.4px; text-transform: uppercase;" href="https://magicdetox.com/products/ultra-thc-detox/"> Pass Your Test â</a></div> 10690<p style="margin: 0 0 30px; font-size: 13px; color: #1a1a1a; font-weight: bold;">â Money-Back Guarantee · â Free Discreet Shipping · â Made in USA</p> 10691<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 560px; margin: 0 auto 22px;"> 10692<div style="background: #fff; padding: 16px 12px; border-radius: 12px; flex: 1 1 calc(50% - 6px); max-width: 180px; min-width: 130px; box-shadow: 0 4px 14px rgba(0,0,0,0.08);"> 10693<div style="font-size: 26px; font-weight: 900; color: #f88712; line-height: 1;">700K+</div> 10694<div style="font-size: 12px; color: #555; margin-top: 5px; font-weight: 600;">Bottles Sold</div> 10695</div> 10696<div style="background: #fff; padding: 16px 12px; border-radius: 12px; flex: 1 1 calc(50% - 6px); max-width: 180px; min-width: 130px; box-shadow: 0 4px 14px rgba(0,0,0,0.08);"> 10697<div style="font-size: 26px; font-weight: 900; color: #f88712; line-height: 1;">â 4.8/5</div> 10698<div style="font-size: 12px; color: #555; margin-top: 5px; font-weight: 600;">Customer Rating</div> 10699</div> 10700<div style="background: #fff; padding: 16px 12px; border-radius: 12px; flex: 1 1 calc(50% - 6px); max-width: 180px; min-width: 130px; box-shadow: 0 4px 14px rgba(0,0,0,0.08);"> 10701<div style="font-size: 26px; font-weight: 900; color: #f88712; line-height: 1;">7 Days</div> 10702<div style="font-size: 12px; color: #555; margin-top: 5px; font-weight: 600;">Full Cleanse</div> 10703</div> 10704<div style="background: #fff; padding: 16px 12px; border-radius: 12px; flex: 1 1 calc(50% - 6px); max-width: 180px; min-width: 130px; box-shadow: 0 4px 14px rgba(0,0,0,0.08);"> 10705<div style="font-size: 26px; font-weight: 900; color: #f88712; line-height: 1;">100%</div> 10706<div style="font-size: 12px; color: #555; margin-top: 5px; font-weight: 600;">Organic Herbs</div> 10707</div> 10708</div> 10709<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 640px; margin: 0 auto 24px;"> 10710<div style="background: #fff; padding: 8px 14px; border-radius: 50px; font-size: 12px; font-weight: bold; color: #1a1a1a; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">ð #1 Detox Kit</div> 10711<div style="background: #fff; padding: 8px 14px; border-radius: 50px; font-size: 12px; font-weight: bold; color: #1a1a1a; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">ð 17 Years In Business</div> 10712<div style="background: #fff; padding: 8px 14px; border-radius: 50px; font-size: 12px; font-weight: bold; color: #1a1a1a; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">ðºð¸ Made in USA</div> 10713<div style="background: #fff; padding: 8px 14px; border-radius: 50px; font-size: 12px; font-weight: bold; color: #1a1a1a; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">ð¿ 100% Organic</div> 10714<div style="background: #fff; padding: 8px 14px; border-radius: 50px; font-size: 12px; font-weight: bold; color: #1a1a1a; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">ð¬ <span style="color: #000000;"><a style="color: #000000;" href="https://magicdetox.com/quality-certifications/">FDA-Registered Facility</a></span></div> 10715<div style="background: #fff; padding: 8px 14px; border-radius: 50px; font-size: 12px; font-weight: bold; color: #1a1a1a; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">ð° Money-Back Guarantee</div> 10716<div style="background: #fff; padding: 8px 14px; border-radius: 50px; font-size: 12px; font-weight: bold; color: #1a1a1a; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">ð Discreet Shipping</div> 10717</div> 10718<div style="max-width: 680px; margin: 40px auto; padding: 0 20px; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; text-align: center;"> 10719<div style="display: inline-block; background: #E8F5E9; color: #2e7d32; font-size: 14px; font-weight: bold; padding: 8px 20px; border-radius: 30px; margin-bottom: 18px;">ð Proven Faster Results</div> 10720<h2 style="margin: 0 0 10px 0; font-size: 36px !important; color: #1a1a1a; font-weight: 800; line-height: 1.15 !important;">Cut Your Detox Time by<br /> 10721<span style="color: #2e7d32;">85%</span></h2> 10722<p style="margin: 0 auto 30px auto; max-width: 520px; font-size: 17px; color: #555; line-height: 1.5;"><strong>Why wait 30 days? We offer a 7 day easy body reset..</strong></p> 10723<p><img decoding="async" class="aligncenter wp-image-10155" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-7-day-cleanse.webp" alt="magic detox 7 day cleanse" width="360" height="360" /></p> 10724<div style="margin-top: 25px;"><a style="display: inline-block; background: #F88712; color: #fff; padding: 14px 34px; border-radius: 10px; text-decoration: none; font-weight: bold; font-size: 16px; box-shadow: 0 4px 14px rgba(248,135,18,0.35);" href="https://magicdetox.com/products/ultra-thc-detox/">Start Your 7-Day Cleanse â</a></div> 10725</div> 10726</div> 10727<div style="background: #fff; padding: 18px 22px; border-radius: 12px; max-width: 480px; margin: 0 auto; box-shadow: 0 4px 14px rgba(0,0,0,0.08); text-align: left;"> 10728<div style="font-size: 18px; color: #ffb400; letter-spacing: 2px; line-height: 1; margin-bottom: 8px;">â â â â â </div> 10729<p style="margin: 0 0 10px; font-size: 14px; color: #333; line-height: 1.5; font-style: italic;">“I Passed! Worked exactly as promised. Followed the 7-day program and felt amazing b
10729y the end. I’d recommend Magic Detox to anyone â this stuff is the real deal.”</p> 10730<div style="font-size: 12px; color: #555; font-weight: bold;">â Jill., Verified Customer</div> 10731<div> 10732<div style="max-width: 420px; margin: 20px auto; text-align: center; font-family: 'Noto Sans',Arial,sans-serif;"><a style="display: inline-block; background: #fff; color: #f88712; text-decoration: none; font-weight: 800; font-size: 16px; padding: 14px 28px; border: 2px solid #F88712; border-radius: 12px;" href="https://magicdetox.com/reviews/">Read More Reviews â<br /> 10733</a></div> 10734</div> 10735</div> 10736<div style="max-width: 520px; margin: 20px auto; padding: 16px 20px; background: #FFF8F0; border: 2px solid #F88712; border-radius: 14px; text-align: center; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;"> 10737<div style="font-size: 17px; font-weight: 900; color: #1a1a1a; line-height: 1.3; margin-bottom: 6px;">Detox Questions? Text Us Now!</div> 10738<div style="font-size: 13px; color: #555; line-height: 1.5; margin-bottom: 12px;">Real human reply in under <strong style="color: #f88712;">5 minutes or less</strong>. No AI bots, no pressure.</div> 10739<p><a style="display: inline-block; background: #F88712; color: #ffffff; padding: 12px 26px; border-radius: 50px; font-weight: 800; text-decoration: none; font-size: 15px; box-shadow: 0 3px 10px rgba(248,135,18,0.3);" href="sms:+13868710178?body=Hi%20Magic%20Detox%20team%2C%20I%20have%20a%20question.">ð± Tap to Text Us</a></p> 10740<div style="font-size: 11px; color: #888; margin-top: 10px;"><strong><span style="color: #ff0000;">Open daily 9amâ11pm ETÂ </span></strong></div> 10741</div> 10742<div style="background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #fff; border-radius: 14px; padding: 28px 32px; margin: 28px auto; max-width: 640px; text-align: center; box-shadow: 0 8px 28px rgba(0,0,0,0.18); border-left: 4px solid #F88712;"> 10743<div style="display: inline-block; background: rgba(248,135,18,0.15); color: #f88712; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; padding: 5px 14px; border-radius: 20px; margin-bottom: 14px;">â Pure. Proven. Powerful.</div> 10744<p><img loading="lazy" decoding="async" class="aligncenter wp-image-10127" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-body-cleanse-.png" alt="magic detox body cleanse" width="375" height="375" /></p> 10745<p style="margin: 0; font-size: 17px; line-height: 1.6; font-weight: 500; color: #fff;">Magic Detox is a complete herbal cleanse program â supporting <strong style="color: #f88712;">whole-body reset</strong> for professionals and anyone needing to <span style="color: #99cc00;"><strong>get clean..</strong></span></p> 10746<div style="max-width: 400px; margin: 20px auto; background: #f1f8f2; border: 2px solid #2e7d32; border-radius: 12px; padding: 15px 18px; display: flex; align-items: center; gap: 14px; font-family: 'Lato','Noto Sans',-apple-system,BlinkMacSystemFont,Arial,sans-serif; box-shadow: 0 4px 14px rgba(46,125,50,0.15);"> 10747<div style="width: 58px; height: 58px; background: #2e7d32; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; position: relative; box-shadow: 0 3px 10px rgba(46,125,50,0.35);"> 10748<div style="position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; border: 1.5px dashed rgba(255,255,255,0.5); border-radius: 50%;"></div> 10749<div style="position: absolute; top: -5px; right: -5px; width: 19px; height: 19px; background: #FFD700; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 900; color: #1b5e20; border: 2px solid #f1f8f2; line-height: 1;">â</div> 10750<div style="font-size: 18px; font-weight: 900; color: #fff; line-height: 1;">60</div> 10751<div style="font-size: 7.5px; font-weight: 800; color: #c8e6c9; letter-spacing: .8px; margin-top: 2px;">DAYS</div> 10752</div> 10753<div style="text-align: left;"> 10754<div style="font-size: 16px; font-weight: 900; color: #1b5e20; line-height: 1.25;">Money-Back Guarantee</div> 10755<div style="font-size: 12.5px; color: #44684a; line-height: 1.45; margin-top: 3px;">Doesnât work for you? Every penny back â <b style="color: #1b5e20;">no questions asked, no hoops.</b></div> 10756</div> 10757</div> 10758</div> 10759<div style="background: #fff; border: 2px solid #1a1a1a; border-radius: 16px; padding: 32px 28px; max-width: 880px; margin: 0 auto 36px; font-family: 'Lato','Noto Sans',sans-serif; box-shadow: 0 8px 30px rgba(0,0,0,0.06);"> 10760<div style="text-align: center; margin-bottom: 26px;"> 10761<div style="display: inline-block; background: #1a1a1a; color: #fff; padding: 6px 18px; border-radius: 50px; font-size: 11px; font-weight: 900; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 10px;">How It Works</div> 10762<p><img loading="lazy" decoding="async" class="aligncenter wp-image-10318" src="https://magicdetox.com/wp-content/uploads/2026/05/magic-detox-capsules-2.png" alt="magic detox capsules" width="539" height="202" /></p> 10763<p><a style="display: inline-block; background: #f88712; color: #fff; text-decoration: none; font-size: 15px; font-weight: bold; padding: 12px 24px; border-radius: 8px; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
10763" href="https://magicdetox.com/faq/ultra-thc-detox-pills-instructions/">How to Use Magic Detox</a></p> 10764<h2 style="margin: 0; font-size: clamp(26px,5vw,34px); font-weight: 900; color: #1a1a1a; line-height: 1.15; letter-spacing: -0.5px;">Two Capsules. Three Times a Day. <span style="color: #f88712;">Seven Days.</span></h2> 10765<p style="margin: 8px auto 0; font-size: 15px; color: #555; max-width: 560px; line-height: 1.5;">No mixing, no chugging, no taste. The simplest cleanse protocol on the market.</p> 10766</div> 10767<div style="display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 28px;"> 10768<div style="flex: 1 1 calc(33.33% - 10px); min-width: 220px; background: #FFF8F0; border-radius: 12px; padding: 20px; border-left: 4px solid #F88712;"> 10769<div style="font-size: 11px; font-weight: 900; color: #f88712; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 6px;">Day 1</div> 10770<div style="font-size: 16px; font-weight: 900; color: #1a1a1a; margin-bottom: 8px; line-height: 1.3;">Take 2 capsules with 16 oz water</div> 10771<div style="font-size: 13.5px; color: #3a3a3a; line-height: 1.5;">Morning, midday, evening. Six capsules total per day. Eat normally. Avoid alcohol.</div> 10772</div> 10773<div style="flex: 1 1 calc(33.33% - 10px); min-width: 220px; background: #FFF8F0; border-radius: 12px; padding: 20px; border-left: 4px solid #F88712;"> 10774<div style="font-size: 11px; font-weight: 900; color: #f88712; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 6px;">Days 2â6</div> 10775<div style="font-size: 16px; font-weight: 900; color: #1a1a1a; margin-bottom: 8px; line-height: 1.3;">Repeat daily. Hydrate.</div> 10776<div style="font-size: 13.5px; color: #3a3a3a; line-height: 1.5;">7 organic herbs work systemically to mobilize and process stored toxins. Drink water consistently.</div> 10777</div> 10778<div style="flex: 1 1 calc(33.33% - 10px); min-width: 220px; background: #FFF8F0; border-radius: 12px; padding: 20px; border-left: 4px solid #F88712;"> 10779<div style="font-size: 11px; font-weight: 900; color: #f88712; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 6px;">Day 7</div> 10780<div style="font-size: 16px; font-weight: 900; color: #1a1a1a; margin-bottom: 8px; line-height: 1.3;">Cleanse complete. You’re ready.</div> 10781<div style="font-size: 13.5px; color: #3a3a3a; line-height: 1.5;">Most users report feeling lighter, clearer, and confident heading into test day.</div> 10782</div> 10783<p> </p> 10784</div> 10785<div style="max-width: 560px; margin: 28px auto; font-family: 'Lato','Noto Sans',-apple-system,'Segoe UI',Arial,sans-serif; background: #ffffff; border: 1px solid #eeeeee;
10785 border-top: 4px solid #F88712; border-radius: 14px; box-shadow: 0 2px 14px rgba(0,0,0,0.07); overflow: hidden;"> 10786<div style="padding: 20px 18px 18px; text-align: center;"> 10787<p style="margin: 0 0 10px;"><span style="display: inline-block; background: #fff5e6; color: #e07708; font-size: 11px; font-weight: 800; letter-spacing: 1px; padding: 4px 12px; border-radius: 999px;">𧪠FREE CALCULATOR</span></p> 10788<p style="margin: 0 0 8px; font-size: 20px; line-height: 1.25; font-weight: 900; color: #0d0d0d;">How Long Until You Test Clean?</p> 10789<p style="margin: 0 0 16px; font-size: 14px; line-height: 1.5; color: #555555;">3 days or 90+? It depends on your body, your usage, and the test youâre facing. Answer 4 quick questions and get your personalized THC detox timeline.</p> 10790<p style="margin: 0 0 10px;"><a style="display: block; background: #F88712; color: #ffffff; font-size: 16px; font-weight: 900; text-decoration: none; text-align: center; padding: 14px 12px; border-radius: 12px; box-shadow: 0 3px 10px rgba(248,135,18,0.35);" href="https://magicdetox.com/detox-calculator/">THC DETOX CALCULATOR â</a></p> 10791<p style="margin: 0; font-size: 12px; color: #777777;">Free · Instant results · Takes about 30 seconds</p> 10792</div> 10793<div style="background: #FFF8F0; border-top: 1px solid #f5e6d3; padding: 10px 14px; text-align: center; font-size: 12px; color: #444444;">Need to flush faster? The 7-Day Ultra Kit is <del>$57.95</del> <strong style="color: #f88712;">$49.26</strong> with code <strong>DETOX</strong></div> 10794</div> 10795<div style="text-align: center; margin-top: 24px; padding-top: 22px; border-top: 1px solid #eee;"> 10796<p><a style="background: #F88712; color: #fff; padding: 16px 38px; font-size: 16px; font-weight: 800; text-decoration: none; border-radius: 10px; display: inline-block; box-shadow: 0 6px 18px rgba(248,135,18,0.38); letter-spacing: 0.4px; text-transform: uppercase;" href="https://magicdetox.com/products/ultra-thc-detox/">SHOP Magic Detox Now â</a></p> 10797<p style="margin: 10px 0 0; font-size: 12px; color: #666; font-weight: 600;">â Ships free · â Arrives in 2 to 5 days · â 60-day guarantee</p> 10798<div id="mdCompChart" style="max-width: 680px; margin: 32px auto; padding: 0 14px; font-family: 'Lato','Noto Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;"> 10799<h2 class="md-cc-h2" style="text-align: center; font-size: 22px; font-weight: 900; color: #0d0d0d; margin: 0 0 6px; line-height: 1.25;">How Does Magic Detox Stack Up?</h2> 10800<p style="text-align: center; font-size: 13.5px; color: #777; margin: 0 0 26px;">Independent comparison â updated 2026</p> 10801<div class="md-cc-win" style="background: #FFF8F0; border: 3px solid #F88712; border-radius: 16px; padding: 26px 14px 18px; margin-bottom: 14px; position: relative; box-shadow: 0 6px 22px rgba(248,135,18,0.18); text-align: center;"> 10802<div style="position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: #F88712; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 1px; padding: 5px 16px; border-radius: 20px; white-space: nowrap; box-shadow: 0 3px 8px rgba(248,135,18,0.35);">â BEST CHOICE 2026</div> 10803<div style="font-size: 20px; font-weight: 900; color: #0d0d0d; line-height: 1.2;">Ultra Magic Detox</div> 10804<div style="font-size: 13px; color: #f88712; font-weight: bold; margin: 3px 0 14px;">Permanent Herbal Cleanse</div> 10805<div style="display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 5px;"><strong><span style="font-size: 15px; color: #000000; text-decoration: line-through;">$57.95</span></strong><br /> 10806<span style="background: #F88712; color: #fff; font-size: 24px; font-weight: 900; padding: 6px 18px; border-radius: 10px; line-height: 1.2; box-shadow: 0 3px 10px rgba(248,135,18,0.3);">$49.26</span><br /> 10807<span style="background: #fff; border: 1.5px solid #F88712; color: #f88712; font-size: 11px; font-weight: 800; padding: 4px 8px; border-radius: 8px;">SAVE 15%</span></div> 10808<div style="font-size: 12px; color: #b26105; font-weight: bold; margin-bottom: 16px;">with code <span style="letter-spacing: 1.5px;">DETOX</span></div> 10809<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 14px;"> 10810<div style="background: #fff; border-radius: 10px; padding: 10px 8px; border: 1px solid #F8C68A;"> 10811<div style="font-size: 10px; color: #999; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 2px;"><span style="text-decoration: underline;"><strong><span style="color: #000000; text-decoration: underline;">Duration</span></strong></span></div> 10812<div style="font-size: 14.5px; font-weight: 800; color: #0d0d0d;">7 Days Clean</div> 10813</div> 10814<div style="background: #fff; border-radius: 10px; padding: 10px 8px; border: 1px solid #F8C68A;"> 10815<div style="font-size: 10px; color: #999; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 2px;"><span style="text-decoration: underline;"><strong><span style="color: #000000; text-decoration: underline;">Works For</span></strong></span></div> 10816<div style="font-size: 14.5px; font-weight: 800; color: #0d0d0d;">Daily/Heavy Users</div> 10817</div> 10818</div> 10819<div style="text-align: left; max-width: 380px; margin: 0 auto 16px;"> 10820<div style="display: flex; align-items: flex-start; gap: 8px; margin-bottom: 7px; font-size: 13.5px; color: #1a1a1a; line-height: 1.4;"><span style="color: #f88712; font-weight: 900; flex-shrink: 0;">â</span><strong>Actually eliminates toxins</strong> â not a mask or dilution</div> 10821<div style="display: flex; align-items: flex-start; gap: 8px; margin-bottom: 7px; font-size: 13.5px; color: #1a1a1a; line-height: 1.4;"><span style="color: #f88712; font-weight: 900; flex-shrink: 0;">â</span>USDA Organic · 7 herbs · Made in USA</div> 10822<div style="display: flex; align-items: flex-start; gap: 8px; margin-bottom: 7px; font-size: 13.5px; color: #1a1a1a; line-height: 1.4;"><span style="color: #f88712; font-weight: 900; flex-shrink: 0;">â</span>700,000+ customers since 2007</div> 10823<div style="display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; color: #1a1a1a; line-height: 1.4;"><span style="color: #f88712; font-weight: 900; flex-shrink: 0;">â</span>60-day money-back guarantee · Free shipping</div> 10824</div> 10825<div style="background: #fff; border: 1.5px dashed #F88712; border-radius: 10px; padding: 10px 12px; margin-bottom: 14px; font-size: 13px; color: #1a1a1a;">Use code <span style="font-size: 15px; font-weight: 900; color: #f88712; letter-spacing: 1.5px;">DETOX</span> at checkout for <strong>15% off</strong></div> 10826<p><a class="md-cc-btn" style="display: block; background: #F88712; color: #fff; text-align: center; text-decoration: none; font-size: 16.5px; font-weight: 800; padding: 15px 12px; border-radius: 12px; letter-spacing: 0.3px; box-shadow: 0 4px 14px rgba(248,135,18,0.35); transition: background 0.2s;" href="https://magicdetox.com/products/ultra-thc-detox/">Get Magic Detox for $49.26 â</a></p> 10827</div> 10828<p style="text-align: center; margin: 24px 0 12px;"><span style="display: inline-block; font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; color: #0d0d0d; font-weight: 800; border-bottom: 2px solid #F88712; padding-bottom: 5px;">How the others compare</span></p> 10829<div style="background: #fff; border: 1px solid #e8e8e8; border-radius: 12px; padding: 13px 14px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px;"> 10830<div style="flex: 1; min-width: 0; text-align: left;"> 10831<div style="font-size: 14.5px; font-weight: 800; color: #1a1a1a; line-height: 1.3;">Green Gone 7-Day Detox</div> 10832<div style="font-size: 12px; color: #888; margin-top: 2px;">Herbal cleanse · 7 days</div> 10833<div style="font-size: 12px; color: #c0392b; margin-top: 5px; line-height: 1.35;">â $40+ more than Magic Detox</div> 10834</div> 10835<div style="flex-shrink: 0; background: #f4f4f4; color: #555; font-size: 16px; font-weight: 800; padding: 7px 12px; border-radius: 9px;">$89.95</div> 10836</div> 10837<div style="background: #fff; border: 1px solid #e8e8e8; border-radius: 12px; padding: 13px 14px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px;"> 10838<div style="flex: 1; min-width: 0; text-align: left;"> 10839<div style="font-size: 14.5px; font-weight: 800; color: #1a1a1a; line-height: 1.3;">QCarbo32</div> 10840<div style="font-size: 12px; color: #888; margin-top: 2px;">Dilution drink · 5 hours only</div> 10841<div style="font-size: 12px; color: #c0392b; margin-top: 5px; line-height: 1.35;">â Masks toxins temporarily â does not cleanse</div> 10842</div> 10843<div style="flex-shrink: 0; background: #f4f4f4; color: #555; font-size: 16px; font-weight: 800; padding: 7px 12px; border-radius: 9px;">$59.99</div> 10844</div> 10845<div style="background: #fff; border: 1px solid #e8e8e8; border-radius: 12px; padding: 13px 14px; margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; gap: 10px;"> 10846<div style="flex: 1; min-width: 0; text-align: left;"> 10847<div style="font-size: 14.5px; font-weight: 800; color: #1a1a1a; line-height: 1.3;">Mega Clean</div> 10848<div style="font-size: 12px; color: #888; margin-top: 2px;">Dilution drink · 5 hours only</div> 10849<div style="font-size: 12px; color: #c0392b; margin-top: 5px; line-height: 1.35;">â Masks toxins temporarily â does not cleanse</div> 10850</div> 10851<div style="flex-shrink: 0; background: #f4f4f4; color: #555; font-size: 16px; font-weight: 800; padding: 7px 12px; border-radius: 9px;">$69.95</div> 10852</div> 10853<div style="background: #fff; border: 1px solid #e8e8e8; border-radius: 12px; padding: 13px 14px; margin-bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 10px;"> 10854<div style="flex: 1; min-width: 0; text-align: left;"> 10855<div style="font-size: 14.5px; font-weight: 800; color: #1a1a1a; line-height: 1.3;">Toxin Rid 10-Day Detox</div> 10856<div style="font-size: 12px; color: #888; margin-top: 2px;">Pre-rid pills · 10 days</div> 10857<div style="font-size: 12px; color: #c0392b; margin-top: 5px; line-height: 1.35;">â $140+ more than Magic Detox</div> 10858</div> 10859<div style="flex-shrink: 0; background: #f4f4f4; color: #555; font-size: 16px; font-weight: 800; padding: 7px 12px; border-radius: 9px;">$189.95</div> 10860</div> 10861<div style="text-align: center; background: #0d0d0d; border-radius: 16px; padding: 24px 16px;"> 10862<p><img loading="lazy" decoding="async" class="aligncenter wp-image-10155 md-cc-img" style="display: block; margin: 0 auto 14px; width: 100%; max-width: 170px; height: auto; border-radius: 14px;" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-7-day-cleanse-768x768.webp" alt="magic detox 7 day cleanse" width="206" height="206" /></p> 10863<div style="font-size: 17px; font-weight: 800; color: #fff; line-height: 1.35; margin-bottom: 6px;">7 day permanent cleanse. Less than half the price.</div> 10864<div style="font-size: 12.5px; color: #bbb; margin-bottom: 12px;">Free shipping · 60-day guarantee · Ships same day</div> 10865<div style="display: inline-block; background: rgba(248,135,18,0.14); border: 1px dashed #F88712; border-radius: 8px; padding: 7px 14px; font-size: 13px; color: #f88712; font-weight: 800; margin-bottom: 16px;">Code DETOX = 15% off at checkout</div> 10866<p><a class="md-cc-btn" style="display: block; max-width: 360px; margin: 0 auto; background: #F88712; color: #fff; text-align: center; text-decoration: none; font-size: 16px; font-weight: 800; padding: 15px 12px; border-radius: 12px; line-height: 1.35; box-shadow: 0 4px 16px rgba(248,135,18,0.4); transition: background 0.2s;" href="https://magicdetox.com/products/ultra-thc-detox/">Order Now â $49.26 with code DETOX</a></p> 10867</div> 10868<div style="max-width: 400px; margin: 16px auto 0; background: #f1f8f2; border: 2px solid #2e7d32; border-radius: 12px; padding: 15px 18px; display: flex; align-items: center; gap: 14px; box-shadow: 0 4px 14px rgba(46,125,50,0.15);"> 10869<div style="width: 58px; height: 58px; background: #2e7d32; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; position: relative; box-shadow: 0 3px 10px rgba(46,125,50,0.35);"> 10870<div style="position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; border: 1.5px dashed rgba(255,255,255,0.5); border-radius: 50%;"></div> 10871<div style="position: absolute; top: -5px; right: -5px; width: 19px; height: 19px; background: #FFD700; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 900; color: #1b5e20; border: 2px solid #f1f8f2; line-height: 1;">â</div> 10872<div style="font-size: 18px; font-weight: 900; color: #fff; line-height: 1;">60</div> 10873<div style="font-size: 7.5px; font-weight: 800; color: #c8e6c9; letter-spacing: 0.8px; margin-top: 2px;">DAYS</div> 10874</div> 10875<div style="text-align: left;"> 10876<div style="font-size: 16px; font-weight: 900; color: #1b5e20; line-height: 1.25;">Money-Back Guarantee</div> 10877<div style="font-size: 12.5px; color: #44684a; line-height: 1.45; margin-top: 3px;">Doesnât work for you? Every penny back â <b style="color: #1b5e20;">no questions asked, no hoops.</b></div> 10878</div> 10879</div> 10880</div> 10881</div> 10882<div style="background: linear-gradient(135deg, #FFF8F0 0%, #FFE8D1 100%); border-radius: 20px; padding: 36px 28px; margin: 32px auto; max-width: 860px; box-shadow: 0 12px 36px rgba(248,135,18,0.12); border: 1px solid #F8C68A;"> 10883<div style="text-align: center; margin-bottom: 28px;"> 10884<div style="display: inline-block; background: #F88712; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; padding: 6px 16px; border-radius: 20px; margin-bottom: 14px;">âï¸ Compare The Options</div> 10885<h2 style="margin: 0 0 8px 0; font-size: 26px; font-weight: 900; color: #1a1a1a; line-height: 1.2;">Why Magic Detox Stands Apart</h2> 10886<p><img loading="lazy" decoding="async" class="aligncenter wp-image-10157" src="https://magicdetox.com/wp-content/uploads/2026/04/cropped-ChatGPT-Image-Nov-20-2025-01_35_01-PM.webp" alt="magic detox capsules work" width="153" height="132" /></p> 10887<div style="max-width: 640px; margin: 28px auto; font-family: 'Lato','Noto Sans',-apple-system,'Segoe UI',Arial,sans-serif; border: 1px solid #eeeeee; border-radius: 14px; overflow: hidden; box-shadow: 0 2px 14px rgba(0,0,0,0.07); background: #ffffff;"> 10888<div style="background: #0d0d0d; padding: 13px 12px; text-align: center; font-size: 15px; font-weight: 900; color: #ffffff;"><span style="color: #ffd700;">â </span> Why Magic Detox⢠Stands Apart</div> 10889<table style="width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0; border: 0;"> 10890<tbody> 10891<tr style="background: #ffffff;"> 10892<th style="width: 42%; padding: 12px 8px 12px 12px; background: #ffffff; border: 0;
10892 border-bottom: 1px solid #f0f0f0; vertical-align: top; text-align: left; font-size: 14px; font-weight: bold; color: #0d0d0d; word-wrap: break-word; overflow-wrap: anywhere;" scope="row"><span style="color: #2e7d32;">â</span> Permanent cleanse â not a mask</th> 10893<td style="width: 58%; padding: 12px 12px 12px 8px; background: #ffffff; border: 0; border-bottom: 1px solid #f0f0f0; vertical-align: top; font-size: 13px; color: #555555; word-wrap: break-word; overflow-wrap: anywhere;">Flushes THC out for good instead of hiding it for a few hours</td> 10894</tr> 10895<tr style="background: #fafafa;"> 10896<th style="padding: 12px 8px 12px 12px; background: #fafafa; border: 0; border-bottom: 1px solid #f0f0f0; vertical-align: top; text-align: left; font-size: 14px; font-weight: bold; color: #0d0d0d; word-wrap: break-word; overflow-wrap: anywhere;" scope="row"><span style="color: #2e7d32;">â</span> One bottle = one full cleanse</th> 10897<td style="padding: 12px 12px 12px 8px; background: #fafafa; border: 0; border-bottom: 1px solid #f0f0f0; vertical-align: top; font-size: 13px; color: #555555; word-wrap: break-word; overflow-wrap: anywhere;">The complete 7-day program in a single bottle â nothing else to buy</td> 10898</tr> 10899<tr style="background: #ffffff;"> 10900<th style="padding: 12px 8px 12px 12px; background: #ffffff; border: 0; border-bottom: 1px solid #f0f0f0; vertical-align: top; text-align: left; font-size: 14px; font-weight: bold; color: #0d0d0d; word-wrap: break-word; overflow-wrap: anywhere;" scope="row"><span style="color: #2e7d32;">â</span> Made in USA · USDA Organic</th> 10901<td style="padding: 12px 12px 12px 8px; background: #ffffff; border: 0; border-bottom: 1px solid #f0f0f0; vertical-align: top; font-size: 13px; color: #555555; word-wrap: break-word; overflow-wrap: anywhere;">7 cleansing herbs: burdock, dandelion, rhubarb, goldenseal, sheep sorrel, catâs claw bark & pau dâarco</td> 10902</tr> 10903<tr style="background: #fafafa;"> 10904<th style="padding: 12px 8px 12px 12px; background: #fafafa; border: 0; border-bottom: 1px solid #f0f0f0; vertical-align: top; text-align: left; font-size: 14px; font-weight: bold; color: #0d0d0d; word-wrap: break-word; overflow-wrap: anywhere;" scope="row"><span style="color: #2e7d32;">â</span> 700,000+ customers since 2007</th> 10905<td style="padding: 12px 12px 12px 8px; background: #fafafa; border: 0; border-bottom: 1px solid #f0f0f0; vertical-align: top; font-size: 13px; color: #555555; word-wrap: break-word; overflow-wrap: anywhere;">Helping people test clean for almost 20 years</td> 10906</tr> 10907<tr style="background: #ffffff;"> 10908<th style="padding: 12px 8px 12px 12px; background: #ffffff; border: 0; border-bottom: 1px solid #f0f0f0; vertical-align: top; text-align: left; font-size: 14px; font-weight: bold; color: #0d0d0d; word-wrap: break-word; overflow-wrap: anywhere;" scope="row"><span style="color: #2e7d32;">â</span> 4.8/5 â 2,847 verified reviews</th> 10909<td style="padding: 12px 12px 12px 8px; background: #ffffff; border: 0; border-bottom: 1px solid #f0f0f0; vertical-align: top; font-size: 13px; color: #555555; word-wrap: break-word; overflow-wrap: anywhere;">Rated by people who had a real test on the line</td> 10910</tr> 10911<tr style="background: #fafafa;"> 10912<th style="padding: 12px 8px 12px 12px; background: #fafafa; border: 0; border-bottom: 1px solid #f0f0f0; vertical-align: top; text-align: left; font-size: 14px; font-weight: bold; color: #0d0d0d; word-wrap: break-word; overflow-wrap: anywhere;" scope="row"><span style="color: #2e7d32;">â</span> 60-day money-back guarantee</th> 10913<td style="padding: 12px 12px 12px 8px; background: #fafafa; border: 0; border-bottom: 1px solid #f0f0f0; vertical-align: top; font-size: 13px; color: #555555; word-wrap: break-word; overflow-wrap: anywhere;">Doesnât work for you? Every penny back â no hoops</td> 10914</tr> 10915<tr style="background: #ffffff;"> 10916<th style="padding: 12px 8px 12px 12px; background: #ffffff; border: 0; vertical-align: top; text-align: left; font-size: 14px; font-weight: bold; color: #0d0d0d; word-wrap: break-word; overflow-wrap: anywhere;" scope="row"><span style="color: #2e7d32;">â</span> Free discreet shipping</th> 10917<td style="padding: 12px 12px 12px 8px; background: #ffffff; border: 0; vertical-align: top; font-size: 13px; color: #555555; word-wrap: break-word;
10917 overflow-wrap: anywhere;">Plain packaging â ships same day when you order by 2 PM ET</td> 10918</tr> 10919</tbody> 10920</table> 10921<div style="background: #FFF8F0; border-top: 1px solid #f5e6d3; padding: 10px 14px; text-align: center; font-size: 12px; color: #444444;">Get the <a style="color: #e07708; font-weight: 900; text-decoration: none;" href="https://magicdetox.com/products/ultra-thc-detox/">7-Day Ultra Kit</a> for <del>$57.95</del> <strong style="color: #f88712;">$49.26</strong> with code <strong>DETOX</strong></div> 10922</div> 10923</div> 10924</div> 10925<div style="text-align: center; margin-top: 22px;"> 10926<p><a style="display: inline-block; background: #F88712; color: #fff; padding: 18px 44px; font-size: 17px; font-weight: 800; text-decoration: none; border-radius: 50px; box-shadow: 0 6px 20px rgba(248,135,18,0.35); letter-spacing: 0.02em;" href="https://magicdetox.com/products/ultra-thc-detox/">Get Magic Detox â</a></p> 10927<div style="margin-top: 12px; font-size: 13px; color: #777;">Ships same day · 60-day money-back guarantee</div> 10928</div> 10929</div> 10930<p><img loading="lazy" decoding="async" class="aligncenter wp-image-9871" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-guarantee.jpg" alt="magic detox guarantee" width="744" height="744" /></p> 10931<hr /> 10932<div style="max-width: 1100px; margin: 40px auto; padding: 0 15px; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; color: #333; line-height: 1.7;"> 10933<p><!-- SECTION HEADER --></p> 10934<div style="text-align: center; margin-bottom: 32px;"> 10935<div style="font-size: 13px; font-weight: bold; color: #f88712; letter-spacing: 2.5px; text-transform: uppercase; margin-bottom: 10px;">America’s #1 Herbal Cleanse Since 2007</div> 10936<h2 style="margin: 0; font-size: 36px !important; color: #1a1a1a; font-weight: 800; line-height: 1.2 !important;">Why Over 700,000 Americans Trust Magic Detox</h2> 10937<div style="width: 80px; height: 4px; background: #F88712; margin: 18px auto 0 auto; border-radius: 2px;"></div> 10938</div> 10939<p><!-- INTRO PARAGRAPH BLOCK --></p> 10940<div style="background: linear-gradient(135deg,#FFF8F0 0%,#FFE8D1 100%); border-radius: 16px; padding: 38px 42px; margin-bottom: 30px; box-shadow: 0 4px 20px rgba(248,135,18,0.08);"> 10941<p><a href="https://magicdetox.com/products/ultra-thc-detox/"><img loading="lazy" decoding="async" class="aligncenter wp-image-10152" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-7-day-cleanse-1.webp" alt="magic detox" width="360" height="360" /></a></p> 10942<p style="margin: 0 0 18px 0; font-size: 18px; color: #1a1a1a; line-height: 1.7;"><strong style="color: #f88712;">Magic Detox</strong> has been America’s most trusted name in herbal cleansing for nearly two decades. Since launching our flagship 7-day program in <strong>2007</strong>, we’ve helped more than <strong>700,000 customers</strong> reset their bodies using the same time-tested blend of seven 100% USDA-certified organic herbs â the way nature intended.</p> 10943<p style="margin: 0; font-size: 18px; color: #1a1a1a; line-height: 1.7;">Every herbal capsule is hand-blended in a <strong>FDA-registered, SQF-certified facility right here in the United States</strong> â never overseas, never with synthetic shortcuts, and never with the harsh chemicals or “masking” agents you’ll find in cheap drugstore detox products.</p> 10944</div> 10945<p><!-- PILLAR CARDS --></p> 10946<div style="display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 18px; margin-bottom: 30px;"> 10947<div style="background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 26px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 10948<div style="font-size: 38px; margin-bottom: 10px;">ð±</div> 10949<div style="font-weight: 800; color: #1a1a1a; font-size: 17px; margin-bottom: 8px;">100% Organic</div> 10950<div style="font-size: 14px; color: #666; line-height: 1.6;">USDA-certified organic herbs. No synthetics, no fillers, no shortcuts.</div> 10951</div> 10952<div style="background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 26px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 10953<div style="font-size: 38px; margin-bottom: 10px;">ðºð¸</div> 10954<div style="font-weight: 800; color: #1a1a1a; font-size: 17px; margin-bottom: 8px;">Made in the USA</div> 10955<div style="font-size: 14px; color: #666; line-height: 1.6;"> 10956<p>Proudly American-made for nearly two decades.</p> 10957</div> 10958</div> 10959<div style="background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 26px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 10960<div style="font-size: 38px; margin-bottom: 10px;">ð¡ï¸</div> 10961<div style="font-weight: 800; color: #1a1a1a; font-size: 17px; margin-bottom: 8px;">60-Day Guarantee</div> 10962<div style="font-size: 14px; color: #666; line-height: 1.6;">Real money-back promise. No fine print, no runaround.</div> 10963</div> 10964<div style="background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 26px 24px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 10965<div style="font-size: 38px; margin-bottom: 10px;">â±ï¸</div> 10966<div style="font-weight: 800; color: #1a1a1a; font-size: 17px; margin-bottom: 8px;">Since 2007</div> 10967<div style="font-size: 14px; color: #666; line-height: 1.6;">Nearly 20 years of proven results â trusted by 700,000+ Americans.</div> 10968</div> 10969</div> 10970<p><!-- SECONDARY PARAGRAPH --></p> 10971<div style="background: #fff; border: 1px solid #eee; border-left: 5px solid #F88712; border-radius: 12px; padding: 30px 34px; margin-bottom: 30px;"> 10972<p style="margin: 0 0 16px 0; font-size: 17px; color: #333; line-height: 1.75;">Whether you’re an everyday wellness seeker, a heavy <strong>user</strong> looking for a complete reset, or someone who simply wants to flush out the buildup of toxins from modern life, our <strong>
109727-day herbal cleanse</strong> is built around one philosophy: <span style="color: #99cc00;"><strong><em>support your body’s own natural ability to detoxify</em></strong></span> â with ingredients clinically known to support liver, kidney, and digestive function cleansing.</p> 10973<p style="margin: 0; font-size: 17px; color: #333; line-height: 1.75;">No gimmicks. No sketchy “instant flush” promises. Just seven powerful organic herbs â <strong>burdock, dandelion, rhubarb, goldenseal, sheep sorrel, cat’s claw bark, and pau d’arco</strong> â working with your body the way nature designed.</p> 10974<p><img loading="lazy" decoding="async" class="aligncenter wp-image-9169" src="https://magicdetox.com/wp-content/uploads/2025/09/â -7-Day-Full-Body-Cleanse-â -Flushes-Toxins-Naturally-â -Organic-Herbal-Formula-â -Fast-Acting-Effective-â -Trusted-by-Thousands-3.jpg" alt="magic detox" width="701" height="701" /></p> 10975</div> 10976<p><!-- TRUST BAR --></p> 10977<div style="background: #1a1a1a; color: #fff; border-radius: 14px; padding: 24px 28px; margin-bottom: 30px;"> 10978<div style="display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; gap: 18px; text-align: center;"> 10979<div> 10980<div style="font-size: 28px; font-weight: 800; color: #ffa040;">700K+</div> 10981<div style="font-size: 12px; color: #bbb; text-transform: uppercase; letter-spacing: 1.5px; margin-top: 4px;">Customers Served</div> 10982</div> 10983<div> 10984<div style="font-size: 28px; font-weight: 800; color: #ffa040;">19+</div> 10985<div style="font-size: 12px; color: #bbb; text-transform: uppercase; letter-spacing: 1.5px; margin-top: 4px;">Years in Business</div> 10986</div> 10987<div> 10988<div style="font-size: 28px; font-weight: 800; color: #ffa040;">4.8â </div> 10989<div style="font-size: 12px; color: #bbb; text-transform: uppercase; letter-spacing: 1.5px; margin-top: 4px;">Customer Rating</div> 10990</div> 10991<div> 10992<div style="font-size: 28px; font-weight: 800; color: #ffa040;">7</div> 10993<div style="font-size: 12px; color: #bbb; text-transform: uppercase; letter-spacing: 1.5px; margin-top: 4px;">Organic Herbs</div> 10994</div> 10995<div> 10996<div style="font-size: 28px; font-weight: 800; color: #ffa040;">60</div> 10997<div style="font-size: 12px; color: #bbb; text-transform: uppercase; letter-spacing: 1.5px; margin-top: 4px;">Day Guarantee</div> 10998</div> 10999</div> 11000</div> 11001<p><!-- CTA ROW --></p> 11002<div style="text-align: center; margin-bottom: 20px;"><a style="background: #F88712; color: #fff; text-decoration: none; font-weight: 800; padding: 16px 36px; border-radius: 50px; font-size: 17px; box-shadow: 0 6px 20px rgba(248,135,18,0.4); display: inline-block; margin: 6px;" href="https://magicdetox.com/products/ultra-thc-detox/">Shop Ultra Magic Detox â</a><br /> 11003<a style="background: #fff; color: #f88712; text-decoration: none; font-weight: 800; padding: 16px 36px; border-radius: 50px; font-size: 17px; border: 2px solid #F88712; display: inline-block; margin: 6px;" href="https://magicdetox.com/quality-certifications/">View Our Certifications</a></div> 11004</div> 11005<div style="max-width: 600px; margin: 30px auto; padding: 25px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;"> 11006<div style="display: flex; align-items: center; gap: 20px; flex-wrap: wrap;"> 11007<p> </p> 11008<div style="flex: 1; min-width: 220px;"> 11009<div style="font-size: 12px; font-weight: bold; color: #f88712; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 6px; text-align: center;">About Magic Detox</div> 11010<div><img loading="lazy" decoding="async" class="aligncenter wp-image-9191" src="https://magicdetox.com/wp-content/uploads/2025/09/Untitled-design-7-1.jpg" alt="magic detox pills" width="56" height="92" /></div> 11011<h3 style="margin: 0px 0px 8px; font-size: 20px; color: #1a1a1a; font-weight: bold; line-height: 1.3; text-align: center;">Founded by Carl & Kristen</h3> 11012<p style="margin: 0px; font-size: 14px; line-height: 1.5; color: #555555; text-align: center;">Husband-and-wife team behind Magic Detox. Helping people cleanse naturally since 2007 â over 700,000 bottles shipped from St. Augustine, FL.</p> 11013</div> 11014</div> 11015<div style="text-align: center; margin-top: 20px;"><a style="display: inline-block; background: #F88712; color: #ffffff; padding: 12px 28px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 15px; letter-spacing: 0.3px;" href="https://magicdetox.com/about/">Read Our Story â</a></div> 11016</div> 11017<div style="background: linear-gradient(135deg,#FFF5E8,#FFE4C4); padding: 40px 30px; border-radius: 14px; border: 2px solid #F88712; margin: 30px 0; text-align: center; color: #1a1a1a;"> 11018<div style="font-size: 13px; color: #f88712; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px;">ð§® Free Tool</div> 11019<h2 style="margin: 0 0 12px; font-size: 30px; color: #1a1a1a; line-height: 1.2;">How Long Until You Are Clean?</h2> 11020<p><img loading="lazy" decoding="async" class="aligncenter wp-image-10131" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-time-calculator-1.png" alt="magic detox time calculator" width="105" height="105" /></p> 11021<p style="margin: 0 0 24px; font-size: 17px; color: #444; max-width: 600px; margin-left: auto; margin-right: auto; line-height: 1.5;">Get a personalized detox timeline in 30 seconds. Built on peer-reviewed pharmacokinetic data. 100% free, no email required.</p> 11022<p><a style="display: inline-block; background: #F88712; color: #fff; padding: 18px 44px; font-size: 17px; font-weight: 800; text-decoration: none; border-radius: 10px; text-transform: uppercase; letter-spacing: 0.5px;" href="https://magicdetox.com/detox-calculator/">THC Detox Calculator â</a></p> 11023<div style="margin-top: 16px; font-size: 13px; color: #666;">â Used by 50,000+ people preparing for drug tests</div> 11024</div> 11025<div style="text-align: center; margin: 30px 0;"><a style="background: #F88712; color: #fff; padding: 16px 44px; font-size: 17px; font-weight: bold; text-decoration: none; border-radius: 8px; display: inline-block; box-shadow: 0 4px 14px rgba(248, 135, 18, 0.4); letter-spacing: 0.3px;" href="https://magicdetox.com/products/ultra-thc-detox/">Shop Magic Detox â</a></div> 11026<div> 11027<hr /> 11028<div class="zc-reviews-card"> 11029<div class="zc-reviews-icon">âââââ</div> 11030<div class="zc-reviews-count">700,000+ Customers Can’t Be Wrong</div> 11031<h3 dir="auto"><span style="color: #ffffff;">See What Real Customers Are Saying</span></h3> 11032<p class="zc-reviews-sub">Real customers. Real tests. Real results. Read what they’re saying before you buy anything else.</p> 11033<p><a class="zc-reviews-btn" href="https://magicdetox.com/reviews/">ð Read More Reviews â</a></p> 11034<p><img loading="lazy" decoding="async" class="aligncenter wp-image-9797" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-reviews.jpg" alt="magic detox reviews" width="761" height="627" /></p> 11035</div> 11036<div style="text-align: center; margin: 30px 0;"><a style="background: #F88712; color: #fff; padding: 16px 44px; font-size: 17px; font-weight: bold; text-decoration: none; border-radius: 8px; display: inline-block; box-shadow: 0 4px 14px rgba(248, 135, 18, 0.4); letter-spacing: 0.3px;" href="https://magicdetox.com/products/ultra-thc-detox/">Shop Magic Detox â</a></div> 11037<div style="display: flex; justify-content: center; align-items: center;"></div> 11038<p><img loading="lazy" decoding="async" class="aligncenter wp-image-10026" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-detox-flush.jpg" alt="magic detox body cleanse " width="768" height="768" /></p> 11039<div style="max-width: 820px; margin: 40px auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;"> 11040<h2 style="text-align: center; font-size: 32px; font-weight: 900; color: #1a1a1a; margin: 0 0 10px;">Frequently Asked Questions</h2> 11041<p style="text-align: center; color: #666; font-size: 16px; margin: 0 0 32px;">Everything you need to know about Magic Detox</p> 11042<div style="max-width: 520px; margin: 20px auto; padding: 16px 20px; background: #FFF8F0; border: 2px solid #F88712; border-radius: 14px; text-align: center; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;"> 11043<div style="font-size: 17px; font-weight: 900; color: #1a1a1a; line-height: 1.3; margin-bottom: 6px;">Detox Questions? Text Us Now!</div> 11044<div style="font-size: 13px; color: #555; line-height: 1.5; margin-bottom: 12px;">Real human reply in <strong style="color: #f88712;">5 minutes or less</strong>. No bots, no pressure.</div> 11045<p><a style="display: inline-block; background: #F88712; color: #ffffff; padding: 12px 26px; border-radius: 50px; font-weight: 800; text-decoration: none; font-size: 15px; box-shadow: 0 3px 10px rgba(248,135,18,0.3);" href="sms:+13868710178?body=Hi%20Magic%20Detox%20team%2C%20I%20have%20a%20question.">ð± Tap to Text Us</a></p> 11046<div style="font-size: 11px; color: #888; margin-top: 10px;">Open daily 9amâ11pm ET ⢠Standard message rates apply</div> 11047</div> 11048<details style="background: #fff;
11048 border: 2px solid #f0f0f0; border-radius: 12px; margin-bottom: 12px; padding: 18px 22px; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 11049<summary style="cursor: pointer; font-size: 17px; font-weight: bold; color: #1a1a1a;">Who is Magic Detox?</summary> 11050<div style="padding-top: 14px; color: #444; font-size: 15px; line-height: 1.7;">Magic Detox is America’s #1 herbal cleanse company, in business since 2007. We’ve helped over 700,000 customers reset their bodies and feel clean again with our proprietary blend of organic herbs, manufactured right here in the USA. <a href="https://magicdetox.com/about/">Learn more about Magic Detox</a></div> 11051</details> 11052<details style="background: #fff; border: 2px solid #f0f0f0; border-radius: 12px; margin-bottom: 12px; padding: 18px 22px; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 11053<summary style="cursor: pointer; font-size: 17px; font-weight: bold; color: #1a1a1a;">Why is Magic Detox the best?</summary> 11054<div style="padding-top: 14px; color: #444; font-size: 15px; line-height: 1.7;">Unlike single-day “masking” drinks that wear off in hours, Magic Detox is a full <strong>7-day herbal cleansing program</strong> designed to flush toxins from your system permanently. We use 100% organic herbs, ship discreetly, and back every order with a money-back guarantee. Seventeen years and 700,000+ customers â we let our results speak.</div> 11055</details> 11056<details style="background: #fff; border: 2px solid #f0f0f0; border-radius: 12px; margin-bottom: 12px; padding: 18px 22px; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 11057<summary style="cursor: pointer; font-size: 17px; font-weight: bold; color: #1a1a1a;">How do I use Magic Detox?</summary> 11058<div style="padding-top: 14px; color: #444; font-size: 15px; line-height: 1.7;">Take the capsules daily as directed for 7 days, drink plenty of water, eat clean, and avoid all toxins during the program. Full step-by-step instructions are included with every kit, and our support team is here if you need help. It’s simple â and it works.</div> 11059</details> 11060<details style="background: #fff; border: 2px solid #f0f0f0; border-radius: 12px; margin-bottom: 12px; padding: 18px 22px; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 11061<summary style="cursor: pointer; font-size: 17px; font-weight: bold; color: #1a1a1a;">Is there a guarantee?</summary> 11062<div style="padding-top: 14px; color: #444; font-size: 15px; line-height: 1.7;">Yes â every Magic Detox order is backed by our <strong>money-back guarantee</strong>. Follow the program as directed, and if you’re not satisfied, contact our support team for a refund. We stand behind our product 100%.</div> 11063</details> 11064<details style="background: #fff; border: 2px solid #f0f0f0; border-radius: 12px; margin-bottom: 12px; padding: 18px 22px; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 11065<summary style="cursor: pointer; font-size: 17px; font-weight: bold; color: #1a1a1a;">What ingredients are in Magic Detox?</summary> 11066<div style="padding-top: 14px; color: #444; font-size: 15px; line-height: 1.7;">Our proprietary formula uses 100% organic herbs traditionally known to support liver, kidney, and digestive cleansing â including milk thistle, dandelion root, burdock, and a custom blend of detox-supporting botanicals. Full ingredient list is on every bottle. No synthetic fillers, no junk.</div> 11067</details> 11068<details style="background: #fff; border: 2px solid #f0f0f0; border-radius: 12px; margin-bottom: 12px; padding: 18px 22px; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 11069<summary style="cursor: pointer; font-size: 17px; font-weight: bold; color: #1a1a1a;">How long will I stay clean after the cleanse?</summary> 11070<div style="padding-top: 14px; color: #444; font-size: 15px; line-height: 1.7;">Once you complete the full 7-day program, your body is reset â meaning you’ll stay clean as long as you avoid reintroducing Toxins into your system. This is a <strong>full cleanse</strong>, not a temporary mask.</div> 11071</details> 11072<details style="background: #fff; border: 2px solid #f0f0f0; border-radius: 12px; margin-bottom: 12px; padding: 18px 22px; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 11073<summary style="cursor: pointer; font-size: 17px; font-weight: bold; color: #1a1a1a;">How fast does shipping take?</summary> 11074<div style="padding-top: 14px; color: #444; font-size: 15px; line-height: 1.7;">We offer <strong>free, fast, discreet shipping</strong> on every order â packaged in plain boxes with no branding on the outside. Most US orders arrive within 2â5 business days. Expedited o
11074ptions are available at checkout.</div> 11075</details> 11076<details style="background: #fff; border: 2px solid #f0f0f0; border-radius: 12px; margin-bottom: 12px; padding: 18px 22px; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 11077<summary style="cursor: pointer; font-size: 17px; font-weight: bold; color: #1a1a1a;">Is Magic Detox safe?</summary> 11078<div style="padding-top: 14px; color: #444; font-size: 15px; line-height: 1.7;">Yes. Magic Detox is made from 100% organic herbs. We’ve helped over 700,000 customers safely complete the cleanse since 2007. As with any supplement, consult your doctor first if you’re pregnant, nursing, or have a medical condition.</div> 11079</details> 11080<div style="text-align: center; margin-top: 24px;"><a style="display: inline-block; background: #F88712; color: #fff; padding: 14px 32px; font-weight: 800; text-decoration: none; border-radius: 8px; text-transform: uppercase; letter-spacing: 0.5px; font-size: 14px;" href="https://magicdetox.com/faq/">More FAQs â</a></div> 11081</div> 11082<div style="background: linear-gradient(135deg, #FFF5E8 0%, #FFE4C4 100%); padding: 50px 30px; border-radius: 12px; text-align: center; margin-bottom: 40px;"> 11083<h3 style="margin: 0 0 12px; font-size: 32px; color: #2c2c2c; font-weight: 800;">Walk Into Anything. Clean.</h3> 11084<p><img loading="lazy" decoding="async" class="aligncenter wp-image-10152" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-7-day-cleanse-1.webp" alt="magic detox" width="360" height="360" /></p> 11085<p><strong>One Bottle. Seven Days. A Complete Reset. Be clean. Be confident.</strong></p> 11086<div style="margin-top: 28px;"><a style="background: #F88712; color: #fff; padding: 16px 44px; font-size: 17px; font-weight: bold; text-decoration: none; border-radius: 8px; display: inline-block; box-shadow: 0 4px 14px rgba(248, 135, 18, 0.4); letter-spacing: 0.3px;" href="https://magicdetox.com/products/ultra-thc-detox/">Shop Magic Detox â</a></div> 11087</div> 11088<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin: 40px 0;"> 11089<div style="background: #fff; border: 1px solid #f0f0f0; border-radius: 10px; padding: 28px 22px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 11090<div style="font-size: 40px; margin-bottom: 12px;">â¡</div> 11091<h4 style="margin: 0 0 10px; color: #f88712; font-size: 18px; font-weight: bold;">Extra Strength Power Cleanse</h4> 11092<p style="margin: 0; font-size: 14px; color: #555; line-height: 1.6;">Premium serving of the best ingredients for a full and successful detox of urine, saliva, kidney, liver & blood.</p> 11093</div> 11094<div style="background: #fff; border: 1px solid #f0f0f0; border-radius: 10px; padding: 28px 22px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 11095<div style="font-size: 40px; margin-bottom: 12px;">ð¿</div> 11096<h4 style="margin: 0 0 10px; color: #f88712; font-size: 18px; font-weight: bold;">7-Day Total Cleanse</h4> 11097<p style="margin: 0; font-size: 14px; color: #555; line-height: 1.6;">Expertly crafted herbal formula with 7 powerful organic ingredients to fully cleanse your system in just 7 days.</p> 11098</div> 11099<div style="background: #fff; border: 1px solid #f0f0f0; border-radius: 10px; padding: 28px 22px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 11100<div style="font-size: 40px; margin-bottom: 12px;">ðª</div> 11101<h4 style="margin: 0 0 10px; color: #f88712; font-size: 18px; font-weight: bold;">Full System Toxin Cleaner</h4> 11102<p style="margin: 0; font-size: 14px; color: #555; line-height: 1.6;">A complete 7-day system reset â designed to support full-body detoxification of the liver, kidneys, and digestive tract.</p> 11103</div> 11104<div style="background: #fff; border: 1px solid #f0f0f0; border-radius: 10px; padding: 28px 22px; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.04);"> 11105<div style="font-size: 40px; margin-bottom: 12px;">ð¡ï¸</div> 11106<h4 style="margin: 0 0 10px; color: #f88712; font-size: 18px; font-weight: bold;">100% Detox Guarantee</h4> 11107<p style="margin: 0; font-size: 14px; color: #555; line-height: 1.6;">Made in the USA with our No Questions Asked, Full Refund Guarantee.</p> 11108</div> 11109</div> 11110<hr /> 11111<p style="text-align: center;"><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-8988" src="https://magicdetox.com/wp-content/uploads/2025/07/Untitled-design-24.jpg" alt="" width="1000" height="140" /></p> 11112<p style="text-align: left;"><!-- CTA BACK TO PRODUCT --></p> 11113<div style="background: linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%); color: #fff; border-radius: 14px; padding: 35px 30px; margin-bottom: 30px; text-align: center;"> 11114<div style="font-size: 13px; font-weight: bold; color: #ffa040; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 10px;">Ready to Try Magic Detox?</div> 11115<h2 style="margin: 0 0 12px 0; font-size: 26px !important; color: #fff; font-weight: 800; line-height: 1.2 !important;">You Have Nothing to Lose, Everything to Gain</h2> 11116<p style="margin: 0 auto 22px auto; font-size: 16px; color: #ddd; max-width: 600px;">The original 7-day herbal cleanse, trusted across America since 2007. Now it’s your turn â backed by our full 60-day money-back guarantee..</p> 11117<p><img decoding="async" class="aligncenter wp-image-10155" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-7-day-cleanse.webp" alt="magic detox 7 day cleanse" width="360" height="360" /></p> 11118<p><!-- TRUST ROW 1 --></p> 11119<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin-bottom: 18px; font-size: 14px; font-weight: bold;"><span style="color: #7dd87d;">â 4.8 / 5 Customer Rating</span><br /> 11120<span style="color: #7dd87d;">ð± USDA Organic</span><br /> 11121<span style="color: #7dd87d;">ðºð¸ Made in USA</span><br /> 11122<span style="color: #7dd87d;">ð¡ï¸ 60-Day Guarantee</span></div> 11123<p><a style="background: #F88712; color: #fff; text-decoration: none; font-weight: 800; padding: 16px 36px; border-radius: 50px; font-size: 18px; box-shadow: 0 6px 20px rgba(248,135,18,0.4); display: inline-block;" href="https://magicdetox.com/products/ultra-thc-detox/">Order Magic Detox Now â</a></p> 11124<p><!-- TRUST ROW 2 (under button) --></p> 11125<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin-top: 18px; font-size: 12px; color: #aaa;">ð SSL Secured Checkout<br /> 11126ð³ Visa · MC · Amex · Discover<br /> 11127ð¦ FREE Discreet Shipping<br /> 11128ð (888) 492-1115</div> 11129<p><!-- SUBTLE URGENCY --></p> 11130<div style="margin-top: 14px; font-size: 13px; color: #ffa040; font-weight: 600;">â° Order by 2 PM EST â Ships TODAY</div> 11131</div> 11132<h2 style="text-align: center;"><span style="color: #ff6600;"> Money Back Get Clean <a href="https://magicdetox.com/guarantee/">Guarantee!</a></span></h2> 11133<div style="background: linear-gradient(135deg, #FFF8F0 0%, #FFE8D1 100%); border-radius: 20px; padding: 40px 36px; margin: 32px auto; max-width: 720px; box-shadow: 0 12px 36px rgba(248,135,18,0.12); border: 1px solid #F8C68A;"> 11134<div style="text-align: center; margin-bottom: 28px;"> 11135<div style="display: inline-block; background: #F88712; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; padding: 6px 16px; border-radius: 20px; margin-bottom: 14px;">Why Magic Detox Works</div> 11136<h2 style="margin: 0; font-size: 28px; font-weight: 900; color: #1a1a1a; line-height: 1.2;">Your Complete 7-Day Reset</h2> 11137</div> 11138<div style="background: #fff; border-radius: 14px; padding: 24px 26px; margin-bottom: 22px; box-shadow: 0 4px 14px rgba(0,0,0,0.04);"> 11139<div style="display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px;"> 11140<div style="font-size: 22px; line-height: 1; flex-shrink: 0;">â </div> 11141<div> 11142<div style="font-weight: 800; color: #1a1a1a; font-size: 16px; margin-bottom: 4px;">Rapid Toxin Elimination</div> 11143<div style="color: #555; font-size: 15px; line-height: 1.55;">Magic Detox Pills are formulated to quickly help flush toxins from your system, helping you get clean in just 7 days.</div> 11144</div> 11145</div> 11146<div style="display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px;"> 11147<div style="font-size: 22px; line-height: 1; flex-shrink: 0;">â </div> 11148<div> 11149<div style="font-weight: 800; color: #1a1a1a; font-size: 16px; margin-bottom: 4px;">Full-Body Cleanse</div> 11150<div style="color: #555; font-size: 15px; line-height: 1.55;">Targets the liver, kidneys, bloodstream, and digestive tract for total detox support.</div> 11151</div> 11152</div> 11153<div style="display: flex; align-items: flex-start; gap: 14px;"> 11154<div style="font-size: 22px; line-height: 1; flex-shrink: 0;">â </div> 11155<div> 11156<div style="font-weight: 800; color: #1a1a1a; font-size: 16px; margin-bottom: 4px;">Maximum Strength Formula</div> 11157<div style="color: #555; font-size: 15px; line-height: 1.55;">Packed with premium herbal ingredients proven to support toxin breakdown and removal.</div> 11158</div> 11159</div> 11160</div> 11161<div style="background: #1a1a1a; color: #fff; border-radius: 14px;
11161 padding: 22px 26px; margin-bottom: 24px;"> 11162<div style="text-align: center; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #f88712; margin-bottom: 14px;">ð Fast Shipping Options</div> 11163<div style="display: flex; flex-wrap: wrap; justify-content: space-around; gap: 14px;"> 11164<div style="text-align: center; flex: 1; min-width: 140px;"> 11165<div style="font-weight: 800; font-size: 15px; color: #fff; margin-bottom: 4px;">Standard</div> 11166<div style="font-size: 13px; color: #bbb;">Free · 3â5 days</div> 11167</div> 11168<div style="text-align: center; flex: 1; min-width: 140px; border-left: 1px solid #333; border-right: 1px solid #333;"> 11169<div style="font-weight: 800; font-size: 15px; color: #fff; margin-bottom: 4px;">Priority</div> 11170<div style="font-size: 13px; color: #bbb;">2â3 day delivery</div> 11171</div> 11172<div style="text-align: center; flex: 1; min-width: 140px;"> 11173<div style="font-weight: 800; font-size: 15px; color: #fff; margin-bottom: 4px;">Overnight</div> 11174<div style="font-size: 13px; color: #bbb;">Order by 2 PM EST</div> 11175</div> 11176</div> 11177</div> 11178<div style="text-align: center;"> 11179<p><a style="display: inline-block; background: #F88712; color: #fff; padding: 18px 44px; font-size: 17px; font-weight: 800; text-decoration: none; border-radius: 50px; box-shadow: 0 6px 20px rgba(248,135,18,0.35); letter-spacing: 0.02em;" href="https://magicdetox.com/shipping/">View Shipping Options â</a></p> 11180<div style="margin-top: 14px; font-size: 13px; color: #777;">Free standard shipping on every order</div> 11181</div> 11182</div> 11183<hr /> 11184<p><a href="https://magicdetox.com/products/ultra-thc-detox/"><img loading="lazy" decoding="async" class="aligncenter wp-image-9169" src="https://magicdetox.com/wp-content/uploads/2025/09/â -7-Day-Full-Body-Cleanse-â -Flushes-Toxins-Naturally-â -Organic-Herbal-Formula-â -Fast-Acting-Effective-â -Trusted-by-Thousands-3.jpg" alt="magic detox " width="850" height="850" /></a></p> 11185<div style="text-align: center; margin: 30px 0;"><a style="background: #F88712; color: #fff; padding: 16px 44px; font-size: 17px; font-weight: bold; text-decoration: none; border-radius: 8px; display: inline-block; box-shadow: 0 4px 14px rgba(248, 135, 18, 0.4); letter-spacing: 0.3px;" href="https://magicdetox.com/products/ultra-thc-detox/">Shop Magic Detox â</a></div> 11186<h2 style="text-align: center;"><strong data-start="164" data-end="205">Trusted by <span style="text-decoration: underline;">Thousands.</span> Proven to Work.</strong></h2> 11187<hr /> 11188<div style="background: linear-gradient(135deg, #FFF8F0 0%, #FFE8D1 100%); border-radius: 20px; padding: 40px 36px; margin: 32px auto; max-width: 760px; box-shadow: 0 12px 36px rgba(248,135,18,0.12); border: 1px solid #F8C68A;"> 11189<div style="text-align: center; margin-bottom: 32px;"> 11190<div style="display: inline-block; background: #F88712; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; padding: 6px 16px; border-radius: 20px; margin-bottom: 14px;">â Real Customer Reviews</div> 11191<h2 style="margin: 0; font-size: 28px; font-weight: 900; color: #1a1a1a; line-height: 1.2;">What Our Customers Are Saying</h2> 11192<p><img decoding="async" class="aligncenter wp-image-10155" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-7-day-cleanse.webp" alt="magic detox 7 day cleanse" width="360" height="360" /></p> 11193</div> 11194<div style="background: #fff; border-radius: 14px; padding: 26px 28px; margin-bottom: 16px; box-shadow: 0 4px 14px rgba(0,0,0,0.05); border-left: 4px solid #F88712;"> 11195<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; flex-wrap: wrap; gap: 8px;"> 11196<div style="color: #ffb300; font-size: 18px; letter-spacing: 2px;">â â â â â </div> 11197<div style="font-size: 12px; color: #999; font-weight: 600;">April 5th, 2026</div> 11198</div> 11199<p style="margin: 0 0 14px 0; color: #333; font-size: 15px; line-height: 1.65; font-style: italic;">“The Magic Detox was great, I had 8 days to cleanse and it did its job. I told all my co-workers about it. Shipped same day and was exactly as advertised. I warn you not to buy cheap detoxes from Amazon. They do not work. You get what you pay for. This Magic Detox Works!”</p> 11200<div style="font-weight: 800; color: #f88712; font-size: 14px;">â Matt</div> 11201</div> 11202<div style="background: #fff; border-radius: 14px; padding: 26px 28px; margin-bottom: 16px; box-shadow: 0 4px 14px rgba(0,0,0,0.05); border-left: 4px solid #F88712;"> 11203<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; flex-wrap: wrap; gap: 8px;"> 11204<div style="color: #ffb300; font-size: 18px; letter-spacing: 2px;">â â â â â </div> 11205<div style="font-size: 12px; color: #999; font-weight: 600;">March 1st, 2026</div> 11206</div> 11207<p style="margin: 0 0 14px 0; color: #333; font-size: 15px; line-height: 1.65; font-style: italic;">“Highly recommended. I did daily exercise also during the detox week. Worked good, shipped the same day which was nice. Thanks”</p> 11208<div style="font-weight: 800; color: #f88712; font-size: 14px;">â Verified Customer</div> 11209</div> 11210<div style="background: #fff; border-radius: 14px; padding: 26px 28px; margin-bottom: 28px; box-shadow: 0 4px 14px rgba(0,0,0,0.05); border-left: 4px solid #F88712;"> 11211<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; flex-wrap: wrap; gap: 8px;"> 11212<div style="color: #ffb300; font-size: 18px; letter-spacing: 2px;">â â â â â </div> 11213<div style="font-size: 12px; color: #999; font-weight: 600;">December 13th, 2025</div> 11214</div> 11215<p style="margin: 0 0 14px 0; color: #333; font-size: 15px; line-height: 1.65; font-style: italic;">“I recently had the pleasure of trying out this detox and I must say, it exceeded my expectations. This detox product is a breath of fresh air in a market flooded with countless options.”</p> 11216<div style="font-weight: 800; color: #f88712; font-size: 14px;">â Verified Customer</div> 11217</div> 11218<div style="text-align: center;"> 11219<p><a style="display: inline-block; background: #F88712; color: #fff; padding: 18px 44px; font-size: 17px; font-weight: 800; text-decoration: none; border-radius: 50px; box-shadow: 0 6px 20px rgba(248,135,18,0.35); letter-spacing: 0.02em;" href="https://magicdetox.com/reviews/">Read More Reviews â</a></p> 11220<div style="margin-top: 14px; font-size: 13px; color: #777;">Hundreds of verified customer reviews</div> 11221</div> 11222</div> 11223<hr /> 11224<p><img loading="lazy" decoding="async" class="aligncenter wp-image-10145" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-full-body-reset.jpg" alt="magic detox full body reset" width="842" height="842" /></p> 11225<h2 style="text-align: center;">One Week. One Kit. One Totally Clean System!</h2> 11226<div style="background: linear-gradient(135deg, #FFF8F0 0%, #FFE8D1 100%); border-radius: 20px; padding: 36px 32px; margin: 32px auto; max-width: 720px; box-shadow: 0 12px 36px rgba(248,135,18,0.12); border: 1px solid #F8C68A;"> 11227<div style="text-align: center; margin-bottom: 26px;"> 11228<div style="display: inline-block; background: #F88712; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; padding: 6px 16px; border-radius: 20px; margin-bottom: 14px;">ð¿ 7 Organic Herbs</div> 11229<h2 style="margin: 0 0 8px 0; font-size: 26px; font-weight: 900; color: #1a1a1a; line-height: 1.2;">What’s Inside Magic Detox</h2> 11230<p><img loading="lazy" decoding="async" class="aligncenter wp-image-10127" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-body-cleanse-.png" alt="magic detox body cleanse" width="346" height="346" /></p> 11231<p style="margin: 0; font-size: 15px; color: #555;">Seven USDA-certified organic herbs working together as one complete reset.</p> 11232</div> 11233<div style="background: #fff; border-radius: 14px; padding: 22px; margin-bottom: 24px; box-shadow: 0 4px 14px rgba(0,0,0,0.04);"> 11234<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px;"> 11235<div style="display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #FFF8F0; border-radius: 10px;"><span style="font-size: 18px;">ð±</span><br /> 11236<span style="font-weight: bold; color: #1a1a1a; font-size: 14px;">Burdock Root</span></div> 11237<div style="display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #FFF8F0; border-radius: 10px;"><span style="font-size: 18px;">ð¼</span><br /> 11238<span style="font-weight: bold; color: #1a1a1a; font-size: 14px;">Dandelion Root</span></div> 11239<div style="display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #FFF8F0; border-radius: 10px;"><span style="font-size: 18px;">ð¿</span><br /> 11240<span style="font-weight: bold; color: #1a1a1a; font-size: 14px;">Rhubarb Root</span></div> 11241<div style="display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #FFF8F0; border-radius: 10px;"><span style="font-size: 18px;">ð</span><br /> 11242<span style="font-weight: bold; color: #1a1a1a; font-size: 14px;">Goldenseal</span></div> 11243<div style="display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #FFF8F0; border-radius: 10px;"><span style="font-size: 18px;">ð¾</span><br /> 11244<span style="font-weight: bold; color: #1a1a1a; font-size: 14px;">Sheep Sorrel</span></div> 11245<div style="display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #FFF8F0; border-radius: 10px;"><span style="font-size: 18px;">ðªµ</span><br /> 11246<span style="font-weight: bold; color: #1a1a1a; font-size: 14px;">Cat’s Claw Bark</span></div> 11247<div style="display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #FFF8F0; border-radius: 10px; grid-column: 1 / -1; justify-content: center;"><span style="font-size: 18px;">ð³</span><br /> 11248<span style="font-weight: bold; color: #1a1a1a; font-size: 14px;">Pau D’Arco Bark</span></div> 11249</div> 11250</div> 11251<div style="text-align: center; margin-bottom: 22px; font-size: 14px; color: #555; line-height: 1.6;">Supports the <strong style="color: #1a1a1a;">liver, kidneys, colon, lymphatic system,</strong> and <strong style="color: #1a1a1a;">digestion</strong> â all in one 7-day program.</div> 11252<div style="text-align: center;"> 11253<p><a style="display: inline-block; background: #F88712; color: #fff; padding: 16px 38px; font-size: 16px; font-weight: 800; text-decoration: none; border-radius: 50px; box-shadow: 0 6px 20px rgba(248,135,18,0.35); letter-spacing: 0.02em;" href="https://magicdetox.com/magic-detox-ingredients/">Learn More About Our Ingredients â</a></p> 11254<div style="margin-top: 12px; font-size: 12px; color: #777;">100% USDA-certified organic · No synthetics · No fillers</div> 11255</div> 11256</div> 11257<hr /> 11258<p><strong data-start="69" data-end="90"><span style="text-decoration: underline;"><img loading="lazy" decoding="async" class="alignleft wp-image-9191" src="https://magicdetox.com/wp-content/uploads/2025/09/Untitled-design-7-1.jpg" alt="" width="31" height="50" />Rapid Toxin Flush</span></strong> â Get clean in just 7 days with our Magic Detox fast-acting detox formula.</p> 11259<hr /> 11260<p><br data-start="153" data-end="156" /><strong data-start="158" data-end="183"><img loading="lazy" decoding="async" class="alignleft wp-image-9191" src="https://magicdetox.com/wp-content/uploads/2025/09/Untitled-design-7-1.jpg" alt="" width="31" height="50" /><span style="text-decoration: underline;">Complete Body Cleanse</span></strong> â Helps Cleanse Urine, Blood & Saliva for a full-body detox.</p> 11261<hr /> 11262<p><br data-start="254" data-end="257" /><strong data-start="259" data-end="281"><img loading="lazy" decoding="async" class="alignleft wp-image-9191" src="https://magicdetox.com/wp-content/uploads/2025/09/Untitled-design-7-1.jpg" alt="" width="31" height="50" /><span style="text-decoration: underline;">Max Strength Herbs</span></strong> â Potent blend of premium botanicals for powerful toxin removal.</p> 11263<hr /> 11264<p><br data-start="346" data-end="349" /><strong data-start="351" data-end="371"><img loading="lazy" decoding="async" class="alignleft wp-image-9191" src="https://magicdetox.com/wp-content/uploads/2025/09/Untitled-design-7-1.jpg" alt="" width="31" height="50" /><span style="text-decoration: underline;">Proven & Trusted</span></strong> â Magic Detox is used daily by thousands who need real, reliable resultsâfast.</p> 11265<hr /> 11266<hr /> 11267<h2 style="text-align: center;">Try Risk Free Today!</h2> 11268<p class="" style="text-align: center;" data-start="65" data-end="271"><span style="color: #ff6600;"><strong>We understand how important this purchase is to you. Thatâs why we’ve spent the last 17 years perfecting a 7-day detox formula that truly worksâdesigned to help you cleanse with confidence and real results.</strong></span></p> 11269<p>Unlike âquick fixâ detox scams, <strong data-start="417" data-end="439">Magic Detoxâ¢</strong> is the real deal. No overnight promises â just a proven, permanent cleanse backed by a <strong data-start="527" data-end="557">100% money-back guarantee.</strong></p> 11270<div style="text-align: center; margin: 30px 0;"><a style="background: #F88712; color: #fff; padding: 16px 44px; font-size: 17px; font-weight: bold; text-decoration: none; border-radius: 8px; display: inline-block; box-shadow: 0 4px 14px rgba(248, 135, 18, 0.4); letter-spacing: 0.3px;" href="https://magicdetox.com/products/ultra-thc-detox/">Shop Magic Detox â</a></div> 11271<hr /> 11272<h3 style="text-align: center;" data-start="51" data-end="194"><span style="color: #ff6600;"><strong data-start="51" data-end="105">Aids in Toxin Removal, Including:</strong></span></h3> 11273<h3 style="text-align: center;" data-start="51" data-end="194"><strong data-start="110" data-end="133">– Drug-Related Toxins</strong><br data-start="133" data-end="136" /><strong data-start="138" data-end="159">– Food-Based Toxins</strong><br data-start="159" data-end="162" /><strong data-start="164" data-end="192">– Environmental Pollutants</strong></h3> 11274<h2 style="text-align: center;"><strong data-start="536" data-end="581">Formulated with Care. Trusted Everywhere</strong></h2> 11275<div style="background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #fff; border-radius: 20px; padding: 40px 36px; margin: 32px auto; max-width: 720px; box-shadow: 0 12px 40px rgba(0,0,0,0.25); border-left: 4px solid #F88712;"> 11276<div style="text-align: center; margin-bottom: 30px;"> 11277<div style="display: inline-block; background: rgba(248,135,18,0.18); color: #f88712; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; padding: 6px 16px; border-radius: 20px; margin-bottom: 14px;">ð Simple 7-Day Protocol</div> 11278<h2 style="margin: 0 0 8px 0; font-size: 28px; font-weight: 900; color: #fff; line-height: 1.2;">How to Use Magic Detox</h2> 11279<p><img decoding="async" class="aligncenter wp-image-10155" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-7-day-cleanse.webp" alt="magic detox 7 day cleanse" width="360" height="360" /></p> 11280<p style="margin: 0; font-size: 15px; color: #bbb;">Easy steps. Real results. No guesswork.</p> 11281</div> 11282<div style="background: rgba(248,135,18,0.08); border: 1px solid rgba(248,135,18,0.3); border-radius: 14px; padding: 22px 24px; margin-bottom: 26px; text-align: center;"> 11283<div style="font-size: 12px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: #f88712; margin-bottom: 8px;">â¡ The Daily Dose</div> 11284<div style="font-size: 22px; font-weight: 900; color: #fff; line-height: 1.3;">2 Capsules · 3 Times a Day · For 7 Days</div> 11285<div style="font-size: 13px; color: #bbb; margin-top: 8px;">Take with a full glass of water â morning, afternoon, and evening.</div> 11286</div> 11287<div style="margin-bottom: 28px;"> 11288<div style="display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,0.08);"> 11289<div style="flex-shrink: 0; width: 36px; height: 36px; background: #F88712; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 15px;">1</div> 11290<div> 11291<div style="font-weight: 800; color: #fff; font-size: 16px; margin-bottom: 4px;">ð§ Hydrate Like It’s Your Job</div> 11292<div style="color: #bbb; font-size: 14px; line-height: 1.55;">Drink at least 8â10
11292 glasses of water daily. Water is the engine that flushes toxins out â without it, the herbs can’t do their job.</div> 11293</div> 11294</div> 11295<div style="display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,0.08);"> 11296<div style="flex-shrink: 0; width: 36px; height: 36px; background: #F88712; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 15px;">2</div> 11297<div> 11298<div style="font-weight: 800; color: #fff; font-size: 16px; margin-bottom: 4px;">ð¥ Eat Clean. Eat Light.</div> 11299<div style="color: #bbb; font-size: 14px; line-height: 1.55;">Lean proteins, fresh fruits, leafy greens. Skip processed foods, fried foods, soda, and alcohol. Less garbage in = faster reset.</div> 11300</div> 11301</div> 11302<div style="display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,0.08);"> 11303<div style="flex-shrink: 0; width: 36px; height: 36px; background: #F88712; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 15px;">3</div> 11304<div> 11305<div style="font-weight: 800; color: #fff; font-size: 16px; margin-bottom: 4px;">ð Move & Sweat Daily</div> 11306<div style="color: #bbb; font-size: 14px; line-height: 1.55;">Aim for 20â30 minutes of light cardio or a sauna session. Sweat is one of your body’s most powerful detox channels.</div> 11307</div> 11308</div> 11309<div style="display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid rgba(255,255,255,0.08);"> 11310<div style="flex-shrink: 0; width: 36px; height: 36px; background: #F88712; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 15px;">4</div> 11311<div> 11312<div style="font-weight: 800; color: #fff; font-size: 16px; margin-bottom: 4px;">ð´ Rest & Recover</div> 11313<div style="color: #bbb; font-size: 14px; line-height: 1.55;">Get 7â9 hours of sleep. Your liver does its heaviest detox work overnight â give it the runway to do its thing.</div> 11314</div> 11315</div> 11316<div style="display: flex; gap: 16px; padding: 18px 0;"> 11317<div style="flex-shrink: 0; width: 36px; height: 36px; background: #F88712; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 15px;">5</div> 11318<div> 11319<div style="font-weight: 800; color: #fff; font-size: 16px; margin-bottom: 4px;">â Stay Consistent for 7 Days</div> 11320<div style="color: #bbb; font-size: 14px; line-height: 1.55;">Don’t skip doses. The 7-day protocol is designed to work as a complete system â every dose builds on the last.</div> 11321</div> 11322</div> 11323</div> 11324<div style="background: rgba(255,255,255,0.05); border-radius: 12px; padding: 16px 20px; margin-bottom: 26px; text-align: center;"> 11325<div style="font-size: 13px; color: #ddd; line-height: 1.6;">ð¡ <strong style="color: #f88712;">Pro Tip:</strong> Start your 7-day program on a Sunday so you finish on Saturday â perfect for any Monday plans.</div> 11326</div> 11327<div style="text-align: center;"> 11328<p><a style="display: inline-block; background: #F88712; color: #fff; padding: 18px 44px; font-size: 17px; font-weight: 800; text-decoration: none; border-radius: 50px; box-shadow: 0 6px 20px rgba(248,135,18,0.4); letter-spacing: 0.02em;" href="https://magicdetox.com/products/ultra-thc-detox/">Start Your 7-Day Reset â</a></p> 11329<div style="margin-top: 14px; font-size: 13px; color: #999;">Ships same day · 60-day money-back guarantee</div> 11330</div> 11331</div> 11332<hr /> 11333<p>âï¸ <strong data-start="454" data-end="465">Cleanse</strong> â Kick-start your system and eliminate buildup<br data-start="512" data-end="515" />âï¸ <strong data-start="518" data-end="530">Detoxify</strong> â Target deep-rooted toxins for thorough removal<br data-start="579" data-end="582" />âï¸ <strong data-start="585" data-end="596">Release</strong> â Support natural elimination for a clean finish</p> 11334<hr /> 11335<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-6991" src="https://magicdetox.com/wp-content/uploads/2019/01/detox-capsules-drug-test.jpg" alt="organic detox capsules" width="7
1133575" height="125" /></p> 11336<p class="p1"><span class="s1"><strong><span style="color: #ff6600;">100% DETOX GUARANTEE</span> </strong>– We created the most potent cleanse MADE IN USA that will meet all your expectations. We’re confident that you will be fully detoxed and will be satisfied with your purchase. If not – please, <a href="https://magicdetox.com/contact/">contact us</a> and we will refund you in full. No questions asked!</span></p> 11337<hr /> 11338<p><a href="https://magicdetox.com/products/ultra-thc-detox/"><img loading="lazy" decoding="async" class="aligncenter wp-image-9173" src="https://magicdetox.com/wp-content/uploads/2025/09/others-1.jpg" alt="magic detox " width="848" height="848" /></a><br /> 11339<!-- CTA BACK TO PRODUCT --></p> 11340<div style="background: linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%); color: #fff; border-radius: 14px; padding: 35px 30px; margin-bottom: 30px; text-align: center;"> 11341<div style="font-size: 13px; font-weight: bold; color: #ffa040; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 10px;">Ready to Try Magic Detox?</div> 11342<h2><strong> No Results, No Charge</strong></h2> 11343<p style="margin: 0 auto 22px auto; font-size: 16px; color: #ddd; max-width: 600px;">Real herbs. Real results. The 7-day reset Americans have trusted for years. Now it’s your turn â backed by our full 60-day money-back guarantee.</p> 11344<p><img loading="lazy" decoding="async" class="aligncenter wp-image-10155" src="https://magicdetox.com/wp-content/uploads/2026/04/magic-detox-7-day-cleanse.webp" alt="magic detox 7 day cleanse" width="359" height="359" /></p> 11345<p><!-- TRUST ROW 1 --></p> 11346<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; margin-bottom: 18px; font-size: 14px; font-weight: bold;"><span style="color: #7dd87d;">â 4.8 / 5 Customer Rating</span><br /> 11347<span style="color: #7dd87d;">ð± USDA Organic</span><br /> 11348<span style="color: #7dd87d;">ðºð¸ Made in USA</span><br /> 11349<span style="color: #7dd87d;">ð¡ï¸ 60-Day Guarantee</span></div> 11350<p><a style="background: #F88712; color: #fff; text-decoration: none; font-weight: 800; padding: 16px 36px; border-radius: 50px; font-size: 18px; box-shadow: 0 6px 20px rgba(248,135,18,0.4); display: inline-block;" href="https://magicdetox.com/products/ultra-thc-detox/">Order Magic Detox Now â</a></p> 11351<p><!-- TRUST ROW 2 (under button) --></p> 11352<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; margin-top: 18px; font-size: 12px; color: #aaa;">ð SSL Secured Checkout<br /> 11353ð³ Visa · MC · Amex · Discover<br /> 11354ð¦ FREE Discreet Shipping<br /> 11355ð (888) 492-1115</div> 11356<p><!-- SUBTLE URGENCY --></p> 11357<div style="margin-top: 14px; font-size: 13px; color: #ffa040; font-weight: 600;">â° Order by 2 PM EST â Ships TODAY</div> 11358</div> 11359</div> 11360</div> 11361 <!-- end the loop --> 11362 11363 <div class="clear"></div> 11364 </div><!-- content-wide --> 11365 11366 </div><!-- content-wrapper --> 11367 11368 <div class="clear"></div> 11369 </div><!-- primary-wide --> 11370 11371 <div class="clear"></div> 11372 11373</div><!-- inner --> 11374</div><!-- main --> 11375 11376 11377<div class="clear"></div> 11378 11379 11380 11381<div id="footer"> 11382 <div class="inner"> 11383 11384 <div class="footer-columns-four-unequal"> 11385 11386 <div class="footer-column-one-four-unequal"> 11387 <div class="widget_text widget-footer-one widget-wrapper"><h4 class="widget-title">Herbal Solutions, LLC</h4><div class="textwidget custom-html-widget"><p>Magic Detox uses high-quality organic herbal ingredients to help your body flush toxins out for a comprehensive cleanse to restore internal balance.</p> 11388 11389<h2><a href="tel:8884921115">(888) 492-1115</a></h2> 11390 11391<p>200 Arredondo Ave<br> 11392Saint Augustine, FL 32080</p></div></div><div class="widget-footer-one widget-wrapper"><img width="480" height="74" src="https://magicdetox.com/wp-content/uploads/2024/10/major-credit-cards-480x74.png" class="image wp-image-8462 attachment-medium size-medium" alt="" style="max-width: 100%; height: auto;" decoding="async" loading="lazy" /></div><div class="widget_text widget-footer-one widget-wrapper"><div class="textwidget custom-html-widget"><p><a href="https://search.sunbiz.org/Inquiry/CorporationSearch/SearchResultDetail?inquirytype=EntityName&directionType=Initial&searchNameOrder=HERBALSOLUTIONS%20L140001016130&aggregateId=flal-l14000101613-b6afe550-42eb-45ac-94f3-560c90db71c0&searchTerm=Herbal%20Solutions%2C%20LLC&listNameOrder=HERBALSOLUTIONS%20L140001016130" target="_blank">Florida EIN #47-1193645</a></p> 11393<div style="max-width:520px;margin:20px auto;padding:16px 20px;background:#FFF8F0;border:2px solid #F88712;border-radius:14px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;"> 11394 11395<div style="font-size:17px;font-weight:900;
11395color:#1a1a1a;line-height:1.3;margin-bottom:6px;">Detox Questions? Text Us Now!.</div> 11396 11397<div style="font-size:13px;color:#555;line-height:1.5;margin-bottom:12px;">Real human reply in <strong style="color:#F88712;">5 minutes or less</strong>. No AI bots, no pressure.</div> 11398 11399<a href="sms:+13868710178?body=Hi%20Magic%20Detox%20team%2C%20I%20have%20a%20question." style="display:inline-block;background:#F88712;color:#ffffff;padding:12px 26px;border-radius:50px;font-weight:800;text-decoration:none;font-size:15px;box-shadow:0 3px 10px rgba(248,135,18,0.3);">ð± Tap to Text Us</a> 11400 11401<div style="font-size:11px;color:#888;margin-top:10px;">Open daily 9amâ11pm ET ⢠Standard message rates apply</div> 11402 11403</div></div></div> <div class="clear"></div> 11404 </div><!-- footer-column-one-four-unequal --> 11405 11406 <div class="footer-column-two-four-unequal"> 11407 <div class="widget-footer-two widget-wrapper"><h4 class="widget-title">Quick Links</h4><div class="menu-quick-links-container"><ul id="menu-quick-links" class="menu"><li id="menu-item-10038" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-2 current_page_item menu-item-10038"><a href="https://magicdetox.com/" aria-current="page">Magic Detox Home</a></li> 11408<li id="menu-item-8004" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8004"><a href="https://magicdetox.com/about/">About Us</a></li> 11409<li id="menu-item-7132" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7132"><a href="https://magicdetox.com/guarantee/">Satisfaction Guarantee</a></li> 11410<li id="menu-item-9867" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9867"><a href="https://magicdetox.com/reviews/">Magic Detox Reviews</a></li> 11411<li id="menu-item-8332" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8332"><a href="https://magicdetox.com/./faq/">FAQ</a></li> 11412<li id="menu-item-7136" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7136"><a href="https://magicdetox.com/shipping/">Shipping Options</a></li> 11413<li id="menu-item-9694" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9694"><a href="https://magicdetox.com/magic-detox-ingredients/">Magic Detox Ingredients</a></li> 11414<li id="menu-item-8355" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8355"><a href="https://magicdetox.com/./blog/">Blog</a></li> 11415<li id="menu-item-9560" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9560"><a href="https://magicdetox.com/detox-calculator/">THC Detox Calculator</a></li> 11416<li id="menu-item-7130" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7130"><a href="https://magicdetox.com/terms/">Terms Of Use</a></li> 11417<li id="menu-item-7851" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7851"><a href="https://magicdetox.com/refunds/">Refunds & Return Policy</a></li> 11418<li id="menu-item-10404" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10404"><a href="https://magicdetox.com/llms/">LLM Context</a></li> 11419<li id="menu-item-7135" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-7135"><a rel="privacy-policy" href="https://magicdetox.com/privacy/">Privacy Policy</a></li> 11420<li id="menu-item-8008" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8008"><a href="https://magicdetox.com/contact/">Contact Us</a></li> 11421</ul></div></div> <div class="clear"></div> 11422 </div><!-- footer-column-two-four-unequal --> 11423 11424 <div class="footer-column-three-four-unequal"> 11425 <div class="widget-footer-three widget-wrapper"><h4 class="widget-title">Recognition</h4><div class="menu-recognition-container"><ul id="menu-recognition" class="menu"><li id="menu-item-8009" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8009"><a href="https://www.leafly.com/brands/magic-detox">Leafly</a></li> 11426<li id="menu-item-8010" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8010"><a href="https://thecannabisindustry.org/members/herbal-solutions-llc/">NCIA</a></li> 11427<li id="menu-item-8536" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8536"><a href="https://www.scamadviser.com/check-website/magicdetox.com">ScamAdviser</a></li> 11428<li id="menu-item-8535" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8535"><a href="https://www.apivoid.com/tools/website-trust-score/?domain=magicdetox.com">APIVoid</a></li> 11429</ul></div></div> <div class="clear"></div> 11430 </div><!-- footer-column-three-four-unequal --> 11431 11432 <div class="footer-column-four-four-unequal"> 11433 <div class="widget-footer-four widget-wrapper"><h4 class="widget-title">Detox Guides</h4><div class="menu-detox-guides-container"><ul id="menu-detox-guides" class="menu"><li id="menu-item-9988" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9988"><a href="https://magicdetox.com/drug-test-master-guide/">Drug Test Master Guide</a></li> 11434<li id="menu-item-9861" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9861"><a href="https://magicdetox.com/drug-test-by-employer/">
11434Drug Test Policies by Employer</a></li> 11435<li id="menu-item-9862" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9862"><a href="https://magicdetox.com/ups-drug-test/">UPS Drug Test Policy 2026</a></li> 11436<li id="menu-item-9863" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9863"><a href="https://magicdetox.com/amazon-drug-test/">Amazon Drug Test Policy 2026</a></li> 11437<li id="menu-item-9977" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9977"><a href="https://magicdetox.com/does-walmart-drug-test/">Walmart Drug Test Policy 2026</a></li> 11438<li id="menu-item-10054" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10054"><a href="https://magicdetox.com/what-is-za/">What Is Za?</a></li> 11439<li id="menu-item-10064" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10064"><a href="https://magicdetox.com/magic-detox-vs-toxin-rid/">Magic Detox vs Toxin Rid</a></li> 11440<li id="menu-item-10094" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10094"><a href="https://magicdetox.com/magic-detox-vs-mega-clean/">Magic Detox vs Mega Clean</a></li> 11441<li id="menu-item-10183" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10183"><a href="https://magicdetox.com/magic-detox-vs-nutra-cleanse/">Magic Detox vs Nutra Cleanse</a></li> 11442<li id="menu-item-9864" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9864"><a href="https://magicdetox.com/thc-detox-florida/">THC Detox Kit Florida</a></li> 11443<li id="menu-item-9865" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9865"><a href="https://magicdetox.com/thc-detox-california/">THC Detox Kit California</a></li> 11444<li id="menu-item-9866" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9866"><a href="https://magicdetox.com/thc-detox-texas/">THC Detox Kit Texas</a></li> 11445<li id="menu-item-9888" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9888"><a href="https://magicdetox.com/labcorp-drug-test/">LabCorp Drug Test</a></li> 11446<li id="menu-item-10274" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10274"><a href="https://magicdetox.com/quest-diagnostics-drug-test/">Quest Drug Test</a></li> 11447<li id="menu-item-10011" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10011"><a href="https://magicdetox.com/quality-certifications/">Our Quality & Certifications</a></li> 11448<li id="menu-item-10082" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10082"><a href="https://magicdetox.com/authenticity/">Buyer Protection</a></li> 11449<li id="menu-item-10174" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10174"><a href="https://magicdetox.com/drug-test-cut-off-levels/">Drug Test Cut-Off Levels</a></li> 11450<li id="menu-item-10262" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10262"><a href="https://magicdetox.com/thc-detox-high-bmi-heavy-users/">THC Detox for High BMI</a></li> 11451<li id="menu-item-10281" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10281"><a href="https://magicdetox.com/faint-line-drug-test/">Faint Line Drug Test</a></li> 11452</ul></div></div> <div class="clear"></div> 11453 </div><!-- footer-column-four-four-unequal --> 11454 11455 <div class="clear"></div> 11456</div><!-- footer-columns-four-unequal --> 11457 11458 <div class="clear"></div> 11459 </div><!-- inner --> 11460</div><!-- footer --> 11461<div id="copyright" class="is-full"> 11462 <div class="inner"> 11463 11464 <div class="copyright-left"> 11465 © 2026 Magic Detox®. 11466 11467 Powered by <a rel="nofollow" href="https://hovercraft.vip">HoverCraft</a>. 11468 11469 <div class="clear"></div> 11470 </div><!-- copyright-left --> 11471 11472 <div class="copyright-right"> 11473 <div class="widget-copyright widget-wrapper"><div class="menu-social-media-container"><ul id="menu-social-media" class="menu"><li id="menu-item-8519" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8519"><a href="https://www.tiktok.com/@magicdetox"><i class="fa-brands fa-tiktok"></i></a></li> 11474<li id="menu-item-8517" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8517"><a href="https://www.instagram.com/ultramagicdetox/"><i class="fa-brands fa-instagram"></i></a></li> 11475<li id="menu-item-8516" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8516"><a href="https://www.facebook.com/magicdetox/"><i class="fa-brands fa-facebook"></i></a></li> 11476<li id="menu-item-8518" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8518"><a href="https://www.linkedin.com/company/magicdetox"><i class="fa-brands fa-linkedin"></i></a></li> 11477<li id="menu-item-8708" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8708"><a href="https://www.youtube.com/@ultramagicdetox"><i class="fa-brands fa-youtube"></I></a></li> 11478</ul></div></div> <div class="clear"></div> 11479 </div><!-- copyright-right --> 11480 11481 <div class="scrollup-wrapper"> 11482 <button type="button" class="scrollup-link">Back to top</button> 11483 </div><!-- scrollup-wrapper --> 11484 11485 <div class="clear"></div> 11486 </div><!-- inner --> 11487</div><!-- copyright --> 11488 11489</div><!-- container --> 11490 11491<div id="full-screen-search" class="search-modal" role="dialog" aria-modal="true" aria-hidden="true" aria-label="Search"> 11492 <button type="button" class="search-modal-close" aria-label="Close search"> 11493 <svg class="hovercraft-icon hovercraft-icon-close" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg> 11494 </button><!-- search-modal-close --> 11495 11496 <div class="search-modal-panel"> 11497 <form role="search" method="get" class="searchform" action="https://magicdetox.com/"> 11498 <label class="screen-reader-text" for="search-1">Search</label> 11499 11500 <div class="input-container"> 11501 <input id="search-1" type="search" class="search-input" name="s" value="" placeholder="Search entire website..." /> 11502 11503 <button type="submit" class="search-submit" aria-label="Submit search"> 11504 <svg class="hovercraft-icon hovercraft-icon-search" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor">
11504<path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg> 11505 </button> 11506 </div><!-- input-container --> 11507</form><!-- searchform --> 11508 </div><!-- search-modal-panel --> 11509</div><!-- full-screen-search --> 11510
11511<script type="speculationrules"> 11512{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hovercraft/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 11513</script>
11513 11514<!-- HFCM by 99 Robots - Snippet # 1: Google Ads Site Tag --> 11515 11516 11517<!-- Global site tag (gtag.js) - Google Ads: 1067921702 -->
vendor: 65 bytes, lines 11517-11518
11517 11518<script async src="https://www.googletagmanager.com/gtag/js?id=
11518AW-1067921702
vendor: 13 bytes, line 11518
11518"></script>
11519<script> 11520
vendor: 138 bytes, lines 11520-11524
11520window.dataLayer = window.dataLayer || []; 11521 function gtag(){dataLayer.push(arguments);} 11522 gtag('js', new Date()); 11523 11524 gtag('config', '
11524AW-1067921702
vendor: 5 bytes, line 11524
11524');
11525</script>
11525 11526<!-- /end HFCM by 99 Robots --> 11527<style> 11528#mddBurger{ 11529 display:none; position:fixed; top:14px; right:14px; 11530 width:50px; height:50px; background:#F88712; border-radius:50%; 11531 align-items:center; justify-content:center; z-index:99999; 11532 box-shadow:0 3px 10px rgba(0,0,0,0.25); border:2px solid #fff; 11533 cursor:pointer; opacity:0; transform:translateY(-10px); 11534 transition:opacity .25s ease, transform .25s ease; pointer-events:none; 11535} 11536#mddBurger.is-on{ opacity:1; transform:translateY(0); pointer-events:auto; } 11537#mddBurger svg{ width:24px; height:24px; } 11538@media (max-width:900px){ #mddBurger{ display:flex; } } 11539</style> 11540
11541<script> 11542(function () { 11543 function init() { 11544 if (document.getElementById('mddBurger')) return; 11545 11546 var btn = document.createElement('div'); 11547 btn.id = 'mddBurger'; 11548 btn.setAttribute('role', 'button'); 11549 btn.setAttribute('aria-label', 'Open menu'); 11550 btn.setAttribute('tabindex', '0'); 11551 btn.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round"><line x1="4" y1="7" x2="20" y2="7"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="17" x2="20" y2="17"/></svg>'; 11552 document.body.appendChild(btn); 11553 11554 function getScroll(e) { 11555 var s = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0; 11556 if (e && e.target && e.target.scrollTop != null) s = Math.max(s, e.target.scrollTop); 11557 return s; 11558 } 11559 function update(e) { 11560 if (getScroll(e) > 150) btn.classList.add('is-on'); 11561 else btn.classList.remove('is-on'); 11562 } 11563 window.addEventListener('scroll', update, true); 11564 window.addEventListener('resize', update); 11565 update(); 11566 11567 function openMenu(e) { 11568 if (e) { e.preventDefault(); e.stopPropagation(); } 11569 var live = document.querySelector('.mobile-menu-trig.burger') 11570 || document.querySelector('.mobile-menu-trig') 11571 || document.querySelector('.menu-mobile-wrapper a'); 11572 if (live) live.click(); 11573 } 11574 btn.addEventListener('click', openMenu); 11575 btn.addEventListener('touchstart', openMenu, { passive: false }); 11576 btn.addEventListener('keydown', function (e) { 11577 if (e.key === 'Enter' || e.key === ' ') openMenu(e); 11578 }); 11579 } 11580 if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init); 11581 else init(); 11582})(); 11583</script>
11583<script> 11584window.addEventListener('load', function () { 11585 var el = document.querySelector('#author .biography-description'); 11586 if (el && el.innerHTML.indexOf('<') !== -1) { 11587 var ta = document.createElement('textarea'); 11588 ta.innerHTML = el.innerHTML; 11589 var decoded = ta.value; 11590 decoded = decoded.replace(/^\s*<p>/i, '').replace(/<\/p>\s*(<br\s*\/?>)?\s*$/i, ''); 11591 el.innerHTML = decoded; 11592 } 11593}); 11594</script>
11594<!-- Magic Detox - 15% off discount slide-in v3 --> 11595<div class="mdd-slide-in" id="mddSlideIn" role="dialog" aria-label="15% off Magic Detox"> 11596 <button class="mdd-slide-close" id="mddSlideClose" aria-label="Close"> 11597 <span class="mdd-x">Ã</span><span class="mdd-close-label">Close</span> 11598 </button> 11599 <div class="mdd-slide-icon" aria-hidden="true">ð¿</div> 11600 <p class="mdd-slide-headline">Save 15% on Your Magic Detox Cleanse</p> 11601 <div class="mdd-code-box"> 11602 <span class="mdd-code-label">Use code at checkout</span> 11603 <span class="mdd-code">DETOX</span> 11604 </div> 11605 <a href="https://magicdetox.com/products/ultra-thc-detox/" class="mdd-slide-cta">Claim My 15% Off â</a> 11606 <p class="mdd-slide-sub">Free shipping! · 60-day guarantee · Ships today</p> 11607</div> 11608 11609<style> 11610.mdd-slide-in { 11611 position: fixed; 11612 bottom: 20px; 11613 left: 20px; 11614 width: 340px; 11615 max-width: calc(100vw - 24px); 11616 background: #fff5e6; 11617 border: 2px solid #F88712; 11618 border-radius: 12px; 11619 padding: 22px 22px 18px 20px; 11620 box-shadow: 0 8px 24px rgba(0,0,0,0.18); 11621 font-family: 'Lato','Noto Sans',sans-serif; 11622 text-align: center; 11623 z-index: 99996; 11624 opacity: 0; 11625 transform: translateY(20px); 11626 transition: opacity .35s ease, transform .35s ease; 11627 pointer-events: none; 11628} 11629.mdd-slide-in.is-visible { 11630 opacity: 1; 11631 transform: translateY(0); 11632 pointer-events: auto; 11633} 11634 11635.mdd-slide-close { 11636 position: absolute; 11637 top: 6px; 11638 right: 8px; 11639 background: transparent !important; 11640 border: 0 !important; 11641 outline: 0 !important; 11642 -webkit-appearance: none; 11643 appearance: none; 11644 box-shadow: none !important; 11645 color: #6b4f2a; 11646 cursor: pointer; 11647 padding: 4px 8px; 11648 display: flex; 11649 align-items: center; 11650 gap: 4px; 11651 line-height: 1; 11652 font-family: 'Lato','Noto Sans',sans-serif; 11653} 11654.mdd-slide-close:hover { color: #0d0d0d; } 11655.mdd-slide-close:focus, 11656.mdd-slide-close:focus-visible { 11657 outline: 0 !important; 11658 box-shadow: none !important; 11659} 11660.mdd-slide-close .mdd-x { 11661 font-size: 22px; 11662 font-weight: 900; 11663 line-height: 1; 11664} 11665.mdd-slide-close .mdd-close-label { 11666 font-size: 12px; 11667 font-weight: 700; 11668 text-transform: uppercase; 11669 letter-spacing: .3px; 11670} 11671 11672.mdd-slide-icon { 11673 font-size: 24px; 11674 margin: 8px auto 6px; 11675 background: transparent !important; 11676 border: 0 !important; 11677 outline: 0 !important; 11678 display: block; 11679 text-align: center; 11680 line-height: 1; 11681} 11682 11683.mdd-slide-headline { 11684 font-size: 15px; 11685 font-weight: 700; 11686 color: #0d0d0d; 11687 line-height: 1.4; 11688 margin: 0 0 12px; 11689 text-align: center; 11690} 11691 11692.mdd-code-box { 11693 background: #fff; 11694 border: 2px dashed #F88712; 11695 border-radius: 8px; 11696 padding: 8px 10px 10px; 11697 margin: 0 0 12px; 11698} 11699.mdd-code-label { 11700 display: block; 11701 font-size: 10px; 11702 font-weight: 800; 11703 color: #6b4f2a; 11704 text-transform: uppercase; 11705 letter-spacing: 1.5px; 11706 margin-bottom: 2px; 11707} 11708.mdd-code { 11709 display: block; 11710 font-family: 'Courier New', monospace; 11711 font-size: 22px; 11712 font-weight: 900; 11713 color: #F88712; 11714 letter-spacing: 4px; 11715} 11716 11717.mdd-slide-cta { 11718 display: block; 11719 background: #0d0d0d; 11720 color: #fff !important; 11721 text-decoration: none !important; 11722 padding: 12px 16px; 11723 border-radius: 7px; 11724 text-align: center; 11725 font-size: 14px; 11726 font-weight: 800; 11727 letter-spacing: .2px; 11728 transition: background .2s ease; 11729 margin-bottom: 10px; 11730 border: 2px solid #0d0d0d; 11731} 11732.mdd-slide-cta:hover { 11733 background: #F88712; 11734 border-color: #F88712; 11735 color: #fff !important; 11736} 11737 11738.mdd-slide-sub { 11739 font-size: 11.5px; 11740 color: #6b4f2a; 11741 text-align: center; 11742 margin: 0; 11743 line-height: 1.4; 11744} 11745 11746@media (max-width: 600px) { 11747 .mdd-slide-in { 11748 bottom: 14px; 11749 left: 12px; 11750 right: 12px; 11751 width: auto; 11752 max-width: none; 11753 padding: 20px 18px 14px 16px; 11754 } 11755 .mdd-slide-headline { font-size: 14px; } 11756 .mdd-slide-cta { font-size: 13.5px; padding: 11px 14px; } 11757 .mdd-code { font-size: 20px; letter-spacing: 3px; } 11758} 11759</style> 11760
11761<script> 11762(function(){ 11763 var card = document.getElementById('mddSlideIn'); 11764 var closeBtn = document.getElementById('mddSlideClose'); 11765 if (!card) return; 11766 11767 var rawPath = window.location.pathname.toLowerCase(); 11768 var path = rawPath.replace(/\/+$/, '') + '/'; 11769 11770 var EXCLUDED_PATHS = [ 11771 '/products/ultra-thc-detox/' 11772 ]; 11773 var EXCLUDED_PREFIXES = [ 11774 '/cart', 11775 '/checkout', 11776 '/order', 11777 '/buy', 11778 '/my-account' 11779 ]; 11780 11781 var i; 11782 for (i = 0; i < EXCLUDED_PATHS.length; i++) { 11783 if (path === EXCLUDED_PATHS[i]) { 11784 card.parentNode.removeChild(card); 11785 return; 11786 } 11787 } 11788 for (i = 0; i < EXCLUDED_PREFIXES.length; i++) { 11789 if (path.indexOf(EXCLUDED_PREFIXES[i]) === 0) { 11790 card.parentNode.removeChild(card); 11791 return; 11792 } 11793 } 11794 11795 // FIX: renamed key to _v3 â clears all old 7-day dismissals from previous version 11796 // FIX: reduced dismiss to 1 day so returning visitors see it sooner 11797 var DISMISS_KEY = 'mddSlideDismissedUntil_v3'; 11798 try { 11799 var dismissedUntil = parseInt(localStorage.getItem(DISMISS_KEY) || '0', 10); 11800 if (Date.now() < dismissedUntil) { 11801 card.parentNode.removeChild(card); 11802 return; 11803 } 11804 } catch(e){} 11805 11806 var shown = false; 11807 function showCard(){ 11808 if (shown) return; 11809 shown = true; 11810 card.classList.add('is-visible'); 11811 document.removeEventListener('scroll', onScroll, true); 11812 clearTimeout(timer); 11813 } 11814 11815 // FIX: show after 4 seconds regardless of scroll (catches users who don't scroll 11816 // AND survives any CSS that breaks scroll detection) 11817 var timer = setTimeout(showCard, 4000); 11818 11819 // FIX: read scroll position from every possible source 11820 function getScrollTop(){ 11821 return window.scrollY || window.pageYOffset || 11822 document.documentElement.scrollTop || 11823 (document.body ? document.body.scrollTop : 0) || 0; 11824 } 11825 11826 // Also show on 5% scroll â whichever comes first 11827 function onScroll(){ 11828 var scrollTop = getScrollTop(); 11829 var docHeight = Math.max( 11830 document.documentElement.scrollHeight, 11831 document.body ? document.body.scrollHeight : 0 11832 ) - window.innerHeight; 11833 if (docHeight > 0 && (scrollTop / docHeight) >= 0.05) { 11834 showCard(); 11835 } 11836 } 11837 // FIX: capture:true catches scroll events no matter which element scrolls 11838 // (window, html, or body) â immune to overflow-x CSS changes 11839 document.addEventListener('scroll', onScroll, {capture:true, passive:true}); 11840 11841 closeBtn.addEventListener('click', function(){ 11842 card.classList.remove('is-visible'); 11843 try { 11844 var oneDay = 24 * 60 * 60 * 1000; 11845 localStorage.setItem(DISMISS_KEY, String(Date.now() + oneDay)); 11846 } catch(e){} 11847 }); 11848})(); 11849</script>
11849<script id="hovercraft_main_menu-js" src="https://magicdetox.com/wp-content/themes/hovercraft/assets/js/main-menu.js?ver=0.3.261"></script>
vendor: 1 bytes, line 11849
11849
11850<script id="hovercraft_accordion_menu-js" src="https://magicdetox.com/wp-content/themes/hovercraft/assets/js/accordion-menu.js?ver=0.3.261"></script>
vendor: 1 bytes, line 11850
11850
11851<script id="hovercraft_offcanvas_menu-js" src="https://magicdetox.com/wp-content/themes/hovercraft/assets/js/offcanvas-menu.js?ver=0.3.261"></script>
vendor: 1 bytes, line 11851
11851
11852<script id="hovercraft_overlay_menu-js" src="https://magicdetox.com/wp-content/themes/hovercraft/assets/js/overlay-menu.js?ver=0.3.261"></script>
vendor: 1 bytes, line 11852
11852
11853<script id="hovercraft_back_to_top-js" src="https://magicdetox.com/wp-content/themes/hovercraft/assets/js/back-to-top.js?ver=0.3.261"></script>
vendor: 1 bytes, line 11853
11853
11854<script id="hovercraft_full_screen_search-js" src="https://magicdetox.com/wp-content/themes/hovercraft/assets/js/full-screen-search.js?ver=0.3.261"></script>
vendor: 1 bytes, line 11854
11854
11855<script id="wp-emoji-settings" type="application/json"> 11856{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://magicdetox.com/wp-includes/js/wp-emoji-release.min.js?ver=7.0.6"}} 11857</script>
vendor: 1 bytes, line 11857
11857
11858<script type="module"> 11859/*! This file is auto-generated */ 11860var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 11861//# sourceURL=https://magicdetox.com/wp-includes/js/wp-emoji-loader.min.js 11862</script>
11862 11863
11864<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d13ada92f60749bbb39919a9d6775de4","r":1,"spa":2}' crossorigin="anonymous"></script>
11864 11865</body><!-- body --> 11866</html><!-- html -->
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.