1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 8 <!-- Primary Meta Tags --> 9 <title>Chiropractic Care and Wellness at Total Wellness Center in Aurora, CO</title> 10 <meta name="title" content="Chiropractic Care and Wellness at Total Wellness Center in Aurora, CO"> 11 <meta name="description" content="Discover Total Wellness Center in Aurora, CO, where our experienced team offers gentle chiropractic care, acupuncture, corrective exercises, and nutritional ..."> 12 <meta name="keywords" content="chiropractic care, Aurora CO chiropractor, wellness center, acupuncture, nutritional counseling, family chiropractic, chiropractor Aurora, corrective exercises, natural healing, Total Wellness Center, schedule, appointment, image, total, wellness, center, aurora, founded, spinal adjustment, back pain relief, neck pain treatment, posture correction, sports injury treatment, auto accident injury"> 13 <meta name="author" content="Aloha Studio"> 14 <meta name="robots" content="index, follow"> 15 <meta name="language" content="English"> 16 <meta name="generator" content="AlohaStudio"> 17 <meta name="medical-specialty" content="Chiropractic"> 18 19 <!-- Medical/Healthcare specific meta tags --> 20 21 <meta name="medical-disclaimer" content="This website provides general information and should not replace professional medical advice."> 22 <meta name="health-content-type" content="chiropractic-care"> 23 24 <!-- Canonical URL --> 25 <link rel="canonical" href="https://aurora-chiropractic.com/about-us"> 26 27 <!-- Open Graph / Facebook --> 28 <meta property="og:type" content="website"> 29 <meta property="og:url" content="https://aurora-chiropractic.com/about-us"> 30 <meta property="og:title" content="Chiropractic Care and Wellness at Total Wellness Center in Aurora, CO"> 31 <meta property="og:description" content="Discover Total Wellness Center in Aurora, CO, where our experienced team offers gentle chiropractic care, acupuncture, corrective exercises, and nutritional ..."> 32 <meta property="og:image" content="https://media-library.getaloha.com/01JY7EY93V8ZPK8PS99R819EBS/ac849496-3f58-4973-bb8a-b886e359514b_screenshot-2025-12-09-at-91213-am.png"> 33 <meta property="og:site_name" content="Chiropractic Care and Wellness at Total Wellness Center in Aurora, CO"> 34 35 <!-- Twitter --> 36 <meta property="twitter:card" content="summary_large_image"> 37 <meta property="twitter:url" content="https://aurora-chiropractic.com/about-us"> 38 <meta property="twitter:title" content="Chiropractic Care and Wellness at Total Wellness Center in Aurora, CO"> 39 <meta property="twitter:description" content="Discover Total Wellness Center in Aurora, CO, where our experienced team offers gentle chiropractic care, acupuncture, corrective exercises, and nutritional ..."> 40 <meta property="twitter:image" content="https://media-library.getaloha.com/01JY7EY93V8ZPK8PS99R819EBS/ac849496-3f58-4973-bb8a-b886e359514b_screenshot-2025-12-09-at-91213-am.png"> 41 42 <!-- Performance optimizations --> 43 <link rel="preconnect" href="https://fonts.googleapis.com"> 44 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 45 <link rel="preconnect" href="https://cdn.jsdelivr.net"> 46 47 <!-- CSS Variables - Must be defined BEFORE external stylesheets that use them --> 48 <style> 49 :root { 50 --primary-color: rgb(90, 192, 186); 51 --secondary-color: #4f7776; 52 --text-color: #333333; 53 --accent-color: #ffc107; 54 --spacing-unit: 16px; 55 --border-radius: 4px; 56 --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); 57 --transition-speed: 0.3s; 58 --dark-bg: #333333; 59 --light-text: #ffffff; 60 --white-bg: #ffffff; 61 --font-family: Inter; 62 --button-radius: 50px; 63 --font-size-title: clamp(1.25rem, 2vw, 1.75rem); 64 --font-size-subtitle: clamp(1rem, 1.5vw, 1.25rem); 65 --font-size-paragraph: clamp(0.75rem, 1.5vw, 0.875rem); 66 --padding-vertical: clamp(0.625rem, 1.5vw, 1rem); 67 --padding-horizontal: clamp(0.625rem, 1.5vw, 1rem); 68 --padding-combined: clamp(0.625rem, 1.5vw, 1rem) clamp(0.625rem, 1.5vw, 1rem); 69 --logo-height: 60px; 70 --mobile-logo-height: 40px; 71 --button-font-weight: 500; 72 /* Ant Design CSS Variables */ 73 --default-primary-color: #2270c7; 74 --ant-color-primary: var(--primary-color, var(--default-primary-color)); 75 --ant-color-success: #52c41a; 76 --ant-color-warning: #faad14; 77 --ant-color-error: #ff4d4f; 78 --ant-color-info: var(--primary-color, var(--default-primary-color)); 79 --ant-color-text: rgba(0, 0, 0, 0.88); 80 --ant-color-text-secondary: rgba(0, 0, 0, 0.65); 81 --ant-color-border: #d9d9d9; 82 --ant-color-bg-container: #ffffff; 83 --ant-color-bg-layout: #f5f5f5; 84 --ant-border-radius: 6px; 85 --ant-font-size: 14px; 86 --ant-line-height: 1.5715; 87 /* Ant Design Button Variables */ 88 --ant-btn-primary-text-color: #ffffff; 89 --ant-button-primary-color: var(--ant-btn-primary-text-color); 90 --ant-btn-text-color: var(--text-color, var(--default-primary-color)); 91 } 92 </style> 93 94 <!-- Stylesheets --> 95 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 96 <noscript><link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"></noscript> 97 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> 98 <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'"> 99 <link href="https://cdn.jsdelivr.net/npm/antd/dist/antd.min.css" rel="stylesheet"> 100 101 <!-- Favicon --> 102 103 104 <!-- Styles --> 105 <style> 106 107 html { 108 scroll-behavior: smooth; 109 } 110 111 body { 112 font-family: var(--font-family), -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; 113 margin: 0; 114 padding: 0; 115 padding-top: 80px; /* Initial fallback - will be dynamically adjusted by JavaScript */ 116 color: var(--text-color); 117 line-height: 1.6; 118 } 119 120 .container { 121 width: 100%; 122 max-width: 1200px; 123 margin: 0 auto; 124 padding: 0 var(--spacing-unit); 125 } 126 127 img { 128 max-width: 100%; 129 height: auto; 130 } 131 132 a { 133 color: var(--default-primary-color); 134 text-decoration: none; 135 transition: color var(--transition-speed); 136 } 137 138 a:hover { 139 color: #1756a9; 140 } 141 142 .btn { 143 display: inline-block; 144 padding: 10px 20px; 145 background-color: var(--primary-color); 146 color: var(--light-text); 147 border: none; 148 border-radius: var(--border-radius); 149 cursor: pointer; 150 transition: background-color var(--transition-speed); 151 } 152 153 .btn:hover { 154 background-color: #1756a9; 155 } 156 157 .two-column-section { 158 display: flex; 159 flex-wrap: wrap; 160 } 161 162 .two-column-section > div { 163 flex: 1; 164 min-width: 300px; 165 padding: var(--spacing-unit); 166 } 167 168 .section { 169 padding: 40px 0; 170 } 171 172 .hero { 173 text-align: center; 174 padding: 80px 0; 175 background-color: var(--secondary-color); 176 } 177 178 #navigation { 179 display: flex; 180 justify-content: space-between; 181 align-items: center; 182 padding: var(--padding-combined, 1rem);
183 box-shadow: var(--box-shadow); 184 position: fixed; 185 top: 0; 186 left: 0; 187 right: 0; 188 z-index: 1000; 189 transition: background-color 0.3s ease; 190 } 191 192 .navigation-links { 193 display: flex; 194 gap: 20px; 195 } 196 197 #navigation .ant-btn { 198 text-shadow: none; 199 } 200 201 #navigation ul { 202 margin-bottom: 0px; 203 } 204 205 @media (min-width: 1024px) { 206 #navigation img.navigation-logo-mobile { 207 max-height: var(--logo-height, 50px); 208 height: auto; 209 } 210 } 211 212 @media (max-width: 1023px) { 213 #navigation img.navigation-logo-mobile, 214 #navigation a img.navigation-logo-mobile, 215 #navigation div img.navigation-logo-mobile { 216 max-height: var(--mobile-logo-height, 40px) !important; 217 height: auto !important; 218 width: auto; 219 } 220 } 221 222 /* Custom dropdown navigation styles */ 223 .dropdown-container { 224 position: relative; 225 } 226 227 .dropdown-container:hover .dropdown-menu { 228 opacity: 1 !important; 229 visibility: visible !important; 230 } 231 232 .dropdown-menu { 233 position: absolute; 234 top: 100%; 235 left: 0; 236 margin-top: 4px; 237 min-width: 200px; 238 border-radius: 6px; 239 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 240 z-index: 50; 241 opacity: 0; 242 visibility: hidden; 243 transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; 244 list-style: none; 245 padding: 0; 246 margin: 0; 247 } 248 249 .dropdown-menu li { 250 list-style: none; 251 } 252 253 .dropdown-menu a { 254 display: block; 255 padding: 8px 16px; 256 font-size: 14px; 257 text-decoration: none; 258 transition: background-color 0.15s ease-in-out; 259 } 260 261 .dropdown-menu a:hover { 262 background-color: var(--menu-hover, rgba(0, 0, 0, 0.05)); 263 } 264 265 .dropdown-menu a:focus-visible { 266 outline: 2px solid currentcolor; 267 outline-offset: -2px; 268 } 269 270 .dropdown-menu li:first-child a { 271 border-top-left-radius: 6px; 272 border-top-right-radius: 6px; 273 } 274 275 .dropdown-menu li:last-child a { 276 border-bottom-left-radius: 6px; 277 border-bottom-right-radius: 6px; 278 } 279 280 /* Mobile drawer layout â flex column so content scrolls */ 281 [data-element="mobile-menu-drawer"] { 282 display: flex; 283 flex-direction: column; 284 overflow: hidden; 285 } 286 287 /* Mobile navigation styles */ 288 .mobile-menu-content { 289 padding: 0; 290 overflow-y: auto; 291 flex: 1; 292 min-height: 0; 293 background-color: inherit; 294 } 295 296 .mobile-menu-item { 297 border-bottom: none; 298 } 299 300 .mobile-menu-item:last-child { 301 border-bottom: none; 302 } 303 304 .mobile-menu-row:hover, 305 .mobile-menu-link:hover { 306 background-color: var(--menu-hover, rgba(0, 0, 0, 0.05)); 307 } 308 309 .mobile-submenu-toggle:hover { 310 background-color: var(--menu-hover, rgba(0, 0, 0, 0.05)); 311 } 312 313 .mobile-submenu-toggle:focus-visible, 314 .mobile-menu-link:focus-visible { 315 outline: 2px solid currentcolor; 316 outline-offset: -2px; 317 } 318 319 .mobile-submenu { 320 border-left: 3px solid var(--primary-color); 321 transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out; 322 overflow: hidden; 323 } 324 325 .mobile-submenu.max-h-0 { 326 max-height: 0 !important; 327 opacity: 0; 328 } 329 330 .mobile-submenu.max-h-96, 331 .mobile-submenu.max-h-open { 332 max-height: 50rem !important; 333 opacity: 1; 334 } 335 336 .mobile-submenu a { 337 color: #6b7280; 338 font-size: 14px; 339 padding: 8px 16px; 340 display: block; 341 text-decoration: none; 342 transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out; 343 } 344 345 .mobile-submenu a:hover { 346 background-color: #f3f4f6; 347 color: #374151; 348 } 349 350 /* Submenu toggle button styles */ 351 [data-submenu-toggle] { 352 background: none; 353 border: none; 354 cursor: pointer; 355 color: #6b7280; 356 transition: color 0.15s ease-in-out; 357 } 358 359 [data-submenu-toggle]:hover { 360 color: #374151; 361 } 362 363 [data-submenu-toggle] svg { 364 transition: transform 0.2s ease-in-out; 365 } 366 367 [data-submenu-toggle] svg.rotate-180 { 368 transform: rotate(180deg); 369 } 370 371 372 373 /* Mobile navigation action buttons - specific styles to override general button styles */ 374 a.mobile-action-button { 375 font-size: 20px !important; 376 border: none !important; 377 background: transparent !important; 378 padding: 4px !important; 379 min-width: 32px; 380 min-height: 32px; 381 display: flex !important;
382 align-items: center !important; 383 justify-content: center !important; 384 } 385 386 a.mobile-action-button .anticon { 387 font-size: 20px !important; 388 } 389 390 a.mobile-action-button:hover, 391 a.mobile-action-button:focus, 392 a.mobile-action-button:active { 393 background: transparent !important; 394 } 395 396 /* Comprehensive button styling for anchor tags with button classes */ 397 a.ant-btn { 398 display: inline-flex; 399 align-items: center; 400 justify-content: center; 401 padding: 6px 15px !important; 402 font-size: 14px; 403 font-weight: 500; 404 line-height: 1.5; 405 text-decoration: none; 406 border: 1px solid transparent; 407 border-radius: var(--button-radius, 6px); 408 font-family: var(--font-family, 'Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'); 409 cursor: pointer; 410 transition: all 0.3s ease; 411 box-sizing: border-box; 412 position: relative; 413 white-space: nowrap; 414 user-select: none; 415 vertical-align: middle; 416 text-wrap: auto; 417 height: auto; 418 } 419 420 /* Primary button styles for anchors */ 421 a.ant-btn-primary { 422 background-color: var(--primary-color); 423 border-color: var(--primary-color); 424 color: var(--ant-btn-primary-text-color); 425 } 426 427 a.ant-btn-primary:hover { 428 background-color: var(--primary-color); 429 border-color: var(--primary-color); 430 color: #ffffff; 431 opacity: 0.9; 432 } 433 434 a.ant-btn-primary:focus { 435 background-color: var(--primary-color); 436 border-color: var(--primary-color); 437 color: #ffffff; 438 opacity: 0.8; 439 } 440 441 /* Ghost/Outline button styles for anchors */ 442 a.ant-btn-background-ghost, 443 a.ant-btn.ant-btn-background-ghost { 444 background-color: transparent; 445 border-color: var(--primary-color); 446 color: var(--primary-color); 447 } 448 449 a.ant-btn-background-ghost:hover, 450 a.ant-btn.ant-btn-background-ghost:hover { 451 background-color: var(--primary-color); 452 border-color: var(--primary-color); 453 color: #ffffff; 454 } 455 456 a.ant-btn-background-ghost:focus, 457 a.ant-btn.ant-btn-background-ghost:focus { 458 background-color: var(--primary-color); 459 border-color: var(--primary-color); 460 color: #ffffff; 461 } 462 463 /* Override ghost button hover for white backgrounds - must override background-color AND text color */ 464 a.ant-btn-background-ghost[style*="background-color: white"]:hover, 465 a.ant-btn-background-ghost[style*="background-color:#fff"]:hover, 466 a.ant-btn-background-ghost[style*="background-color: #fff"]:hover, 467 a.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover, 468 a.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover, 469 a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover, 470 a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover, 471 a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover, 472 a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover, 473 a.ant-btn.ant-btn-background-ghost[style*="background-color: white"]:hover, 474 a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"]: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:#ffffff"]: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:rgb(255, 255, 255)"]: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:rgba(255, 255, 255"]:hover, 481 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover { 482 background-color: #f5f5f5; 483 border-color: var(--primary-color, var(--default-primary-color)); 484 color: var(--primary-color, var(--default-primary-color)); 485 } 486 487 /* Default button styles for anchors */ 488 a.ant-btn-default { 489 background-color: #ffffff; 490 border-color: #d9d9d9; 491 color: #000000d9; 492 } 493 494 a.ant-btn-default:hover { 495 background-color: #ffffff; 496 border-color: var(--primary-color); 497 color: var(--primary-color); 498 } 499 500 /* Large button size */ 501 a.ant-btn-lg { 502 padding: 10px 20px; 503 font-size: 16px; 504 border-radius: 8px; 505 } 506 507 /* Small button size */ 508 a.ant-btn-sm { 509 padding: 4px 10px; 510 font-size: 12px; 511 border-radius: 4px; 512 } 513 514 /* Block button (full width) */ 515 a.ant-btn-block { 516 width: 100%; 517 display: flex; 518 } 519 520 /* Link button styles for anchors */
521 a.ant-btn-link { 522 background-color: transparent; 523 border-color: transparent; 524 color: var(--primary-color); 525 box-shadow: none; 526 padding: 0; 527 } 528 529 a.ant-btn-link:hover { 530 background-color: transparent; 531 border-color: transparent; 532 color: var(--primary-color); 533 opacity: 0.8; 534 } 535 536 /* Text button styles for anchors */ 537 a.ant-btn-text { 538 background-color: transparent; 539 border-color: transparent; 540 color: #000000d9; 541 box-shadow: none; 542 } 543 544 a.ant-btn-text:hover { 545 background-color: #f5f5f5; 546 border-color: transparent; 547 color: #000000d9; 548 } 549 550 /* Dashed button styles for anchors */ 551 a.ant-btn-dashed { 552 background-color: #ffffff; 553 border-color: #d9d9d9; 554 border-style: dashed; 555 color: #000000d9; 556 } 557 558 a.ant-btn-dashed:hover { 559 background-color: #ffffff; 560 border-color: var(--primary-color); 561 color: var(--primary-color); 562 } 563 564 /* Ensure button spans inherit color */ 565 a.ant-btn > span { 566 color: inherit; 567 } 568 569 /* Fix for ghost buttons to ensure proper text color */ 570 a.ant-btn-background-ghost > span { 571 color: inherit; 572 } 573 574 /* Ensure ghost button text is white on hover, overriding any inline styles */ 575 a.ant-btn-background-ghost:hover > span, 576 a.ant-btn.ant-btn-background-ghost:hover > span { 577 color: #ffffff; 578 } 579 580 a.ant-btn-background-ghost:focus > span, 581 a.ant-btn.ant-btn-background-ghost:focus > span { 582 color: #ffffff; 583 } 584 585 /* Override ghost button white text for white backgrounds - must come after ghost button rules */ 586 /* Higher specificity: class + attribute + pseudo-class + child combinator + element */ 587 a.ant-btn-background-ghost[style*="background-color: white"]:hover > span, 588 a.ant-btn-background-ghost[style*="background-color:#fff"]:hover > span, 589 a.ant-btn-background-ghost[style*="background-color: #fff"]:hover > span, 590 a.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover > span, 591 a.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover > span, 592 a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]: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:rgba(255, 255, 255"]:hover > span, 595 a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover > span, 596 a.ant-btn.ant-btn-background-ghost[style*="background-color: white"]:hover > span, 597 a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"]: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:#ffffff"]: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:rgb(255, 255, 255)"]: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:rgba(255, 255, 255"]:hover > span, 604 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover > span { 605 color: var(--primary-color, var(--default-primary-color)); 606 } 607 608 /* Ghost buttons in navigation with white background - keep text dark on hover */ 609 /* Higher specificity: ID + class + pseudo-class + child combinator + element */ 610 #navigation a.ant-btn-background-ghost:hover > span, 611 #navigation a.ant-btn.ant-btn-background-ghost:hover > span { 612 color: var(--primary-color, var(--default-primary-color)); 613 } 614 615 #navigation a.ant-btn-background-ghost:hover, 616 #navigation a.ant-btn.ant-btn-background-ghost:hover { 617 background-color: transparent; 618 color: var(--primary-color, var(--default-primary-color)); 619 } 620 621 /* Danger button styles for anchors */ 622 a.ant-btn-danger { 623 background-color: #ff4d4f; 624 border-color: #ff4d4f; 625 color: #ffffff; 626 } 627 628 a.ant-btn-danger:hover { 629 background-color: #ff7875; 630 border-color: #ff7875; 631 color: #ffffff; 632 } 633 634 /* Custom color support for anchor buttons */ 635 a.ant-btn[style*="background-color"] { 636 border-color: inherit; 637 } 638 639 a.ant-btn[style*="background-color"]:hover { 640 opacity: 0.9; 641 } 642 643 /* Fix for white/light backgrounds - ensure text is visible */ 644 /* Use high specificity to override ghost button white text rule without !important */ 645 /* Match various white color formats in inline styles */ 646 a.ant-btn-background-ghost[style*="background-color: white"], 647 a.ant-btn-background-ghost[style*="background-color:#fff"], 648 a.ant-btn-background-ghost[style*="background-color: #fff"], 649 a.ant-btn-background-ghost[style*="background-color:#ffffff"], 650 a.ant-btn-background-ghost[style*="background-color: #ffffff"], 651 a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"], 652 a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"], 653 a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"], 654 a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"], 655 a.ant-btn.ant-btn-background-ghost[style*="background-color: white"], 656 a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"], 657 a.ant-btn.ant-btn-background-ghost[style*="background-color: #fff"], 658 a.ant-btn.ant-btn-background-ghost[style*="background-color:#ffffff"], 659 a.ant-btn.ant-btn-background-ghost[style*="background-color: #ffffff"], 660 a.ant-btn.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"], 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:rgba(255, 255, 255"], 663 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"], 664 a.ant-btn[style*="background-color: white"], 665 a.ant-btn[style*="background-color:#fff"], 666 a.ant-btn[style*="background-color: #fff"], 667 a.ant-btn[style*="background-color:#ffffff"], 668 a.ant-btn[style*="background-color: #ffffff"], 669 a.ant-btn[style*="background-color:rgb(255, 255, 255)"], 670 a.ant-btn[style*="background-color: rgb(255, 255, 255)"], 671 a.ant-btn[style*="background-color:rgba(255, 255, 255"], 672 a.ant-btn[style*="background-color: rgba(255, 255, 255"] { 673 color: var(--primary-color, var(--default-primary-color)); 674 } 675 676 /* High specificity hover rules for white backgrounds */ 677 a.ant-btn-background-ghost[style*="background-color: white"]:hover, 678 a.ant-btn-background-ghost[style*="background-color:#fff"]:hover, 679 a.ant-btn-background-ghost[style*="background-color: #fff"]:hover, 680 a.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover, 681 a.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover, 682 a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]:hover, 683 a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"]:hover, 684 a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"]:hover, 685 a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover, 686 a.ant-btn.ant-btn-background-ghost[style*="background-color: white"]:hover, 687 a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"]: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:#ffffff"]: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:rgb(255, 255, 255)"]: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:rgba(255, 255, 255"]:hover, 694 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover, 695 a.ant-btn[style*="background-color: white"]:hover, 696 a.ant-btn[style*="background-color:#fff"]:hover, 697 a.ant-btn[style*="background-color: #fff"]:hover, 698 a.ant-btn[style*="background-color:#ffffff"]:hover, 699 a.ant-btn[style*="background-color: #ffffff"]:hover, 700 a.ant-btn[style*="background-color:rgb(255, 255, 255)"]:hover, 701 a.ant-btn[style*="background-color: rgb(255, 255, 255)"]:hover, 702 a.ant-btn[style*="background-color:rgba(255, 255, 255"]:hover, 703 a.ant-btn[style*="background-color: rgba(255, 255, 255"]:hover { 704 background-color: #f5f5f5; 705 color: var(--primary-color, var(--default-primary-color)); 706 opacity: 1; 707 } 708 709 /* Ensure text color in spans is visible for white backgrounds */ 710 a.ant-btn-background-ghost[style*="background-color: white"] > span, 711 a.ant-btn-background-ghost[style*="background-color:#fff"] > span, 712 a.ant-btn-background-ghost[style*="background-color: #fff"] > span, 713 a.ant-btn-background-ghost[style*="background-color:#ffffff"] > span, 714 a.ant-btn-background-ghost[style*="background-color: #ffffff"] > span, 715 a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"] > span, 716 a.ant-btn-background-ghost[style*="background-color: rgb(255, 255, 255)"] > span, 717 a.ant-btn-background-ghost[style*="background-color:rgba(255, 255, 255"] > span, 718 a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"] > span, 719 a.ant-btn.ant-btn-background-ghost[style*="background-color: white"] > span, 720 a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"] > 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:#ffffff"] > 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:rgb(255, 255, 255)"] > 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:rgba(255, 255, 255"] > span, 727 a.ant-btn.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"] > span, 728 a.ant-btn[style*="background-color: white"] > span, 729 a.ant-btn[style*="background-color:#fff"] > span, 730 a.ant-btn[style*="background-color: #fff"] > span, 731 a.ant-btn[style*="background-color:#ffffff"] > span, 732 a.ant-btn[style*="background-color: #ffffff"] > span, 733 a.ant-btn[style*="background-color:rgb(255, 255, 255)"] > span, 734 a.ant-btn[style*="background-color: rgb(255, 255, 255)"] > span, 735 a.ant-btn[style*="background-color:rgba(255, 255, 255"] > span, 736 a.ant-btn[style*="background-color: rgba(255, 255, 255"] > span { 737 color: var(--primary-color, var(--default-primary-color)); 738 } 739 740 a.ant-btn-background-ghost[style*="background-color: white"]:hover > span, 741 a.ant-btn-background-ghost[style*="background-color:#fff"]:hover > span, 742 a.ant-btn-background-ghost[style*="background-color: #fff"]:hover > span, 743 a.ant-btn-background-ghost[style*="background-color:#ffffff"]:hover > span, 744 a.ant-btn-background-ghost[style*="background-color: #ffffff"]:hover > span, 745 a.ant-btn-background-ghost[style*="background-color:rgb(255, 255, 255)"]: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:rgba(255, 255, 255"]:hover > span, 748 a.ant-btn-background-ghost[style*="background-color: rgba(255, 255, 255"]:hover > span, 749 a.ant-btn.ant-btn-background-ghost[style*="background-color: white"]:hover > span, 750 a.ant-btn.ant-btn-background-ghost[style*="background-color:#fff"]: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:#ffffff"]: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:rgb(255, 255, 255)"]: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:rgba(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[style*="background-color: white"]:hover > span, 759 a.ant-btn[style*="background-color:#fff"]:hover > span, 760 a.ant-btn[style*="background-color: #fff"]:hover > span, 761 a.ant-btn[style*="background-color:#ffffff"]:hover > span, 762 a.ant-btn[style*="background-color: #ffffff"]:hover > span, 763 a.ant-btn[style*="background-color:rgb(255, 255, 255)"]:hover > span, 764 a.ant-btn[style*="background-color: rgb(255, 255, 255)"]:hover > span, 765 a.ant-btn[style*="background-color:rgba(255, 255, 255"]:hover > span, 766 a.ant-btn[style*="background-color: rgba(255, 255, 255"]:hover > span { 767 color: var(--primary-color, var(--default-primary-color)); 768 } 769 770 .footer { 771 background-color: var(--dark-bg); 772 color: var(--light-text); 773 padding: 40px 0; 774 margin-top: 40px; 775 } 776 777 .gallery-container { 778 display: flex; 779 flex-wrap: wrap; 780 gap: 10px; 781 } 782 783 .gallery-item { 784 flex: 1; 785 min-width: 200px; 786 position: relative; 787 overflow: hidden; 788 } 789 790 .gallery-image { 791 width: 100%; 792 height: 100%; 793 object-fit: cover; 794 transition: transform var(--transition-speed); 795 } 796 797 .gallery-image:hover { 798 transform: scale(1.05); 799 } 800 801 /* Basic animation classes */ 802 .animate-fadeInUp { 803 animation: fadeInUp 1s ease-out; 804 } 805 806 @keyframes fadeInUp { 807 from { 808 opacity: 0; 809 transform: translateY(20px); 810 } 811 to { 812 opacity: 1; 813 transform: translateY(0); 814 } 815 } 816 817 /* Gallery & Slider Styles */ 818 .banner-slider::-webkit-scrollbar, 819 .gallery-scroll::-webkit-scrollbar {
820 display: none; 821 } 822 823 .banner-slider { 824 -ms-overflow-style: none; 825 scrollbar-width: none; 826 } 827 828 @keyframes fadeIn { 829 from { opacity: 0; } 830 to { opacity: 1; } 831 } 832 833 @keyframes fadeOut { 834 from { opacity: 1; } 835 to { opacity: 0; } 836 } 837 838 @keyframes slideInRight { 839 from { transform: translateX(100%); } 840 to { transform: translateX(0); } 841 } 842 843 @keyframes slideInLeft { 844 from { transform: translateX(-100%); } 845 to { transform: translateX(0); } 846 } 847 848 @keyframes slideOutRight { 849 from { transform: translateX(0); } 850 to { transform: translateX(100%); } 851 } 852 853 @keyframes slideOutLeft { 854 from { transform: translateX(0); } 855 to { transform: translateX(-100%); } 856 } 857 858 .animate-fadeIn { 859 animation: fadeIn 500ms forwards; 860 } 861 862 .animate-fadeOut { 863 animation: fadeOut 500ms forwards; 864 } 865 866 .animate-slideInRight { 867 animation: slideInRight 500ms forwards; 868 } 869 870 .animate-slideInLeft { 871 animation: slideInLeft 500ms forwards; 872 } 873 874 .animate-slideOutRight { 875 animation: slideOutRight 500ms forwards; 876 } 877 878 .animate-slideOutLeft { 879 animation: slideOutLeft 500ms forwards; 880 } 881 882 /* Hover effects for service cards */ 883 .hover\:shadow-blue-400:hover { 884 box-shadow: 0 0 20px 5px rgba(66, 153, 225, 0.5); 885 } 886 887 .hover\:scale-105:hover { 888 transform: scale(1.05); 889 } 890 891 .hover\:-translate-y-2:hover { 892 transform: translateY(-8px); 893 } 894 895 /* Transition properties */ 896 .transition-transform { 897 transition: transform var(--transition-speed); 898 } 899 900 .transition-shadow { 901 transition: box-shadow var(--transition-speed); 902 } 903 904 .transition-all { 905 transition: all var(--transition-speed); 906 } 907 908 /* Responsive design */ 909 @media (max-width: 1023px) { 910 .two-column-section > div { 911 flex: 100%; 912 } 913 914 #navigation { 915 flex-direction: column; 916 gap: 10px; 917 padding: 0.75rem 1rem; 918 } 919 920 body { 921 padding-top: 120px; /* Initial mobile fallback - will be dynamically adjusted by JavaScript */ 922 } 923 924 /* Hide desktop dropdowns on mobile */ 925 .dropdown-container .dropdown-menu { 926 display: none; 927 } 928 } 929 930 /* Gallery component styles */ 931 .gallery-modal { 932 display: none; 933 position: fixed; 934 top: 0; 935 left: 0; 936 width: 100%; 937 height: 100%; 938 background-color: rgba(0, 0, 0, 0.9); 939 z-index: 1000; 940 overflow: hidden; 941 } 942 943 .gallery-modal-content { 944 display: flex; 945 align-items: center; 946 justify-content: center; 947 height: 100%; 948 } 949 950 .gallery-modal-image { 951 max-width: 90%; 952 max-height: 90%; 953 } 954 955 .gallery-modal-close { 956 position: absolute; 957 top: 20px; 958 right: 25px; 959 color: #f1f1f1; 960 font-size: 40px; 961 font-weight: bold; 962 cursor: pointer; 963 } 964 965 .gallery-modal-prev, 966 .gallery-modal-next { 967 position: absolute; 968 top: 50%; 969 padding: 16px; 970 color: var(--light-text); 971 font-weight: bold; 972 font-size: 20px; 973 cursor: pointer; 974 user-select: none; 975 background-color: rgba(0, 0, 0, 0.3); 976 border-radius: 50%; 977 transform: translateY(-50%); 978 } 979 980 .gallery-modal-prev { 981 left: 20px; 982 } 983 984 .gallery-modal-next { 985 right: 20px; 986 } 987 988 /* Patient Forms Styles */ 989 .patient-forms { 990 width: 100%; 991 } 992 993 .rw-launcher .rwl-footer i { 994 position: absolute; 995 right: 60px; 996 } 997 998 .rw-chat { 999 height: auto !important; 1000 } 1001 1002 .rw-slide-wrap { 1003 min-height: auto !important; 1004 } 1005 1006 /* Grid responsive override - keep 2 columns in tablet range (768-1023px) */ 1007 /* This overrides md:grid-cols-3 which is too cramped on tablets */ 1008 @media (min-width: 768px) and (max-width: 1023px) { 1009 .grid { 1010 grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 1011 } 1012 } 1013 1014 /* Grid and ServiceCard height consistency fixes */ 1015 .grid.items-stretch { 1016 align-items: stretch !important; 1017 } 1018 1019 .grid.items-stretch > .h-full { 1020 height: 100% !important; 1021 display: flex !important; 1022 flex-direction: column !important; 1023 } 1024 1025 .grid.items-stretch .relative.box { 1026 height: 100% !important; 1027 display: flex !important; 1028 flex-direction: column !important; 1029 } 1030 1031 .grid.items-stretch .service-card { 1032 height: 100% !important; 1033 display: flex !important; 1034 flex-direction: column !important; 1035 } 1036 1037 .service-card .flex-1 { 1038 flex: 1 !important; 1039 } 1040 1041 /* Ensure h-full works properly in published HTML */ 1042 .h-full { 1043 height: 100% !important; 1044 } 1045 1046 /* Rich Text Content Styles */ 1047 .rich-text-content a { 1048 cursor: pointer; 1049 } 1050 1051 .rich-text-content.ql-editor { 1052 padding: 0; 1053 } 1054 1055 /* Rich Text - Lists */ 1056 /* Quill uses data-list attributes and CSS counters for proper list rendering */ 1057 .rich-text-content ul, 1058 .rich-text-content ol { 1059 margin-bottom: 1rem; 1060 padding-left: 1.5em !important; 1061 list-style: none !important; 1062 } 1063 1064 /* Reset list counters for ordered lists */ 1065 .rich-text-content ol { 1066 counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; 1067 } 1068 1069 /* Quill list items */ 1070 .rich-text-content li { 1071 list-style-type: none !important; 1072 list-style: none !important; 1073 padding-left: 1.5em; 1074 position: relative; 1075 } 1076 1077 .rich-text-content li::before { 1078 display: inline-block !important; 1079 white-space: nowrap; 1080 width: 1.2em; 1081 margin-left: -1.5em; 1082 margin-right: 0.3em; 1083 text-align: right; 1084 } 1085 1086 /* Bullet lists */ 1087 .rich-text-content li[data-list='bullet']::before { 1088 content: 'â¢' !important; 1089 } 1090 1091 /* Ordered lists */ 1092 .rich-text-content li[data-list='ordered'] { 1093 counter-increment: list-0; 1094 } 1095 1096 .rich-text-content li[data-list='ordered']::before { 1097 content: counter(list-0, decimal) '. ' !important; 1098 } 1099 1100 /* Rich Text - List Indentation */ 1101 .rich-text-content li.ql-indent-1 { 1102 padding-left: 4.5em; 1103 } 1104 .rich-text-content li.ql-indent-1[data-list='ordered'] { 1105 counter-increment: list-1; 1106 counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; 1107 } 1108 .rich-text-content li.ql-indent-1[data-list='ordered']::before { 1109 content: counter(list-1, decimal) '. ' !important; 1110 } 1111 1112 .rich-text-content li.ql-indent-2 { 1113 padding-left: 7.5em; 1114 } 1115 .rich-text-content li.ql-indent-2[data-list='ordered'] { 1116 counter-increment: list-2; 1117 counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; 1118 } 1119 .rich-text-content li.ql-indent-2[data-list='ordered']::before { 1120 content: counter(list-2, decimal) '. ' !important; 1121 } 1122 1123 .rich-text-content li.ql-indent-3 { 1124 padding-left: 10.5em; 1125 } 1126 .rich-text-content li.ql-indent-3[data-list='ordered'] { 1127 counter-increment: list-3; 1128 counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; 1129 } 1130 .rich-text-content li.ql-indent-3[data-list='ordered']::before { 1131 content: counter(list-3, decimal) '. ' !important; 1132 } 1133 1134 .rich-text-content li.ql-indent-4 { 1135 padding-left: 13.5em; 1136 } 1137 .rich-text-content li.ql-indent-4[data-list='ordered'] { 1138 counter-increment: list-4; 1139 counter-reset: list-5 list-6 list-7 list-8 list-9; 1140 } 1141 .rich-text-content li.ql-indent-4[data-list='ordered']::before { 1142 content: counter(list-4, decimal) '. ' !important; 1143 } 1144 1145 .rich-text-content li.ql-indent-5 { 1146 padding-left: 16.5em; 1147 } 1148 .rich-text-content li.ql-indent-5[data-list='ordered'] { 1149 counter-increment: list-5; 1150 counter-reset: list-6 list-7 list-8 list-9; 1151 } 1152 .rich-text-content li.ql-indent-5[data-list='ordered']::before { 1153 content: counter(list-5, decimal) '. ' !important; 1154 } 1155 1156 .rich-text-content li.ql-indent-6 { 1157 padding-left: 19.5em; 1158 } 1159 .rich-text-content li.ql-indent-6[data-list='ordered'] { 1160 counter-increment: list-6; 1161 counter-reset: list-7 list-8 list-9; 1162 } 1163 .rich-text-content li.ql-indent-6[data-list='ordered']::before { 1164 content: counter(list-6, decimal) '. ' !important; 1165 } 1166 1167 .rich-text-content li.ql-indent-7 { 1168 padding-left: 22.5em; 1169 } 1170 .rich-text-content li.ql-indent-7[data-list='ordered'] { 1171 counter-increment: list-7; 1172 counter-reset: list-8 list-9; 1173 } 1174 .rich-text-content li.ql-indent-7[data-list='ordered']::before { 1175 content: counter(list-7, decimal) '. ' !important; 1176 } 1177 1178 .rich-text-content li.ql-indent-8 { 1179 padding-left: 25.5em; 1180 } 1181 .rich-text-content li.ql-indent-8[data-list='ordered'] { 1182 counter-increment: list-8; 1183 counter-reset: list-9; 1184 } 1185 .rich-text-content li.ql-indent-8[data-list='ordered']::before { 1186 content: counter(list-8, decimal) '. ' !important; 1187 } 1188 1189 /* Rich Text - Text Alignment */ 1190 .rich-text-content .ql-align-center { 1191 text-align: center; 1192 } 1193 1194 .rich-text-content .ql-align-right { 1195 text-align: right; 1196 } 1197 1198 .rich-text-content .ql-align-justify { 1199 text-align: justify; 1200 } 1201 1202 /* Rich Text - Font Sizes */ 1203 .rich-text-content .ql-size-10px { 1204 font-size: 10px; 1205 } 1206 .rich-text-content .ql-size-12px { 1207 font-size: 12px; 1208 } 1209 .rich-text-content .ql-size-14px { 1210 font-size: 14px; 1211 } 1212 .rich-text-content .ql-size-16px { 1213 font-size: 16px; 1214 } 1215 .rich-text-content .ql-size-18px { 1216 font-size: 18px; 1217 } 1218 .rich-text-content .ql-size-20px { 1219 font-size: 20px; 1220 } 1221 .rich-text-content .ql-size-24px { 1222 font-size: 24px; 1223 } 1224 .rich-text-content .ql-size-32px { 1225 font-size: 32px; 1226 } 1227 1228 /* Rich Text - Line Heights */ 1229 .rich-text-content .ql-lineheight-1.0 { 1230 line-height: 1; 1231 } 1232 .rich-text-content .ql-lineheight-1.2 { 1233 line-height: 1.2; 1234 } 1235 .rich-text-content .ql-lineheight-1.5 { 1236 line-height: 1.5; 1237 } 1238 .rich-text-content .ql-lineheight-1.8 { 1239 line-height: 1.8; 1240 } 1241 .rich-text-content .ql-lineheight-2.0 { 1242 line-height: 2; 1243 } 1244 .rich-text-content .ql-lineheight-2.5 { 1245 line-height: 2.5; 1246 } 1247 .rich-text-content .ql-lineheight-3.0 { 1248 line-height: 3; 1249 } 1250 1251 /* Ant Design Tag Styles */ 1252 .ant-tag { 1253 display: inline-block; 1254 padding: 0 7px; 1255 font-size: 12px; 1256 line-height: 20px; 1257 white-space: nowrap; 1258 background: var(--ant-color-bg-layout, #fafafa); 1259 border: 1px solid var(--ant-color-border, #d9d9d9); 1260 border-radius: var(--ant-border-radius, 4px); 1261 opacity: 1; 1262 transition: all 0.2s; 1263 text-align: start; 1264 margin-inline-end: 8px; 1265 color: var(--ant-color-text, rgba(0, 0, 0, 0.88)); 1266 } 1267 1268 .ant-tag-default { 1269 background: var(--ant-color-bg-layout, #fafafa); 1270 border-color: var(--ant-color-border, #d9d9d9); 1271 color: var(--ant-color-text, rgba(0, 0, 0, 0.88)); 1272 } 1273 1274 /* Hero Split Layout Styles */ 1275 .hero__image, .hero__text { 1276 flex: 0 0 100%; 1277 } 1278 1279 .hero__image { 1280 min-height: 200px; 1281 } 1282 1283 .hero__text .special-line-1, 1284 .hero__text .special-line-2 { 1285 margin: 0 !important; 1286 } 1287 1288 .hero__text .special-line-1 *, 1289 .hero__text .special-line-2 * { 1290 margin: 0 !important; 1291 } 1292 1293 /* Mobile rounded corners (stacked layout) */ 1294 .hero__image { 1295 border-top-left-radius: 20px; 1296 border-top-right-radius: 20px; 1297 } 1298 1299 .hero__text { 1300 border-bottom-left-radius: 20px; 1301 border-bottom-right-radius: 20px; 1302 } 1303 1304 /* Hero Parallax Styles */ 1305 .hero { 1306 position: relative; 1307 background-attachment: scroll !important; 1308 } 1309 1310 .parallax { 1311 position: relative; 1312 background-attachment: scroll !important; 1313 } 1314 1315 /* Responsive utilities */ 1316 @media (max-width: 1023px) { 1317 .container { 1318 padding: 0 var(--spacing-unit); 1319 } 1320 1321 .two-column-section { 1322 flex-direction: column; 1323 } 1324 1325 .navigation-links { 1326 display: none; 1327 } 1328 } 1329 1330 @media(min-width: 768px) { 1331 .hero { 1332 background-attachment: fixed !important; 1333 } 1334 1335 .parallax { 1336 background-attachment: fixed !important; 1337 } 1338 } 1339 1340 @media(min-width: 1024px) { 1341 .hero__image, .hero__text { 1342 flex: 0 0 50%; 1343 } 1344 1345 .hero__image { 1346 min-height: 420px; 1347 } 1348 1349 /* Reset mobile rounded corners for desktop */ 1350 .hero__image { 1351 border-top-left-radius: 0; 1352 border-top-right-radius: 0; 1353 } 1354 1355 .hero__text { 1356 border-bottom-left-radius: 0; 1357 border-bottom-right-radius: 0; 1358 } 1359 1360 /* Apply rounded corners based on order classes for desktop */ 1361 .hero__image.order-1 { 1362 border-top-left-radius: 20px; 1363 border-bottom-left-radius: 20px; 1364 } 1365 1366 .hero__image.order-2 { 1367 border-top-right-radius: 20px; 1368 border-bottom-right-radius: 20px; 1369 } 1370 1371 .hero__text.order-1 { 1372 border-top-left-radius: 20px; 1373 border-bottom-left-radius: 20px; 1374 } 1375 1376 .hero__text.order-2 { 1377 border-top-right-radius: 20px; 1378 border-bottom-right-radius: 20px; 1379 } 1380 } 1381 1382 1383 /* Patient Forms Styles */ 1384 .patient-forms { 1385 width: 100%; 1386 max-width: 800px; 1387 margin: 0 auto; 1388 } 1389 1390 .patient-forms__container { 1391 background-color: white; 1392 border-radius: 10px; 1393 padding: 30px; 1394 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1395 } 1396 1397 .patient-forms__header { 1398 margin-bottom: 24px; 1399 } 1400 1401 .patient-forms__title { 1402 color: var(--primary-color); 1403 margin-bottom: 10px; 1404 font-size: 24px; 1405 font-weight: 500; 1406 } 1407 1408 .patient-forms__description { 1409 color: var(--text-color); 1410 opacity: 0.7; 1411 } 1412 1413 .patient-forms__list { 1414 display: flex; 1415 flex-direction: column; 1416 gap: 10px; 1417 margin-bottom: 30px; 1418 } 1419 1420 .patient-forms__option { 1421 background-color: white; 1422 border: 1px solid #e8e8e8; 1423 border-radius: 5px; 1424 padding: 15px; 1425 cursor: pointer; 1426 transition: all 0.3s; 1427 display: flex; 1428 align-items: flex-start; 1429 gap: 15px; 1430 margin: 0; 1431 width: 100%; 1432 } 1433 1434 .patient-forms__option:hover { 1435 border-color: var(--primary-color); 1436 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 1437 } 1438 1439 .patient-forms__radio-input { 1440 margin-top: 4px; 1441 cursor: pointer;
1442 width: 20px; 1443 height: 20px; 1444 } 1445 1446 .patient-forms__option-details { 1447 flex: 1; 1448 cursor: pointer; 1449 } 1450 1451 .patient-forms__option-details strong { 1452 display: block; 1453 margin-bottom: 4px; 1454 color: var(--text-color); 1455 } 1456 1457 .patient-forms__option-details p { 1458 color: var(--text-color); 1459 opacity: 0.7; 1460 margin: 0; 1461 font-size: 14px; 1462 } 1463 1464 .patient-forms__continue { 1465 width: 100%; 1466 height: 40px; 1467 font-weight: 500; 1468 } 1469 1470 .patient-forms__form-view { 1471 min-height: 400px; 1472 } 1473 1474 .patient-forms__form-header { 1475 margin-bottom: 24px; 1476 display: flex; 1477 align-items: center; 1478 gap: 16px; 1479 } 1480 1481 .patient-forms__back { 1482 border: none; 1483 padding: 0; 1484 color: var(--primary-color); 1485 background: none; 1486 cursor: pointer; 1487 display: flex; 1488 align-items: center; 1489 font-weight: 500; 1490 } 1491 1492 .patient-forms__back:hover { 1493 text-decoration: underline; 1494 } 1495 1496 .patient-forms__form-title { 1497 margin: 0; 1498 font-size: 18px; 1499 font-weight: 600; 1500 color: var(--primary-color); 1501 } 1502 1503 .patient-forms__embed { 1504 min-height: 400px; 1505 background-color: white; 1506 border-radius: 5px; 1507 padding: 20px; 1508 } 1509 1510 1511/* Accessibility Widget Positioning */ 1512body .uwy.userway_p1 .userway_buttons_wrapper { 1513 top: 100px !important; 1514} 1515 1516/* Mobile responsive version */ 1517@media (max-width: 1023px) { 1518 body .uwy.userway_p1 .userway_buttons_wrapper { 1519 top: 320px !important; 1520 } 1521} 1522 1523 1524 /* Utility classes for font sizes - Only active when appearance settings are configured */ 1525 body.has-appearance-settings .font-title { 1526 font-size: var(--font-size-title) !important; 1527 } 1528 1529 body.has-appearance-settings .font-subtitle { 1530 font-size: var(--font-size-subtitle) !important; 1531 } 1532 1533 body.has-appearance-settings .font-paragraph { 1534 font-size: var(--font-size-paragraph) !important; 1535 } 1536 1537 /* Utility classes for padding - Only active when appearance settings are configured */ 1538 body.has-appearance-settings .padding-global { 1539 padding: var(--padding-combined) !important; 1540 } 1541 1542 body.has-appearance-settings .padding-vertical-global { 1543 padding-top: var(--padding-vertical) !important; 1544 padding-bottom: var(--padding-vertical) !important; 1545 } 1546 1547 body.has-appearance-settings .padding-horizontal-global { 1548 padding-left: var(--padding-horizontal) !important; 1549 padding-right: var(--padding-horizontal) !important; 1550 } 1551 1552 /* Hero component specific overrides - ensures title and subtitle use correct sizes */ 1553 body.has-appearance-settings .special-line-1 { 1554 font-size: var(--font-size-title) !important; 1555 } 1556 1557 body.has-appearance-settings .special-line-2 { 1558 font-size: var(--font-size-subtitle) !important; 1559 } 1560 1561/* Additional specificity for nested font classes in Hero */ 1562body.has-appearance-settings .special-line-1.font-paragraph, 1563body.has-appearance-settings .special-line-1.font-title { 1564 font-size: var(--font-size-title) !important; 1565} 1566 1567body.has-appearance-settings .special-line-2.font-paragraph, 1568body.has-appearance-settings .special-line-2.font-subtitle { 1569 font-size: var(--font-size-subtitle) !important; 1570} 1571 1572/* InformativeSection component specific overrides */ 1573body.has-appearance-settings .informative-heading { 1574 font-size: var(--font-size-title) !important; 1575} 1576 1577body.has-appearance-settings .informative-paragraph { 1578 font-size: var(--font-size-subtitle) !important; 1579} 1580 1581/* InformativeSection backward compatibility - override font-paragraph in old components */ 1582body.has-appearance-settings section.padding-global .font-paragraph { 1583 font-size: var(--font-size-subtitle) !important; 1584} 1585 1586/* Hero component backward compatibility - override font-paragraph in old components */ 1587/* Target Hero sections by their unique characteristics */ 1588/* Hero components have px-4 class and py-* classes (py-8, py-12, py-16) */ 1589body.has-appearance-settings section.px-4[class*="py-"] .font-paragraph { 1590 /* Reset all Hero font-paragraph elements first */ 1591} 1592 1593/* Hero title - target by element ID only (more specific) */ 1594body.has-appearance-settings section.px-4[class*="py-"] [id*="hero_title"] .font-paragraph { 1595 font-size: var(--font-size-title) !important; 1596} 1597 1598/* Hero subtitle - target by element ID only (more specific) */
1599body.has-appearance-settings section.px-4[class*="py-"] [id*="hero_subtitle"] .font-paragraph { 1600 font-size: var(--font-size-subtitle) !important; 1601} 1602 1603/* Hero subtitle - target by special-line-2 class directly (most reliable) */ 1604body.has-appearance-settings .special-line-2 { 1605 font-size: var(--font-size-subtitle) !important; 1606} 1607 1608/* Hero fallback - target by structure and classes */ 1609/* Hero title - div with font-paragraph but NOT ant-typography */ 1610body.has-appearance-settings section.px-4[class*="py-"] .font-paragraph:not(.ant-typography) { 1611 font-size: var(--font-size-title) !important; 1612} 1613 1614/* Hero subtitle - div with both font-paragraph AND ant-typography */ 1615body.has-appearance-settings section.px-4[class*="py-"] .font-paragraph.ant-typography { 1616 font-size: var(--font-size-subtitle) !important; 1617} 1618 1619 </style> 1620 1621 <!-- SEO URL Resolution Script --> 1622
1622<script> 1623 (function() { 1624 const origin = window.location.origin; 1625 const baseUrl = 'https://aurora-chiropractic.com/'; 1626 setTimeout(function() { 1627 // Update canonical and meta URLs only if they're using placeholder URLs 1628 const elements = [ 1629 'link[rel="canonical"]', 1630 'meta[property="og:url"]', 1631 'meta[property="og:image"]', 1632 'meta[property="twitter:url"]', 1633 'meta[property="twitter:image"]' 1634 ]; 1635 1636 elements.forEach(selector => { 1637 const el = document.querySelector(selector); 1638 if (el && (el.href || el.content).includes('example.com')) { 1639 if (el.href) el.href = el.href.replace('https://example.com', origin); 1640 if (el.content) el.content = el.content.replace('https://example.com', origin); 1641 } 1642 }); 1643 1644 // Update structured data URLs 1645 document.querySelectorAll('script[type="application/ld+json"]').forEach(script => { 1646 try { 1647 const data = JSON.parse(script.textContent || script.innerText); 1648 if (data.url && data.url.includes('example.com')) { 1649 data.url = data.url.replace('https://example.com', origin); 1650 script.textContent = JSON.stringify(data, null, 2); 1651 } 1652 } catch (e) {} 1653 }); 1654 }, 100); 1655 })(); 1656 </script>
1656 1657 1658 1659 1660</head> 1661<body class="has-appearance-settings"> 1662 1663 <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://aurora-chiropractic.com/"><img src="https://media-library.getaloha.com/01JY7EY93V8ZPK8PS99R819EBS/ac849496-3f58-4973-bb8a-b886e359514b_screenshot-2025-12-09-at-91213-am.png" alt="Chiropractic clinic logo - professional spine care services" class="mx-auto navigation-logo-mobile" style="--logo-height: 60px; --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="inline-block"><a data-original-url="/about-us" data-page-id="17f9bb13-a512-43e0-946e-091fbe630e1f" class="focus:ring-2 focus:ring-blue-500 focus:bg-blue-50 whitespace-nowrap" aria-label="About Us" 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="about-us">About Us</a></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="/services" style="color: rgb(0, 0, 0); font-size: clamp(0.75rem, 1.5vw, 0.875rem); cursor: pointer;" href="services">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-care-and-wellness-in-aurora-co" data-page-id="742fb928-91db-4f18-a0ee-1cbd3ebdb0d6" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Chiropractic Care and Wellness" style="color: rgb(0, 0, 0);" href="chiropractic-care-and-wellness-in-aurora-co">Chiropractic Care and Wellness</a></li><li><a data-original-url="/comprehensive-auto-accident-rehabilitation-in-aurora-co" data-page-id="d31f4b24-e649-45bf-bdc5-eefe3ca73464" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Auto Accident Rehabilitation" style="color: rgb(0, 0, 0);" href="comprehensive-auto-accident-rehabilitation-in-aurora-co">Auto Accident Rehabilitation</a></li><li><a data-original-url="/corrective-exercise-therapy-in-aurora-co" data-page-id="a767512c-c67a-49bf-9f38-1d5913ed7ebe" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Corrective Exercise Therapy" style="color: rgb(0, 0, 0);" href="corrective-exercise-therapy-in-aurora-co">Corrective Exercise Therapy</a></li><li><a data-original-url="/holistic-pain-management-services-in-aurora-co" data-page-id="9ee63201-10a5-45d3-90b0-7ff6f4fc935d" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Holistic Pain Management" style="color: rgb(0, 0, 0);" href="holistic-pain-management-services-in-aurora-co">Holistic Pain Management</a></li><li><a data-original-url="/acupuncture-therapy-in-aurora-co-at-total-wellness-center" data-page-id="90e451a6-c186-460d-badd-ca67a693281e" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Acupuncture Therapy" style="color: rgb(0, 0, 0);" href="acupuncture-therapy-in-aurora-co-at-total-wellness-center">Acupuncture Therapy</a></li><li><a data-original-url="/personalized-nutritional-counseling-in-aurora-co" data-page-id="224df19c-98a7-4fba-8e99-ccff5c84a788" class="submenu-link block px-4 py-2 text-sm" aria-label="Services - Nutritional Counseling" style="color: rgb(0, 0, 0);" href="personalized-nutritional-counseling-in-aurora-co">Nutritional Counseling</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" style="color: rgb(0, 0, 0); font-size: clamp(0.75rem, 1.5vw, 0.875rem); cursor: pointer;" href="symptoms">Symptoms<svg class="w-4 h-4 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1663<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="/arm-and-leg-pain-relief-at-total-wellness-center-in-aurora-co" data-page-id="9d1896f3-1c2a-48e0-8694-bfb11f44a3b2" 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-at-total-wellness-center-in-aurora-co">Arm and Leg Pain Relief</a></li><li><a data-original-url="/shoulder-pain-relief-and-chiropractic-treatment-in-aurora-co" data-page-id="34f07d8e-58c0-4fb2-bbeb-8bc20185af73" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Shoulder Pain Relief" style="color: rgb(0, 0, 0);" href="shoulder-pain-relief-and-chiropractic-treatment-in-aurora-co">Shoulder Pain Relief</a></li><li><a data-original-url="/chiropractic-scoliosis-solutions-and-personalized-treatment-in-aurora-co" data-page-id="74a1ca73-0491-4606-a3e9-0df8864170b3" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Chiropractic Scoliosis Solutions" style="color: rgb(0, 0, 0);" href="chiropractic-scoliosis-solutions-and-personalized-treatment-in-aurora-co">Chiropractic Scoliosis Solutions</a></li><li><a data-original-url="/chiropractic-headache-and-migraine-relief-in-aurora-co" data-page-id="5ee9629b-8d07-4fa6-9ee2-7853af049ccf" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Chiropractic Headache Relief" style="color: rgb(0, 0, 0);" href="chiropractic-headache-and-migraine-relief-in-aurora-co">Chiropractic Headache Relief</a></li><li><a data-original-url="/chiropractic-neck-pain-relief-in-aurora-co" data-page-id="6cb7e3c9-2941-4762-a579-60c046b59521" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Chiropractic Neck Pain Relief" style="color: rgb(0, 0, 0);" href="chiropractic-neck-pain-relief-in-aurora-co">Chiropractic Neck Pain Relief</a></li><li><a data-original-url="/comprehensive-back-pain-relief-in-aurora-co" data-page-id="8684d870-8a45-41c5-a769-581623ee9174" class="submenu-link block px-4 py-2 text-sm" aria-label="Symptoms - Comprehensive Back Pain Relief" style="color: rgb(0, 0, 0);" href="comprehensive-back-pain-relief-in-aurora-co">Comprehensive Back Pain Relief</a></li></ul></li><li class="relative inline-block dropdown-container group"><a data-original-url="/digital-intake-forms" 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;" href="digital-intake-forms">Intake Forms<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="/low-back-pain-scale" data-page-id="2caaaa59-43fb-4533-a5a8-55362b2ab427" class="submenu-link block px-4 py-2 text-sm" aria-label="Intake Forms - Low Back Pain Form" style="color: rgb(0, 0, 0);" href="low-back-pain-scale">Low Back Pain Form</a></li><li><a data-original-url="/Neck-Pain-Scale" data-page-id="a618b8ef-8daf-49be-838c-c3dc7134d75a" class="submenu-link block px-4 py-2 text-sm" aria-label="Intake Forms - Neck Pain Scale Form" style="color: rgb(0, 0, 0);" href="Neck-Pain-Scale">Neck Pain Scale Form</a></li><li><a data-original-url="/Personal-Injury-Form" data-page-id="a8f48283-9a01-4888-ac76-611ea18b22e6" class="submenu-link block px-4 py-2 text-sm" aria-label="Intake Forms - Personal Injury Form" style="color: rgb(0, 0, 0);" href="Personal-Injury-Form">Personal Injury Form</a></li><li><a data-original-url="/Workers-Comp-Form" data-page-id="97f715f6-4f75-4bf2-91ca-646e5c6d7456" class="submenu-link block px-4 py-2 text-sm" aria-label="Intake Forms - Workers Comp Form" style="color: rgb(0, 0, 0);" href="Workers-Comp-Form">Workers Comp Form</a></li></ul></li><li class="inline-block">
1663<a data-original-url="/faq" data-page-id="1a5ed767-03d5-448b-adf4-0bb9cf1fbc35" class="focus:ring-2 focus:ring-blue-500 focus:bg-blue-50 whitespace-nowrap" aria-label="FAQ" 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="faq">FAQ</a></li><li class="inline-block"><a class="ant-btn css-wvfyqk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid" style="background-color: rgb(90, 192, 186); border-color: rgb(90, 192, 186); color: rgb(255, 255, 255); font-weight: 500; border-radius: 50px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; transition: 0.2s ease-in-out; white-space: nowrap;" href="schedule-an-appointment" data-original-url="/schedule-an-appointment" role="button"><span>Schedule</span></a></li><li class="inline-block"><a class="ant-btn css-wvfyqk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-background-ghost" style="border-color: rgb(90, 192, 186); color: rgb(90, 192, 186); font-weight: 500; border-radius: 6px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; transition: 0.2s ease-in-out; white-space: nowrap;" href="tel:3036277995" data-original-url="tel:3036277995" role="button"><span>(303) 627-7995</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="schedule-an-appointment" aria-label="Schedule button" data-element="mobile-action-6" data-original-url="/schedule-an-appointment" class="ant-btn css-wvfyqk ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only mobile-action-button" aria-disabled="false" style="color: rgb(90, 192, 186);"><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><a href="tel:3036277995" aria-label="(303) 627-7995 button" data-element="mobile-action-7" data-original-url="tel:3036277995" class="ant-btn css-wvfyqk ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only mobile-action-button" aria-disabled="false" style="color: rgb(90, 192, 186);"><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.6-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><button aria-label="Open menu" data-element="mobile-menu-button" type="button" class="ant-btn css-wvfyqk ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only flex" style="border: 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);
1663 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-wvfyqk ant-btn-text ant-btn-color-default ant-btn-variant-text ant-btn-icon-only" style="border: 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"><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"><a class="mobile-menu-link block px-4 py-3 text-base font-medium" data-original-url="/about-us" data-page-id="17f9bb13-a512-43e0-946e-091fbe630e1f" aria-label="About Us" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="about-us">About Us</a></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="/services" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0);" href="services">Services</a><button class="mobile-submenu-toggle px-4 py-3" aria-expanded="false" aria-label="Toggle Services 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"><a data-original-url="/chiropractic-care-and-wellness-in-aurora-co" data-page-id="742fb928-91db-4f18-a0ee-1cbd3ebdb0d6" 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-care-and-wellness-in-aurora-co">Chiropractic Care and Wellness</a><a data-original-url="/comprehensive-auto-accident-rehabilitation-in-aurora-co" data-page-id="d31f4b24-e649-45bf-bdc5-eefe3ca73464" 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-auto-accident-rehabilitation-in-aurora-co">Auto Accident Rehabilitation</a><a data-original-url="/corrective-exercise-therapy-in-aurora-co" data-page-id="a767512c-c67a-49bf-9f38-1d5913ed7ebe" 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="corrective-exercise-therapy-in-aurora-co">Corrective Exercise Therapy</a><a data-original-url="/holistic-pain-management-services-in-aurora-co" data-page-id="9ee63201-10a5-45d3-90b0-7ff6f4fc935d" 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="holistic-pain-management-services-in-aurora-co">Holistic Pain Management</a><a data-original-url="/acupuncture-therapy-in-aurora-co-at-total-wellness-center" data-page-id="90e451a6-c186-460d-badd-ca67a693281e" 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="acupuncture-therapy-in-aurora-co-at-total-wellness-center">Acupuncture Therapy</a><a data-original-url="/personalized-nutritional-counseling-in-aurora-co" data-page-id="224df19c-98a7-4fba-8e99-ccff5c84a788" 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="personalized-nutritional-counseling-in-aurora-co">Nutritional Counseling</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);
1663 color: rgb(0, 0, 0);"><a class="flex-1 block px-4 py-3 text-base font-medium" data-original-url="/symptoms" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0);" href="symptoms">Symptoms</a><button class="mobile-submenu-toggle px-4 py-3" aria-expanded="false" aria-label="Toggle Symptoms submenu" data-submenu-toggle="5" 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="5" style="background-color: rgb(242, 242, 242);"><div class="py-2"><a data-original-url="/arm-and-leg-pain-relief-at-total-wellness-center-in-aurora-co" data-page-id="9d1896f3-1c2a-48e0-8694-bfb11f44a3b2" 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-at-total-wellness-center-in-aurora-co">Arm and Leg Pain Relief</a><a data-original-url="/shoulder-pain-relief-and-chiropractic-treatment-in-aurora-co" data-page-id="34f07d8e-58c0-4fb2-bbeb-8bc20185af73" 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="shoulder-pain-relief-and-chiropractic-treatment-in-aurora-co">Shoulder Pain Relief</a><a data-original-url="/chiropractic-scoliosis-solutions-and-personalized-treatment-in-aurora-co" data-page-id="74a1ca73-0491-4606-a3e9-0df8864170b3" 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-scoliosis-solutions-and-personalized-treatment-in-aurora-co">Chiropractic Scoliosis Solutions</a><a data-original-url="/chiropractic-headache-and-migraine-relief-in-aurora-co" data-page-id="5ee9629b-8d07-4fa6-9ee2-7853af049ccf" 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-headache-and-migraine-relief-in-aurora-co">Chiropractic Headache Relief</a><a data-original-url="/chiropractic-neck-pain-relief-in-aurora-co" data-page-id="6cb7e3c9-2941-4762-a579-60c046b59521" 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-neck-pain-relief-in-aurora-co">Chiropractic Neck Pain Relief</a><a data-original-url="/comprehensive-back-pain-relief-in-aurora-co" data-page-id="8684d870-8a45-41c5-a769-581623ee9174" 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-relief-in-aurora-co">Comprehensive Back Pain Relief</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="/digital-intake-forms" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0);" href="digital-intake-forms">Intake Forms</a><button class="mobile-submenu-toggle px-4 py-3" aria-expanded="false" aria-label="Toggle Intake Forms submenu" data-submenu-toggle="1765293494583" 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="1765293494583" style="background-color: rgb(242, 242, 242);"><div class="py-2"><a data-original-url="/low-back-pain-scale" data-page-id="2caaaa59-43fb-4533-a5a8-55362b2ab427" 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="low-back-pain-scale">Low Back Pain Form</a><a data-original-url="/Neck-Pain-Scale" data-page-id="a618b8ef-8daf-49be-838c-c3dc7134d75a" 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-Scale">Neck Pain Scale Form</a><a data-original-url="/Personal-Injury-Form" data-page-id="a8f48283-9a01-4888-ac76-611ea18b22e6" 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="Personal-Injury-Form">Personal Injury Form</a><a data-original-url="/Workers-Comp-Form" data-page-id="97f715f6-4f75-4bf2-91ca-646e5c6d7456" 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="Workers-Comp-Form">Workers Comp Form</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="/faq" data-page-id="1a5ed76
16637-03d5-448b-adf4-0bb9cf1fbc35" aria-label="FAQ" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem); color: rgb(0, 0, 0); border-bottom: 1px solid rgb(230, 230, 230);" href="faq">FAQ</a></div><div class="mobile-menu-item px-4 py-2"><a class="ant-btn css-wvfyqk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-block" style="background-color: rgb(90, 192, 186); border-color: rgb(90, 192, 186); color: rgb(255, 255, 255); font-weight: 500; border-radius: 50px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; transition: 0.2s ease-in-out;" href="schedule-an-appointment" data-original-url="/schedule-an-appointment" role="button"><span>Schedule</span></a></div><div class="mobile-menu-item px-4 py-2"><a class="ant-btn css-wvfyqk ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-background-ghost ant-btn-block" style="border-color: rgb(90, 192, 186); color: rgb(90, 192, 186); font-weight: 500; border-radius: 6px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; transition: 0.2s ease-in-out;" href="tel:3036277995" data-original-url="tel:3036277995" role="button"><span>(303) 627-7995</span></a></div></div></div></div></div></div></nav><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-left order-1" style="background: rgb(51, 60, 79);"><div class="px-2 "><div class="special-line-1" style="color: rgb(255, 255, 255); font-weight: 600; text-align: left; padding: 16px 0px; margin: 0px; line-height: 1.5;">About Us</div></div><div class="relative z-10 mr-auto"><div class="inline-block"><a href="schedule-an-appointment" class="ant-btn css-8pmhgl ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-lg" aria-disabled="false" style="font-weight: 500; border-radius: 6px; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: clamp(0.75rem, 1.5vw, 0.875rem); transition: 0.2s ease-in-out; border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255); background-color: rgba(90, 192, 186, 0);"><span>Schedule An Appointment</span></a></div></div></div><div class="hero__image order-2" style="background: url("https://media-library.getaloha.com/01JY7EY93V8ZPK8PS99R819EBS/d4ca665d-9601-4cdf-b3b8-45fa290f0a1a_20190108_153546.webp") center center / cover no-repeat; position: relative;"><div style="position: absolute; inset: 0px; background-color: rgba(0, 0, 0, 0.04); z-index: 1; border-radius: inherit;"></div></div></section></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-8pmhgl flex-1" type="text" value="https://media-library.getaloha.com/01JY7EY93V8ZPK8PS99R819EBS/5b4ff557-76a1-4877-85d0-224189f45b68_20190105_111148.webp"><button title="Select from Image Library" type="button" class="ant-btn css-8pmhgl ant-btn-default ant-btn-color-default ant-btn-icon-only"><span class="ant-btn-icon"><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 padding-global " style="background-color: rgb(255, 255, 255);"><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"><h1 class="mb-2 font-title" style="color: rgb(51, 51, 51); font-weight: bold;">About Us - Total Wellness Center - Aurora, CO</h1><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> 1664 .rich-text-content img { 1665 max-width: 100%; 1666 height: auto; 1667 } 1668 .rich-text-content::after { 1669 content: ""; 1670 display: table; 1671 clear: both; 1672 } 1673 .rich-text-view-mode { 1674 cursor: text; 1675 } 1676 </style><div class="rich-text-content" style="overflow: hidden;"><p class="ql-lineheight-1.5"><img src="https://media-library.getaloha.com/01JY7EY93V8ZPK8PS99R819EBS/5b4ff557-76a1-4877-85d0-224189f45b68_20190105_111148.webp" alt="Healthcare professional consulting with patient" style="width: 536px; height: 400px; object-fit: cover; border-radius: 8px; float: right; margin-left: 16px; margin-bottom: 16px;" loading="lazy"><span class="ql-size-16px">Total Wellness Center was founded over 13 years ago in Aurora, Colorado, to provide patient-centered chiropractic care to individuals and families seeking natural healing and long-term wellness solutions. Led by Dr. Holly Geersen, who joined the practice in 2005, our clinic has grown into a trusted local health resource, offering gentle chiropractic treatments, acupuncture, corrective exercises, and nutritional counseling. We remain dedicated to fostering a warm, welcoming atmosphere where every patient is treated like family and can count on seeing familiar faces who remember them by name.</span></p><p><br></p><p><span class="ql-size-16px">Proudly serving Aurora, Southeast Denver, and surrounding communities, we deeply value the relationships we build with our patientsâmany of whom have been with us for years, often across multiple generations. Here, comfort and personal connection matter as much as clinical expertise. Whether you're new to chiropractic care or a lifelong believer, you will find an encouraging, supportive environment designed to put you at ease and provide care tailored to your unique needs and lifestyle.</span></p><p><br></p><p><span class="ql-size-16px">Our doors are open to everyone, from young athletes and busy parents to those recovering from injury, seeking relief from chronic pain, or wanting to enhance their family's overall wellness. At Total Wellness Center, we believe in listening closely, treating the whole person, and addressing the root causes of discomfortânot just the symptomsâso that you can get back to the life you love. Explore our provider bi
1676os to learn more about our experienced, compassionate team and discover how our approach can help you achieve your individual health goals. We look forward to welcoming you.</span></p></div><div style="clear: both;"></div></div></div></div><div style="clear: both;"></div></div></section><div class=" w-full"><div class="mb-2"><div class="px-2 "><h3 class="ant-typography font-subtitle css-8pmhgl" style="color: rgb(51, 51, 51); font-size: 24px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Meet the Doctor</h3></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 "><div class="relative w-48 h-48 mb-4 mx-auto overflow-hidden rounded-full"><img src="https://media-library.getaloha.com/01JY7EY93V8ZPK8PS99R819EBS/fc279b03-5a07-4ff7-a9e0-cd429d8d9779_dr-holly-geersen-dcjpg.webp" alt="Dr. Holly Geersen â Chiropractor & Acupuncturist" class="object-cover w-full h-full" loading="lazy"></div><div class="px-2 "><h5 class="ant-typography font-subtitle css-8pmhgl" style="color: rgb(51, 51, 51); font-size: 20px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Dr. Holly Geersen</h5></div><div class="px-2 "><h5 class="ant-typography font-subtitle css-8pmhgl" style="color: rgb(25, 118, 210); font-size: 16px; font-weight: 600; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Chiropractor and Board-Certified Acupuncturist</h5></div><div class="px-2 "><div class="ant-typography font-paragraph css-8pmhgl" style="color: rgb(51, 51, 51); font-size: 14px; font-weight: normal; text-align: center; padding: 16px; margin: 0px; line-height: 1.5;">Dr. Holly Geersen brings nearly two decades of dedication and expertise to Total Wellness Center, where she has been a cornerstone of the practice since 2005. A proud alumna of Palmer College of Chiropractic, where she graduated in 2003, Dr. Geersen laid a comprehensive foundation for her career with a preceding Bachelor of Science degree in both Exercise Physiology and Biochemistry.<br><br>Specializing in providing focused care for women, geriatric patients, and individuals with shoulder injuries, Dr. Geersen is committed to delivering highly personalized treatment. Her methodology emphasizes gentle, non-force chiropractic techniques, including Activator, Diversified, and Thompson methods, which she utilizes for precise and comfortable adjustments.<br><br>Dr. Geersen goes beyond traditional chiropractic care by holding a certification as a Chiropractic Board Certified Acupuncturist. A strong focus on rehabilitation defines her treatment approach, which incorporates core training, postural stabilization, and specific therapeutic exercises meticulously tailored to each patient's unique health goals and requirements.<br><br>In practice, Dr. Geersen utilizes advanced neurological scanning to pinpoint the exact location of spinal subluxations, ensuring the utmost accuracy in her gentle care. Her comprehensive services at the Aurora, CO, center also include onsite x-rays, acupuncture, and expert nutritional counseling, offering a holistic path to total wellness.</div></div></div></div></div></div></div><div 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!1d3072.3247483680457!2d-104.8276786!3d39.6424054!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x876c8863eff05fa3%3A0x286a981b2061a08a!2sTotal%20Wellness%20Center!5e0!3m2!1sen!2sus!4v1765293016114!5m2!1sen!2sus" width="600" height="450" loading="lazy" referrerpolicy="no-referrer-when-downgrade" style="width: 100%; height: 100%; border: none;"></iframe></div></div></div><footer class="w-full" style="background-color: rgb(51, 51, 51); 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: rgb(79, 119, 118);"></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</span><span class="text-gray-300 md:text-white md:text-right">9:00 AM - 12: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">Tuesday</span><span class="text-gray-300 md:text-white md:text-right">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">Wednesday - Thursday</span><span class="text-gray-300 md:text-white md:text-right">9:00 AM - 12: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</span><span class="text-gray-300 md:text-white md:text-right">Closed</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">Saturday</span><span class="text-gray-300 md:text-white md:text-right">9:00 AM - 11:00 AM</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">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: rgb(79, 119, 118);"></div></div><address class="mt-2 not-italic leading-relaxed text-sm whitespace-pre-line text-white">Total Wellness Center 16774024 S. Parker Rd 1678Aurora, CO, 80014</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: rgb(79, 119, 118);"></div></div><div class="flex gap-4 mt-1"><a href="https://www.facebook.com/totalwellnesscenteraurora#" 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://x.com/Aurora_chiro_" target="_blank" rel="noopener noreferrer" aria-label="X" 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="x" class="anticon anticon-x text-2xl text-white !text-white" style="color: white;"><svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" data-icon="x" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M921 912L601.11 445.75l.55.43L890.08 112H793.7L558.74 384 372.15 112H119.37l298.65 435.31-.04-.04L103 912h96.39L460.6 609.38 668.2 912zM333.96 184.73l448.83 654.54H706.4L257.2 184.73z"></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 text-white/70 mt-2" style="font-size: clamp(0.75rem, 1.5vw, 0.875rem);">© 2026 Healthcare Provider. All rights reserved.</p></div></div></footer></div> 1679 1680 <!-- JavaScript for interactive components --> 1681
1681<script> 1682 1683 // Patient Forms Functionality 1684 document.addEventListener('DOMContentLoaded', function() { 1685 const patientFormsContainers = document.querySelectorAll('.patient-forms'); 1686 1687 patientFormsContainers.forEach(container => { 1688 const options = container.querySelectorAll('.patient-forms__option'); 1689 const continueButton = container.querySelector('.patient-forms__continue'); 1690 const formList = container.querySelector('.patient-forms__list'); 1691 const formHeader = container.querySelector('.patient-forms__header'); 1692 const embedContainer = container.querySelector('.patient-forms__embed'); 1693 let selectedFormData = null; 1694 1695 options.forEach(option => { 1696 const radio = option.querySelector('input[type="radio"]'); 1697 1698 // Handle clicking on the entire option div 1699 option.addEventListener('click', function() { 1700 // Uncheck all other radios 1701 options.forEach(opt => { 1702 const r = opt.querySelector('input[type="radio"]'); 1703 if (r) r.checked = false; 1704 }); 1705 1706 // Check this radio 1707 if (radio) { 1708 radio.checked = true; 1709 if (continueButton) continueButton.disabled = false; 1710 selectedFormData = { 1711 formId: this.dataset.formId, 1712 title: this.querySelector('strong').textContent 1713 }; 1714 } 1715 }); 1716 1717 // Handle direct radio button clicks 1718 if (radio) { 1719 radio.addEventListener('click', function(e) { 1720 e.stopPropagation(); // Prevent double-firing with the option click 1721 if (continueButton) continueButton.disabled = false; 1722 selectedFormData = { 1723 formId: option.dataset.formId, 1724 title: option.querySelector('strong').textContent 1725 }; 1726 }); 1727 } 1728 }); 1729 1730 if (continueButton) { 1731 continueButton.addEventListener('click', function() { 1732 if (!selectedFormData) return; 1733 1734 // Hide the form selection interface 1735 if (formList) formList.style.display = 'none'; 1736 if (continueButton) continueButton.style.display = 'none'; 1737 if (formHeader) formHeader.style.display = 'none'; 1738 1739 // Create and show the form view 1740 const formView = document.createElement('div'); 1741 formView.className = 'patient-forms__form-view'; 1742 1743 const formHeaderHtml = document.createElement('div'); 1744 formHeaderHtml.className = 'patient-forms__form-header'; 1745 formHeaderHtml.innerHTML = ` 1746 <button class="patient-forms__back">â Back to Form Selection</button> 1747 <h2 class="patient-forms__form-title">${selectedFormData.title}</h2> 1748 `; 1749 1750 const embedContent = document.createElement('div'); 1751 embedContent.className = 'patient-forms__embed'; 1752 1753 // Create and append the script element 1754 const script = document.createElement('script'); 1755 script.charset = 'utf-8'; 1756 script.src = 'https://cdn.reviewwave.com/js/reviewwave.js'; 1757 script.dataset.id = selectedFormData.formId; 1758 1759 // Assemble the form view 1760 formView.appendChild(formHeaderHtml); 1761 formView.appendChild(embedContent); 1762 embedContent.appendChild(script); 1763 1764 // Add the form view to the container 1765 container.querySelector('.patient-forms__container').appendChild(formView); 1766 1767 // Add back button functionality 1768 const backButton = formHeaderHtml.querySelector('.patient-forms__back'); 1769 if (backButton) { 1770 backButton.addEventListener('click', function() { 1771 // Show the form selection interface 1772 if (formList) formList.style.display = 'flex'; 1773 if (continueButton) continueButton.style.display = 'block'; 1774 if (formHeader) formHeader.style.display = 'block'; 1775 1776 // Remove the form view 1777 formView.remove(); 1778 1779 // Reset selection 1780 options.forEach(opt => { 1781 const r = opt.querySelector('input[type="radio"]'); 1782 if (r) r.checked = false;
1783 }); 1784 if (continueButton) continueButton.disabled = true; 1785 selectedFormData = null; 1786 }); 1787 } 1788 }); 1789 } 1790 }); 1791 }); 1792 1793 1794 // Gallery functionality 1795 document.addEventListener('DOMContentLoaded', function() { 1796 // Initialize all gallery sliders with extracted settings 1797 const gallerySettings = {}; 1798 1799 initializeGallerySliders(gallerySettings); 1800 1801 function initializeGallerySliders(settings) { 1802 // Find all slider containers 1803 const sliders = document.querySelectorAll('.banner-slider'); 1804 1805 sliders.forEach(function(slider, idx) { 1806 const slides = slider.querySelectorAll('div > div'); 1807 const totalSlides = slides.length; 1808 if (totalSlides <= 1) return; 1809 1810 // Get the selector for this slider 1811 const selector = '.banner-slider:nth-of-type(' + (idx + 1) + ')'; 1812 1813 // Get settings for this slider or use defaults 1814 const sliderSettings = settings[selector] || { 1815 autoplaySpeed: 5000, 1816 showButtons: true, 1817 showDots: true, 1818 transitionEffect: 'none', 1819 transitionDuration: 500 1820 }; 1821 1822 const autoplaySpeed = sliderSettings.autoplaySpeed; 1823 1824 const leftBtn = slider.parentElement.querySelector('button[aria-label="Previous slide"]'); 1825 const rightBtn = slider.parentElement.querySelector('button[aria-label="Next slide"]'); 1826 const dots = slider.parentElement.querySelectorAll('div[style*="border-radius: 50%"]'); 1827 const playPauseBtn = slider.parentElement.querySelector('button[style*="bottom: 20px"][style*="right: 80px"]'); 1828 1829 // Set up autoplay 1830 let currentSlide = 0; 1831 let autoplayInterval; 1832 let isPlaying = true; // Default to playing 1833 1834 function startAutoplay() { 1835 if (autoplayInterval) clearInterval(autoplayInterval); 1836 autoplayInterval = setInterval(function() { 1837 goToSlide((currentSlide + 1) % totalSlides); 1838 }, autoplaySpeed); 1839 1840 // Update play/pause button if it exists 1841 if (playPauseBtn) { 1842 // Update icon to pause icon (could be a class change or content change) 1843 if (playPauseBtn.querySelector('[aria-label="pause"]')) { 1844 playPauseBtn.querySelector('[aria-label="pause"]').style.display = 'inline-block'; 1845 } 1846 if (playPauseBtn.querySelector('[aria-label="play"]')) { 1847 playPauseBtn.querySelector('[aria-label="play"]').style.display = 'none'; 1848 } 1849 } 1850 1851 isPlaying = true; 1852 } 1853 1854 function stopAutoplay() { 1855 if (autoplayInterval) clearInterval(autoplayInterval); 1856 1857 // Update play/pause button if it exists 1858 if (playPauseBtn) { 1859 // Update icon to play icon 1860 if (playPauseBtn.querySelector('[aria-label="pause"]')) { 1861 playPauseBtn.querySelector('[aria-label="pause"]').style.display = 'none'; 1862 } 1863 if (playPauseBtn.querySelector('[aria-label="play"]')) { 1864 playPauseBtn.querySelector('[aria-label="play"]').style.display = 'inline-block'; 1865 } 1866 } 1867 1868 isPlaying = false; 1869 } 1870 1871 function toggleAutoplay() { 1872 if (isPlaying) { 1873 stopAutoplay(); 1874 } else { 1875 startAutoplay(); 1876 } 1877 } 1878 1879 function goToSlide(index) { 1880 currentSlide = index; 1881 slider.scrollTo({ 1882 left: slider.clientWidth * index, 1883 behavior: 'smooth' 1884 }); 1885 1886 // Update dots if they exist 1887 if (dots.length > 0) { 1888 dots.forEach((dot, i) => { 1889 if (i === index) { 1890 dot.style.background = '#1890ff'; 1891 } else { 1892 dot.style.background = 'rgba(255, 255, 255, 0.5)'; 1893 } 1894 }); 1895 } 1896 } 1897 1898 // Set up navigation buttons 1899 if (leftBtn) { 1900 leftBtn.addEventListener('click', function(e) { 1901 e.preventDefault(); 1902 stopAutoplay(); 1903 goToSlide((currentSlide - 1 + totalSlides) % totalSlides); 1904 startAutoplay(); 1905 }); 1906 } 1907 1908 if (rightBtn) { 1909 rightBtn.addEventListener('click', function(e) { 1910 e.preventDefault(); 1911 stopAutoplay(); 1912 goToSlide((currentSlide + 1) % totalSlides); 1913 startAutoplay(); 1914 }); 1915 } 1916 1917 // Set up play/pause button 1918 if (playPauseBtn) { 1919 playPauseBtn.addEventListener('click', function(e) { 1920 e.preventDefault(); 1921 toggleAutoplay(); 1922 }); 1923 } 1924 1925 // Set up dot navigation 1926 if (dots.length > 0) {
1927 dots.forEach((dot, i) => { 1928 dot.addEventListener('click', function() { 1929 stopAutoplay(); 1930 goToSlide(i); 1931 startAutoplay(); 1932 }); 1933 }); 1934 } 1935 1936 // Handle touch/mouse events for swiping 1937 let touchStartX = null; 1938 let touchEndX = null; 1939 1940 slider.addEventListener('touchstart', function(e) { 1941 touchStartX = e.touches[0].clientX; 1942 stopAutoplay(); 1943 }); 1944 1945 slider.addEventListener('touchmove', function(e) { 1946 if (!touchStartX) return; 1947 touchEndX = e.touches[0].clientX; 1948 }); 1949 1950 slider.addEventListener('touchend', function() { 1951 if (!touchStartX || !touchEndX) { 1952 startAutoplay(); 1953 return; 1954 } 1955 1956 const diff = touchStartX - touchEndX; 1957 const threshold = 50; 1958 1959 if (Math.abs(diff) > threshold) { 1960 if (diff > 0) { 1961 goToSlide((currentSlide + 1) % totalSlides); 1962 } else { 1963 goToSlide((currentSlide - 1 + totalSlides) % totalSlides); 1964 } 1965 } 1966 1967 touchStartX = null; 1968 touchEndX = null; 1969 startAutoplay(); 1970 }); 1971 1972 // Start autoplay on page load 1973 startAutoplay(); 1974 }); 1975 } 1976 }); 1977 1978 1979 // Handle smooth scrolling for anchor links 1980 document.addEventListener('DOMContentLoaded', function() { 1981 // Find all anchor links with hash targets 1982 const anchorLinks = document.querySelectorAll('a[href^="#"]'); 1983 1984 anchorLinks.forEach(function(link) { 1985 link.addEventListener('click', function(e) { 1986 // Get the target element ID 1987 const targetId = this.getAttribute('href').substring(1); 1988 const targetElement = document.getElementById(targetId); 1989 1990 // If the target element exists 1991 if (targetElement) { 1992 e.preventDefault(); 1993 1994 // Scroll smoothly to the target 1995 targetElement.scrollIntoView({ 1996 behavior: 'smooth', 1997 block: 'start' 1998 }); 1999 2000 // Update URL hash without jumping 2001 history.pushState(null, null, '#' + targetId); 2002 } 2003 }); 2004 }); 2005 }); 2006 2007 2008document.addEventListener('DOMContentLoaded', () => { 2009 const mobileNav = document.querySelector('.mobile-nav-container'); 2010 if (!mobileNav) return; 2011 2012 const menuButton = mobileNav.querySelector('[data-element="mobile-menu-button"]'); 2013 const drawer = mobileNav.querySelector('[data-element="mobile-menu-drawer"]'); 2014 const drawerOverlay = mobileNav.querySelector('[data-element="mobile-menu-overlay"]'); 2015 const closeButton = mobileNav.querySelector('[data-element="mobile-menu-drawer-close"]'); 2016 2017 if (!menuButton || !drawer || !drawerOverlay || !closeButton) return; 2018 2019 // Mobile action buttons - prevent default in case they're placeholder links 2020 const actionButtons = mobileNav.querySelectorAll('[data-element^="mobile-action-"]'); 2021 actionButtons.forEach(btn => { 2022 const href = btn.getAttribute('href'); 2023 if (!href || href === '#') { 2024 btn.addEventListener('click', (e) => e.preventDefault()); 2025 } 2026 }); 2027 2028 const openDrawer = () => { 2029 drawer.classList.remove('translate-x-full'); 2030 drawerOverlay.classList.remove('hidden'); 2031 document.body.style.overflow = 'hidden'; // Prevent background scroll 2032 }; 2033 2034 const closeDrawer = () => { 2035 drawer.classList.add('translate-x-full'); 2036 drawerOverlay.classList.add('hidden'); 2037 document.body.style.overflow = ''; // Restore background scroll 2038 }; 2039 2040 menuButton.addEventListener('click', (e) => { 2041 e.stopPropagation(); 2042 openDrawer(); 2043 }); 2044 2045 closeButton.addEventListener('click', (e) => { 2046 e.stopPropagation(); 2047 closeDrawer(); 2048 }); 2049 2050 drawerOverlay.addEventListener('click', (e) => { 2051 e.stopPropagation(); 2052 closeDrawer(); 2053 }); 2054 2055 const drawerLinks = drawer.querySelectorAll('a'); 2056 drawerLinks.forEach(link => { 2057 link.addEventListener('click', closeDrawer); 2058 }); 2059 2060 // Handle submenu toggles 2061 const submenuToggles = drawer.querySelectorAll('[data-submenu-toggle]');
2062 submenuToggles.forEach(toggle => { 2063 toggle.addEventListener('click', (e) => { 2064 e.stopPropagation(); 2065 const submenuKey = toggle.getAttribute('data-submenu-toggle'); 2066 const submenuContent = drawer.querySelector('[data-submenu-content="' + submenuKey + '"]'); 2067 const arrow = toggle.querySelector('svg'); 2068 2069 if (submenuContent && arrow) { 2070 const isOpen = !submenuContent.classList.contains('max-h-0'); 2071 2072 if (isOpen) { 2073 // Close submenu 2074 submenuContent.classList.remove('max-h-96', 'max-h-open', 'opacity-100'); 2075 submenuContent.classList.add('max-h-0', 'opacity-0'); 2076 arrow.classList.remove('rotate-180'); 2077 toggle.setAttribute('aria-expanded', 'false'); 2078 } else { 2079 // Open submenu 2080 submenuContent.classList.remove('max-h-0', 'opacity-0'); 2081 submenuContent.classList.add('max-h-open', 'opacity-100'); 2082 arrow.classList.add('rotate-180'); 2083 toggle.setAttribute('aria-expanded', 'true'); 2084 } 2085 } 2086 }); 2087 }); 2088 2089 document.addEventListener('keydown', (e) => { 2090 if (e.key === 'Escape' && !drawer.classList.contains('translate-x-full')) { 2091 closeDrawer(); 2092 } 2093 }); 2094}); 2095 2096 </script>
2096 2097
2098<script> 2099 // Dynamic Navigation Height Adjustment 2100 // This script measures the actual navigation height and adjusts body padding accordingly 2101 (function() { 2102 function adjustBodyPadding() { 2103 const navigation = document.getElementById('navigation'); 2104 if (!navigation) return; 2105 2106 // Get the actual computed height of the navigation 2107 const navHeight = navigation.offsetHeight; 2108 2109 // Apply the measured height as body padding-top 2110 document.body.style.paddingTop = navHeight + 'px'; 2111 2112 // Store the height for potential future use 2113 document.documentElement.style.setProperty('--actual-navigation-height', navHeight + 'px'); 2114 } 2115 2116 // Adjust on DOM ready 2117 if (document.readyState === 'loading') { 2118 document.addEventListener('DOMContentLoaded', adjustBodyPadding); 2119 } else { 2120 adjustBodyPadding(); 2121 } 2122 2123 // Adjust on window resize (in case navigation height changes) 2124 let resizeTimeout; 2125 window.addEventListener('resize', function() { 2126 clearTimeout(resizeTimeout); 2127 resizeTimeout = setTimeout(adjustBodyPadding, 100); 2128 }); 2129 2130 // Adjust after fonts load (in case font loading affects navigation height) 2131 if (document.fonts) { 2132 document.fonts.ready.then(adjustBodyPadding); 2133 } 2134 })(); 2135</script>
2135 2136 2137
2137<script src="https://cdn.reviewwave.com/js/chat_embed.js" type="text/javascript" data-id="428554e7a23a11ab4441aba46d47af89232d"></script>
2137 2138
2139<script> 2140 window._rwREEl = (window._rwREEl || []).concat({ 2141 "el_id": "bcac623a-d702-478d-87f0-7308ec60b336", 2142 "key": "4285-049f-236d-9f7e-4454", 2143 "mode": "badge", 2144 "pos": "bottom-left", 2145 "delay": -1, 2146 "rating": 4, 2147 "num": 3, 2148 "type": "all", 2149 "no_link": 0, 2150 "schema": 1 2151}); 2152 2153 // Load S3 script first (always injected) 2154 var s3Script = document.createElement('script'); 2155 s3Script.src = "https://rw-embed-data.s3.amazonaws.com/4285-049f-236d-9f7e-4454.js"; 2156 s3Script.onload = function() { 2157 // Only load main script after S3 data is loaded AND if desktop width 2158 if (window.innerWidth > 767) { 2159 var cdnScript = document.createElement('script'); 2160 cdnScript.src = "https://cdn.reviewwave.com/js/reviews_embed.js"; 2161 cdnScript.async = true; 2162 document.head.appendChild(cdnScript); 2163 } 2164 }; 2165 s3Script.onerror = function() { 2166 console.warn('Failed to load reviews badge data from S3'); 2167 }; 2168 document.head.appendChild(s3Script); 2169</script>
2169 2170 2171 2172 <!-- Accessibility Widget --> 2173
2173<script> 2174 (function(d){ 2175 var s = d.createElement("script"); 2176 s.setAttribute("data-account", "tglYYbBp6o"); 2177 s.setAttribute("src", "https://accessibilityserver.org/widget.js"); 2178 (d.body || d.head).appendChild(s); 2179 })(document); 2180 </script>
2180 2181 <noscript> 2182 Please ensure Javascript is enabled for purposes of 2183 <a href="https://accessibilityserver.org">website accessibility</a> 2184 </noscript> 2185</body> 2186</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.