1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 9 <!-- Primary Meta Tags --> 10 <title>About The Chiropractic Experience in Lawrence, KS</title> 11 <meta name="title" content="About The Chiropractic Experience in Lawrence, KS"> 12 <meta name="description" content="Discover The Chiropractic Experience in Lawrence, KSâfounded by Dr. Mark Howarter and specializing in compassionate, family-focused chiropractic care, advanc..."> 13 <meta name="keywords" content="chiropractic care, about The Chiropractic Experience, Lawrence KS chiropractor, holistic health, neuropathy, pain management, family chiropractic, wellness clinic, Douglas County, schedule, appointment, image, chiropractic, experience, lawrence, founded, mark, spinal adjustment, back pain relief, neck pain treatment, posture correction, sports injury treatment, auto accident injury"> 14 <meta name="author" content="Aloha Studio"> 15 <meta name="robots" content="index, follow"> 16 <meta name="language" content="English"> 17 <meta name="generator" content="AlohaStudio"> 18 <meta name="medical-specialty" content="Chiropractic"> 19 20 <!-- Medical/Healthcare specific meta tags --> 21 22 <meta name="medical-disclaimer" content="This website provides general information and should not replace professional medical advice."> 23 <meta name="health-content-type" content="chiropractic-care"> 24 25 <!-- Canonical URL --> 26 <link rel="canonical" href="https://chiropracticexperience.com/about-the-chiropractic-experience-in-lawrence-ks"> 27 28 <!-- Open Graph / Facebook --> 29 <meta property="og:type" content="website"> 30 <meta property="og:url" content="https://chiropracticexperience.com/about-the-chiropractic-experience-in-lawrence-ks"> 31 <meta property="og:title" content="About The Chiropractic Experience in Lawrence, KS"> 32 <meta property="og:description" content="Discover The Chiropractic Experience in Lawrence, KSâfounded by Dr. Mark Howarter and specializing in compassionate, family-focused chiropractic care, advanc..."> 33 <meta property="og:image" content="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/035f1de6-c158-48a6-a112-f8a22f913415_logo-white-1-png-1-png.webp"> 34 <meta property="og:site_name" content="About The Chiropractic Experience in Lawrence, KS"> 35 36 <!-- Twitter --> 37 <meta property="twitter:card" content="summary_large_image"> 38 <meta property="twitter:url" content="https://chiropracticexperience.com/about-the-chiropractic-experience-in-lawrence-ks"> 39 <meta property="twitter:title" content="About The Chiropractic Experience in Lawrence, KS"> 40 <meta property="twitter:description" content="Discover The Chiropractic Experience in Lawrence, KSâfounded by Dr. Mark Howarter and specializing in compassionate, family-focused chiropractic care, advanc..."> 41 <meta property="twitter:image" content="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/035f1de6-c158-48a6-a112-f8a22f913415_logo-white-1-png-1-png.webp"> 42 43 <!-- Performance optimizations --> 44 <link rel="preconnect" href="https://fonts.googleapis.com"> 45 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 46 <link rel="preconnect" href="https://cdn.jsdelivr.net"> 47 48 <!-- CSS Variables - Must be defined BEFORE external stylesheets that use them --> 49 <style> 50 :root { 51 --primary-color: var(--color-primary, #11a08f); 52 --secondary-color: #008fcd; 53 --text-color: #333333; 54 --accent-color: #ffc107; 55 --spacing-unit: 16px; 56 --border-radius: 4px; 57 --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 58 --transition-speed: 0.3s; 59 --dark-bg: #333333; 60 --light-text: #ffffff; 61 --white-bg: #ffffff; 62 --font-family: Montserrat; 63 --button-radius: 6px; 64 --font-size-title: clamp(1.5rem, 2.5vw, 2.25rem); 65 --font-size-subtitle: clamp(1.125rem, 2vw, 1.5rem); 66 --font-size-paragraph: clamp(0.75rem, 1.5vw, 0.875rem); 67 --padding-vertical: clamp(0.625rem, 1.5vw, 1rem); 68 --padding-horizontal: clamp(0.625rem, 1.5vw, 1rem); 69 --padding-combined: clamp(0.625rem, 1.5vw, 1rem) clamp(0.625rem, 1.5vw, 1rem); 70 --logo-height: 75px; 71 --mobile-logo-height: 40px; 72 --button-font-weight: 500; 73 /* Ant Design CSS Variables */ 74 --default-primary-color: #2270c7; 75 --ant-color-primary: var(--primary-color, var(--default-primary-color)); 76 --ant-color-success: #52c41a; 77 --ant-color-warning: #faad14; 78 --ant-color-error: #ff4d4f; 79 --ant-color-info: var(--primary-color, var(--default-primary-color)); 80 --ant-color-text: rgba(0, 0, 0, 0.88); 81 --ant-color-text-secondary: rgba(0, 0, 0, 0.65); 82 --ant-color-border: #d9d9d9; 83 --ant-color-bg-container: #ffffff; 84 --ant-color-bg-layout: #f5f5f5; 85 --ant-border-radius: 6px; 86 --ant-font-size: 14px; 87 --ant-line-height: 1.5715; 88 /* Ant Design Button Variables */ 89 --ant-btn-primary-text-color: #ffffff; 90 --ant-button-primary-color: var(--ant-btn-primary-text-color); 91 --ant-btn-text-color: var(--text-color, var(--default-primary-color)); 92 } 93 </style> 94 95 <!-- Stylesheets --> 96 <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 97 <noscript><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet"></noscript> 98 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> 99 <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 100 <link href="https://cdn.jsdelivr.net/npm/antd/dist/antd.min.css" rel="stylesheet"> 101 102 <!-- Favicon --> 103 104 105 <!-- Styles --> 106 <style> 107 108 html { 109 scroll-behavior: smooth; 110 } 111 112 body { 113 font-family: var(--font-family), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; 114 margin: 0; 115 padding: 0; 116 padding-top: 80px; /* Initial fallback - will be dynamically adjusted by JavaScript */ 117 color: var(--color-text, var(--text-color)); 118 line-height: 1.6; 119 } 120 121 .container { 122 width: 100%; 123 max-width: 1200px; 124 margin: 0 auto; 125 padding: 0 var(--spacing-unit); 126 } 127 128 img { 129 max-width: 100%; 130 height: auto; 131 } 132 133 a { 134 color: var(--default-primary-color); 135 text-decoration: none; 136 transition: color var(--transition-speed); 137 } 138 139 a:hover { 140 color: #1756a9; 141 } 142 143 .btn { 144 display: inline-block; 145 padding: 10px 20px; 146 background-color: var(--primary-color); 147 color: var(--light-text); 148 border: none; 149 border-radius: var(--border-radius); 150 cursor: pointer; 151 transition: background-color var(--transition-speed); 152 } 153 154 .btn:hover { 155 background-color: #1756a9; 156 } 157 158 .two-column-section { 159 display: flex; 160 flex-wrap: wrap; 161 } 162 163 .two-column-section > div { 164 flex: 1; 165 min-width: 300px; 166 padding: var(--spacing-unit); 167 } 168 169 .section { 170 padding: 40px 0; 171 } 172 173 .hero { 174 text-align: center; 175 padding: 80px 0; 176 background-color: var(--secondary-color); 177 } 178 179 #navigation { 180 display: flex; 181 justify-content: space-between; 182 align-items: center; 183 padding: var(--padding-combined, 1rem);
184 box-shadow: var(--box-shadow); 185 position: fixed; 186 top: 0; 187 left: 0; 188 right: 0; 189 z-index: 1000; 190 transition: background-color 0.3s ease; 191 } 192 193 .navigation-links { 194 display: flex; 195 gap: 20px; 196 } 197 198 #navigation .ant-btn { 199 text-shadow: none; 200 } 201 202 #navigation ul { 203 margin-bottom: 0px; 204 } 205 206 @media (min-width: 1024px) { 207 #navigation img.navigation-logo-mobile { 208 max-height: var(--logo-height, 50px); 209 height: auto; 210 } 211 } 212 213 @media (max-width: 1023px) { 214 #navigation img.navigation-logo-mobile, 215 #navigation a img.navigation-logo-mobile, 216 #navigation div img.navigation-logo-mobile { 217 max-height: var(--mobile-logo-height, 40px) !important; 218 height: auto !important; 219 width: auto; 220 } 221 } 222 223 /* Custom dropdown navigation styles */ 224 .dropdown-container { 225 position: relative; 226 } 227 228 .dropdown-container:hover .dropdown-menu { 229 opacity: 1 !important; 230 visibility: visible !important; 231 } 232 233 .dropdown-menu { 234 position: absolute; 235 top: 100%; 236 left: 0; 237 margin-top: 4px; 238 min-width: 200px; 239 border-radius: 6px; 240 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 241 z-index: 50; 242 opacity: 0; 243 visibility: hidden; 244 transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; 245 list-style: none; 246 padding: 0; 247 margin: 0; 248 } 249 250 .dropdown-menu li { 251 list-style: none; 252 } 253 254 .dropdown-menu a { 255 display: block; 256 padding: 8px 16px; 257 font-size: 14px; 258 text-decoration: none; 259 transition: background-color 0.15s ease-in-out; 260 } 261 262 .dropdown-menu a:hover { 263 background-color: var(--menu-hover, rgba(0, 0, 0, 0.05)); 264 } 265 266 .dropdown-menu a:focus-visible { 267 outline: 2px solid currentcolor; 268 outline-offset: -2px; 269 } 270 271 .dropdown-menu li:first-child a { 272 border-top-left-radius: 6px; 273 border-top-right-radius: 6px; 274 } 275 276 .dropdown-menu li:last-child a { 277 border-bottom-left-radius: 6px; 278 border-bottom-right-radius: 6px; 279 } 280 281 /* Mobile drawer layout â flex column so content scrolls */ 282 [data-element="mobile-menu-drawer"] { 283 display: flex; 284 flex-direction: column; 285 overflow: hidden; 286 } 287 288 /* Mobile navigation styles */ 289 .mobile-menu-content { 290 padding: 0; 291 overflow-y: auto; 292 flex: 1; 293 min-height: 0; 294 background-color: inherit; 295 } 296 297 .mobile-menu-item { 298 border-bottom: none; 299 } 300 301 .mobile-menu-item:last-child { 302 border-bottom: none; 303 } 304 305 .mobile-menu-row:hover, 306 .mobile-menu-link:hover { 307 background-color: var(--menu-hover, rgba(0, 0, 0, 0.05)); 308 } 309 310 .mobile-submenu-toggle:hover { 311 background-color: var(--menu-hover, rgba(0, 0, 0, 0.05)); 312 } 313 314 .mobile-submenu-toggle:focus-visible, 315 .mobile-menu-link:focus-visible { 316 outline: 2px solid currentcolor; 317 outline-offset: -2px; 318 } 319 320 .mobile-submenu { 321 border-left: 3px solid var(--primary-color); 322 transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out; 323 overflow: hidden; 324 } 325 326 .mobile-submenu.max-h-0 { 327 max-height: 0 !important; 328 opacity: 0; 329 } 330 331 .mobile-submenu.max-h-96, 332 .mobile-submenu.max-h-open { 333 max-height: 50rem !important; 334 opacity: 1; 335 } 336 337 .mobile-submenu a { 338 color: #6b7280; 339 font-size: 14px; 340 padding: 8px 16px; 341 display: block; 342 text-decoration: none; 343 transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out; 344 } 345 346 .mobile-submenu a:hover { 347 background-color: #f3f4f6; 348 color: #374151; 349 } 350 351 /* Submenu toggle button styles */ 352 [data-submenu-toggle] { 353 background: none; 354 border: none; 355 cursor: pointer; 356 color: #6b7280; 357 transition: color 0.15s ease-in-out; 358 } 359 360 [data-submenu-toggle]:hover { 361 color: #374151; 362 } 363 364 [data-submenu-toggle] svg { 365 transition: transform 0.2s ease-in-out; 366 } 367 368 [data-submenu-toggle] svg.rotate-180 { 369 transform: rotate(180deg); 370 } 371 372 373 374 /* Mobile navigation action buttons - specific styles to override general button styles */ 375 a.mobile-action-button { 376 font-size: 20px !important; 377 border: none !important; 378 background: transparent !important; 379 padding: 4px !important; 380 min-width: 32px; 381 min-height: 32px; 382 display: flex !important;
383 align-items: center !important; 384 justify-content: center !important; 385 } 386 387 a.mobile-action-button .anticon { 388 font-size: 20px !important; 389 } 390 391 a.mobile-action-button:hover, 392 a.mobile-action-button:focus, 393 a.mobile-action-button:active { 394 background: transparent !important; 395 } 396 397 /* Comprehensive button styling for anchor tags with button classes */ 398 a.ant-btn { 399 display: inline-flex; 400 align-items: center; 401 justify-content: center; 402 padding: 6px 15px !important; 403 font-size: 14px; 404 font-weight: 500; 405 line-height: 1.5; 406 text-decoration: none; 407 border: 1px solid transparent; 408 border-radius: var(--button-radius, 6px); 409 font-family: var(--font-family, 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'); 410 cursor: pointer; 411 transition: all 0.3s ease; 412 box-sizing: border-box; 413 position: relative; 414 white-space: normal; 415 user-select: none; 416 vertical-align: middle; 417 text-wrap: auto; 418 height: auto; 419 } 420 421 /* Primary button styles for anchors */ 422 a.ant-btn-primary { 423 background-color: var(--primary-color); 424 border-color: var(--primary-color); 425 color: var(--ant-btn-primary-text-color); 426 } 427 428 a.ant-btn-primary:hover { 429 background-color: var(--primary-color); 430 border-color: var(--primary-color); 431 color: #ffffff; 432 opacity: 0.9; 433 } 434 435 a.ant-btn-primary:focus { 436 background-color: var(--primary-color); 437 border-color: var(--primary-color); 438 color: #ffffff; 439 opacity: 0.8; 440 } 441 442 /* Ghost/Outline button styles for anchors */ 443 a.ant-btn-background-ghost, 444 a.ant-btn.ant-btn-background-ghost { 445 background-color: transparent; 446 border-color: var(--primary-color); 447 color: var(--primary-color); 448 } 449 450 a.ant-btn-background-ghost:hover, 451 a.ant-btn.ant-btn-background-ghost:hover { 452 background-color: var(--primary-color); 453 border-color: var(--primary-color); 454 color: #ffffff; 455 } 456 457 a.ant-btn-background-ghost:focus, 458 a.ant-btn.ant-btn-background-ghost:focus { 459 background-color: var(--primary-color); 460 border-color: var(--primary-color); 461 color: #ffffff; 462 } 463 464 /* Override ghost button hover for white backgrounds - must override background-color AND text color */ 465 a.ant-btn-background-ghost[style*="background-color: white"]:hover, 466 a.ant-btn-background-ghost[style*="background-color:#fff"]:hover, 467 a.ant-btn-background-ghost[style*="background-color: #fff"]:hover, 468 a.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover, 469 a.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover, 470 a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover, 471 a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover, 472 a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover, 473 a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover, 474 a.ant-btn.ant-btn-background-ghost[style*="background-color: white"]:hover, 475 a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"]:hover, 476 a.ant-btn.ant-btn-background-ghost[style*="background-color: #fff"]:hover, 477 a.ant-btn.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover, 478 a.ant-btn.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover, 479 a.ant-btn.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover, 480 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover, 481 a.ant-btn.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover, 482 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover { 483 background-color: #f5f5f5; 484 border-color: var(--primary-color, var(--default-primary-color)); 485 color: var(--primary-color, var(--default-primary-color)); 486 } 487 488 /* Default button styles for anchors */ 489 a.ant-btn-default { 490 background-color: #ffffff; 491 border-color: #d9d9d9; 492 color: #000000d9; 493 } 494 495 a.ant-btn-default:hover { 496 background-color: #ffffff; 497 border-color: var(--primary-color); 498 color: var(--primary-color); 499 } 500 501 /* Large button size */ 502 a.ant-btn-lg { 503 padding: 10px 20px; 504 font-size: 16px; 505 border-radius: 8px; 506 } 507 508 /* Small button size */ 509 a.ant-btn-sm { 510 padding: 4px 10px; 511 font-size: 12px; 512 border-radius: 4px; 513 } 514 515 /* Block button (full width) */ 516 a.ant-btn-block { 517 width: 100%; 518 display: flex; 519 } 520 521 /* Link button styles for anchors */
522 a.ant-btn-link { 523 background-color: transparent; 524 border-color: transparent; 525 color: var(--primary-color); 526 box-shadow: none; 527 padding: 0; 528 } 529 530 a.ant-btn-link:hover { 531 background-color: transparent; 532 border-color: transparent; 533 color: var(--primary-color); 534 opacity: 0.8; 535 } 536 537 /* Text button styles for anchors */ 538 a.ant-btn-text { 539 background-color: transparent; 540 border-color: transparent; 541 color: #000000d9; 542 box-shadow: none; 543 } 544 545 a.ant-btn-text:hover { 546 background-color: #f5f5f5; 547 border-color: transparent; 548 color: #000000d9; 549 } 550 551 /* Dashed button styles for anchors */ 552 a.ant-btn-dashed { 553 background-color: #ffffff; 554 border-color: #d9d9d9; 555 border-style: dashed; 556 color: #000000d9; 557 } 558 559 a.ant-btn-dashed:hover { 560 background-color: #ffffff; 561 border-color: var(--primary-color); 562 color: var(--primary-color); 563 } 564 565 /* Ensure button spans inherit color */ 566 a.ant-btn > span { 567 color: inherit; 568 } 569 570 /* Fix for ghost buttons to ensure proper text color */ 571 a.ant-btn-background-ghost > span { 572 color: inherit; 573 } 574 575 /* Ensure ghost button text is white on hover, overriding any inline styles */ 576 a.ant-btn-background-ghost:hover > span, 577 a.ant-btn.ant-btn-background-ghost:hover > span { 578 color: #ffffff; 579 } 580 581 a.ant-btn-background-ghost:focus > span, 582 a.ant-btn.ant-btn-background-ghost:focus > span { 583 color: #ffffff; 584 } 585 586 /* Override ghost button white text for white backgrounds - must come after ghost button rules */ 587 /* Higher specificity: class + attribute + pseudo-class + child combinator + element */ 588 a.ant-btn-background-ghost[style*="background-color: white"]:hover > span, 589 a.ant-btn-background-ghost[style*="background-color:#fff"]:hover > span, 590 a.ant-btn-background-ghost[style*="background-color: #fff"]:hover > span, 591 a.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover > span, 592 a.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover > span, 593 a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover > span, 594 a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover > span, 595 a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover > span, 596 a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover > span, 597 a.ant-btn.ant-btn-background-ghost[style*="background-color: white"]:hover > span, 598 a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"]:hover > span, 599 a.ant-btn.ant-btn-background-ghost[style*="background-color: #fff"]:hover > span, 600 a.ant-btn.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover > span, 601 a.ant-btn.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover > span, 602 a.ant-btn.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover > span, 603 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover > span, 604 a.ant-btn.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover > span, 605 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover > span { 606 color: var(--primary-color, var(--default-primary-color)); 607 } 608 609 /* Ghost buttons in navigation with white background - keep text dark on hover */ 610 /* Higher specificity: ID + class + pseudo-class + child combinator + element */ 611 #navigation a.ant-btn-background-ghost:hover > span, 612 #navigation a.ant-btn.ant-btn-background-ghost:hover > span { 613 color: var(--primary-color, var(--default-primary-color)); 614 } 615 616 #navigation a.ant-btn-background-ghost:hover, 617 #navigation a.ant-btn.ant-btn-background-ghost:hover { 618 background-color: transparent; 619 color: var(--primary-color, var(--default-primary-color)); 620 } 621 622 /* Danger button styles for anchors */ 623 a.ant-btn-danger { 624 background-color: #ff4d4f; 625 border-color: #ff4d4f; 626 color: #ffffff; 627 } 628 629 a.ant-btn-danger:hover { 630 background-color: #ff7875; 631 border-color: #ff7875; 632 color: #ffffff; 633 } 634 635 /* Custom color support for anchor buttons */ 636 a.ant-btn[style*="background-color"] { 637 border-color: inherit; 638 } 639 640 a.ant-btn[style*="background-color"]:hover { 641 opacity: 0.9; 642 } 643 644 /* Fix for white/light backgrounds - ensure text is visible */ 645 /* Use high specificity to override ghost button white text rule without !important */ 646 /* Match various white color formats in inline styles */ 647 a.ant-btn-background-ghost[style*="background-color: white"], 648 a.ant-btn-background-ghost[style*="background-color:#fff"], 649 a.ant-btn-background-ghost[style*="background-color: #fff"], 650 a.ant-btn-background-ghost[style*="background-color:#ffffff"], 651 a.ant-btn-background-ghost[style*="background-color: #ffffff"], 652 a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"], 653 a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"], 654 a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"], 655 a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"], 656 a.ant-btn.ant-btn-background-ghost[style*="background-color: white"], 657 a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"], 658 a.ant-btn.ant-btn-background-ghost[style*="background-color: #fff"], 659 a.ant-btn.ant-btn-background-ghost[style*="background-color:#ffffff"], 660 a.ant-btn.ant-btn-background-ghost[style*="background-color: #ffffff"], 661 a.ant-btn.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"], 662 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"], 663 a.ant-btn.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"], 664 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"], 665 a.ant-btn[style*="background-color: white"], 666 a.ant-btn[style*="background-color:#fff"], 667 a.ant-btn[style*="background-color: #fff"], 668 a.ant-btn[style*="background-color:#ffffff"], 669 a.ant-btn[style*="background-color: #ffffff"], 670 a.ant-btn[style*="background-color:rgb(255, 255, 255)"], 671 a.ant-btn[style*="background-color: rgb(255, 255, 255)"], 672 a.ant-btn[style*="background-color:rgba(255, 255, 255"], 673 a.ant-btn[style*="background-color: rgba(255, 255, 255"] { 674 color: var(--primary-color, var(--default-primary-color)); 675 } 676 677 /* High specificity hover rules for white backgrounds */ 678 a.ant-btn-background-ghost[style*="background-color: white"]:hover, 679 a.ant-btn-background-ghost[style*="background-color:#fff"]:hover, 680 a.ant-btn-background-ghost[style*="background-color: #fff"]:hover, 681 a.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover, 682 a.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover, 683 a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover, 684 a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover, 685 a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover, 686 a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover, 687 a.ant-btn.ant-btn-background-ghost[style*="background-color: white"]:hover, 688 a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"]:hover, 689 a.ant-btn.ant-btn-background-ghost[style*="background-color: #fff"]:hover, 690 a.ant-btn.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover, 691 a.ant-btn.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover, 692 a.ant-btn.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover, 693 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover, 694 a.ant-btn.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover, 695 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover, 696 a.ant-btn[style*="background-color: white"]:hover, 697 a.ant-btn[style*="background-color:#fff"]:hover, 698 a.ant-btn[style*="background-color: #fff"]:hover, 699 a.ant-btn[style*="background-color:#ffffff"]:hover, 700 a.ant-btn[style*="background-color: #ffffff"]:hover, 701 a.ant-btn[style*="background-color:rgb(255, 255, 255)"]:hover, 702 a.ant-btn[style*="background-color: rgb(255, 255, 255)"]:hover, 703 a.ant-btn[style*="background-color:rgba(255, 255, 255"]:hover, 704 a.ant-btn[style*="background-color: rgba(255, 255, 255"]:hover { 705 background-color: #f5f5f5; 706 color: var(--primary-color, var(--default-primary-color)); 707 opacity: 1; 708 } 709 710 /* Ensure text color in spans is visible for white backgrounds */ 711 a.ant-btn-background-ghost[style*="background-color: white"] > span, 712 a.ant-btn-background-ghost[style*="background-color:#fff"] > span, 713 a.ant-btn-background-ghost[style*="background-color: #fff"] > span, 714 a.ant-btn-background-ghost[style*="background-color:#ffffff"] > span, 715 a.ant-btn-background-ghost[style*="background-color: #ffffff"] > span, 716 a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"] > span, 717 a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"] > span, 718 a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"] > span, 719 a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"] > span, 720 a.ant-btn.ant-btn-background-ghost[style*="background-color: white"] > span, 721 a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"] > span, 722 a.ant-btn.ant-btn-background-ghost[style*="background-color: #fff"] > span, 723 a.ant-btn.ant-btn-background-ghost[style*="background-color:#ffffff"] > span, 724 a.ant-btn.ant-btn-background-ghost[style*="background-color: #ffffff"] > span, 725 a.ant-btn.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"] > span, 726 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"] > span, 727 a.ant-btn.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"] > span, 728 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"] > span, 729 a.ant-btn[style*="background-color: white"] > span, 730 a.ant-btn[style*="background-color:#fff"] > span, 731 a.ant-btn[style*="background-color: #fff"] > span, 732 a.ant-btn[style*="background-color:#ffffff"] > span, 733 a.ant-btn[style*="background-color: #ffffff"] > span, 734 a.ant-btn[style*="background-color:rgb(255, 255, 255)"] > span, 735 a.ant-btn[style*="background-color: rgb(255, 255, 255)"] > span, 736 a.ant-btn[style*="background-color:rgba(255, 255, 255"] > span, 737 a.ant-btn[style*="background-color: rgba(255, 255, 255"] > span { 738 color: var(--primary-color, var(--default-primary-color)); 739 } 740 741 a.ant-btn-background-ghost[style*="background-color: white"]:hover > span, 742 a.ant-btn-background-ghost[style*="background-color:#fff"]:hover > span, 743 a.ant-btn-background-ghost[style*="background-color: #fff"]:hover > span, 744 a.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover > span, 745 a.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover > span, 746 a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover > span, 747 a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover > span, 748 a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover > span, 749 a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover > span, 750 a.ant-btn.ant-btn-background-ghost[style*="background-color: white"]:hover > span, 751 a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"]:hover > span, 752 a.ant-btn.ant-btn-background-ghost[style*="background-color: #fff"]:hover > span, 753 a.ant-btn.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover > span, 754 a.ant-btn.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover > span, 755 a.ant-btn.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover > span, 756 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover > span, 757 a.ant-btn.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover > span, 758 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover > span, 759 a.ant-btn[style*="background-color: white"]:hover > span, 760 a.ant-btn[style*="background-color:#fff"]:hover > span, 761 a.ant-btn[style*="background-color: #fff"]:hover > span, 762 a.ant-btn[style*="background-color:#ffffff"]:hover > span, 763 a.ant-btn[style*="background-color: #ffffff"]:hover > span, 764 a.ant-btn[style*="background-color:rgb(255, 255, 255)"]:hover > span, 765 a.ant-btn[style*="background-color: rgb(255, 255, 255)"]:hover > span, 766 a.ant-btn[style*="background-color:rgba(255, 255, 255"]:hover > span, 767 a.ant-btn[style*="background-color: rgba(255, 255, 255"]:hover > span { 768 color: var(--primary-color, var(--default-primary-color)); 769 } 770 771 .footer { 772 background-color: var(--dark-bg); 773 color: var(--light-text); 774 padding: 40px 0; 775 margin-top: 40px; 776 } 777 778 .gallery-container { 779 display: flex; 780 flex-wrap: wrap; 781 gap: 10px; 782 } 783 784 .gallery-item { 785 flex: 1; 786 min-width: 200px; 787 position: relative; 788 overflow: hidden; 789 } 790 791 .gallery-image { 792 width: 100%; 793 height: 100%; 794 object-fit: cover; 795 transition: transform var(--transition-speed); 796 } 797 798 .gallery-image:hover { 799 transform: scale(1.05); 800 } 801 802 /* Basic animation classes */ 803 .animate-fadeInUp { 804 animation: fadeInUp 1s ease-out; 805 } 806 807 @keyframes fadeInUp { 808 from { 809 opacity: 0; 810 transform: translateY(20px); 811 } 812 to { 813 opacity: 1; 814 transform: translateY(0); 815 } 816 } 817 818 /* Gallery & Slider Styles */ 819 .banner-slider::-webkit-scrollbar, 820 .gallery-scroll::-webkit-scrollbar {
821 display: none; 822 } 823 824 .banner-slider { 825 -ms-overflow-style: none; 826 scrollbar-width: none; 827 } 828 829 @keyframes fadeIn { 830 from { opacity: 0; } 831 to { opacity: 1; } 832 } 833 834 @keyframes fadeOut { 835 from { opacity: 1; } 836 to { opacity: 0; } 837 } 838 839 @keyframes slideInRight { 840 from { transform: translateX(100%); } 841 to { transform: translateX(0); } 842 } 843 844 @keyframes slideInLeft { 845 from { transform: translateX(-100%); } 846 to { transform: translateX(0); } 847 } 848 849 @keyframes slideOutRight { 850 from { transform: translateX(0); } 851 to { transform: translateX(100%); } 852 } 853 854 @keyframes slideOutLeft { 855 from { transform: translateX(0); } 856 to { transform: translateX(-100%); } 857 } 858 859 .animate-fadeIn { 860 animation: fadeIn 500ms forwards; 861 } 862 863 .animate-fadeOut { 864 animation: fadeOut 500ms forwards; 865 } 866 867 .animate-slideInRight { 868 animation: slideInRight 500ms forwards; 869 } 870 871 .animate-slideInLeft { 872 animation: slideInLeft 500ms forwards; 873 } 874 875 .animate-slideOutRight { 876 animation: slideOutRight 500ms forwards; 877 } 878 879 .animate-slideOutLeft { 880 animation: slideOutLeft 500ms forwards; 881 } 882 883 /* Hover effects for service cards */ 884 .hover\:shadow-blue-400:hover { 885 box-shadow: 0 0 20px 5px rgba(66, 153, 225, 0.5); 886 } 887 888 .hover\:scale-105:hover { 889 transform: scale(1.05); 890 } 891 892 .hover\:-translate-y-2:hover { 893 transform: translateY(-8px); 894 } 895 896 /* Transition properties */ 897 .transition-transform { 898 transition: transform var(--transition-speed); 899 } 900 901 .transition-shadow { 902 transition: box-shadow var(--transition-speed); 903 } 904 905 .transition-all { 906 transition: all var(--transition-speed); 907 } 908 909 /* Responsive design */ 910 @media (max-width: 1023px) { 911 .two-column-section > div { 912 flex: 100%; 913 } 914 915 #navigation { 916 flex-direction: column; 917 gap: 10px; 918 padding: 0.75rem 1rem; 919 } 920 921 body { 922 padding-top: 120px; /* Initial mobile fallback - will be dynamically adjusted by JavaScript */ 923 } 924 925 /* Hide desktop dropdowns on mobile */ 926 .dropdown-container .dropdown-menu { 927 display: none; 928 } 929 } 930 931 /* Gallery component styles */ 932 .gallery-modal { 933 display: none; 934 position: fixed; 935 top: 0; 936 left: 0; 937 width: 100%; 938 height: 100%; 939 background-color: rgba(0, 0, 0, 0.9); 940 z-index: 1000; 941 overflow: hidden; 942 } 943 944 .gallery-modal-content { 945 display: flex; 946 align-items: center; 947 justify-content: center; 948 height: 100%; 949 } 950 951 .gallery-modal-image { 952 max-width: 90%; 953 max-height: 90%; 954 } 955 956 .gallery-modal-close { 957 position: absolute; 958 top: 20px; 959 right: 25px; 960 color: #f1f1f1; 961 font-size: 40px; 962 font-weight: bold; 963 cursor: pointer; 964 } 965 966 .gallery-modal-prev, 967 .gallery-modal-next { 968 position: absolute; 969 top: 50%; 970 padding: 16px; 971 color: var(--light-text); 972 font-weight: bold; 973 font-size: 20px; 974 cursor: pointer; 975 user-select: none; 976 background-color: rgba(0, 0, 0, 0.3); 977 border-radius: 50%; 978 transform: translateY(-50%); 979 } 980 981 .gallery-modal-prev { 982 left: 20px; 983 } 984 985 .gallery-modal-next { 986 right: 20px; 987 } 988 989 /* Patient Forms Styles */ 990 .patient-forms { 991 width: 100%; 992 } 993 994 .rw-launcher .rwl-footer i { 995 position: absolute; 996 right: 60px; 997 } 998 999 .rw-chat { 1000 height: auto !important; 1001 } 1002 1003 .rw-slide-wrap { 1004 min-height: auto !important; 1005 } 1006 1007 /* Grid responsive override - keep 2 columns in tablet range (768-1023px) */ 1008 /* This overrides md:grid-cols-3 which is too cramped on tablets */ 1009 @media (min-width: 768px) and (max-width: 1023px) { 1010 .grid { 1011 grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 1012 } 1013 } 1014 1015 /* Grid and ServiceCard height consistency fixes */ 1016 .grid.items-stretch { 1017 align-items: stretch !important; 1018 } 1019 1020 .grid.items-stretch > .h-full { 1021 height: 100% !important; 1022 display: flex !important; 1023 flex-direction: column !important; 1024 } 1025 1026 .grid.items-stretch .relative.box { 1027 height: 100% !important; 1028 display: flex !important; 1029 flex-direction: column !important; 1030 } 1031 1032 .grid.items-stretch .service-card { 1033 height: 100% !important; 1034 display: flex !important; 1035 flex-direction: column !important; 1036 } 1037 1038 .service-card .flex-1 { 1039 flex: 1 !important; 1040 } 1041 1042 /* Ensure h-full works properly in published HTML */ 1043 .h-full { 1044 height: 100% !important; 1045 } 1046 1047 /* Rich Text Content Styles */ 1048 .rich-text-content a { 1049 cursor: pointer; 1050 } 1051 1052 .rich-text-content.ql-editor { 1053 padding: 0; 1054 } 1055 1056 /* Rich Text - Lists */ 1057 /* Quill uses data-list attributes and CSS counters for proper list rendering */ 1058 .rich-text-content ul, 1059 .rich-text-content ol { 1060 margin-bottom: 1rem; 1061 padding-left: 1.5em !important; 1062 list-style: none !important; 1063 } 1064 1065 /* Reset list counters for ordered lists */ 1066 .rich-text-content ol { 1067 counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; 1068 } 1069 1070 /* Quill list items */ 1071 .rich-text-content li { 1072 list-style-type: none !important; 1073 list-style: none !important; 1074 padding-left: 1.5em; 1075 position: relative; 1076 } 1077 1078 .rich-text-content li::before { 1079 display: inline-block !important; 1080 white-space: nowrap; 1081 width: 1.2em; 1082 margin-left: -1.5em; 1083 margin-right: 0.3em; 1084 text-align: right; 1085 } 1086 1087 /* Bullet lists */ 1088 .rich-text-content li[data-list='bullet']::before { 1089 content: 'â¢' !important; 1090 } 1091 1092 /* Ordered lists */ 1093 .rich-text-content li[data-list='ordered'] { 1094 counter-increment: list-0; 1095 } 1096 1097 .rich-text-content li[data-list='ordered']::before { 1098 content: counter(list-0, decimal) '. ' !important; 1099 } 1100 1101 /* Rich Text - List Indentation */ 1102 .rich-text-content li.ql-indent-1 { 1103 padding-left: 4.5em; 1104 } 1105 .rich-text-content li.ql-indent-1[data-list='ordered'] { 1106 counter-increment: list-1; 1107 counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; 1108 } 1109 .rich-text-content li.ql-indent-1[data-list='ordered']::before { 1110 content: counter(list-1, decimal) '. ' !important; 1111 } 1112 1113 .rich-text-content li.ql-indent-2 { 1114 padding-left: 7.5em; 1115 } 1116 .rich-text-content li.ql-indent-2[data-list='ordered'] { 1117 counter-increment: list-2; 1118 counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; 1119 } 1120 .rich-text-content li.ql-indent-2[data-list='ordered']::before { 1121 content: counter(list-2, decimal) '. ' !important; 1122 } 1123 1124 .rich-text-content li.ql-indent-3 { 1125 padding-left: 10.5em; 1126 } 1127 .rich-text-content li.ql-indent-3[data-list='ordered'] { 1128 counter-increment: list-3; 1129 counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; 1130 } 1131 .rich-text-content li.ql-indent-3[data-list='ordered']::before { 1132 content: counter(list-3, decimal) '. ' !important; 1133 } 1134 1135 .rich-text-content li.ql-indent-4 { 1136 padding-left: 13.5em; 1137 } 1138 .rich-text-content li.ql-indent-4[data-list='ordered'] { 1139 counter-increment: list-4; 1140 counter-reset: list-5 list-6 list-7 list-8 list-9; 1141 } 1142 .rich-text-content li.ql-indent-4[data-list='ordered']::before { 1143 content: counter(list-4, decimal) '. ' !important; 1144 } 1145 1146 .rich-text-content li.ql-indent-5 { 1147 padding-left: 16.5em; 1148 } 1149 .rich-text-content li.ql-indent-5[data-list='ordered'] { 1150 counter-increment: list-5; 1151 counter-reset: list-6 list-7 list-8 list-9; 1152 } 1153 .rich-text-content li.ql-indent-5[data-list='ordered']::before { 1154 content: counter(list-5, decimal) '. ' !important; 1155 } 1156 1157 .rich-text-content li.ql-indent-6 { 1158 padding-left: 19.5em; 1159 } 1160 .rich-text-content li.ql-indent-6[data-list='ordered'] { 1161 counter-increment: list-6; 1162 counter-reset: list-7 list-8 list-9; 1163 } 1164 .rich-text-content li.ql-indent-6[data-list='ordered']::before { 1165 content: counter(list-6, decimal) '. ' !important; 1166 } 1167 1168 .rich-text-content li.ql-indent-7 { 1169 padding-left: 22.5em; 1170 } 1171 .rich-text-content li.ql-indent-7[data-list='ordered'] { 1172 counter-increment: list-7; 1173 counter-reset: list-8 list-9; 1174 } 1175 .rich-text-content li.ql-indent-7[data-list='ordered']::before { 1176 content: counter(list-7, decimal) '. ' !important; 1177 } 1178 1179 .rich-text-content li.ql-indent-8 { 1180 padding-left: 25.5em; 1181 } 1182 .rich-text-content li.ql-indent-8[data-list='ordered'] { 1183 counter-increment: list-8; 1184 counter-reset: list-9; 1185 } 1186 .rich-text-content li.ql-indent-8[data-list='ordered']::before { 1187 content: counter(list-8, decimal) '. ' !important; 1188 } 1189 1190 /* Rich Text - Text Alignment */ 1191 .rich-text-content .ql-align-center { 1192 text-align: center; 1193 } 1194 1195 .rich-text-content .ql-align-right { 1196 text-align: right; 1197 } 1198 1199 .rich-text-content .ql-align-justify { 1200 text-align: justify; 1201 } 1202 1203 /* Rich Text - Font Sizes */ 1204 .rich-text-content .ql-size-10px { 1205 font-size: 10px; 1206 } 1207 .rich-text-content .ql-size-12px { 1208 font-size: 12px; 1209 } 1210 .rich-text-content .ql-size-14px { 1211 font-size: 14px; 1212 } 1213 .rich-text-content .ql-size-16px { 1214 font-size: 16px; 1215 } 1216 .rich-text-content .ql-size-18px { 1217 font-size: 18px; 1218 } 1219 .rich-text-content .ql-size-20px { 1220 font-size: 20px; 1221 } 1222 .rich-text-content .ql-size-24px { 1223 font-size: 24px; 1224 } 1225 .rich-text-content .ql-size-32px { 1226 font-size: 32px; 1227 } 1228 1229 /* Rich Text - Line Heights */ 1230 .rich-text-content .ql-lineheight-1.0 { 1231 line-height: 1; 1232 } 1233 .rich-text-content .ql-lineheight-1.2 { 1234 line-height: 1.2; 1235 } 1236 .rich-text-content .ql-lineheight-1.5 { 1237 line-height: 1.5; 1238 } 1239 .rich-text-content .ql-lineheight-1.8 { 1240 line-height: 1.8; 1241 } 1242 .rich-text-content .ql-lineheight-2.0 { 1243 line-height: 2; 1244 } 1245 .rich-text-content .ql-lineheight-2.5 { 1246 line-height: 2.5; 1247 } 1248 .rich-text-content .ql-lineheight-3.0 { 1249 line-height: 3; 1250 } 1251 1252 /* Ant Design Tag Styles */ 1253 .ant-tag { 1254 display: inline-block; 1255 padding: 0 7px; 1256 font-size: 12px; 1257 line-height: 20px; 1258 white-space: nowrap; 1259 background: var(--ant-color-bg-layout, #fafafa); 1260 border: 1px solid var(--ant-color-border, #d9d9d9); 1261 border-radius: var(--ant-border-radius, 4px); 1262 opacity: 1; 1263 transition: all 0.2s; 1264 text-align: start; 1265 margin-inline-end: 8px; 1266 color: var(--ant-color-text, rgba(0, 0, 0, 0.88)); 1267 } 1268 1269 .ant-tag-default { 1270 background: var(--ant-color-bg-layout, #fafafa); 1271 border-color: var(--ant-color-border, #d9d9d9); 1272 color: var(--ant-color-text, rgba(0, 0, 0, 0.88)); 1273 } 1274 1275 /* Hero Split Layout Styles */ 1276 .hero__image, .hero__text { 1277 flex: 0 0 100%; 1278 } 1279 1280 .hero__image { 1281 min-height: 200px; 1282 } 1283 1284 .hero__text .special-line-1, 1285 .hero__text .special-line-2 { 1286 margin: 0 !important; 1287 } 1288 1289 .hero__text .special-line-1 *, 1290 .hero__text .special-line-2 * { 1291 margin: 0 !important; 1292 } 1293 1294 /* Mobile rounded corners (stacked layout) */ 1295 .hero__image { 1296 border-top-left-radius: 20px; 1297 border-top-right-radius: 20px; 1298 } 1299 1300 .hero__text { 1301 border-bottom-left-radius: 20px; 1302 border-bottom-right-radius: 20px; 1303 } 1304 1305 /* Mobile (stacked) â keep the image on top regardless of which side the 1306 * desktop layout puts it on. The variant uses flex-col-reverse so an item 1307 * with order: 2 lands at the top and order: 1 at the bottom. Without these 1308 * overrides, swapping the desktop layout to "Media left / Text right" 1309 * (order-1 on image, order-2 on text) would render mobile as 1310 * text-on-top / image-below â the opposite of the standard mobile pattern. */ 1311 @media (max-width: 1023px) { 1312 .hero__image { 1313 order: 2; 1314 } 1315 .hero__text { 1316 order: 1; 1317 } 1318 } 1319 1320 /* Hero Parallax Styles */ 1321 .hero { 1322 position: relative; 1323 background-attachment: scroll !important; 1324 } 1325 1326 .parallax { 1327 position: relative; 1328 background-attachment: scroll !important; 1329 } 1330 1331 /* Hide the brief YouTube chrome flash on first load â see notes in 1332 * hero-parallax.css for the rationale. Mask the iframe with a solid 1333 * overlay that fades out after the chrome has settled, instead of 1334 * hiding the iframe itself (which would just delay the flash). */ 1335 @keyframes hero-bg-video-mask-fadeout { 1336 from { opacity: 1; } 1337 to { opacity: 0; visibility: hidden; } 1338 } 1339 1340 .hero-bg-video-mask { 1341 position: absolute; 1342 inset: 0; 1343 background-color: #000; 1344 background-size: cover; 1345 background-position: center; 1346 background-repeat: no-repeat; 1347 z-index: 1; 1348 pointer-events: none;
1349 /* 5s fallback timer in case the YouTube IFrame API never reports a 1350 * PLAYING state. Normal happy-path: JS reports PLAYING and the 1351 * .is-ready class below kicks in well before the 5s mark. */ 1352 animation: hero-bg-video-mask-fadeout 0.4s ease-in 5s both; 1353 } 1354 1355 .hero-bg-video-mask.is-ready { 1356 animation: hero-bg-video-mask-fadeout 0.4s ease-in 0s forwards; 1357 } 1358 1359 /* Responsive utilities */ 1360 @media (max-width: 1023px) { 1361 .container { 1362 padding: 0 var(--spacing-unit); 1363 } 1364 1365 .two-column-section { 1366 flex-direction: column; 1367 } 1368 1369 .navigation-links { 1370 display: none; 1371 } 1372 } 1373 1374 @media(min-width: 768px) { 1375 .hero { 1376 background-attachment: fixed !important; 1377 } 1378 1379 .parallax { 1380 background-attachment: fixed !important; 1381 } 1382 } 1383 1384 @media(min-width: 1024px) { 1385 .hero__image, .hero__text { 1386 flex: 0 0 50%; 1387 } 1388 1389 .hero__image { 1390 min-height: 420px; 1391 } 1392 1393 /* Reset mobile rounded corners for desktop */ 1394 .hero__image { 1395 border-top-left-radius: 0; 1396 border-top-right-radius: 0; 1397 } 1398 1399 .hero__text { 1400 border-bottom-left-radius: 0; 1401 border-bottom-right-radius: 0; 1402 } 1403 1404 /* Apply rounded corners based on order classes for desktop */ 1405 .hero__image.order-1 { 1406 border-top-left-radius: 20px; 1407 border-bottom-left-radius: 20px; 1408 } 1409 1410 .hero__image.order-2 { 1411 border-top-right-radius: 20px; 1412 border-bottom-right-radius: 20px; 1413 } 1414 1415 .hero__text.order-1 { 1416 border-top-left-radius: 20px; 1417 border-bottom-left-radius: 20px; 1418 } 1419 1420 .hero__text.order-2 { 1421 border-top-right-radius: 20px; 1422 border-bottom-right-radius: 20px; 1423 } 1424 } 1425 1426 1427 /* Patient Forms Styles */ 1428 .patient-forms { 1429 width: 100%; 1430 max-width: 800px; 1431 margin: 0 auto; 1432 } 1433 1434 .patient-forms__container { 1435 background-color: white; 1436 border-radius: 10px; 1437 padding: 30px; 1438 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1439 } 1440 1441 .patient-forms__header { 1442 margin-bottom: 24px; 1443 } 1444 1445 .patient-forms__title { 1446 color: var(--primary-color); 1447 margin-bottom: 10px; 1448 font-size: 24px; 1449 font-weight: 500; 1450 } 1451 1452 .patient-forms__description { 1453 color: var(--text-color); 1454 opacity: 0.7; 1455 } 1456 1457 .patient-forms__list { 1458 display: flex; 1459 flex-direction: column; 1460 gap: 10px; 1461 margin-bottom: 30px; 1462 } 1463 1464 .patient-forms__option { 1465 background-color: white; 1466 border: 1px solid #e8e8e8; 1467 border-radius: 5px; 1468 padding: 15px; 1469 cursor: pointer; 1470 transition: all 0.3s; 1471 display: flex; 1472 align-items: flex-start; 1473 gap: 15px; 1474 margin: 0; 1475 width: 100%; 1476 } 1477 1478 .patient-forms__option:hover { 1479 border-color: var(--primary-color); 1480 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 1481 } 1482 1483 .patient-forms__radio-input { 1484 margin-top: 4px; 1485 cursor: pointer; 1486 width: 20px; 1487 height: 20px; 1488 } 1489 1490 .patient-forms__option-details { 1491 flex: 1; 1492 cursor: pointer; 1493 } 1494 1495 .patient-forms__option-details strong { 1496 display: block; 1497 margin-bottom: 4px; 1498 color: var(--text-color); 1499 } 1500 1501 .patient-forms__option-details p { 1502 color: var(--text-color); 1503 opacity: 0.7; 1504 margin: 0; 1505 font-size: 14px; 1506 } 1507 1508 .patient-forms__continue { 1509 width: 100%; 1510 height: 40px; 1511 font-weight: 500; 1512 background-color: var(--primary-color) !important; 1513 border-color: var(--primary-color) !important; 1514 color: #ffffff !important; 1515 transition: opacity 0.2s ease; 1516 } 1517 1518 .patient-forms__continue:hover, 1519 .patient-forms__continue:focus, 1520 .patient-forms__continue:active, 1521 .patient-forms__continue:focus-visible { 1522 background-color: var(--primary-color) !important; 1523 border-color: var(--primary-color) !important; 1524 color: #ffffff !important; 1525 opacity: 0.9; 1526 } 1527 1528 .patient-forms__continue[disabled], 1529 .patient-forms__continue[disabled]:hover, 1530 .patient-forms__continue.ant-btn-disabled, 1531 .patient-forms__continue.ant-btn-disabled:hover { 1532 background-color: #f5f5f5 !important; 1533 border-color: #d9d9d9 !important; 1534 color: rgba(0, 0, 0, 0.25) !important; 1535 opacity: 1; 1536 } 1537 1538 .patient-forms__form-view { 1539 min-height: 400px; 1540 } 1541 1542 .patient-forms__form-header { 1543 margin-bottom: 24px; 1544 display: flex; 1545 align-items: center; 1546 gap: 16px; 1547 } 1548 1549 .patient-forms__back { 1550 border: none; 1551 padding: 0; 1552 color: var(--primary-color); 1553 background: none; 1554 cursor: pointer; 1555 display: flex; 1556 align-items: center; 1557 font-weight: 500; 1558 } 1559 1560 .patient-forms__back:hover { 1561 text-decoration: underline; 1562 } 1563 1564 .patient-forms__form-title { 1565 margin: 0; 1566 font-size: 18px; 1567 font-weight: 600; 1568 color: var(--primary-color); 1569 } 1570 1571 .patient-forms__embed { 1572 min-height: 400px; 1573 background-color: white; 1574 border-radius: 5px; 1575 padding: 20px; 1576 } 1577 1578 1579/* Accessibility Widget Positioning */
1580body .uwy.userway_p1 .userway_buttons_wrapper { 1581 top: 100px !important; 1582} 1583 1584/* Mobile responsive version */ 1585@media (max-width: 1023px) { 1586 body .uwy.userway_p1 .userway_buttons_wrapper { 1587 top: 320px !important; 1588 } 1589} 1590 1591 1592 /* Base text color â resolves design-token --color-text so inheriting blocks 1593 (e.g. rich-text-two-column-section which relies on inheritance for body 1594 text) render the same color in both the edit canvas and published HTML. 1595 Without this, the canvas inherits AntD's colorText from body while the 1596 published build uses BASE_STYLES body color â that divergence is exactly 1597 what the Playwright parity harness catches. Inline per-block color props 1598 still win via specificity + inheritance source order. */ 1599 body.has-appearance-settings { 1600 color: var(--color-text, #021427e0); 1601 } 1602 1603 /* Cascade the design-token font family to every block. Inline fontFamily 1604 overrides still win (e.g. button/nav reference the same var explicitly). */ 1605 body.has-appearance-settings, 1606 body.has-appearance-settings h1, body.has-appearance-settings h2, body.has-appearance-settings h3, body.has-appearance-settings h4, body.has-appearance-settings h5, body.has-appearance-settings h6, 1607 body.has-appearance-settings p, body.has-appearance-settings a, body.has-appearance-settings span, body.has-appearance-settings li { 1608 font-family: var(--font-family, Inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important; 1609 } 1610 1611 /* Utility classes for font sizes */ 1612 body.has-appearance-settings .font-title { 1613 font-size: var(--font-size-title) !important; 1614 } 1615 body.has-appearance-settings .font-subtitle { 1616 font-size: var(--font-size-subtitle) !important; 1617 } 1618 body.has-appearance-settings .font-paragraph { 1619 font-size: var(--font-size-paragraph) !important; 1620 } 1621 1622 /* Global edge gutter â horizontal spacing from the viewport edge on every 1623 .container element. Driven by the design-token margin.edgeGutter token. 1624 Falls back to 1rem when no tokens are set. */ 1625 body.has-appearance-settings .container { 1626 padding-left: var(--margin-edgeGutter, 1rem) !important; 1627 padding-right: var(--margin-edgeGutter, 1rem) !important; 1628 } 1629 1630 /* Legacy brand-settings padding utility classes. All first-party blocks have 1631 migrated to inline padding via token bindings (emit var(--spacing-id, ...)). 1632 These rules are kept only for two backward-compat paths: 1633 1. Prebuilt site templates (features-optometry.html, features-chiro.html) 1634 that were snapshotted with this class in their DOM. 1635 2. Any legacy user-published sites that havent re-saved since migration. 1636 Safe to remove once usage telemetry confirms zero hits. */ 1637 body.has-appearance-settings .padding-global { 1638 padding: var(--padding-combined) !important; 1639 } 1640 body.has-appearance-settings .padding-vertical-global { 1641 padding-top: var(--padding-vertical) !important; 1642 padding-bottom: var(--padding-vertical) !important; 1643 } 1644 body.has-appearance-settings .padding-horizontal-global { 1645 padding-left: var(--padding-horizontal) !important; 1646 padding-right: var(--padding-horizontal) !important; 1647 } 1648 1649 /* Hero component â title and subtitle size overrides */ 1650 body.has-appearance-settings .special-line-1 { 1651 font-size: var(--font-size-title) !important; 1652 } 1653 body.has-appearance-settings .special-line-2 { 1654 font-size: var(--font-size-subtitle) !important; 1655 } 1656 body.has-appearance-settings .special-line-1.font-paragraph, 1657 body.has-appearance-settings .special-line-1.font-title { 1658 font-size: var(--font-size-title) !important; 1659 } 1660 body.has-appearance-settings .special-line-2.font-paragraph, 1661 body.has-appearance-settings .special-line-2.font-subtitle { 1662 font-size: var(--font-size-subtitle) !important; 1663 } 1664 1665 /* InformativeSection overrides */ 1666 body.has-appearance-settings .informative-heading { 1667 font-size: var(--font-size-title) !important; 1668 } 1669 body.has-appearance-settings .informative-paragraph { 1670 font-size: var(--font-size-subtitle) !important; 1671 } 1672 body.has-appearance-settings section.padding-global .font-paragraph { 1673 font-size: var(--font-size-subtitle) !important; 1674 } 1675 1676 /* Hero legacy fallbacks â Hero components have px-4 and py-* classes */
1677 body.has-appearance-settings section.px-4[class*="py-"] [id*="hero_title"] .font-paragraph { 1678 font-size: var(--font-size-title) !important; 1679 } 1680 body.has-appearance-settings section.px-4[class*="py-"] [id*="hero_subtitle"] .font-paragraph { 1681 font-size: var(--font-size-subtitle) !important; 1682 } 1683 body.has-appearance-settings section.px-4[class*="py-"] .font-paragraph:not(.ant-typography) { 1684 font-size: var(--font-size-title) !important; 1685 } 1686 body.has-appearance-settings section.px-4[class*="py-"] .font-paragraph.ant-typography { 1687 font-size: var(--font-size-subtitle) !important; 1688 } 1689 1690 </style> 1691 1692 <!-- SEO URL Resolution Script --> 1693
1693<script> 1694 (function() { 1695 const origin = window.location.origin; 1696 const baseUrl = 'https://chiropracticexperience.com/'; 1697 setTimeout(function() { 1698 // Update canonical and meta URLs only if they're using placeholder URLs 1699 const elements = [ 1700 'link[rel="canonical"]', 1701 'meta[property="og:url"]', 1702 'meta[property="og:image"]', 1703 'meta[property="twitter:url"]', 1704 'meta[property="twitter:image"]' 1705 ]; 1706 1707 elements.forEach(selector => { 1708 const el = document.querySelector(selector); 1709 if (el && (el.href || el.content).includes('example.com')) { 1710 if (el.href) el.href = el.href.replace('https://example.com', origin); 1711 if (el.content) el.content = el.content.replace('https://example.com', origin); 1712 } 1713 }); 1714 1715 // Update structured data URLs 1716 document.querySelectorAll('script[type="application/ld+json"]').forEach(script => { 1717 try { 1718 const data = JSON.parse(script.textContent || script.innerText); 1719 if (data.url && data.url.includes('example.com')) { 1720 data.url = data.url.replace('https://example.com', origin); 1721 script.textContent = JSON.stringify(data, null, 2); 1722 } 1723 } catch (e) {} 1724 }); 1725 }, 100); 1726 })(); 1727 </script>
1727 1728 1729 1730 1731 1732</head> 1733<body class="has-appearance-settings"> 1734 1735 1736 <div class="relative p-0 " style="background-color: rgb(255, 255, 255); background-size: cover; background-position: center center; height: auto; width: 100%; margin: 0px;"><nav id="navigation" class="w-full " role="navigation" aria-label="Main Navigation" style="padding: clamp(0.625rem, 1.5vw, 1rem); background-color: rgb(255, 255, 255);"><div class="container mx-auto flex justify-between items-center"><div class="flex-shrink-0 flex items-center justify-center"><a data-original-url="/" aria-label="Home" class="flex items-center justify-center" href="https://chiropracticexperience.com/"><img src="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/035f1de6-c158-48a6-a112-f8a22f913415_logo-white-1-png-1-png.webp" alt="Chiropractic clinic logo - professional spine care services" class="mx-auto navigation-logo-mobile navigation-logo-mobile-forced" style="--logo-height: 75px; --mobile-logo-height: 40px;" loading="lazy"></a></div><div class="hidden lg:block" data-nav-type="desktop"><ul class="hidden lg:flex items-center gap-3 list-none"><li class="relative inline-block dropdown-container group"><a class="inline-flex items-center gap-1 focus:ring-2 focus:ring-blue-500 focus:bg-blue-50 rounded px-2 py-1 dropdown-trigger" aria-haspopup="true" role="button" data-original-url="/about-the-chiropractic-experience-in-lawrence-ks" style="color: rgb(0, 0, 0); font-size: clamp(0.75rem, 1.5vw, 0.875rem); cursor: pointer;" href="about-the-chiropractic-experience-in-lawrence-ks">About<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></a><ul class="dropdown-menu absolute top-full left-0 mt-1 w-48 rounded-md shadow-lg z-50 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200" style="--menu-bg: #ffffff; --menu-hover: #f2f2f2; --menu-text: #000000; --menu-border: #e6e6e6; background-color: rgb(255, 255, 255); border: 1px solid; min-width: 200px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;"><li><a data-original-url="/missions" data-page-id="19040c70-fb9a-4ea1-b9d2-ad96a7fb91f5" class="submenu-link block px-4 py-2 text-sm" aria-label="About - Missions" style="color: rgb(0, 0, 0);" href="missions">Missions</a></li><li><a data-original-url="/our-approach" data-page-id="e376a27f-ae30-4cd7-8eac-b777fe6ab522" class="submenu-link block px-4 py-2 text-sm" aria-label="About - Our Approach" style="color: rgb(0, 0, 0);" href="our-approach">Our Approach</a></li><li><a data-original-url="/meet-the-staff" data-page-id="241cf71a-dead-48c4-a357-791334030716" class="submenu-link block px-4 py-2 text-sm" aria-label="About - Meet The Team" style="color: rgb(0, 0, 0);" href="meet-the-staff">Meet The Team</a></li></ul></li><li class="relative inline-block dropdown-container group"><span class="inline-flex items-center gap-1 focus:ring-2 focus:ring-blue-500 focus:bg-blue-50 rounded px-2 py-1 dropdown-trigger" aria-haspopup="true" role="button" style="color: rgb(0, 0, 0); font-size: clamp(0.75rem, 1.5vw, 0.875rem); cursor: pointer;">Patient Center<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></span><ul class="dropdown-menu absolute top-full left-0 mt-1 w-48 rounded-md shadow-lg z-50 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200" style="--menu-bg: #ffffff; --menu-hover: #f2f2f2; --menu-text: #000000; --menu-border: #e6e6e6; background-color: rgb(255, 255, 255); border: 1px solid; min-width: 200px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;"><li><a data-original-url="/patient-forms" data-page-id="2218e37c-c331-457f-ba45-d30cc6c1ce9f" class="submenu-link block px-4 py-2 text-sm" aria-label="Patient
1736Center - New Patient Paperwork" style="color: rgb(0, 0, 0);" href="patient-forms">New Patient Paperwork</a></li><li><a data-original-url="/what-to-expect" data-page-id="9c767bf5-1cd2-4dfe-a2e3-bc7dd0982845" class="submenu-link block px-4 py-2 text-sm" aria-label="Patient Center - What To Expect" style="color: rgb(0, 0, 0);" href="what-to-expect">What To Expect</a></li><li><a data-original-url="/payment-options" data-page-id="74863abf-12a4-4aa3-b5d9-3d57fb2c3b71" class="submenu-link block px-4 py-2 text-sm" aria-label="Patient Center - Payment Options" style="color: rgb(0, 0, 0);" href="payment-options">Payment Options</a></li></ul></li><li class="relative inline-block dropdown-container group"><a class="inline-flex items-center gap-1 focus:ring-2 focus:ring-blue-500 focus:bg-blue-50 rounded px-2 py-1 dropdown-trigger" aria-haspopup="true" role="button" data-original-url="/chiropractic-services-for-wellness-and-pain-relief-in-lawrence-ks" style="color: rgb(0, 0, 0); font-size: clamp(0.75rem, 1.5vw, 0.875rem); cursor: pointer;" href="chiropractic-services-for-wellness-and-pain-relief-in-lawrence-ks">Services<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></a><ul class="dropdown-menu absolute top-full left-0 mt-1 w-48 rounded-md shadow-lg z-50 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200" style="--menu-bg: #ffffff; --menu-hover: #f2f2f2; --menu-text: #000000; --menu-border: #e6e6e6; background-color: rgb(255, 255, 255); border: 1px solid; min-width: 200px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;"><li><a data-original-url="/chiropractic-adjustments-and-natural-pain-relief-in-lawrence-ks" data-page-id="1df70738-5468-4c30-8b4e-aafa01e1cd50" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Chiropractic" style="color: rgb(0, 0, 0);" href="chiropractic-adjustments-and-natural-pain-relief-in-lawrence-ks">Chiropractic</a></li><li><a data-original-url="/shockwave-therapy-eswt-in-lawrence-ks-natural-pain-relief-healing" data-page-id="5015457c-2939-4d2d-a95a-a441f4558cb4" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Shockwave Therapy (ESWT)" style="color: rgb(0, 0, 0);" href="shockwave-therapy-eswt-in-lawrence-ks-natural-pain-relief-healing">Shockwave Therapy (ESWT)</a></li><li><a data-original-url="/advanced-neuropathy-care-in-lawrence-ks" data-page-id="c14c30ca-55dc-42ba-9590-036f50b892b3" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Neuropathy" style="color: rgb(0, 0, 0);" href="advanced-neuropathy-care-in-lawrence-ks">Neuropathy</a></li><li><a data-original-url="/disc-therapy" data-page-id="427cde4e-263c-408f-bc63-a38ea899ec71" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Disc Therapy" style="color: rgb(0, 0, 0);" href="disc-therapy">Disc Therapy</a></li><li><a data-original-url="/metabolic-health" data-page-id="cf926cd9-688e-424a-a852-de1cf4db5780" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Metabolic Health" style="color: rgb(0, 0, 0);" href="metabolic-health">Metabolic Health</a></li><li><a data-original-url="/spinal-decompression-therapy-in-lawrence-ks" data-page-id="f413d161-1f85-485c-b244-bbc178ef78b1" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Spinal Decompression" style="color: rgb(0, 0, 0);" href="spinal-decompression-therapy-in-lawrence-ks">Spinal Decompression</a></li><li><a data-original-url="/custom-orthotics-3d-foot-scanning-in-lawrence-ks" data-page-id="990a3e59-2f96-448b-9f7c-fb306896a5d8" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - SuperFeet RX: Custom Orthotics" style="color: rgb(0, 0, 0);" href="custom-orthotics-3d-foot-scanning-in-lawrence-ks">SuperFeet RX: Custom Orthotics</a></li><li><a data-original-url="/digital-x-rays" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Digital X-Rays" style="color: rgb(0, 0, 0);" href="digital-x-rays">Digital X-Rays</a></li></ul></li><li class="relative inline-block dropdown-container group"><a class="inline-flex items-center gap-1 focus:ring-2 focus:ring-blue-500 focus:bg-blue-50 rounded px-2 py-1 dropdown-trigger" aria-haspopup="true" role="button" data-original-url="/symptoms-treated-at-the-chiropractic-experience-in-lawrence-ks" style="color: rgb(0, 0, 0); font-size: clamp(0.75rem, 1.5vw, 0.875rem); cursor: pointer;" href="symptoms-treated-at-the-chiropractic-experience-in-lawrence-ks">Symptoms<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1736<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></a><ul class="dropdown-menu absolute top-full left-0 mt-1 w-48 rounded-md shadow-lg z-50 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200" style="--menu-bg: #ffffff; --menu-hover: #f2f2f2; --menu-text: #000000; --menu-border: #e6e6e6; background-color: rgb(255, 255, 255); border: 1px solid; min-width: 200px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;"><li><a data-original-url="/comprehensive-shoulder-pain-relief-through-chiropractic-care-in-lawrence-ks" data-page-id="00258245-7052-494b-ba8f-f1f253e8d3a8" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Shoulder Pain Relief" style="color: rgb(0, 0, 0);" href="comprehensive-shoulder-pain-relief-through-chiropractic-care-in-lawrence-ks">Shoulder Pain Relief</a></li><li><a data-original-url="/arm-and-leg-pain-relief-with-chiropractic-care-in-lawrence-ks" data-page-id="2b07fb73-24b6-4265-85b3-cc45fbfcebbd" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Arm and Leg Pain Relief" style="color: rgb(0, 0, 0);" href="arm-and-leg-pain-relief-with-chiropractic-care-in-lawrence-ks">Arm and Leg Pain Relief</a></li><li><a data-original-url="/chiropractic-solutions-for-headaches-and-migraines-in-lawrence-ks" data-page-id="0f3c7e90-cf69-4316-82ce-c8164528cf2e" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Chiropractic Solutions for Headaches and Migraines" style="color: rgb(0, 0, 0);" href="chiropractic-solutions-for-headaches-and-migraines-in-lawrence-ks">Chiropractic Solutions for Headaches and Migraines</a></li><li><a data-original-url="/chiropractic-solutions-for-scoliosis-in-lawrence-ks" data-page-id="0d52e217-8903-4904-9f34-d8f2503b97db" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Chiropractic Scoliosis Solutions" style="color: rgb(0, 0, 0);" href="chiropractic-solutions-for-scoliosis-in-lawrence-ks">Chiropractic Scoliosis Solutions</a></li><li><a data-original-url="/comprehensive-neuropathy-relief-and-chiropractic-care-in-lawrence-ks" data-page-id="7433c484-3dac-4140-bbfd-46ba1333e62b" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Neuropathy Relief & Care" style="color: rgb(0, 0, 0);" href="comprehensive-neuropathy-relief-and-chiropractic-care-in-lawrence-ks">Neuropathy Relief & Care</a></li><li><a data-original-url="/neck-pain-relief-and-chiropractic-care-in-lawrence-ks" data-page-id="dbf3b0b3-daac-45f7-a8a3-f313bac35b03" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Neck Pain Relief and Chiropractic Care" style="color: rgb(0, 0, 0);" href="neck-pain-relief-and-chiropractic-care-in-lawrence-ks">Neck Pain Relief and Chiropractic Care</a></li><li><a data-original-url="/comprehensive-back-pain-treatment-in-lawrence-ks" data-page-id="769c99db-182c-4bd1-aa5c-2dcf16a2ceba" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Comprehensive Back Pain Treatment" style="color: rgb(0, 0, 0);" href="comprehensive-back-pain-treatment-in-lawrence-ks">Comprehensive Back Pain Treatment</a></li></ul></li><li class="inline-block"><a data-original-url="/contact" data-page-id="1a1f1390-0e8c-4d5f-b24a-baa35638b57f" class="focus:ring-2 focus:ring-blue-500 focus:bg-blue-50" aria-label="Contact" style="color: rgb(0, 0, 0); font-size: clamp(0.75rem, 1.5vw, 0.875rem); text-decoration: none; display: block; padding: 4px 8px; border-radius: 4px;" href="contact">Contact</a></li><li class="inline-block"><a class="ant-btn css-19kyx1f ant-btn-primary ant-btn-color-primary ant-btn-variant-solid" style="background-color: var(--color-primary, #11a08f); border-color: var(--color-primary, #11a08f); color: rgb(255, 255, 255); font-weight: 500; border-radius: 6px; font-family: var(--font-family, Inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; transition: 0.2s ease-in-out;" href="schedule" data-original-url="/schedule" role="button"><span>Schedule</span></a></li><li class="inline-block"><a class="ant-btn css-19kyx1f ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-background-ghost" style="border-color: var(--color-primary, #11a08f); color: var(--color-primary, #11a08f); font-weight: 500; border-radius: 6px; font-family: var(--font-family, Inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; transition: 0.2s ease-in-out;" href="tel:7858383333" data-original-url="tel:7858383333" role="button"><span>(785) 838-3333</span></a></li></ul></div><div class="block lg:hidden mobile-nav-container" data-nav-type="mobile"><div style="display: flex; align-items: center; gap: 8px;"><a href="tel:7858383333" aria-label="(785) 838-3333 button" data-element="mobile-action-6" data-original-url="tel:7858383333" class="ant-btn css-19kyx1f ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only mobile-action-button" aria-disabled="false" style="color: rgb(0, 0, 0);"><span class="ant-btn-icon"><span role="img" aria-label="phone" class="anticon anticon-phone"><svg viewBox="64 64 896 896" focusable="false" data-icon="phone" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M877.1 238.7L770.6 132.3c-13-13-30.4-20.3-48.8-20.3s-35.8 7.2-48.8 20.3L558.3 246.8c-13 13-20.3 30.5-20.3 48.9 0 18.5 7.2 35.8 20.3 48.9l89.6 89.7a405.46 405.46 0 01-86.4 127.3c-36.7 36.9-79.6 66-127.2 86.6l-89.6-89.7c-13-13-30.4-20.3-48.8-20.3a68.2 68.2 0 00-48.8 20.3L132.3 673c-13 13-20.3 30.5-20.3 48.9 0 18.5 7.2 35.8 20.3 48.9l106.4 106.4c22.2 22.2 52.8 34.9 84.2 34.9 6.5 0 12.8-.5 19.2-1.6 132.4-21.8 263.8-92.3 369.9-198.3C818 606 888.4 474.6 910.4 342.1c6.3-37.
17366-6.3-76.3-33.3-103.4zm-37.6 91.5c-19.5 117.9-82.9 235.5-178.4 331s-213 158.9-330.9 178.4c-14.8 2.5-30-2.5-40.8-13.2L184.9 721.9 295.7 611l119.8 120 .9.9 21.6-8a481.29 481.29 0 00285.7-285.8l8-21.6-120.8-120.7 110.8-110.9 104.5 104.5c10.8 10.8 15.8 26 13.3 40.8z"></path></svg></span></span></a><a href="schedule" aria-label="Schedule button" data-element="mobile-action-5" data-original-url="/schedule" class="ant-btn css-19kyx1f ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only mobile-action-button" aria-disabled="false" style="color: rgb(0, 0, 0);"><span class="ant-btn-icon"><span role="img" aria-label="calendar" class="anticon anticon-calendar"><svg viewBox="64 64 896 896" focusable="false" data-icon="calendar" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"></path></svg></span></span></a><button aria-label="Open menu" data-element="mobile-menu-button" type="button" class="ant-btn css-19kyx1f ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only flex" style="border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; color: rgb(0, 0, 0); font-size: 20px; padding: 4px 8px;"><span class="ant-btn-icon"><span role="img" aria-label="menu" class="anticon anticon-menu"><svg viewBox="64 64 896 896" focusable="false" data-icon="menu" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M904 160H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0 624H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8zm0-312H120c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path></svg></span></span></button><div data-element="mobile-menu-overlay" class="fixed inset-0 bg-black bg-opacity-50 z-40 hidden" aria-hidden="true"></div><div data-element="mobile-menu-drawer" class="fixed top-0 right-0 h-full w-64 shadow-lg z-50 transform transition-transform flex flex-col overflow-hidden translate-x-full" aria-label="Mobile Navigation" style="background-color: rgb(255, 255, 255); transition: transform 0.3s ease-in-out;"><div class="flex justify-between items-center p-4" style="border-bottom: 1px solid rgb(230, 230, 230); color: rgb(0, 0, 0);"><span class="text-lg font-semibold">Menu</span><button aria-label="Close menu" data-element="mobile-menu-drawer-close" type="button" class="ant-btn css-19kyx1f ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only" style="border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; color: rgb(0, 0, 0); font-size: 18px;"><span class="ant-btn-icon"><span role="img" aria-label="close" class="anticon anticon-close"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true">
1736<path d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"></path></svg></span></span></button></div><div class="mobile-menu-content overflow-y-auto" style="background-color: rgb(255, 255, 255); flex: 1 1 0%; min-height: 0px; overflow-y: auto; --menu-bg: #ffffff; --menu-hover: #f2f2f2; --menu-text: #000000; --menu-border: #e6e6e6;"><div class="mobile-menu-item"><div class="mobile-menu-row flex items-center justify-between" style="border-bottom: 1px solid rgb(230, 230, 230); color: rgb(0, 0, 0);"><a class="flex-1 block px-4 py-3 text-base font-medium" data-original-url="/about-the-chiropractic-experience-in-lawrence-ks" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0);" href="about-the-chiropractic-experience-in-lawrence-ks">About</a><button class="mobile-submenu-toggle px-4 py-3" aria-expanded="false" aria-label="Toggle About submenu" data-submenu-toggle="1" style="color: rgb(0, 0, 0);"><svg class="w-4 h-4 transition-transform duration-200 " fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="mobile-submenu pl-4 transition-all duration-300 overflow-hidden max-h-0 opacity-0" data-submenu-content="1" style="background-color: rgb(242, 242, 242);"><div class="py-2"><a data-original-url="/missions" data-page-id="19040c70-fb9a-4ea1-b9d2-ad96a7fb91f5" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="missions">Missions</a><a data-original-url="/our-approach" data-page-id="e376a27f-ae30-4cd7-8eac-b777fe6ab522" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="our-approach">Our Approach</a><a data-original-url="/meet-the-staff" data-page-id="241cf71a-dead-48c4-a357-791334030716" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="meet-the-staff">Meet The Team</a></div></div></div><div class="mobile-menu-item"><div class="mobile-menu-row flex items-center justify-between" style="border-bottom: 1px solid rgb(230, 230, 230); color: rgb(0, 0, 0);"><span class="flex-1 block px-4 py-3 text-base font-medium" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0);">Patient Center</span><button class="mobile-submenu-toggle px-4 py-3" aria-expanded="false" aria-label="Toggle Patient Center submenu" data-submenu-toggle="2" style="color: rgb(0, 0, 0);"><svg class="w-4 h-4 transition-transform duration-200 " fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="mobile-submenu pl-4 transition-all duration-300 overflow-hidden max-h-0 opacity-0" data-submenu-content="2" style="background-color: rgb(242, 242, 242);"><div class="py-2"><a data-original-url="/patient-forms" data-page-id="2218e37c-c331-457f-ba45-d30cc6c1ce9f" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="patient-forms">New Patient Paperwork</a><a data-original-url="/what-to-expect" data-page-id="9c767bf5-1cd2-4dfe-a2e3-bc7dd0982845" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="what-to-expect">What To Expect</a><a data-original-url="/payment-options" data-page-id="74863abf-12a4-4aa3-b5d9-3d57fb2c3b71" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="payment-options">Payment Options</a></div></div></div><div class="mobile-menu-item"><div class="mobile-menu-row flex items-center justify-between" style="border-bottom: 1px solid rgb(230, 230, 230);
1736 color: rgb(0, 0, 0);"><a class="flex-1 block px-4 py-3 text-base font-medium" data-original-url="/chiropractic-services-for-wellness-and-pain-relief-in-lawrence-ks" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0);" href="chiropractic-services-for-wellness-and-pain-relief-in-lawrence-ks">Services</a><button class="mobile-submenu-toggle px-4 py-3" aria-expanded="false" aria-label="Toggle Services submenu" data-submenu-toggle="3" style="color: rgb(0, 0, 0);"><svg class="w-4 h-4 transition-transform duration-200 " fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="mobile-submenu pl-4 transition-all duration-300 overflow-hidden max-h-0 opacity-0" data-submenu-content="3" style="background-color: rgb(242, 242, 242);"><div class="py-2"><a data-original-url="/chiropractic-adjustments-and-natural-pain-relief-in-lawrence-ks" data-page-id="1df70738-5468-4c30-8b4e-aafa01e1cd50" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="chiropractic-adjustments-and-natural-pain-relief-in-lawrence-ks">Chiropractic</a><a data-original-url="/shockwave-therapy-eswt-in-lawrence-ks-natural-pain-relief-healing" data-page-id="5015457c-2939-4d2d-a95a-a441f4558cb4" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="shockwave-therapy-eswt-in-lawrence-ks-natural-pain-relief-healing">Shockwave Therapy (ESWT)</a><a data-original-url="/advanced-neuropathy-care-in-lawrence-ks" data-page-id="c14c30ca-55dc-42ba-9590-036f50b892b3" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="advanced-neuropathy-care-in-lawrence-ks">Neuropathy</a><a data-original-url="/disc-therapy" data-page-id="427cde4e-263c-408f-bc63-a38ea899ec71" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="disc-therapy">Disc Therapy</a><a data-original-url="/metabolic-health" data-page-id="cf926cd9-688e-424a-a852-de1cf4db5780" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="metabolic-health">Metabolic Health</a><a data-original-url="/spinal-decompression-therapy-in-lawrence-ks" data-page-id="f413d161-1f85-485c-b244-bbc178ef78b1" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="spinal-decompression-therapy-in-lawrence-ks">Spinal Decompression</a><a data-original-url="/custom-orthotics-3d-foot-scanning-in-lawrence-ks" data-page-id="990a3e59-2f96-448b-9f7c-fb306896a5d8" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="custom-orthotics-3d-foot-scanning-in-lawrence-ks">SuperFeet RX: Custom Orthotics</a><a data-original-url="/digital-x-rays" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="digital-x-rays">Digital X-Rays</a></div></div></div><div class="mobile-menu-item"><div class="mobile-menu-row flex items-center justify-between" style="border-bottom: 1px solid rgb(230, 230, 230); color: rgb(0, 0, 0);"><a class="flex-1 block px-4 py-3 text-base font-medium" data-original-url="/symptoms-treated-at-the-chiropractic-experience-in-lawrence-ks" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0);" href="symptoms-treated-at-the-chiropractic-experience-in-lawrence-ks">Symptoms</a><button class="mobile-submenu-toggle px-4 py-3" aria-expanded="false" aria-label="Toggle Symptoms submenu" data-submenu-toggle="4" style="color: rgb(0, 0, 0);"><svg class="w-4 h-4 transition-transform duration-200 " fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="mobile-submenu pl-4 transition-all duration-300 overflow-hidden max-h-0 opacity-0" data-submenu-content="4" style="background-color: rgb(242, 242, 242);"><div class="py-2">
1736<a data-original-url="/comprehensive-shoulder-pain-relief-through-chiropractic-care-in-lawrence-ks" data-page-id="00258245-7052-494b-ba8f-f1f253e8d3a8" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="comprehensive-shoulder-pain-relief-through-chiropractic-care-in-lawrence-ks">Shoulder Pain Relief</a><a data-original-url="/arm-and-leg-pain-relief-with-chiropractic-care-in-lawrence-ks" data-page-id="2b07fb73-24b6-4265-85b3-cc45fbfcebbd" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="arm-and-leg-pain-relief-with-chiropractic-care-in-lawrence-ks">Arm and Leg Pain Relief</a><a data-original-url="/chiropractic-solutions-for-headaches-and-migraines-in-lawrence-ks" data-page-id="0f3c7e90-cf69-4316-82ce-c8164528cf2e" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="chiropractic-solutions-for-headaches-and-migraines-in-lawrence-ks">Chiropractic Solutions for Headaches and Migraines</a><a data-original-url="/chiropractic-solutions-for-scoliosis-in-lawrence-ks" data-page-id="0d52e217-8903-4904-9f34-d8f2503b97db" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="chiropractic-solutions-for-scoliosis-in-lawrence-ks">Chiropractic Scoliosis Solutions</a><a data-original-url="/comprehensive-neuropathy-relief-and-chiropractic-care-in-lawrence-ks" data-page-id="7433c484-3dac-4140-bbfd-46ba1333e62b" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="comprehensive-neuropathy-relief-and-chiropractic-care-in-lawrence-ks">Neuropathy Relief & Care</a><a data-original-url="/neck-pain-relief-and-chiropractic-care-in-lawrence-ks" data-page-id="dbf3b0b3-daac-45f7-a8a3-f313bac35b03" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="neck-pain-relief-and-chiropractic-care-in-lawrence-ks">Neck Pain Relief and Chiropractic Care</a><a data-original-url="/comprehensive-back-pain-treatment-in-lawrence-ks" data-page-id="769c99db-182c-4bd1-aa5c-2dcf16a2ceba" class="mobile-menu-link block px-4 py-2 text-sm" style="color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="comprehensive-back-pain-treatment-in-lawrence-ks">Comprehensive Back Pain Treatment</a></div></div></div><div class="mobile-menu-item"><a class="mobile-menu-link block px-4 py-3 text-base font-medium" data-original-url="/contact" data-page-id="1a1f1390-0e8c-4d5f-b24a-baa35638b57f" aria-label="Contact" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="contact">Contact</a></div><div class="mobile-menu-item px-4 py-2"><a class="ant-btn css-19kyx1f ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-block" style="background-color: var(--color-primary, #11a08f); border-color: var(--color-primary, #11a08f); color: rgb(255, 255, 255); font-weight: 500; border-radius: 6px; font-family: var(--font-family, Inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; transition: 0.2s ease-in-out;" href="schedule" data-original-url="/schedule" role="button"><span>Schedule</span></a></div><div class="mobile-menu-item px-4 py-2"><a class="ant-btn css-19kyx1f ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-background-ghost ant-btn-block" style="border-color: var(--color-primary, #11a08f); color: var(--color-primary, #11a08f); font-weight: 500; border-radius: 6px; font-family: var(--font-family, Inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; transition: 0.2s ease-in-out;" href="tel:7858383333" data-original-url="tel:7858383333" role="button"><span>(785) 838-3333</span></a></div></div></div></div></div></div></nav><div style="margin-top: 0px; margin-bottom: 0px;"><div class="container mx-auto px-4"><section class="flex align-stretch justify-center hero flex-col-reverse lg:flex-row " data-responsive-layout="column-reverse-desktop-row" aria-label="Healthcare professionals providing excellent medical care in modern facility" style="border-radius: 20px; overflow: hidden; background-color: transparent; min-height: 420px;"><div class="flex flex-col p-8 justify-center hero__text text-center order-1" style="background: rgb(0, 143, 205);"><div class="px-2 "><div><h1 class="ant-typography special-line-1 css-1shzbmj" style="color: rgb(255, 255, 255); font-weight: 600; text-align: center; padding: 16px 0px; margin: 0px; line-height: 1.5;">About Us</h1></div></div><div class="relative z-10 mx-auto"><div class="inline-block"><a href="schedule" class="ant-btn css-1shzbmj ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-lg" aria-disabled="false" style="font-weight: 500; border-radius: var(--radius-medium, 6px); font-family: var(--font-family, Inter), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: clamp(0.75rem, 1.5vw, 0.875rem); white-space: normal; transition: 0.2s ease-in-out; border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255); background-color: rgb(17, 160, 143);"><span>Schedule An Appointment</span></a></div></div></div><div class="hero__image order-2" style="background: url("https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/b02f8b33-a5a4-4f14-9912-0bda30a2710d_the-chiropractic-experience-18-jpg.webp") center center / cover no-repeat; position: relative; overflow: hidden;"><div style="position: absolute; inset: 0px; background-color: rgba(0, 0, 0, 0.24); z-index: 1; border-radius: inherit; pointer-events: none;"></div></div></section></div></div><div style="display: none;"><div class="mb-4"><label class="block mb-2 text-sm font-medium">Image URL</label><div class="flex gap-2"><input placeholder="https://example.com/image.jpg" class="ant-input css-1shzbmj flex-1" type="text" value="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/2635767a-e9a4-448d-b487-7836647b7691_1777499108255.webp"><button title="Select from Image Library" type="button" class="ant-btn css-1shzbmj ant-btn-default ant-btn-color-default ant-btn-icon-only"><span class="ant-btn-icon">
1736<span role="img" aria-label="picture" class="anticon anticon-picture"><svg viewBox="64 64 896 896" focusable="false" data-icon="picture" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2zM304 456a88 88 0 100-176 88 88 0 000 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"></path></svg></span></span></button></div></div></div><section data-testid="rich-text-two-column" class="rich-text-two-column-component " style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 0px;"><div class="container mx-auto rich-text-main-container" data-title-alignment="left" data-layout="text-image" style="position: relative; --image-width: 536px; --image-margin: 16px;"><div class="rich-text-titles"><h3 class="mb-2 font-title" style="color: rgb(51, 51, 51); font-weight: bold;">About The Chiropractic Experience - Lawrence, KS</h3><div class="mb-4 font-subtitle" style="color: rgb(51, 51, 51); font-weight: bold;"></div></div><div class="rich-text-content-container"><div class="content-container" style="position: relative; width: 100%;"><div data-testid="rich-text-two-column-editor" class="rich-text-editor-container" style="display: none; position: relative; z-index: 10; width: 100%;"></div><div class="overflow-hidden rich-text-view-mode" style="color: rgb(51, 51, 51); display: block;"><style> 1737 .rich-text-content img { 1738 max-width: 100%; 1739 height: auto; 1740 } 1741 .rich-text-content::after { 1742 content: ""; 1743 display: table; 1744 clear: both; 1745 } 1746 .rich-text-view-mode { 1747 cursor: text; 1748 } 1749 </style><div class="rich-text-content" style="overflow: hidden;"><p class="ql-lineheight-1.5"><span class="rw-image-frame" style="display: inline-block; width: 536px; height: 400px; overflow: hidden; border-radius: 8px; float: right; margin-left: 16px; margin-bottom: 16px;"><img src="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/2635767a-e9a4-448d-b487-7836647b7691_1777499108255.webp" alt="Healthcare professional consulting with patient" style="width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;" loading="lazy"></span></p><p>Founded by <strong>Dr. Mark Howarter in 1999</strong>, The Chiropractic Experience in Lawrence, KS is built on a simple, deeply personal foundation: the conviction that the body has a remarkable capacity to heal once the nervous system is free to function the way it was designed to. That conviction came from Dr. Howarter's own life, and it still shapes every visit, every care plan, and every patient relationship here today.</p><p>For over <strong>25 years</strong>, we've served families across Lawrence and Douglas County â newborns, athletes, expectant mothers, seniors, and everyone in between. We believe health is personal, so we take the time to actually know you, not just treat your symptoms. Many of our patients have been with us through every stage of life, and we couldn't be more grateful for that trust.</p><p>Our approach is holistic and rooted in compassion, expertise, and advanced care â offering chiropractic adjustments, spinal decompression, shockwave therapy, digital X-ray assessment, custom orthotics, metabolic health support, and more, all tailored around your specific goals.</p><p class="ql-lineheight-1.5">We invite you to get to know the team who will walk this path with you.</p><p class="ql-lineheight-1.5"><a href="https://www.chiropracticexperience.com/meet-the-staff" rel="noopener noreferrer" target="_blank">Meet the Full Team â</a></p></div><div style="clear: both;"></div></div></div></div><div style="clear: both;"></div></div></section><div class="relative " style="width: 100%; margin: 24px 0px; padding: 0px;"><div class="container flex w-full justify-center items-center">
1749<div class="fold-line w-full" style="border-top: 4px solid rgb(79, 179, 179);"></div></div></div><div class=" w-full" style="background: rgb(255, 255, 255);"><div class="mb-2"><div class="px-2 "><div><h2 class="ant-typography font-title css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 24px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Meet Our Team</h2></div></div></div><div class="grid items-stretch grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-1 xl:grid-cols-1 gap-6 p-4 mt-8"><div class="h-full"><div class="relative box " style="background: transparent; padding: 16px; margin: 0px; border-radius: 4px; border-width: 0px; border-style: none; border-color: rgb(0, 0, 0);"><div class="team-member-card flex flex-col items-center text-center p-4 " style="background-color: rgb(255, 255, 255);"><div class="flex flex-col items-center w-full"><div class="relative w-48 h-48 mb-4 mx-auto overflow-hidden rounded-full"><img src="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/f0acf80f-761f-48f1-9921-7b3177099f48_docupdated.webp" alt="Physical Therapist" class="object-cover w-full h-full" loading="lazy"></div><div style="color: rgba(2, 20, 39, 0.88);"><div class="px-2 "><div><h5 class="ant-typography font-subtitle css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 20px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Dr. Mark Howarter</h5></div></div></div><div style="color: rgb(25, 118, 210);"><div class="px-2 "><div><h5 class="ant-typography font-subtitle css-1shzbmj" style="color: rgb(29, 160, 143); font-size: 16px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Founder & Lead Chiropractor</h5></div></div></div><div style="color: rgba(2, 20, 39, 0.88);"><div class="px-2 "><div><div class="ant-typography font-paragraph css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 14px; font-weight: normal; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Dr. Howarter's own journey with chronic pain, allergies, and psoriasis as a young man led him to chiropractic care â and changed the course of his life. Today, he's ICPA-certified in pediatric and Webster Technique prenatal care, serves as Chiropractic Consultant for Leander, LLC, and brings 25+ years of whole-person, faith-informed care to every patient he sees.</div></div></div></div></div></div></div></div><div class="h-full"><div class="relative box " style="background: transparent; padding: 16px; margin: 0px; border-radius: 4px; border-width: 0px; border-style: none; border-color: rgb(0, 0, 0);"><div class="team-member-card flex flex-col items-center text-center p-4 " style="background-color: rgb(255, 255, 255);"><div class="flex flex-col items-center w-full"><div class="relative w-48 h-48 mb-4 mx-auto overflow-hidden rounded-full"><img src="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/82950904-9168-44df-a946-eed54b8412eb_michelleheadshot.webp" alt="Chiropractic Care Provider" class="object-cover w-full h-full" loading="lazy"></div><div style="color: rgba(2, 20, 39, 0.88);"><div class="px-2 "><div><h5 class="ant-typography font-subtitle css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 20px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Michelle Beard</h5></div></div></div><div style="color: rgb(25, 118, 210);"><div class="px-2 "><div><h5 class="ant-typography font-subtitle css-1shzbmj" style="color: rgb(29, 160, 143); font-size: 16px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Office Manager</h5></div></div></div><div style="color: rgba(2, 20, 39, 0.88);"><div class="px-2 "><div><div class="ant-typography font-paragraph css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 14px; font-weight: normal; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">A lifelong Lawrence resident, Michelle brings warmth, organization, and a genuine love of people to every patient's visit â often the first comforting voice you'll hear when you walk through our doors.</div></div></div></div></div></div></div></div><div class="h-full"><div class="relative box " style="background: transparent; padding: 16px; margin: 0px; border-radius: 4px; border-width: 0px; border-style: none; border-color: rgb(0, 0, 0);"><div class="team-member-card flex flex-col items-center text-center p-4 " style="background-color: rgb(255, 255, 255);"><div class="flex flex-col items-center w-full"><div class="relative w-48 h-48 mb-4 mx-auto overflow-hidden rounded-full"><img src="https://media-library.getaloha.com/01KA1N7PXRYFHVR2HZ0T5WSSAJ/393df710-a450-4376-bb12-7adf0e685289_whitney.webp" alt="Michelle Beard, Office Manager" class="object-cover w-full h-full" loading="lazy"></div><div style="color: rgba(2, 20, 39, 0.88);"><div class="px-2 "><div><h5 class="ant-typography font-subtitle css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 20px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Whitney Rothwell</h5></div></div></div><div style="color: rgb(25, 118, 210);"><div class="px-2 "><div><h5 class="ant-typography font-subtitle css-1shzbmj" style="color: rgb(29, 160, 143); font-size: 16px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Shockwave Therapist</h5></div></div></div><div style="color: rgba(2, 20, 39, 0.88);"><div class="px-2 "><div><div class="ant-typography font-paragraph css-1shzbmj" style="color: rgb(51, 51, 51); font-size: 14px; font-weight: normal; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">A former competitive athlete and Licensed Massage Therapist, Whitney combines hands-on therapy with advanced Shockwave technology to help patients recover faster and move more freely.</div></div></div></div></div></div></div></div></div></div> 1750 1751 <div data-rw-complete-footer="true" class="w-full "><div class="w-full p-4 " style="background-color: rgb(249, 250, 251); margin-bottom: 0px;"><div class="overflow-hidden bg-white w-full"><div class="overflow-hidden bg-white" style="width: 100%; height: 450px;"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3103.1999476827336!2d-95.2786747!3d38.9422603!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x87bf68dbb7600e97%3A0xb515660533b3e67e!2sThe%20Chiropractic%20Experience%20Wellness%20Center!5e0!3m2!1sen!2sus!4v1777499589043!5m2!1sen!2sus" width="600" height="450" loading="lazy" referrerpolicy="no-referrer-when-downgrade" style="width: 100%; height: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none;"></iframe></div></div></div><footer class="w-full" style="background-color: rgb(0, 143, 205); padding: clamp(0.625rem, 1.5vw, 1rem);"><div class="container mx-auto px-4"><div class="flex flex-col md:flex-row md:justify-between gap-8 mb-8" data-responsive-layout="column-desktop-row"><div class="flex-1 min-w-[200px]"><div class="relative"><h4 class="text-white mb-4 text-lg font-semibold pb-2">Business Hours</h4><div class="absolute left-0 bottom-0 w-10 h-0.5" style="background-color: var(--color-secondary, #008fcd);"></div></div><ul class="list-none mt-2 p-0"><li class="text-sm mb-2 text-white"><div class="flex flex-col md:flex-row md:justify-between"><span class="font-bold text-white whitespace-nowrap">Monday - Thursday</span><span class="text-gray-300 md:text-white md:text-right">9:00 AM - 1:00 PM, 3:00 PM - 6:00 PM</span></div></li><li class="text-sm mb-2 text-white"><div class="flex flex-col md:flex-row md:justify-between"><span class="font-bold text-white whitespace-nowrap">Friday - Sunday</span><span class="text-gray-300 md:text-white md:text-right">Closed</span></div></li></ul></div><div class="flex-1 min-w-[200px]"><div class="relative"><h4 class="text-white mb-4 text-lg font-semibold pb-2">Contact Information</h4><div class="absolute left-0 bottom-0 w-10 h-0.5" style="background-color: var(--color-secondary, #008fcd);"></div></div><address class="mt-2 not-italic leading-relaxed text-sm whitespace-pre-line text-white">The Chiropractic Experience 17523320 Clinton Pkwy Ct 1753Ste 100 1754Lawrence, KS 66047-2629</address></div><div class="flex-1 min-w-[200px]"><div class="relative"><h4 class="text-white mb-4 text-lg font-semibold pb-2">Connect With Us</h4><div class="absolute left-0 bottom-0 w-10 h-0.5" style="background-color: var(--color-secondary, #008fcd);"></div></div><div class="flex gap-4 mt-1"><a href="https://www.facebook.com/chiropracticexperience/" target="_blank" rel="noopener noreferrer" aria-label="Facebook" class="flex items-center justify-center w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 transition-all text-white"><span role="img" aria-label="facebook" class="anticon anticon-facebook text-2xl text-white !text-white" style="color: white;"><svg viewBox="64 64 896 896" focusable="false" data-icon="facebook" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-92.4 233.5h-63.9c-50.1 0-59.8 23.8-59.8 58.8v77.1h119.6l-15.6 120.7h-104V912H539.2V602.2H434.9V481.4h104.3v-89c0-103.3 63.1-159.6 155.3-159.6 44.2 0 82.1 3.3 93.2 4.8v107.9z"></path></svg></span></a><a href="https://www.instagram.com/chiropracticexperience" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="flex items-center justify-center w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 transition-all text-white"><span role="img" aria-label="instagram" class="anticon anticon-instagram text-2xl text-white !text-white" style="color: white;"><svg viewBox="64 64 896 896" focusable="false" data-icon="instagram" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 378.7c-73.4 0-133.3 59.9-133.3 133.3S438.6 645.3 512 645.3 645.3 585.4 645.3 512 585.4 378.7 512 378.7zM911.8 512c0-55.2.5-109.9-2.6-165-3.1-64-17.7-120.8-64.5-167.6-46.9-46.9-103.6-61.4-167.6-64.5-55.2-3.1-109.9-2.6-165-2.6-55.2 0-109.9-.5-165 2.6-64 3.1-120.8 17.7-167.6 64.5C132.6 226.3 118.1 283 115 347c-3.1 55.2-2.6 109.9-2.6 165s-.5 109.9 2.6 165c3.1 64 17.7 120.8 64.5 167.6 46.9 46.9 103.6 61.4 167.6 64.5 55.2 3.1 109.9 2.6 165 2.6 55.2 0 109.9.5 165-2.6 64-3.1 120.8-17.7 167.6-64.5 46.9-46.9 61.4-103.6 64.5-167.6 3.2-55.1 2.6-109.8 2.6-165zM512 717.1c-113.5 0-205.1-91.6-205.1-205.1S398.5 306.9 512 306.9 717.1 398.5 717.1 512 625.5 717.1 512 717.1zm213.5-370.7c-26.5 0-47.9-21.4-47.9-47.9s21.4-47.9 47.9-47.9 47.9 21.4 47.9 47.9a47.84 47.84 0 01-47.9 47.9z"></path></svg></span></a><a href="https://www.linkedin.com/in/mark-howarter-3856378" target="_blank" rel="noopener noreferrer" aria-label="Linkedin" class="flex items-center justify-center w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 transition-all text-white"><span role="img" aria-label="linkedin" class="anticon anticon-linkedin text-2xl text-white !text-white" style="color: white;"><svg viewBox="64 64 896 896" focusable="false" data-icon="linkedin" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zM349.3 793.7H230.6V411.9h118.7v381.8zm-59.3-434a68.8 68.8 0 1168.8-68.8c-.1 38-30.9 68.8-68.8 68.8zm503.7 434H675.1V608c0-44.3-.8-101.2-61.7-101.2-61.7 0-71.2 48.2-71.2 98v188.9H423.7V411.9h113.8v52.2h1.6c15.8-30 54.5-61.7 112.3-61.7 120.2 0 142.3 79.1 142.3 181.9v209.4z"></path></svg></span></a><a href="https://www.youtube.com/user/chiropracticexp/videos" target="_blank" rel="noopener noreferrer" aria-label="Youtube" class="flex items-center justify-center w-10 h-10 rounded-full bg-white/10 hover:bg-white/20 transition-all text-white"><span role="img" aria-label="youtube" class="anticon anticon-youtube text-2xl text-white !text-white" style="color: white;"><svg viewBox="64 64 896 896" focusable="false" data-icon="youtube" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M941.3 296.1a112.3 112.3 0 00-79.2-79.3C792.2 198 512 198 512 198s-280.2 0-350.1 18.7A112.12 112.12 0 0082.7 296C64 366 64 512 64 512s0 146 18.7 215.9c10.3 38.6 40.7 69 79.2 79.3C231.8 826 512 826 512 826s280.2 0 350.1-18.8c38.6-10.3 68.9-40.7 79.2-79.3C960 658 960 512 960 512s0-146-18.7-215.9zM423 646V378l232 133-232 135z"></path></svg></span></a></div></div></div><div class="border-t border-white/10 pt-6"><div class="flex flex-col md:flex-row items-center justify-center gap-4 md:gap-6 mb-2" data-responsive-layout="column-desktop-row"><a href="privacy-policy" class="text-xs transition relative" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255);">Privacy Policy<span class="mx-2 opacity-50" style="color: rgb(255, 255, 255);">â¢</span></a><a href="terms-of-service" class="text-xs transition relative" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255);">Terms of Service<span class="mx-2 opacity-50" style="color: rgb(255, 255, 255);">â¢</span></a><a href="good-faith-estimate" class="text-xs transition relative" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255);">Good Faith Estimate<span class="mx-2 opacity-50" style="color: rgb(255, 255, 255);">â¢</span></a><a href="hipaa-policy" class="text-xs transition relative" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255);">HIPAA Policy<span class="mx-2 opacity-50" style="color: rgb(255, 255, 255);">â¢</span></a><a href="accessibility" class="text-xs transition relative" target="_blank" rel="noopener noreferrer" style="color: rgb(255, 255, 255);">Accessibility</a></div><p class="text-center mt-2" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgba(255, 255, 255, 0.7);">© 2026 Healthcare Provider. All rights reserved.</p></div></div></footer></div></div> 1755 1756 <!-- JavaScript for interactive components --> 1757
1757<script> 1758 1759 // Patient Forms Functionality 1760 document.addEventListener('DOMContentLoaded', function() { 1761 const patientFormsContainers = document.querySelectorAll('.patient-forms'); 1762 1763 patientFormsContainers.forEach(container => { 1764 const options = container.querySelectorAll('.patient-forms__option'); 1765 const continueButton = container.querySelector('.patient-forms__continue'); 1766 const formList = container.querySelector('.patient-forms__list'); 1767 const formHeader = container.querySelector('.patient-forms__header'); 1768 const embedContainer = container.querySelector('.patient-forms__embed'); 1769 let selectedFormData = null; 1770 1771 options.forEach(option => { 1772 const radio = option.querySelector('input[type="radio"]'); 1773 1774 // Handle clicking on the entire option div 1775 option.addEventListener('click', function() { 1776 // Uncheck all other radios 1777 options.forEach(opt => { 1778 const r = opt.querySelector('input[type="radio"]'); 1779 if (r) r.checked = false; 1780 }); 1781 1782 // Check this radio 1783 if (radio) { 1784 radio.checked = true; 1785 if (continueButton) continueButton.disabled = false; 1786 selectedFormData = { 1787 formId: this.dataset.formId, 1788 title: this.querySelector('strong').textContent 1789 }; 1790 } 1791 }); 1792 1793 // Handle direct radio button clicks 1794 if (radio) { 1795 radio.addEventListener('click', function(e) { 1796 e.stopPropagation(); // Prevent double-firing with the option click 1797 if (continueButton) continueButton.disabled = false; 1798 selectedFormData = { 1799 formId: option.dataset.formId, 1800 title: option.querySelector('strong').textContent 1801 }; 1802 }); 1803 } 1804 }); 1805 1806 if (continueButton) { 1807 continueButton.addEventListener('click', function() { 1808 if (!selectedFormData) return; 1809 1810 // Hide the form selection interface 1811 if (formList) formList.style.display = 'none'; 1812 if (continueButton) continueButton.style.display = 'none'; 1813 if (formHeader) formHeader.style.display = 'none'; 1814 1815 // Create and show the form view 1816 const formView = document.createElement('div'); 1817 formView.className = 'patient-forms__form-view'; 1818 1819 const formHeaderHtml = document.createElement('div'); 1820 formHeaderHtml.className = 'patient-forms__form-header'; 1821 formHeaderHtml.innerHTML = ` 1822 <button class="patient-forms__back">â Back to Form Selection</button> 1823 <h2 class="patient-forms__form-title">${selectedFormData.title}</h2> 1824 `; 1825 1826 const embedContent = document.createElement('div'); 1827 embedContent.className = 'patient-forms__embed'; 1828 1829 // Create and append the script element 1830 const script = document.createElement('script'); 1831 script.charset = 'utf-8'; 1832 script.src = 'https://cdn.reviewwave.com/js/reviewwave.js'; 1833 script.dataset.id = selectedFormData.formId; 1834 1835 // Assemble the form view 1836 formView.appendChild(formHeaderHtml); 1837 formView.appendChild(embedContent); 1838 embedContent.appendChild(script); 1839 1840 // Add the form view to the container 1841 container.querySelector('.patient-forms__container').appendChild(formView); 1842 1843 // Add back button functionality 1844 const backButton = formHeaderHtml.querySelector('.patient-forms__back'); 1845 if (backButton) { 1846 backButton.addEventListener('click', function() { 1847 // Show the form selection interface 1848 if (formList) formList.style.display = 'flex'; 1849 if (continueButton) continueButton.style.display = 'block'; 1850 if (formHeader) formHeader.style.display = 'block'; 1851 1852 // Remove the form view 1853 formView.remove(); 1854 1855 // Reset selection 1856 options.forEach(opt => { 1857 const r = opt.querySelector('input[type="radio"]'); 1858 if (r) r.checked = false;
1859 }); 1860 if (continueButton) continueButton.disabled = true; 1861 selectedFormData = null; 1862 }); 1863 } 1864 }); 1865 } 1866 }); 1867 }); 1868 1869 1870 // Gallery functionality 1871 document.addEventListener('DOMContentLoaded', function() { 1872 // Initialize all gallery sliders with extracted settings 1873 const gallerySettings = {}; 1874 1875 initializeGallerySliders(gallerySettings); 1876 1877 function initializeGallerySliders(settings) { 1878 // Find all slider containers 1879 const sliders = document.querySelectorAll('.banner-slider'); 1880 1881 sliders.forEach(function(slider, idx) { 1882 const slides = slider.querySelectorAll('div > div'); 1883 const totalSlides = slides.length; 1884 if (totalSlides <= 1) return; 1885 1886 // Get the selector for this slider 1887 const selector = '.banner-slider:nth-of-type(' + (idx + 1) + ')'; 1888 1889 // Get settings for this slider or use defaults 1890 const sliderSettings = settings[selector] || { 1891 autoplaySpeed: 5000, 1892 showButtons: true, 1893 showDots: true, 1894 transitionEffect: 'none', 1895 transitionDuration: 500 1896 }; 1897 1898 const autoplaySpeed = sliderSettings.autoplaySpeed; 1899 1900 const leftBtn = slider.parentElement.querySelector('button[aria-label="Previous slide"]'); 1901 const rightBtn = slider.parentElement.querySelector('button[aria-label="Next slide"]'); 1902 const dots = slider.parentElement.querySelectorAll('div[style*="border-radius: 50%"]'); 1903 const playPauseBtn = slider.parentElement.querySelector('button[style*="bottom: 20px"][style*="right: 80px"]'); 1904 1905 // Set up autoplay 1906 let currentSlide = 0; 1907 let autoplayInterval; 1908 let isPlaying = true; // Default to playing 1909 1910 function startAutoplay() { 1911 if (autoplayInterval) clearInterval(autoplayInterval); 1912 autoplayInterval = setInterval(function() { 1913 goToSlide((currentSlide + 1) % totalSlides); 1914 }, autoplaySpeed); 1915 1916 // Update play/pause button if it exists 1917 if (playPauseBtn) { 1918 // Update icon to pause icon (could be a class change or content change) 1919 if (playPauseBtn.querySelector('[aria-label="pause"]')) { 1920 playPauseBtn.querySelector('[aria-label="pause"]').style.display = 'inline-block'; 1921 } 1922 if (playPauseBtn.querySelector('[aria-label="play"]')) { 1923 playPauseBtn.querySelector('[aria-label="play"]').style.display = 'none'; 1924 } 1925 } 1926 1927 isPlaying = true; 1928 } 1929 1930 function stopAutoplay() { 1931 if (autoplayInterval) clearInterval(autoplayInterval); 1932 1933 // Update play/pause button if it exists 1934 if (playPauseBtn) { 1935 // Update icon to play icon 1936 if (playPauseBtn.querySelector('[aria-label="pause"]')) { 1937 playPauseBtn.querySelector('[aria-label="pause"]').style.display = 'none'; 1938 } 1939 if (playPauseBtn.querySelector('[aria-label="play"]')) { 1940 playPauseBtn.querySelector('[aria-label="play"]').style.display = 'inline-block'; 1941 } 1942 } 1943 1944 isPlaying = false; 1945 } 1946 1947 function toggleAutoplay() { 1948 if (isPlaying) { 1949 stopAutoplay(); 1950 } else { 1951 startAutoplay(); 1952 } 1953 } 1954 1955 function goToSlide(index) { 1956 currentSlide = index; 1957 slider.scrollTo({ 1958 left: slider.clientWidth * index, 1959 behavior: 'smooth' 1960 }); 1961 1962 // Update dots if they exist 1963 if (dots.length > 0) { 1964 dots.forEach((dot, i) => { 1965 if (i === index) { 1966 dot.style.background = '#1890ff'; 1967 } else { 1968 dot.style.background = 'rgba(255, 255, 255, 0.5)'; 1969 } 1970 }); 1971 } 1972 } 1973 1974 // Set up navigation buttons 1975 if (leftBtn) { 1976 leftBtn.addEventListener('click', function(e) { 1977 e.preventDefault(); 1978 stopAutoplay(); 1979 goToSlide((currentSlide - 1 + totalSlides) % totalSlides); 1980 startAutoplay(); 1981 }); 1982 } 1983 1984 if (rightBtn) { 1985 rightBtn.addEventListener('click', function(e) { 1986 e.preventDefault(); 1987 stopAutoplay(); 1988 goToSlide((currentSlide + 1) % totalSlides); 1989 startAutoplay(); 1990 }); 1991 } 1992 1993 // Set up play/pause button 1994 if (playPauseBtn) { 1995 playPauseBtn.addEventListener('click', function(e) { 1996 e.preventDefault(); 1997 toggleAutoplay(); 1998 }); 1999 } 2000 2001 // Set up dot navigation 2002 if (dots.length > 0) {
2003 dots.forEach((dot, i) => { 2004 dot.addEventListener('click', function() { 2005 stopAutoplay(); 2006 goToSlide(i); 2007 startAutoplay(); 2008 }); 2009 }); 2010 } 2011 2012 // Handle touch/mouse events for swiping 2013 let touchStartX = null; 2014 let touchEndX = null; 2015 2016 slider.addEventListener('touchstart', function(e) { 2017 touchStartX = e.touches[0].clientX; 2018 stopAutoplay(); 2019 }); 2020 2021 slider.addEventListener('touchmove', function(e) { 2022 if (!touchStartX) return; 2023 touchEndX = e.touches[0].clientX; 2024 }); 2025 2026 slider.addEventListener('touchend', function() { 2027 if (!touchStartX || !touchEndX) { 2028 startAutoplay(); 2029 return; 2030 } 2031 2032 const diff = touchStartX - touchEndX; 2033 const threshold = 50; 2034 2035 if (Math.abs(diff) > threshold) { 2036 if (diff > 0) { 2037 goToSlide((currentSlide + 1) % totalSlides); 2038 } else { 2039 goToSlide((currentSlide - 1 + totalSlides) % totalSlides); 2040 } 2041 } 2042 2043 touchStartX = null; 2044 touchEndX = null; 2045 startAutoplay(); 2046 }); 2047 2048 // Start autoplay on page load 2049 startAutoplay(); 2050 }); 2051 } 2052 }); 2053 2054 2055 // Handle smooth scrolling for anchor links 2056 document.addEventListener('DOMContentLoaded', function() { 2057 // Find all anchor links with hash targets 2058 const anchorLinks = document.querySelectorAll('a[href^="#"]'); 2059 2060 anchorLinks.forEach(function(link) { 2061 link.addEventListener('click', function(e) { 2062 // Get the target element ID 2063 const targetId = this.getAttribute('href').substring(1); 2064 const targetElement = document.getElementById(targetId); 2065 2066 // If the target element exists 2067 if (targetElement) { 2068 e.preventDefault(); 2069 2070 // Scroll smoothly to the target 2071 targetElement.scrollIntoView({ 2072 behavior: 'smooth', 2073 block: 'start' 2074 }); 2075 2076 // Update URL hash without jumping 2077 history.pushState(null, null, '#' + targetId); 2078 } 2079 }); 2080 }); 2081 }); 2082 2083 2084document.addEventListener('DOMContentLoaded', () => { 2085 const mobileNav = document.querySelector('.mobile-nav-container'); 2086 if (!mobileNav) return; 2087 2088 const menuButton = mobileNav.querySelector('[data-element="mobile-menu-button"]'); 2089 const drawer = mobileNav.querySelector('[data-element="mobile-menu-drawer"]'); 2090 const drawerOverlay = mobileNav.querySelector('[data-element="mobile-menu-overlay"]'); 2091 const closeButton = mobileNav.querySelector('[data-element="mobile-menu-drawer-close"]'); 2092 2093 if (!menuButton || !drawer || !drawerOverlay || !closeButton) return; 2094 2095 // Mobile action buttons - prevent default in case they're placeholder links 2096 const actionButtons = mobileNav.querySelectorAll('[data-element^="mobile-action-"]'); 2097 actionButtons.forEach(btn => { 2098 const href = btn.getAttribute('href'); 2099 if (!href || href === '#') { 2100 btn.addEventListener('click', (e) => e.preventDefault()); 2101 } 2102 }); 2103 2104 const openDrawer = () => { 2105 drawer.classList.remove('translate-x-full'); 2106 drawerOverlay.classList.remove('hidden'); 2107 document.body.style.overflow = 'hidden'; // Prevent background scroll 2108 }; 2109 2110 const closeDrawer = () => { 2111 drawer.classList.add('translate-x-full'); 2112 drawerOverlay.classList.add('hidden'); 2113 document.body.style.overflow = ''; // Restore background scroll 2114 }; 2115 2116 menuButton.addEventListener('click', (e) => { 2117 e.stopPropagation(); 2118 openDrawer(); 2119 }); 2120 2121 closeButton.addEventListener('click', (e) => { 2122 e.stopPropagation(); 2123 closeDrawer(); 2124 }); 2125 2126 drawerOverlay.addEventListener('click', (e) => { 2127 e.stopPropagation(); 2128 closeDrawer(); 2129 }); 2130 2131 const drawerLinks = drawer.querySelectorAll('a'); 2132 drawerLinks.forEach(link => { 2133 link.addEventListener('click', closeDrawer); 2134 }); 2135 2136 // Handle submenu toggles 2137 const submenuToggles = drawer.querySelectorAll('[data-submenu-toggle]');
2138 submenuToggles.forEach(toggle => { 2139 toggle.addEventListener('click', (e) => { 2140 e.stopPropagation(); 2141 const submenuKey = toggle.getAttribute('data-submenu-toggle'); 2142 const submenuContent = drawer.querySelector('[data-submenu-content="' + submenuKey + '"]'); 2143 const arrow = toggle.querySelector('svg'); 2144 2145 if (submenuContent && arrow) { 2146 const isOpen = !submenuContent.classList.contains('max-h-0'); 2147 2148 if (isOpen) { 2149 // Close submenu 2150 submenuContent.classList.remove('max-h-96', 'max-h-open', 'opacity-100'); 2151 submenuContent.classList.add('max-h-0', 'opacity-0'); 2152 arrow.classList.remove('rotate-180'); 2153 toggle.setAttribute('aria-expanded', 'false'); 2154 } else { 2155 // Open submenu 2156 submenuContent.classList.remove('max-h-0', 'opacity-0'); 2157 submenuContent.classList.add('max-h-open', 'opacity-100'); 2158 arrow.classList.add('rotate-180'); 2159 toggle.setAttribute('aria-expanded', 'true'); 2160 } 2161 } 2162 }); 2163 }); 2164 2165 document.addEventListener('keydown', (e) => { 2166 if (e.key === 'Escape' && !drawer.classList.contains('translate-x-full')) { 2167 closeDrawer(); 2168 } 2169 }); 2170}); 2171 2172 2173document.addEventListener('DOMContentLoaded', () => { 2174 const groups = document.querySelectorAll('[data-hero-video-buttons]'); 2175 groups.forEach((group) => { 2176 const provider = group.getAttribute('data-provider'); 2177 const iframeId = group.getAttribute('data-iframe-id'); 2178 const videoId = group.getAttribute('data-video-id'); 2179 const iframe = iframeId ? document.getElementById(iframeId) : null; 2180 const video = videoId ? document.getElementById(videoId) : null; 2181 2182 function postVimeo(method, value) { 2183 if (!iframe || !iframe.contentWindow) return; 2184 const msg = value !== undefined ? { method: method, value: value } : { method: method }; 2185 iframe.contentWindow.postMessage(msg, '*'); 2186 } 2187 2188 function postYouTube(func) { 2189 if (!iframe || !iframe.contentWindow) return; 2190 iframe.contentWindow.postMessage(JSON.stringify({ 2191 event: 'command', func: func, args: [] 2192 }), '*'); 2193 } 2194 2195 function swapIcons(btn, activeKey) { 2196 const icons = btn.querySelectorAll('[data-icon]'); 2197 icons.forEach((icon) => { 2198 icon.style.display = icon.getAttribute('data-icon') === activeKey ? '' : 'none'; 2199 }); 2200 } 2201 2202 group.querySelectorAll('button[data-action]').forEach((btn) => { 2203 btn.addEventListener('click', (e) => { 2204 e.stopPropagation(); 2205 const action = btn.getAttribute('data-action'); 2206 2207 if (action === 'mute') { 2208 const next = btn.getAttribute('data-state') !== 'muted'; 2209 btn.setAttribute('data-state', next ? 'muted' : 'unmuted'); 2210 btn.setAttribute('aria-label', next ? 'Unmute video' : 'Mute video'); 2211 swapIcons(btn, next ? 'muted' : 'unmuted'); 2212 if (provider === 'file' && video) { 2213 video.muted = next; 2214 if (!next && video.volume === 0) video.volume = 1; 2215 } else if (provider === 'vimeo') { 2216 postVimeo('setMuted', next); 2217 } else if (provider === 'youtube') { 2218 postYouTube(next ? 'mute' : 'unMute'); 2219 } 2220 } else if (action === 'play') { 2221 const next = btn.getAttribute('data-state') !== 'playing'; 2222 btn.setAttribute('data-state', next ? 'playing' : 'paused'); 2223 btn.setAttribute('aria-label', next ? 'Pause video' : 'Play video'); 2224 swapIcons(btn, next ? 'pause' : 'play'); 2225 if (provider === 'file' && video) { 2226 if (next) video.play().catch(() => undefined); 2227 else video.pause(); 2228 } else if (provider === 'vimeo') { 2229 postVimeo(next ? 'play' : 'pause'); 2230 } else if (provider === 'youtube') { 2231 postYouTube(next ? 'playVideo' : 'pauseVideo'); 2232 } 2233 } 2234 }); 2235 }); 2236 }); 2237 2238 /* YouTube chrome-mask reveal listener â fades the chrome-mask sooner 2239 * than the 5s CSS fallback as soon as the player reports PLAYING. 2240 * Each chrome-mask sits next to its YouTube iframe inside the same 2241 * wrapper, so iframe = mask.parentElement.querySelector('iframe'). */ 2242 var masks = document.querySelectorAll('.hero-bg-video-mask'); 2243 if (masks.length) { 2244 masks.forEach(function (mask) { 2245 var iframe = mask.parentElement && mask.parentElement.querySelector('iframe'); 2246 if (!iframe || iframe.src.indexOf('youtube.com') === -1) return; 2247 function sendListening() { 2248 if (iframe.contentWindow) { 2249 iframe.contentWindow.postMessage(JSON.stringify({ event: 'listening' }), '*'); 2250 } 2251 } 2252 sendListening(); 2253 setTimeout(sendListening, 500); 2254 setTimeout(sendListening, 1500); 2255 setTimeout(sendListening, 3000); 2256 }); 2257 2258 window.addEventListener('message', function (e) { 2259 if (typeof e.data !== 'string') return; 2260 var data;
2261 try { data = JSON.parse(e.data); } catch (err) { return; } 2262 if (!data || data.event !== 'onStateChange' || data.info !== 1) return; 2263 masks.forEach(function (mask) { 2264 var iframe = mask.parentElement && mask.parentElement.querySelector('iframe'); 2265 if (iframe && iframe.contentWindow === e.source) { 2266 mask.classList.add('is-ready'); 2267 } 2268 }); 2269 }); 2270 } 2271}); 2272 2273 </script>
2273 2274
2275<script> 2276 // Dynamic Navigation Height Adjustment 2277 // This script measures the actual navigation height and adjusts body padding accordingly 2278 (function() { 2279 function adjustBodyPadding() { 2280 const navigation = document.getElementById('navigation'); 2281 if (!navigation) return; 2282 2283 // Get the actual computed height of the navigation 2284 const navHeight = navigation.offsetHeight; 2285 2286 // Apply the measured height as body padding-top 2287 document.body.style.paddingTop = navHeight + 'px'; 2288 2289 // Store the height for potential future use 2290 document.documentElement.style.setProperty('--actual-navigation-height', navHeight + 'px'); 2291 } 2292 2293 // Adjust on DOM ready 2294 if (document.readyState === 'loading') { 2295 document.addEventListener('DOMContentLoaded', adjustBodyPadding); 2296 } else { 2297 adjustBodyPadding(); 2298 } 2299 2300 // Adjust on window resize (in case navigation height changes) 2301 let resizeTimeout; 2302 window.addEventListener('resize', function() { 2303 clearTimeout(resizeTimeout); 2304 resizeTimeout = setTimeout(adjustBodyPadding, 100); 2305 }); 2306 2307 // Adjust after fonts load (in case font loading affects navigation height) 2308 if (document.fonts) { 2309 document.fonts.ready.then(adjustBodyPadding); 2310 } 2311 })(); 2312</script>
2312 2313 2314
2314<script src="https://cdn.reviewwave.com/js/chat_embed.js" type="text/javascript" data-id="4be8c95776848b"></script>
2314 2315
2316<script> 2317 window._rwREEl = (window._rwREEl || []).concat({ 2318 "el_id": "f34bdb6c-b1d3-4eea-9b9a-c780cbad41ea", 2319 "key": "10406-c0e6-f397-32a1-eb71", 2320 "mode": "badge", 2321 "pos": "bottom-left", 2322 "delay": -1, 2323 "rating": 4, 2324 "num": 3, 2325 "type": "all", 2326 "no_link": 0, 2327 "schema": 1 2328}); 2329 2330 // Load S3 script first (always injected) 2331 var s3Script = document.createElement('script'); 2332 s3Script.src = "https://rw-embed-data.s3.amazonaws.com/10406-c0e6-f397-32a1-eb71.js"; 2333 s3Script.onload = function() { 2334 // Only load main script after S3 data is loaded AND if desktop width 2335 if (window.innerWidth > 767) { 2336 var cdnScript = document.createElement('script'); 2337 cdnScript.src = "https://cdn.reviewwave.com/js/reviews_embed.js"; 2338 cdnScript.async = true; 2339 document.head.appendChild(cdnScript); 2340 } 2341 }; 2342 s3Script.onerror = function() { 2343 console.warn('Failed to load reviews badge data from S3'); 2344 }; 2345 document.head.appendChild(s3Script); 2346</script>
2346 2347 2348 2349 <!-- Accessibility Widget --> 2350
2350<script> 2351 (function(d){ 2352 var s = d.createElement("script"); 2353 s.setAttribute("data-account", "tglYYbBp6o"); 2354 s.setAttribute("src", "https://accessibilityserver.org/widget.js"); 2355 (d.body || d.head).appendChild(s); 2356 })(document); 2357 </script>
2357 2358 <noscript> 2359 Please ensure Javascript is enabled for purposes of 2360 <a href="https://accessibilityserver.org">website accessibility</a> 2361 </noscript> 2362 2363</body> 2364</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.