1<!DOCTYPE html><!-- Last Published: Thu Sep 17 2026 18:05:57 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="wond-oui.webflow.io" data-wf-page="67b4b5a713de784a518689ea" data-wf-site="67b4b5a713de784a5186895a" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Contact Oui Smile | Pediatric Dentist in Los Angeles, CA</title><meta content="Schedule your childâs visit with Oui Smile in LA. Call or message our pediatric dental team for appointments and inquiries." name="description"/><meta content="Contact Oui Smile | Pediatric Dentist in Los Angeles, CA" property="og:title"/><meta content="Schedule your childâs visit with Oui Smile in LA. Call or message our pediatric dental team for appointments and inquiries." property="og:description"/><meta content="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/67b4f410e2177ffe3d6f3853_AdobeStock_211022975.jpeg" property="og:image"/><meta content="Contact Oui Smile | Pediatric Dentist in Los Angeles, CA" name="twitter:title"/><meta content="Schedule your childâs visit with Oui Smile in LA. Call or message our pediatric dental team for appointments and inquiries." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/67b4f410e2177ffe3d6f3853_AdobeStock_211022975.jpeg" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="fLoAw1LlZoz8CxbypF6mLcafkQmlMWg0i6mK_CH4GOY" name="google-site-verification"/><link href="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/css/wond-oui.shared.653ce767e.min.css" rel="stylesheet" type="text/css" integrity="sha384-ZTznZ+Dm1ZLGu5Jhvz6MEwbjLh3c+U7WB7u9Cy2ZqGlujWdo5AS4C5R9C2i6KiPE" crossorigin="anonymous"/>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/68159ceac4e8a7aba40a6312_Dise%C3%B1o%20sin%20t%C3%ADtulo%20(20).png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/67b4b8e0674feee27b27678b_OUI_webclip.png" rel="apple-touch-icon"/><link href="https://www.ouismile.com/contact" rel="canonical"/><!-- Google Tag Manager -->
2<script>
vendor: 327 bytes, lines 2-6
2(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 3new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 4j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 5'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 6})(window,document,'script','dataLayer','
6GTM-TKBD6RT8
vendor: 3 bytes, line 6
6');
6</script>
6 7<!-- End Google Tag Manager --> 8<!-- [Swiper] --> 9<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/> 10<!-- [Flatpickr] --> 11<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
12<script defer src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
12 13 14<!-- [BA Slider]--> 15<link href="https://unpkg.com/beerslider/dist/BeerSlider.css" rel="stylesheet" type="text/css"/> 16<link href="https://cdn.jsdelivr.net/gh/wonderistweb/component/beer-slider.css" rel="stylesheet" type="text/css" /> 17
18<script> 19// stop youtube video from playing when popup is closed 20function callPlayer(func, args) { 21 var iframes = document.getElementsByTagName('iframe'); 22 for (var i = 0; i < iframes.length; ++i) { 23 if (iframes[i]) { 24 var src = iframes[i].getAttribute('src'); 25 if (src) { 26 if (src.indexOf('youtube.com/embed') != -1) { 27 iframes[i].contentWindow.postMessage(JSON.stringify({ 28 'event': 'command', 29 'func': func, 30 'args': args || [] 31 }), "*"); 32 } 33 } 34 } 35 } 36} 37</script>
37 38 39<style> 40/**************************\ 41 Text animatons 42 \**************************/ 43[text-split] { 44 opacity: 0; 45} 46html.w-editor [text-split] { 47 opacity: 1; 48} 49.word { 50 overflow: hidden; 51 padding-bottom: 0.1em; 52 margin-bottom: -0.1em; 53 transform-origin: bottom; 54} 55[js-line-animation='true'] { 56 visibility: hidden; 57} 58.w--editor [js-line-animation='true'] { 59 visibility: visible; 60} 61[js-line-animation='true'] .line { 62 overflow: hidden; 63} 64/**************************\ 65 MODAL Animation Style 66 \**************************/ 67@keyframes mmfadeIn { 68 from { 69 opacity: 0; 70 } 71 to { 72 opacity: 1; 73 } 74} 75 76@keyframes mmfadeOut { 77 from { 78 opacity: 1; 79 } 80 to { 81 opacity: 0; 82 } 83} 84 85@keyframes mmslideIn { 86 from { 87 transform: translateY(15%); 88 } 89 to { 90 transform: translateY(0); 91 } 92} 93 94@keyframes mmslideOut { 95 from { 96 transform: translateY(0); 97 } 98 to { 99 transform: translateY(-10%); 100 } 101} 102 103.modal-icon { 104pointer-events: none; 105} 106 107.micromodal-slide { 108 display: none; 109} 110 111.micromodal-slide.is-open { 112 display: block; 113} 114 115.micromodal-slide[aria-hidden="false"] .modal__overlay { 116 animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); 117} 118 119.micromodal-slide[aria-hidden="false"] .modal__container { 120 animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); 121} 122 123.micromodal-slide[aria-hidden="true"] .modal__overlay { 124 animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); 125} 126 127.micromodal-slide[aria-hidden="true"] .modal__container { 128 animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); 129} 130 131.micromodal-slide .modal__container, 132.micromodal-slide .modal__overlay { 133will-change: transform; 134} 135</style> 136<meta name="google-site-verification" content="dGvbj-U9GtHUjyJVsux61vhTGs_tGvRkRjEL1cwcZOs" /></head><body><div class="page-wrapper"><div class="page_code_wrap"><div class="page_code_base w-embed"><style> 137:root { 138 --swatch--currentcolor: currentColor; 139 --swatch--inherit: inherit; 140} 141body { 142 font-smoothing: antialiased; 143 -webkit-font-smoothing: antialiased; 144} 145/* All sections Relative */ 146section, header, footer { 147 position: relative; 148} 149/* Remove WF defaults */ 150button { 151 background-color: unset; 152 padding: unset; 153 text-align: inherit; 154} 155img::selection { 156 background: transparent; 157} 158/* All images Cover */ 159img { 160 object-fit: cover; 161} 162/* All Video Cover */ 163video { 164 width: 100%; 165 object-fit: cover; 166} 167svg { 168 display: block; 169} 170:is(h1, h2, h3, h4, h5, h6, p) a { 171 text-decoration: underline; 172} 173.w-richtext > *:first-child { 174 margin-top: 0; 175} 176.w-richtext > *:last-child { 177 margin-bottom: 0; 178} 179.wf-empty[class*="--"] { 180 padding: 0; 181} 182 183/* Remove top/Bottom margin on first/last element in any rich text*/ 184.w-richtext > *:first-child { margin-top: 0; } 185.w-richtext > *:last-child { margin-bottom: 0; } 186/* Remove bottom margin on last element in any rich text*/ 187.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { 188 margin-bottom: 0; 189} 190/* Hide empty paragraphs in a rich text element */ 191.w-richtext p:empty{ display:none;} 192 193/*Reset wf address tag styles*/ 194address { 195 font-style: normal; 196} 197/* SR Only */ 198.sr-only{ 199 position:absolute; 200 left:-10000px; 201 top:auto; 202 width:1px; 203 height:1px; 204 overflow:hidden; 205} 206 207/**#%**/ 208/* flatpicker .date input background fix*/ 209.flatpickr-input[readonly] { 210 background-color: white; 211} 212 213 214/* Focus state style for keyboard navigation for the focusable elements */ 215[tabindex]:focus-visible, 216a:focus-visible, 217button:focus-visible, 218.w-checkbox-input--inputType-custom.w--redirected-focus, 219.w-form-formradioinput--inputType-custom.w--redirected-focus { 220 outline: 0.125rem solid var(--theme--text); 221 outline-offset: 0.25rem; 222} 223.w-checkbox-input--inputType-custom.w--redirected-focus, 224.w-form-formradioinput--inputType-custom.w--redirected-focus { 225 box-shadow: none; 226} 227/* Set color style to inherit */ 228.inherit-color * { 229 color: inherit; 230} 231
232/* CLIENT FIRST STYLES */ 233/* Make sure containers never lose their center alignment */ 234.container-medium,.container-small, .container-large { 235 margin-right: auto !important; 236 margin-left: auto !important; 237} 238/* Apply "..." after 3 lines of text */ 239.text-style-3lines { 240 display: -webkit-box; 241 overflow: hidden; 242 -webkit-line-clamp: 3; 243 -webkit-box-orient: vertical; 244} 245/* Apply "..." after 2 lines of text */ 246.text-style-2lines { 247 display: -webkit-box; 248 overflow: hidden; 249 -webkit-line-clamp: 2; 250 -webkit-box-orient: vertical; 251} 252/* Adds inline flex display */ 253.display-inlineflex { 254 display: inline-flex; 255} 256/* These classes are never overwritten */ 257.hide { 258 display: none !important; 259} 260@media screen and (max-width: 991px) { 261 .hide, .hide-tablet { 262 display: none !important; 263 } 264} 265 @media screen and (max-width: 767px) { 266 .hide-mobile-landscape{ 267 display: none !important; 268 } 269} 270 @media screen and (max-width: 479px) { 271 .hide-mobile{ 272 display: none !important; 273 } 274} 275 276.margin-0 { 277 margin: 0rem !important; 278} 279.padding-0 { 280 padding: 0rem !important; 281} 282.spacing-clean { 283padding: 0rem !important; 284margin: 0rem !important; 285} 286.margin-top { 287 margin-right: 0rem !important; 288 margin-bottom: 0rem !important; 289 margin-left: 0rem !important; 290} 291.padding-top { 292 padding-right: 0rem !important; 293 padding-bottom: 0rem !important; 294 padding-left: 0rem !important; 295} 296.margin-right { 297 margin-top: 0rem !important; 298 margin-bottom: 0rem !important; 299 margin-left: 0rem !important; 300} 301.padding-right { 302 padding-top: 0rem !important; 303 padding-bottom: 0rem !important; 304 padding-left: 0rem !important; 305} 306.margin-bottom { 307 margin-top: 0rem !important; 308 margin-right: 0rem !important; 309 margin-left: 0rem !important; 310} 311.padding-bottom { 312 padding-top: 0rem !important; 313 padding-right: 0rem !important; 314 padding-left: 0rem !important; 315} 316.margin-left { 317 margin-top: 0rem !important; 318 margin-right: 0rem !important; 319 margin-bottom: 0rem !important; 320} 321.padding-left { 322 padding-top: 0rem !important; 323 padding-right: 0rem !important; 324 padding-bottom: 0rem !important; 325} 326.margin-horizontal { 327 margin-top: 0rem !important; 328 margin-bottom: 0rem !important; 329} 330.padding-horizontal { 331 padding-top: 0rem !important; 332 padding-bottom: 0rem !important; 333} 334.margin-vertical { 335 margin-right: 0rem !important; 336 margin-left: 0rem !important; 337} 338.padding-vertical { 339 padding-right: 0rem !important; 340 padding-left: 0rem !important; 341} 342 343</style></div><div class="page_code_base-lumos w-embed"><style> 344:root { 345 --site--max-width: min(var(--site--width), 100vw); 346 --container--main: calc(var(--site--max-width) - var(--site--margin) * 2); 347 --container--full: calc(100vw - var(--site--margin) * 2); 348 --container--small: calc(var(--column-width--plus-gutter) * (var(--site--column-count) - 2) - var(--site--gutter)); 349 --site--gutter-total: calc(var(--site--gutter) * (var(--site--column-count) - 1)); 350 --column-width--1: calc((var(--container--main) - var(--site--gutter-total)) / var(--site--column-count)); 351 --column-width--plus-gutter: calc(var(--column-width--1) + var(--site--gutter)); 352 --column-width--2: calc(var(--column-width--plus-gutter) * 2 - var(--site--gutter)); 353 --column-width--3: calc(var(--column-width--plus-gutter) * 3 - var(--site--gutter)); 354 --column-width--4: calc(var(--column-width--plus-gutter) * 4 - var(--site--gutter)); 355 --column-width--5: calc(var(--column-width--plus-gutter) * 5 - var(--site--gutter)); 356 --column-width--6: calc(var(--column-width--plus-gutter) * 6 - var(--site--gutter)); 357 --column-width--7: calc(var(--column-width--plus-gutter) * 7 - var(--site--gutter)); 358 --column-width--8: calc(var(--column-width--plus-gutter) * 8 - var(--site--gutter)); 359 --column-width--9: calc(var(--column-width--plus-gutter) * 9 - var(--site--gutter)); 360 --column-width--10: calc(var(--column-width--plus-gutter) * 10 - var(--site--gutter)); 361 --column-width--11: calc(var(--column-width--plus-gutter) * 11 - var(--site--gutter)); 362 --column-width--12: calc(var(--column-width--plus-gutter) * 12 - var(--site--gutter)); 363 --column-margin--1: calc(var(--column-width--plus-gutter) * 1); 364 --column-margin--2: calc(var(--column-width--plus-gutter) * 2); 365 --column-margin--3: calc(var(--column-width--plus-gutter) * 3); 366 --column-margin--4: calc(var(--column-width--plus-gutter) * 4); 367 --column-margin--5: calc(var(--column-width--plus-gutter) * 5); 368 --column-margin--6: calc(var(--column-width--plus-gutter) * 6); 369 --column-margin--7: calc(var(--column-width--plus-gutter) * 7); 370 --column-margin--8: calc(var(--column-width--plus-gutter) * 8); 371 --column-margin--9: calc(var(--column-width--plus-gutter) * 9); 372 --column-margin--10: calc(var(--column-width--plus-gutter) * 10); 373 --column-margin--11: calc(var(--column-width--plus-gutter) * 11); 374 --column-margin--12: calc(var(--column-width--plus-gutter) * 12); 375 --breakout-start: [full-start] minmax(0, 1fr) [content-start]; 376 --breakout-end: [content-end] minmax(0, 1fr) [full-end]; 377 --grid-breakout-single: var(--breakout-start) minmax(0, var(--container--main)) var(--breakout-end); 378 --grid-breakout: var(--breakout-start) repeat(var(--site--column-count), minmax(0, var(--column-width--1))) var(--breakout-end); 379 --grid-main: repeat(var(--site--column-count), minmax(0, 1fr)); 380 --grid-1: repeat(1, minmax(0, 1fr)); 381 --grid-2: repeat(2, minmax(0, 1fr)); 382 --grid-3: repeat(3, minmax(0, 1fr)); 383 --grid-4: repeat(4, minmax(0, 1fr)); 384 --grid-5: repeat(5, minmax(0, 1fr)); 385 --grid-6: repeat(6, minmax(0, 1fr)); 386 --grid-7: repeat(7, minmax(0, 1fr)); 387 --grid-8: repeat(8, minmax(0, 1fr)); 388 --grid-9: repeat(9, minmax(0, 1fr)); 389 --grid-10: repeat(10, minmax(0, 1fr)); 390 --grid-11: repeat(11, minmax(0, 1fr)); 391 --grid-12: repeat(12, minmax(0, 1fr)); 392 393 --text-transform--none: none; 394 --text-transform--uppercase: uppercase; 395 --text-transform--capitalize: capitalize; 396 --text-transform--lowercase: lowercase; 397 --text-transform--inherit: inherit; 398} 399* { 400 vertical-align: bottom; 401} 402::before, ::after { 403 box-sizing: border-box; 404} 405body { 406 text-transform: var(--text-main--text-transform); 407 font-smoothing: antialiased; 408 -webkit-font-smoothing: antialiased; 409} 410label, blockquote { 411 font-size: inherit; 412 line-height: inherit; 413 font-weight: inherit; 414 margin-top: 0; 415 margin-bottom: 0; 416} 417button { 418 background-color: unset; 419 padding: unset; 420 text-align: inherit; 421} 422button:not(:disabled) { 423 cursor: pointer; 424} 425video { 426 width: 100%; 427 object-fit: cover; 428} 429video.wf-empty { 430 padding: 0; 431} 432svg { 433 max-width: 100%; 434} 435section, header, footer { 436 position: relative; 437} 438@media (prefers-color-scheme: light) { 439 option { 440 color: black; 441 } 442} 443img::selection { 444 background: transparent; 445} 446a:not([class]) { 447 text-decoration: underline; 448} 449.w-richtext a { 450 position: relative; 451 z-index: 4; 452} 453[class*="u-text-style-"] > :where(h1,h2,h3,h4,h5,h6,p,blockquote) { 454 font-family: inherit; 455 font-size: inherit; 456 font-weight: inherit; 457 line-height: inherit; 458 letter-spacing: inherit; 459 text-transform: inherit; 460 text-wrap: inherit; 461 margin-top: inherit; 462 margin-bottom: inherit; 463} 464:not(.u-margin-trim-off, .u-block-gap, .w-background-video) > :not(:not(.w-condition-invisible) ~ :not(.w-condition-invisible)) { 465 margin-top: 0; 466} 467:not(.u-margin-trim-off, .u-block-gap, .w-background-video) > :not(:has(~ :not(.w-condition-invisible))) { 468 margin-bottom: 0; 469} 470 471.u-hide-if-empty:empty, 472.u-hide-if-empty:not(:has(> :not(.w-condition-invisible))), 473.u-hide-if-empty-cms:not(:has(.w-dyn-item)), 474.w-richtext[class*="u-text-style-"] > :not(h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,span), 475.u-embed-js, 476.u-embed-css { 477 display: none !important; 478} 479 480.u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { 481 -webkit-line-clamp: 1; 482 -webkit-box-orient: vertical; 483} 484.u-line-clamp-2 { -webkit-line-clamp: 2; } 485.u-line-clamp-3 { -webkit-line-clamp: 3; } 486.u-line-clamp-4 { -webkit-line-clamp: 4; } 487 488a, button, [tabindex], 489.w-checkbox-input--inputType-custom, 490.w-form-formradioinput--inputType-custom {
491 outline-offset: var(--focus--offset-outer); 492} 493a:focus-visible, 494button:focus-visible, 495[tabindex]:focus-visible, 496.w-checkbox:has(:focus-visible) .w-checkbox-input--inputType-custom, 497.w-radio:has(:focus-visible) .w-form-formradioinput--inputType-custom { 498 outline-color: var(--theme--text); 499 outline-width: var(--focus--width); 500 outline-style: solid; 501} 502.w-checkbox-input--inputType-custom.w--redirected-focus, 503.w-form-formradioinput--inputType-custom.w--redirected-focus { 504 box-shadow: none; 505} 506 507.u-block-gap { 508 --gap: var(--content-space--button-group-gap); 509 --gap-x: var(--gap); 510 --gap-y: var(--gap); 511} 512.u-block-gap > * { 513 margin-inline: calc(var(--gap-x) / 2); 514 margin-top: var(--gap-y); 515 vertical-align: inherit; 516} 517:where(.u-block-gap > *) { 518 display: inline-block; 519} 520.u-block-gap::before { 521 content: ""; 522 display: table; 523 margin-bottom: calc(var(--gap-y) * -1); 524} 525 526.u-block-gap-vertical { 527 --gap: 0; 528 --margin: var(--gap); 529} 530.u-block-gap-vertical > * { 531 margin-top: var(--margin); 532 margin-bottom: 0; 533} 534 535.u-gap-0 { --gap: 0; } 536.u-gap-1 { --gap: var(--space--1); } 537.u-gap-2 { --gap: var(--space--2); } 538.u-gap-3 { --gap: var(--space--3); } 539.u-gap-4 { --gap: var(--space--4); } 540.u-gap-5 { --gap: var(--space--5); } 541.u-gap-6 { --gap: var(--space--6); } 542.u-gap-7 { --gap: var(--space--7); } 543.u-gap-8 { --gap: var(--space--8); } 544.u-gap-gutter { --gap: var(--site--gutter); } 545.u-gap-row-0 { --gap-y: 0; } 546.u-gap-row-1 { --gap-y: var(--space--1); } 547.u-gap-row-2 { --gap-y: var(--space--2); } 548.u-gap-row-3 { --gap-y: var(--space--3); } 549.u-gap-row-4 { --gap-y: var(--space--4); } 550.u-gap-row-5 { --gap-y: var(--space--5); } 551.u-gap-row-6 { --gap-y: var(--space--6); } 552.u-gap-row-7 { --gap-y: var(--space--7); } 553.u-gap-row-8 { --gap-y: var(--space--8); } 554.u-gap-row-gutter { --gap-y: var(--site--gutter); } 555 556.u-child-contain > * { 557 display: inline-block; 558 width: 100%; 559 max-width: inherit; 560 margin-top: 0; 561} 562 563.u-text-margin-none :is([class*="u-text-style-"],h1,h2,h3,h4,h5,h6,p) { 564 margin-top: 0; 565 margin-bottom: 0; 566} 567 568.wf-design-mode .g_clickable_wrap { 569 z-index: 0; 570} 571.g_clickable_wrap a[href="#"] { 572 display: none; 573} 574.g_clickable_wrap a[href="#"] ~ button { 575 display: block; 576} 577 578/* component attributes */ 579 580/* Hide parent if all children text are empty */ 581[data-parent]:not(:has([data-child]:not(:empty))) { 582 display: none; 583} 584 585/* Hide parent if it has no children */ 586[data-hide-if-empty]:empty, 587[data-hide-if-empty]:not(:has(> *:not(.w-condition-invisible))) { 588 display: none; 589} 590 591/* Section Padding */ 592[data-padding-top="none"] { padding-top: var(--section-space--none); } 593[data-padding-bottom="none"] { padding-bottom: var(--section-space--none); } 594 595[data-padding-top="even"] { padding-top: var(--site--margin); } 596[data-padding-bottom="even"] { padding-bottom: var(--site--margin); } 597 598[data-padding-top="small"] { padding-top: var(--section-space--small); } 599[data-padding-bottom="small"] { padding-bottom: var(--section-space--small); } 600 601[data-padding-top="main"] { padding-top: var(--section-space--main); } 602[data-padding-bottom="main"] { padding-bottom: var(--section-space--main); } 603 604[data-padding-top="large"] { padding-top: var(--section-space--large); } 605[data-padding-bottom="large"] { padding-bottom: var(--section-space--large); } 606 607/* align items */ 608[data-align-items-start="true"] { align-items: start !important; } 609[data-align-items-center="true"] { align-items: center !important; } 610[data-align-items-end="true"] { align-items: end !important; } 611 612/* justify content */ 613[data-justify-content-start="true"] { justify-content: start !important; } 614[data-justify-content-center="true"] { justify-content: center !important; } 615[data-justify-content-end="true"] { justify-content: end !important; } 616[data-justify-content="top"] { justify-content: start !important; } 617[data-justify-content="center"] { justify-content: center !important; } 618[data-justify-content="bottom"] { justify-content: end !important; } 619 620/* text align */ 621[data-text-align-left="true"] { text-align: left; } 622[data-text-align-center="true"] { text-align: center; } 623[data-text-align-right="true"] { text-align: right; } 624 625/* max width */ 626[data-max-width-none="true"] { max-width: none !important; } 627 628/* Image Align Y*/ 629[data-image-align-y="0"] { object-position: 50% 0% !important; } 630[data-image-align-y="10"] { object-position: 50% 10% !important; } 631[data-image-align-y="20"] { object-position: 50% 20% !important; } 632[data-image-align-y="30"] { object-position: 50% 30% !important; } 633[data-image-align-y="40"] { object-position: 50% 40% !important; } 634[data-image-align-y="50"] { object-position: 50% 50% !important; } 635[data-image-align-y="60"] { object-position: 50% 60% !important; } 636[data-image-align-y="70"] { object-position: 50% 70% !important; } 637[data-image-align-y="80"] { object-position: 50% 80% !important; } 638[data-image-align-y="90"] { object-position: 50% 90% !important; } 639[data-image-align-y="100"] { object-position: 50% 100% !important; } 640 641/* Image Contain */ 642[data-image-contain="true"] { object-fit: contain; } 643 644/* Filter */ 645[data-filter="invert"] { filter: invert(100%); } 646 647/* Sticky Contain */ 648[data-position-sticky="true"] { position: -webkit-sticky; /* Safari */ position: sticky; top: var(--nav--height-total); } 649 650/* hide section if it has no cms items */ 651[data-cms-check="true"]:not(:has(.w-dyn-item)) {
652 display: none; 653} 654 655/* grid layout reverse */ 656@media screen and (min-width: 768px) { 657 [data-order-desktop-first="true"] { order: -1 !important; } 658 [data-order-desktop-last="true"] { order: 2 !important; } 659} 660@media screen and (max-width: 768px) { 661 [data-order-tablet-first="true"] { order: -1 !important; } 662 [data-order-tablet-last="true"] { order: 2 !important; } 663} 664 665/* MOB Center */ 666@media screen and (max-width: 479px) { 667 [data-mob-center="true"] { text-align: center !important; justify-content: center !important; align-items: center !important; } 668} 669 670</style></div><div class="page_code_color w-embed"><style> 671/* theme light */ 672:root, 673[data-theme="light"], 674[data-theme="dark"] [data-theme="invert"] { 675 --theme--background: var(--swatch--light); 676 --theme--background-secondary: var(--swatch--light-secondary); 677 --theme--text: var(--swatch--black); 678 --theme--text-secondary: var(--swatch--black); 679 --theme--border: var(--swatch--dark-fade); 680 /* button primary */ 681 --button--background: var(--swatch--dark); 682 --button--text: var(--swatch--black); 683 --button--border: var(--swatch--dark); 684 --button--background-hover: var(--swatch--dark-secondary); 685 --button--text-hover: var(--swatch--black); 686 --button--border-hover: var(--swatch--dark-secondary); 687 /* button secondary */ 688 --button-secondary--background: var(--swatch--transparent); 689 --button-secondary--text: var(--swatch--black); 690 --button-secondary--border: var(--swatch--brand-third); 691 --button-secondary--background-hover: var(--swatch--brand-fourth); 692 --button-secondary--text-hover: var(--swatch--black); 693 --button-secondary--border-hover: var(--swatch--brand-fourth); 694 /* link */ 695 --link--text: var(--swatch--black); 696 --link--text-hover: var(--swatch--dark-secondary); 697 --link--text-active: var(--swatch--dark-secondary); 698} 699 700/* theme dark */ 701[data-theme="dark"], 702[data-theme="invert"], 703[data-theme="light"] [data-theme="invert"] { 704 --theme--background: var(--swatch--dark); 705 --theme--background-secondary: var(--swatch--dark-secondary); 706 --theme--text: var(--swatch--black); 707 --theme--text-secondary: var(--swatch--black); 708 --theme--background-secondary: var(--swatch--dark-secondary); 709 --theme--border: var(--swatch--dark-fade); 710 /* button primary */ 711 --button--background: var(--swatch--brand-third); 712 --button--text: var(--swatch--black); 713 --button--border: var(--swatch--brand-third); 714 --button--background-hover: var(--swatch--brand-fourth); 715 --button--text-hover: var(--swatch--black); 716 --button--border-hover: var(--swatch--brand-fourth); 717 /* button secondary */ 718 --button-secondary--background: var(--swatch--brand); 719 --button-secondary--text: var(--swatch--black); 720 --button-secondary--border: var(--swatch--brand); 721 --button-secondary--background-hover: var(--swatch--brand-secondary); 722 --button-secondary--text-hover: var(--swatch--black); 723 --button-secondary--border-hover: var(--swatch--brand-secondary); 724 /* link */ 725 --link--text: var(--swatch--black); 726 --link--text-hover: var(--swatch--dark-fade); 727 --link--text-active: var(--swatch--dark-fade); 728} 729/* button secondary */ 730[data-button-style="secondary"] { 731 --button--background: var(--button-secondary--background); 732 --button--text: var(--button-secondary--text); 733 --button--border: var(--button-secondary--border); 734 --button--background-hover: var(--button-secondary--background-hover); 735 --button--text-hover: var(--button-secondary--text-hover); 736 --button--border-hover: var(--button-secondary--border-hover); 737} 738/* apply colors */ 739:is(c, :where([data-theme]:not([data-theme="inherit"]))) { 740 background-color: var(--theme--background); 741 color: var(--theme--text); 742} 743</style></div><div class="page_code_responsive w-embed"><style> 744/* https://fluidbuilder.webflow.io/?design=90&max=90&min=20&f&g=--site--margin,3,1_--size--2rem,2,1.75_--size--2-5rem,2.5,2_--size--3rem,3,2.25_--size--3-5rem,3.5,2.375_--size--4rem,4,2.5_--size--4-5rem,4.5,2.75_--size--5rem,5,3_--size--5-5rem,5.5,3.25_--size--6rem,6,3.5_--size--6-5rem,6.5,3.75_--size--7rem,7,4_--size--7-5rem,7.5,4.25_--size--8rem,8,4.5_--size--8-5rem,8.5,4.75_--size--9rem,9,5_--size--9-5rem,9.5,5.25_--size--10rem,10,5.5_--size--11rem,11,5.75_--size--12rem,12,6_--size--13rem,13,6.5_--size--14rem,14,7_--size--15rem,15,7.5_--size--16rem,16,8 */ 745 746:root { 747 --site--margin: clamp(1rem, 0.428rem + 2.86vw, 3rem); 748 --size--2rem: clamp(1.75rem, 1.678rem + 0.36vw, 2rem); 749 --size--2-5rem: clamp(2rem, 1.858rem + 0.71vw, 2.5rem); 750 --size--3rem: clamp(2.25rem, 2.036rem + 1.07vw, 3rem); 751 --size--3-5rem: clamp(2.375rem, 2.053rem + 1.61vw, 3.5rem); 752 --size--4rem: clamp(2.5rem, 2.072rem + 2.14vw, 4rem); 753 --size--4-5rem: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem); 754 --size--5rem: clamp(3rem, 2.428rem + 2.86vw, 5rem);
755 --size--5-5rem: clamp(3.25rem, 2.608rem + 3.21vw, 5.5rem); 756 --size--6rem: clamp(3.5rem, 2.786rem + 3.57vw, 6rem); 757 --size--6-5rem: clamp(3.75rem, 2.964rem + 3.93vw, 6.5rem); 758 --size--7rem: clamp(4rem, 3.142rem + 4.29vw, 7rem); 759 --size--7-5rem: clamp(4.25rem, 3.322rem + 4.64vw, 7.5rem); 760 --size--8rem: clamp(4.5rem, 3.5rem + 5vw, 8rem); 761 --size--8-5rem: clamp(4.75rem, 3.678rem + 5.36vw, 8.5rem); 762 --size--9rem: clamp(5rem, 3.858rem + 5.71vw, 9rem); 763 --size--9-5rem: clamp(5.25rem, 4.036rem + 6.07vw, 9.5rem); 764 --size--10rem: clamp(5.5rem, 4.214rem + 6.43vw, 10rem); 765 --size--11rem: clamp(5.75rem, 4.25rem + 7.5vw, 11rem); 766 --size--12rem: clamp(6rem, 4.286rem + 8.57vw, 12rem); 767 --size--13rem: clamp(6.5rem, 4.642rem + 9.29vw, 13rem); 768 --size--14rem: clamp(7rem, 5rem + 10vw, 14rem); 769 --size--15rem: clamp(7.5rem, 5.358rem + 10.71vw, 15rem); 770 --size--16rem: clamp(8rem, 5.714rem + 11.43vw, 16rem); 771} 772/* tablet */ 773@media screen and (max-width: 991px) { 774 :root { 775 /* custom */ 776 --padding-horizontal--main: 2rem; 777 /* adaptive sizes */ 778 --size--2rem: 1.75rem; 779 --size--2-5rem: 2.25rem; 780 --size--3rem: 2.5rem; 781 --size--3-5rem: 2.75rem; 782 --size--4rem: 3rem; 783 --size--4-5rem: 3.5rem; 784 --size--5rem: 4rem; 785 --size--5-5rem: 4.5rem; 786 --size--6rem: 5rem; 787 --size--6-5rem: 5.25rem; 788 --size--7rem: 5.5rem; 789 --size--7-5rem: 6rem; 790 --size--8rem: 6.5rem; 791 --size--8-5rem: 6.75rem; 792 --size--9rem: 7rem; 793 --size--9-5rem: 7.5rem; 794 --size--10rem: 8rem; 795 --size--11rem: 9rem; 796 --size--12rem: 10rem; 797 --size--13rem: 11rem; 798 --size--14rem: 12rem; 799 --size--15rem: 13rem; 800 --size--16rem: 14rem; 801 } 802} 803/* landscape */ 804@media screen and (max-width: 767px) { 805 :root { 806 /* custom */ 807 --padding-horizontal--main: 1rem; 808 /* adaptive sizes */ 809 --size--2-5rem: 2rem; 810 --size--3rem: 2.25rem; 811 --size--3-5rem: 2.375rem; 812 --size--4rem: 2.5rem; 813 --size--4-5rem: 2.75rem; 814 --size--5rem: 3rem; 815 --size--5-5rem: 3.25rem; 816 --size--6rem: 3.5rem; 817 --size--6-5rem: 3.75rem; 818 --size--7rem: 4rem; 819 --size--7-5rem: 4.25rem; 820 --size--8rem: 4.5rem; 821 --size--8-5rem: 4.75rem; 822 --size--9rem: 5rem; 823 --size--9-5rem: 5.25rem; 824 --size--10rem: 5.5rem; 825 --size--11rem: 5.75rem; 826 --size--12rem: 6rem; 827 --size--13rem: 6.5rem; 828 --size--14rem: 7rem; 829 --size--15rem: 7.5rem; 830 --size--16rem: 8rem; 831 } 832} 833/* portrait */ 834@media screen and (max-width: 479px) { 835 :root { 836 /* custom */ 837 } 838} 839</style></div><div class="page_code_custom w-embed"><style> 840 841/* grid layout reverse For Service Categories */ 842.service-category_item:nth-child(even) .layout_main_grid{ 843 grid-auto-flow: dense; 844 direction: rtl; 845} 846.service-category_item:nth-child(even) .layout_main_left{ 847 direction: ltr; 848} 849 850/* Swiper STYLES */ 851.swiper-pagination-bullets.swiper-pagination-horizontal { 852 width: auto; 853} 854.slider-main_arrow.is-disabled { 855 opacity: 0.3; 856 pointer-events: none; 857} 858 859 /* FIX Beer Slider Tags */ 860.beer-slider[data-beer-label]:after { 861 color: black; 862} 863.beer-reveal[data-beer-label]:after { 864 color: black; 865} 866 /* FIX ui widget icon */ 867img.ui_w{ 868 width: 40px!important; 869} 870/* Lottie Color */ 871.faq-icon path { 872 stroke: currentColor; 873}
874.c-nav_icon path { 875 stroke: currentColor; 876} 877/* placeholder opacity */ 878.form_main_field_input::placeholder{ color:color-mix(in srgb, var(--theme--text) 60%, transparent);} 879 880/* Blur Filter */ 881.blur {backdrop-filter: blur(1em); -webkit-backdrop-filter: blur(1em); background-color: color-mix(in srgb, var(--theme--white) 10%, transparent);} 882 883/* RichText - Bullet List */ 884.text-rich-text li::marker { 885 color: var(--theme--text-secondary); 886 content: "â â; 887 } 888 889 890</style></div><div class="video_code w-embed"><style> 891/* YOUTUBE */ 892.youtube-video-embed iframe { 893 position: absolute; 894 top: 0; 895 left: 0; 896 width: 100%; 897 height: 100%; 898} 899 900.yt-video-wrap { 901 float: none; 902 clear: both; 903 width: 100%; 904 position: relative; 905 padding-bottom: 56.25%; 906 padding-top: 0px; 907 height: 0; 908 pointer-events: none; 909} 910.yt-video-wrap iframe { 911 position: absolute; 912 top: 0; 913 left: 0; 914 width: 100%; 915 height: 104%; 916 z-index: -1; 917 filter: brightness(60%); 918} 919/* popup video responsive sizing */ 920.iframe-fluid{ 921 position: absolute; 922 top: 0; 923 left: 0; 924 width: 100% !important; 925 height: 100% !important; 926} 927 928/* VIDEO EMBED STYLING */ 929.frame__video-embed iframe{ 930 position: absolute; 931 top: 0; 932 left: 0; 933 width: 100% !important; 934 height: 100% !important; 935} 936 .frame__video-embed { 937 position: relative; 938 padding-bottom: 56.25%; /* 16:9 */ 939 height: 0; 940 } 941 942 943 944 945</style></div></div><div class="navbar_wrapper"><div data-theme="dark" class="nav_component"><div class="w-embed"><style> 946:root { 947 --nav--height: 4rem; 948 --nav--banner-height: 2.4rem; 949 --nav--height-total: var(--nav--height); 950 --nav--icon-thickness: var(--border-width--main); 951 --nav--hamburger-thickness: var(--nav--icon-thickness); 952 --nav--hamburger-gap: var(--space--2); 953 --nav--hamburger-rotate: 45; 954 --nav--menu-open-duration: 400ms; 955 --nav--menu-close-duration: 400ms; 956 --nav--dropdown-duration: 400ms; 957 --nav--dropdown-open-duration: 400ms; 958 --nav--dropdown-delay: 0ms; 959} 960/* on smaller screens */ 961@media (width < 67em) { 962 /* disable scroll when mobile menu is open */ 963 body:has(.nav_component .w-nav-button.w--open) { overflow: hidden; } 964} 965/* on larger screens */ 966@media (width >= 67em) { 967 /* disable scroll when dropdown is open */ 968 body:has(.nav_dropdown_component > .w--open) { overflow: hidden; } 969} 970/* on larger screens */ 971@container (min-width: 67em) { 972 /* show desktop nav & dropdown backdrop */ 973 .nav_wrap.is-desktop, .nav_dropdown_backdrop { display: block; } 974 /* hide mobile nav & mobile menu backdrop */ 975 .nav_wrap.is-mobile, .nav_menu_backdrop { display: none; } 976} 977/* dropdown list: initial state */ 978html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list { 979 /* removes display none to enable css transitions */ 980 display: grid !important; 981 grid-template-columns: minmax(0, 1fr); 982 /* sets list to 0 height by default */ 983 grid-template-rows: 0fr; 984 transition: grid-template-rows var(--nav--dropdown-duration); 985 /* makes list content not focusable when closed */ 986 visibility: hidden; 987 opacity: 0; 988} 989/* makes list content focusable when opened */ 990html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list.w--open { 991 visibility: visible; 992 opacity: 1; 993} 994/* sets list child to overflow hidden to enable css height transition */ 995.nav_dropdown_component > .w-dropdown-list > * { 996 overflow: hidden; 997} 998/* set open state of dropdown list */ 999.nav_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { 1000 --nav--dropdown-duration: var(--nav--dropdown-open-duration); 1001 grid-template-rows: 1fr; 1002} 1003/* on desktop, delay dropdown opening if another dropdown is open */ 1004.nav_wrap.is-desktop:has(.nav_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) .nav_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { 1005 transition-delay: var(--nav--dropdown-duration); 1006} 1007/* reveal dropdown backdrop when dropdown open */ 1008.nav_dropdown_backdrop { 1009 transition: opacity var(--nav--dropdown-duration); 1010} 1011body:has(.nav_dropdown_component > [aria-expanded="true"]) .nav_dropdown_backdrop { 1012 opacity: 1; 1013} 1014/* rotate arrow inside open dropdown */ 1015.w-dropdown-toggle[aria-expanded="true"] .nav_links_svg { 1016 transform: rotate(-180deg); 1017} 1018/* fade out other dropdown links when link is hovered */ 1019@media (hover: hover) and (pointer: fine) { 1020 body:has(.nav_dropdown_item:hover) .nav_dropdown_item:not(:hover) > * > * { 1021 opacity: 0.5; 1022 } 1023} 1024/* animate first hamburger line when opened */ 1025.nav_component .w-nav-button.w--open > * > :first-child { 1026 transform: translateY(calc(var(--nav--hamburger-thickness) * 0.5 + var(--nav--hamburger-gap) * 0.5)) rotate(calc(var(--nav--hamburger-rotate) * -1deg)); 1027} 1028/* animate second hamburger line when opened */ 1029.nav_component .w-nav-button.w--open > * > :last-child { 1030 transform: translateY(calc(var(--nav--hamburger-thickness) * -0.5 + var(--nav--hamburger-gap) * -0.5)) rotate(calc(var(--nav--hamburger-rotate) * 1deg)); 1031} 1032/* reveal mobile menu backdrop on menu open */ 1033.nav_menu_backdrop { 1034 transition: opacity var(--nav--menu-close-duration); 1035} 1036.nav_component:has(.w-nav-button.w--open) .nav_menu_backdrop { 1037 opacity: 1; 1038} 1039/* menu animations */ 1040@keyframes menuOpen { 1041 from { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } 1042 to { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } 1043} 1044@keyframes menuClose { 1045 from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } 1046 to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } 1047} 1048/* menu open */ 1049.nav_component:has(.w-nav-button.w--open) .w-nav-menu { 1050 animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards; 1051} 1052/* menu close */ 1053.nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { 1054 animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards; 1055} 1056/* position overflow to top of screen */ 1057.nav_component .w-nav-overlay { 1058 top: 0; 1059 min-height: 100vh; 1060} 1061/* search focus underline */ 1062.nav_search_wrap:has(input:focus-visible) { 1063 border-color: var(--theme--text); 1064} 1065/* open dropdown on mobile */ 1066.nav_wrap.is-mobile [data-open-on-mobile] > .w-dropdown-toggle { 1067 display: none; 1068} 1069.nav_wrap.is-mobile [data-open-on-mobile] > .w-dropdown-list { 1070 visibility: visible; 1071 opacity: 1; 1072 display: block; 1073 grid-template-rows: 1fr; 1074} 1075/* Rotate Nav Banner Arrow When External Link */ 1076a[target="_blank"] .nav_banner_svg { 1077 transform: rotate(-45deg); 1078} 1079/* nav banner */ 1080html:has(.nav_banner_wrap:not(.w-condition-invisible)):not(.hide-nav-banner) { 1081 --nav--height-total: calc(var(--nav--banner-height) + var(--nav--height)); 1082} 1083.hide-nav-banner .nav_banner_wrap {
1084 display: none; 1085} 1086</style></div><a href="/#main" class="nav_skip_wrap w-inline-block"><div class="nav_skip_text u-text-style-small">Skip to main content</div></a><div role="banner" class="nav_wrap is-desktop"><div class="nav_contain u-container"><a aria-label="Home Page" href="/#main" class="nav_logo_wrap w-inline-block"><img src="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/67b4d83e83b742dacd1e9c57_oui-smile-name-blk-rgb.svg" loading="lazy" alt="" class="logo_image"/></a><nav role="navigation" class="nav_desktop_layout"><div data-wf--nav-links--properties-variant="desktop" class="nav_links_component w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e"><ul role="list" class="nav_links_wrap w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-list-unstyled"><li class="nav_links_item w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e"><a href="/about" class="nav_links_link w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-inline-block"><div class="nav_links_text">About</div></a></li><li class="nav_links_item w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e"><div data-delay="400" data-hover="true" class="nav_dropdown_component w-dropdown"><div class="nav_links_link w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-dropdown-toggle"><div class="nav_links_text">Services</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 47 24" fill="none" aria-hidden="true" class="nav_links_svg"><path d="M1 1L23.5 23L46 1" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="var(--nav--icon-thickness)"></path></svg></div><nav class="nav_dropdown_main_wrap w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-dropdown-list"><div class="nav_dropdown_main_content"><div data-lenis-prevent="" class="nav_dropdown_main_scroll w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e"><div class="w-dyn-list"><div role="list" class="nav_dropdown_list w-dyn-items"><div data-cms-nest="item" role="listitem" class="nav_dropdown_item w-dyn-item"><div class="nav_dropdown_cms_wrap"><a href="/service-categories/preventive-dentistry" class="nav_dropdown_link w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-inline-block"><div class="nav_dropdown_text">Pediatric Preventive Dentistry </div></a></div></div><div data-cms-nest="item" role="listitem" class="nav_dropdown_item w-dyn-item"><div class="nav_dropdown_cms_wrap"><a href="/service-categories/pediatric-restorative-dentistry" class="nav_dropdown_link w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-inline-block"><div class="nav_dropdown_text">Pediatric Restorative Dentistry </div></a></div></div></div></div><div class="w-dyn-list"><div role="list" class="nav_dropdown_list w-dyn-items"><div data-cms-nest="item" role="listitem" class="nav_dropdown_item w-dyn-item"><div class="nav_dropdown_cms_wrap"><a href="/services/special-needs" class="nav_dropdown_link w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-inline-block"><div class="nav_dropdown_text">Special Needs Dentist</div></a></div></div><div data-cms-nest="item" role="listitem" class="nav_dropdown_item w-dyn-item"><div class="nav_dropdown_cms_wrap"><a href="/services/pediatric-emergencies" class="nav_dropdown_link w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-inline-block"><div class="nav_dropdown_text">Pediatric Dental Emergencies</div></a></div></div><div data-cms-nest="item" role="listitem" class="nav_dropdown_item w-dyn-item"><div class="nav_dropdown_cms_wrap"><a href="/services/pediatric-sedation" class="nav_dropdown_link w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-inline-block"><div class="nav_dropdown_text">Pediatric Sedation </div></a></div></div><div data-cms-nest="item" role="listitem" class="nav_dropdown_item w-dyn-item"><div class="nav_dropdown_cms_wrap"><a href="/services/oral-habits" class="nav_dropdown_link w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-inline-block"><div class="nav_dropdown_text">Oral Habits </div></a></div></div></div></div></div></div></nav></div></li><li class="nav_links_item w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e"><div data-delay="400" data-hover="true" class="nav_dropdown_component w-dropdown"><div class="nav_links_link w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-dropdown-toggle"><div class="nav_links_text">For Parents</div>
1086<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 47 24" fill="none" aria-hidden="true" class="nav_links_svg"><path d="M1 1L23.5 23L46 1" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="var(--nav--icon-thickness)"></path></svg></div><nav class="nav_dropdown_main_wrap w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-dropdown-list"><div class="nav_dropdown_main_content"><div data-lenis-prevent="" class="nav_dropdown_main_scroll w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e"><ul role="list" class="nav_dropdown_list"><li class="nav_dropdown_item"><a href="/first-visits" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">First Visits</div></a></li><li class="nav_dropdown_item"><a href="/for-patients/patient-resources" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">Patient Resources</div></a></li><li class="nav_dropdown_item"><a href="/for-patients/membership" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">Membership</div></a></li><li class="nav_dropdown_item"></li><li class="nav_dropdown_item"><a href="/for-patients/blog" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">Blog</div></a></li></ul></div></div></nav></div></li><li class="nav_links_item w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e"><a href="https://api.ipospays.com/v1/sl/C0n6y_290925163410" target="_blank" class="nav_links_link w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-inline-block"><div class="nav_links_text">Payment Portal</div></a></li><li class="nav_links_item w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e"><a href="/contact" aria-current="page" class="nav_links_link w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-inline-block w--current"><div class="nav_links_text">Contact</div></a></li></ul><ul role="list" class="nav_actions_wrap w-variant-7a6c00a2-0269-cfa0-c336-635e69aa6f7e w-list-unstyled"><li data-hide-if-empty="" class="nav_buttons_item"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="tel:+13232444440" class="text-link w-inline-block"><div class="text-link_layout custom_gap"><div class="icon-1x1 text-color-secondary"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32" class="iconify iconify--carbon"><path fill="currentColor" d="M24 13h-2a3.003 3.003 0 0 0-3-3V8a5.006 5.006 0 0 1 5 5Z"></path><path fill="currentColor" d="M28 13h-2a7.008 7.008 0 0 0-7-7V4a9.01 9.01 0 0 1 9 9zm-7.667 8.482l2.24-2.24a2.167 2.167 0 0 1 2.337-.48l2.728 1.092A2.167 2.167 0 0 1 29 21.866v4.961a2.167 2.167 0 0 1-2.284 2.169C7.594 27.806 3.732 11.61 3.015 5.408A2.162 2.162 0 0 1 5.169 3h4.873a2.167 2.167 0 0 1 2.012 1.362l1.091 2.728a2.167 2.167 0 0 1-.48 2.337l-2.24 2.24s1.242 8.732 9.908 9.815z"></path></svg></div><div>(323) 244-4440</div></div></a></div></div></div></li><li class="nav_buttons_item"><a data-button-style="primary" href="https://mychart.myoryx.com/online-schedule/index.html?realm=ouismile&univers=com" target="_blank" class="w-inline-block"><button data-button-style="primary" aria-label="open" class="button is-small"><div>Book Now</div></button></a></li></ul></div></nav></div></div><div data-animation="default" data-collapse="all" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="nav_wrap is-mobile w-nav"><div class="nav_contain u-container"><a aria-label="Home Page" href="/#main" class="nav_logo_wrap w-inline-block"><img src="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/67b4d83e83b742dacd1e9c57_oui-smile-name-blk-rgb.svg" loading="lazy" alt="" class="logo_image"/></a><nav role="navigation" class="nav_menu_wrap w-nav-menu"><div data-lenis-prevent="" class="nav_menu_scroll"><div class="nav_menu_contain u-container"><div data-wf--nav-links--properties-variant="base" class="nav_links_component"><ul role="list" class="nav_links_wrap w-list-unstyled"><li class="nav_links_item"><a href="/about" class="nav_links_link w-inline-block"><div class="nav_links_text">About</div></a></li><li class="nav_links_item"><div data-delay="400" data-hover="true" class="nav_dropdown_component w-dropdown"><div class="nav_links_link w-dropdown-toggle"><div class="nav_links_text">Services</div>
1086<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 47 24" fill="none" aria-hidden="true" class="nav_links_svg"><path d="M1 1L23.5 23L46 1" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="var(--nav--icon-thickness)"></path></svg></div><nav class="nav_dropdown_main_wrap w-dropdown-list"><div class="nav_dropdown_main_content"><div data-lenis-prevent="" class="nav_dropdown_main_scroll"><div class="w-dyn-list"><div role="list" class="nav_dropdown_list w-dyn-items"><div data-cms-nest="item" role="listitem" class="nav_dropdown_item w-dyn-item"><div class="nav_dropdown_cms_wrap"><a href="/service-categories/preventive-dentistry" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">Pediatric Preventive Dentistry </div></a></div></div><div data-cms-nest="item" role="listitem" class="nav_dropdown_item w-dyn-item"><div class="nav_dropdown_cms_wrap"><a href="/service-categories/pediatric-restorative-dentistry" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">Pediatric Restorative Dentistry </div></a></div></div></div></div><div class="w-dyn-list"><div role="list" class="nav_dropdown_list w-dyn-items"><div data-cms-nest="item" role="listitem" class="nav_dropdown_item w-dyn-item"><div class="nav_dropdown_cms_wrap"><a href="/services/special-needs" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">Special Needs Dentist</div></a></div></div><div data-cms-nest="item" role="listitem" class="nav_dropdown_item w-dyn-item"><div class="nav_dropdown_cms_wrap"><a href="/services/pediatric-emergencies" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">Pediatric Dental Emergencies</div></a></div></div><div data-cms-nest="item" role="listitem" class="nav_dropdown_item w-dyn-item"><div class="nav_dropdown_cms_wrap"><a href="/services/pediatric-sedation" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">Pediatric Sedation </div></a></div></div><div data-cms-nest="item" role="listitem" class="nav_dropdown_item w-dyn-item"><div class="nav_dropdown_cms_wrap"><a href="/services/oral-habits" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">Oral Habits </div></a></div></div></div></div></div></div></nav></div></li><li class="nav_links_item"><div data-delay="400" data-hover="true" class="nav_dropdown_component w-dropdown"><div class="nav_links_link w-dropdown-toggle"><div class="nav_links_text">For Parents</div><svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 47 24" fill="none" aria-hidden="true" class="nav_links_svg"><path d="M1 1L23.5 23L46 1" stroke="currentColor" vector-effect="non-scaling-stroke" stroke-width="var(--nav--icon-thickness)"></path></svg></div><nav class="nav_dropdown_main_wrap w-dropdown-list"><div class="nav_dropdown_main_content"><div data-lenis-prevent="" class="nav_dropdown_main_scroll"><ul role="list" class="nav_dropdown_list"><li class="nav_dropdown_item"><a href="/first-visits" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">First Visits</div></a></li><li class="nav_dropdown_item"><a href="/for-patients/patient-resources" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">Patient Resources</div></a></li><li class="nav_dropdown_item"><a href="/for-patients/membership" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">Membership</div></a></li><li class="nav_dropdown_item"></li><li class="nav_dropdown_item"><a href="/for-patients/blog" class="nav_dropdown_link w-inline-block"><div class="nav_dropdown_text">Blog</div></a></li></ul></div></div></nav></div></li><li class="nav_links_item"><a href="https://api.ipospays.com/v1/sl/C0n6y_290925163410" target="_blank" class="nav_links_link w-inline-block"><div class="nav_links_text">Payment Portal</div></a></li><li class="nav_links_item"><a href="/contact" aria-current="page" class="nav_links_link w-inline-block w--current"><div class="nav_links_text">Contact</div></a></li></ul><ul role="list" class="nav_actions_wrap w-list-unstyled"><li data-hide-if-empty="" class="nav_buttons_item"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="tel:+13232444440" class="text-link w-inline-block"><div class="text-link_layout custom_gap"><div class="icon-1x1 text-color-secondary"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32" class="iconify iconify--carbon">
1086<path fill="currentColor" d="M24 13h-2a3.003 3.003 0 0 0-3-3V8a5.006 5.006 0 0 1 5 5Z"></path><path fill="currentColor" d="M28 13h-2a7.008 7.008 0 0 0-7-7V4a9.01 9.01 0 0 1 9 9zm-7.667 8.482l2.24-2.24a2.167 2.167 0 0 1 2.337-.48l2.728 1.092A2.167 2.167 0 0 1 29 21.866v4.961a2.167 2.167 0 0 1-2.284 2.169C7.594 27.806 3.732 11.61 3.015 5.408A2.162 2.162 0 0 1 5.169 3h4.873a2.167 2.167 0 0 1 2.012 1.362l1.091 2.728a2.167 2.167 0 0 1-.48 2.337l-2.24 2.24s1.242 8.732 9.908 9.815z"></path></svg></div><div>(323) 244-4440</div></div></a></div></div></div></li><li class="nav_buttons_item"><a data-button-style="primary" href="https://mychart.myoryx.com/online-schedule/index.html?realm=ouismile&univers=com" target="_blank" class="w-inline-block"><button data-button-style="primary" aria-label="open" class="button is-small"><div>Book Now</div></button></a></li></ul></div></div></div></nav><div class="navbar07_mob-wrapper"><div class="navbar_mob-cms-list-wrapper w-dyn-list"><div role="list" class="navbar_mob-cms-list w-dyn-items"><div role="listitem" class="navbar_mob-cms-item w-dyn-item"><div class="navbar_mob-icons"><a href="tel:+13232444440" class="navbar_icon-link w-inline-block"><div class="icon-embed-small"><div class="svg"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32" class="iconify iconify--carbon"><path fill="currentColor" d="M24 13h-2a3.003 3.003 0 0 0-3-3V8a5.006 5.006 0 0 1 5 5Z"></path><path fill="currentColor" d="M28 13h-2a7.008 7.008 0 0 0-7-7V4a9.01 9.01 0 0 1 9 9zm-7.667 8.482l2.24-2.24a2.167 2.167 0 0 1 2.337-.48l2.728 1.092A2.167 2.167 0 0 1 29 21.866v4.961a2.167 2.167 0 0 1-2.284 2.169C7.594 27.806 3.732 11.61 3.015 5.408A2.162 2.162 0 0 1 5.169 3h4.873a2.167 2.167 0 0 1 2.012 1.362l1.091 2.728a2.167 2.167 0 0 1-.48 2.337l-2.24 2.24s1.242 8.732 9.908 9.815z"></path></svg></div></div><div class="sr-only">Phone</div></a><a scroll="disable" href="https://mychart.myoryx.com/online-schedule/index.html?realm=ouismile&univers=com" target="_blank" class="navbar_icon-link w-inline-block"><div class="icon-embed-small"><div class="svg"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" class="iconify iconify--ic"><path fill="currentColor" d="M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zM9 14H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2zm-8 4H7v-2h2v2zm4 0h-2v-2h2v2zm4 0h-2v-2h2v2z"></path></svg></div></div><div class="sr-only">Book Now</div></a><a href="https://maps.app.goo.gl/SpgDVhPka4yKG61e9" target="_blank" class="navbar_icon-link w-inline-block"><div class="icon-embed-small"><div class="svg"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24" class="iconify iconify--ic"><path fill="currentColor" d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7m0 9.5a2.5 2.5 0 0 1 0-5a2.5 2.5 0 0 1 0 5"></path></svg></div></div><div class="sr-only">Location</div></a></div></div></div></div></div><div class="nav_btn_wrap w-nav-button"><div class="nav_btn_layout"><div class="nav_btn_line"></div><div class="nav_btn_line"></div></div></div></div></div><div class="nav_dropdown_backdrop"></div><div class="nav_menu_backdrop"></div></div></div><main class="main-wrapper"><section data-theme="light" data-wf--section-header--style="base" class="section_header"><div data-w-id="ee0f1658-e7e6-ef7c-9df2-84543e9aa4db" class="page_hero_image"><div class="background_wrap"><div STYLE="border-radius: var(--radius--0)" class="sticky-background_card"><div STYLE="opacity: 30%;" class="background_image_wrap"><img data-image-align-y="50" data-animate-parallax="true" src="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/6953c4a1c52134a51a54118f_REED5489.webp" alt="" sizes="100vw" srcset="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/6953c4a1c52134a51a54118f_REED5489-p-500.webp 500w, https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/6953c4a1c52134a51a54118f_REED5489-p-800.webp 800w, https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/6953c4a1c52134a51a54118f_REED5489-p-1080.webp 1080w, https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/6953c4a1c52134a51a54118f_REED5489-p-1600.webp 1600w, https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/6953c4a1c52134a51a54118f_REED5489-p-2000.webp 2000w, https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/6953c4a1c52134a51a54118f_REED5489-p-2600.webp 2600w, https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/6953c4a1c52134a51a54118f_REED5489-p-3200.webp 3200w, https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/6953c4a1c52134a51a54118f_REED5489.webp 6024w" class="parallax_image"/></div></div></div></div><div class="container z-index-1"><div data-padding-bottom="main" data-padding-top="main" class="padding-global"><div data-align-items-center="true" data-text-align-center="true" data-mob-center="true" class="page_hero_layout"><div data-hide-if-empty="" data-mob-center="true" class="main_layout_subhead"></div><div data-mob-center="true" data-align-items-center="true" class="main_layout_text u-vflex-left-top"><h1 STYLE="max-width: 25ch;" data-mob-center="false" class="heading_custom u-text-style-h1"><div class="heading_wrapper u-vflex-left-top"><div js-line-animation="true" class="heading_text">Contact</div></div></h1></div><div data-hide-if-empty="" data-justify-content-center="true" data-mob-center="true" class="button-group"></div></div></div></div></section><section data-theme="inherit" data-wf--section-content-columns--style="base" class="section u-vflex-stretch-between"><div data-padding-bottom="main" data-padding-top="main" class="u-container"><div class="layout_main_grid"><div data-order-desktop-last="false" data-justify-content-center="true" data-mob-center="true" data-order-tablet-first="true" class="layout_main_left u-vflex-left-top"><div data-hide-if-empty="" data-mob-center="true" class="main_layout_subhead u-vflex-left-top u-gap-xsmall"><div class="subhead_text-wrap">
1086<div class="subhead_divider"><img src="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/67b4dae021f78a8a89c61e20_paws.svg" loading="lazy" alt="" class="paws_accent"/></div><h3 STYLE="max-width: 75ch;" data-text-align-center="false" data-mob-center="false" js-line-animation="true" class="subhead_text text-color-primary">We canât wait to meet you!</h3></div></div><div data-hide-if-empty="" data-mob-center="true" class="main_layout_text u-vflex-left-center"><h2 STYLE="max-width: 25ch;" data-mob-center="false" class="heading_custom u-text-style-h2"><div class="heading_wrapper u-vflex-left-top"><div js-line-animation="true" class="heading_text">Get In Touch</div></div></h2><div STYLE="max-width: 55ch;" data-text-align-left="true" class="u-text-max-width"><div data-mob-center="false" data-text-align-center="false" class="u-rich-text w-richtext u-text-style-main"><p>Whether youâre scheduling or following up on an appointment, have questions about our office, or just want to say hi â we want to hear from you! Send us a message or give us a call to speak to one of our compassionate team members. We look forward to connecting with you soon!</p></div></div></div><div data-hide-if-empty="" class="item_grid u-grid-custom"></div><div data-hide-if-empty="" data-mob-center="true" class="button-group"><a data-button-style="primary" href="https://mychart.myoryx.com/online-schedule/index.html?realm=ouismile&univers=com" target="_blank" class="w-inline-block"><button data-button-style="primary" aria-label="open" class="button"><div>Schedule Today</div></button></a><a data-button-style="secondary" href="tel:+13232444440" class="w-inline-block"><button button-style="secondary" class="button"><div class="button_layout"><div>Call (323) 244-4440</div></div></button></a></div></div><div id="w-node-_8cc8c009-f5f4-a1f9-e98e-a1268241b75a-898b5f58" data-justify-content-end="false" data-justify-conent-center="false" data-order-tablet-last="true" class="layout_main_right"><div data-max-width-none="false" data-position-sticky="false" data-justify-content-center="false" STYLE="height:auto" class="sticky_layout"><div data-mob-center="true" data-max-width-none="false" class="layout_slot u-vflex-stretch-between"><div class="code-embed w-embed w-iframe w-script"><iframe 1087 src="https://api.wonderistcrm.com/widget/form/nMBDVJIZ5rSIlYsmA5q6" 1088 style="width:100%;height:100%;border:none;border-radius:15px" 1089 id="inline-nMBDVJIZ5rSIlYsmA5q6" 1090 data-layout="{'id':'INLINE'}" 1091 data-trigger-type="alwaysShow" 1092 data-trigger-value="" 1093 data-activation-type="alwaysActivated" 1094 data-activation-value="" 1095 data-deactivation-type="neverDeactivate" 1096 data-deactivation-value="" 1097 data-form-name="A - Contact Us" 1098 data-height="988" 1099 data-layout-iframe-id="inline-nMBDVJIZ5rSIlYsmA5q6" 1100 data-form-id="nMBDVJIZ5rSIlYsmA5q6" 1101 title="A - Contact Us" 1102 > 1103</iframe>
1104<script src="https://api.wonderistcrm.com/js/form_embed.js"></script>
1104</div></div></div></div></div></div><img src="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/67b4d84278f22a1c91bfa09a_oui-smile-dog-lay-head-down-closed-eyes-rgb.svg" loading="lazy" alt="" class="dog-laying_image"/></section></main><footer><div data-wf--component-footer--style="base" data-theme="dark" class="footer_component"><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><div data-padding-bottom="main" data-padding-top="main" class="u-container"><div class="footer_grid"><img src="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/67b4d83d0590eab989e72ed6_oui-smile-logo-descrip-bone-rgb.svg" loading="lazy" id="w-node-_05a932ee-9c56-333a-e68b-c6c568151c93-68151c8f" alt="oui smile pediatric dentistry" class="footer_logo"/><div id="w-node-_05a932ee-9c56-333a-e68b-c6c568151c94-68151c8f" class="w-layout-grid social_list"><a data-button-style="secondary" href="https://www.facebook.com/profile.php?id=61578241390885&mibextid=wwXIfr&mibextid=wwXIfr" target="_blank" class="social_link w-inline-block"><div class="social_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1105<path d="M16.5 6H13.5C12.9477 6 12.5 6.44772 12.5 7V10H16.5C16.6137 9.99748 16.7216 10.0504 16.7892 10.1419C16.8568 10.2334 16.8758 10.352 16.84 10.46L16.1 12.66C16.0318 12.8619 15.8431 12.9984 15.63 13H12.5V20.5C12.5 20.7761 12.2761 21 12 21H9.5C9.22386 21 9 20.7761 9 20.5V13H7.5C7.22386 13 7 12.7761 7 12.5V10.5C7 10.2239 7.22386 10 7.5 10H9V7C9 4.79086 10.7909 3 13 3H16.5C16.7761 3 17 3.22386 17 3.5V5.5C17 5.77614 16.7761 6 16.5 6Z" fill="CurrentColor"/> 1106</svg></div><div class="sr-only">Facebook</div></a><a data-button-style="secondary" href="https://www.instagram.com/ouismilepediatricdentistry" target="_blank" class="social_link w-inline-block"><div class="social_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1107<path fill-rule="evenodd" clip-rule="evenodd" d="M16 3H8C5.23858 3 3 5.23858 3 8V16C3 18.7614 5.23858 21 8 21H16C18.7614 21 21 18.7614 21 16V8C21 5.23858 18.7614 3 16 3ZM19.25 16C19.2445 17.7926 17.7926 19.2445 16 19.25H8C6.20735 19.2445 4.75549 17.7926 4.75 16V8C4.75549 6.20735 6.20735 4.75549 8 4.75H16C17.7926 4.75549 19.2445 6.20735 19.25 8V16ZM16.75 8.25C17.3023 8.25 17.75 7.80228 17.75 7.25C17.75 6.69772 17.3023 6.25 16.75 6.25C16.1977 6.25 15.75 6.69772 15.75 7.25C15.75 7.80228 16.1977 8.25 16.75 8.25ZM12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5027 10.8057 16.0294 9.65957 15.1849 8.81508C14.3404 7.97059 13.1943 7.49734 12 7.5ZM9.25 12C9.25 13.5188 10.4812 14.75 12 14.75C13.5188 14.75 14.75 13.5188 14.75 12C14.75 10.4812 13.5188 9.25 12 9.25C10.4812 9.25 9.25 10.4812 9.25 12Z" fill="CurrentColor"/> 1108</svg></div><div class="sr-only">Instagram</div></a><a data-button-style="secondary" href="#" class="social_link w-inline-block w-condition-invisible"><div class="social_icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--carbon" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path fill="currentColor" fill-rule="evenodd" d="m9.09 15.246l4.67 2.277a1.07 1.07 0 0 1-.21 2.002l-5.04 1.257a1.073 1.073 0 0 1-1.324-.921a9.217 9.217 0 0 1 .42-3.997a1.07 1.07 0 0 1 1.485-.618zm1.87 9.614L14.436 21a1.07 1.07 0 0 1 1.866.753l-.181 5.194a1.072 1.072 0 0 1-1.25 1.02a9.301 9.301 0 0 1-3.722-1.507a1.071 1.071 0 0 1-.189-1.6zm8.242-5.138l4.942 1.606a1.071 1.071 0 0 1 .636 1.48a9.302 9.302 0 0 1-2.47 3.166a1.072 1.072 0 0 1-1.592-.258l-2.754-4.408a1.07 1.07 0 0 1 1.239-1.586zm5.025-3.152l-4.995 1.432a1.07 1.07 0 0 1-1.182-1.628l2.906-4.308a1.07 1.07 0 0 1 1.594-.206a9.217 9.217 0 0 1 2.363 3.25a1.073 1.073 0 0 1-.686 1.46zM12.557 4.45a14.954 14.954 0 0 0-2.568.946a1.07 1.07 0 0 0-.464 1.501l4.882 8.456a1.07 1.07 0 0 0 1.998-.535V5.053a1.07 1.07 0 0 0-1.152-1.068a14.958 14.958 0 0 0-2.697.465z"></path></svg></div><div class="sr-only">Yelp</div></a><a data-button-style="secondary" href="#" class="social_link w-inline-block w-condition-invisible"><div class="social_icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--bx" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
1108<path d="M21.593 7.203a2.506 2.506 0 0 0-1.762-1.766C18.265 5.007 12 5 12 5s-6.264-.007-7.831.404a2.56 2.56 0 0 0-1.766 1.778c-.413 1.566-.417 4.814-.417 4.814s-.004 3.264.406 4.814c.23.857.905 1.534 1.763 1.765c1.582.43 7.83.437 7.83.437s6.265.007 7.831-.403a2.515 2.515 0 0 0 1.767-1.763c.414-1.565.417-4.812.417-4.812s.02-3.265-.407-4.831zM9.996 15.005l.005-6l5.207 3.005l-5.212 2.995z" fill="currentColor"></path></svg></div><div class="sr-only">YouTube</div></a><a data-button-style="secondary" href="#" class="social_link w-inline-block w-condition-invisible"><div class="social_icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M16.6 5.82s.51.5 0 0A4.278 4.278 0 0 1 15.54 3h-3.09v12.4a2.592 2.592 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6c0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64c0 3.33 2.76 5.7 5.69 5.7c3.14 0 5.69-2.55 5.69-5.7V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3s-1.88.09-3.24-1.48z"></path></svg></div><div class="sr-only">TikToc</div></a><a data-button-style="secondary" href="#" class="social_link w-inline-block w-condition-invisible"><div class="social_icon is-small w-embed"><svg width="100%" height="100%" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> 1109<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="currentColor"/> 1110</svg></div><div class="sr-only">Twitter</div></a></div><div id="w-node-_05a932ee-9c56-333a-e68b-c6c568151ca9-68151c8f" class="footer_col u-vflex-left-top u-gap-small"><div id="w-node-_05a932ee-9c56-333a-e68b-c6c568151caa-68151c8f" class="footer_text-wrapper"><h5 class="u-text-style-h5">Phone</h5><a href="tel:+13232444440" class="text-link w-inline-block"><div>(323) 244-4440</div></a></div><div id="w-node-_05a932ee-9c56-333a-e68b-c6c568151cb0-68151c8f" class="footer_text-wrapper"><h5 class="u-text-style-h5">Email</h5><a href="mailto:[email protected]?subject=Website%20Lead" class="text-link w-inline-block"><div>[email protected]</div></a></div><address id="w-node-_05a932ee-9c56-333a-e68b-c6c568151cb6-68151c8f" class="footer_text-wrapper"><h5 class="u-text-style-h5">Address</h5><a href="https://maps.app.goo.gl/SpgDVhPka4yKG61e9" target="_blank" class="text-link w-inline-block"><div class="test-style-address">3162 Los Feliz Blvd 1111Los Angeles, CA 90039</div></a></address></div><div id="w-node-_05a932ee-9c56-333a-e68b-c6c568151cbe-68151c8f" class="footer_text-wrapper"><h5 class="u-text-style-h5">Hours</h5><div class="text-rich-text_hours w-richtext"><ul role="list"><li>Mon</li><li>9 AM - 5 PM</li><li>Tue</li><li>9 AM - 5 PM</li><li>Wed</li><li>9 AM - 5 PM</li><li>Thu</li><li>9 AM - 5 PM</li><li>Fri</li><li>9 AM - 4 PM</li></ul></div></div><div id="w-node-b7a56d6c-870b-586a-8dde-0c4017b40bf3-68151c8f" class="map"><div class="w-embed w-iframe"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d825.7220808093509!2d-118.2684443057538!3d34.12360863988804!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c2c1f0d9839117%3A0x1b62d31c6e7fbaff!2sOui%20Smile%20Pediatric%20Dentistry!5e0!3m2!1sen!2smx!4v1761357681432!5m2!1sen!2smx" width="100%" height="280" style="border:0;" allowfullscreen="" loading="lazy"></iframe></div></div></div></div><div class="footer_bottom u-container"><div class="divider"></div><div class="footer_grid bottom"><div id="w-node-_05a932ee-9c56-333a-e68b-c6c568151cdc-68151c8f" class="footer_copy-layout"><div id="w-node-_80dc549c-774e-940b-dfa3-6fa015552da8-68151c8f" class="text-span"><p class="text-size-tiny">©</p><p class="text-size-tiny">Oui Smile Pediatric Dentistry</p><p class="text-size-tiny"><span id="current-year">2020</span></p></div><div>|</div><div class="text-size-tiny"><a href="/privacy-policy" class="text-link">Privacy Policy</a></div></div><div class="text-size-tiny"><a href="https://www.wonderistagency.com" target="_blank" class="text-link">Website by Wonderist Agency</a></div></div></div></div></div></div></div><div id="modal-appointment" class="modal micromodal-slide"><div data-custom-close="1" tabindex="-1" class="modal__overlay"><div data-theme="light" role="dialog" aria-modal="true" aria-labelledby="modal-startclub" class="modal__container"><a data-custom-close="1" aria-label="Close" href="#" class="close-btn w-inline-block"><div class="close-btn-line is--1st"></div><div class="close-btn-line is--2nd"></div></a><header class="modal__header"><div class="main_layout_text u-vflex-center-center"><h3 STYLE="max-width: 25ch;" data-mob-center="false" class="heading_custom u-text-style-h4"><div class="heading_wrapper u-vflex-left-top"><div js-line-animation="false" class="heading_text">Schedule an Appointment</div></div></h3><div STYLE="max-width: 55ch;" data-text-align-left="true" class="u-text-max-width"><div data-mob-center="false" data-text-align-center="true" class="u-rich-text w-richtext u-text-style-small"><p>**Requested time is not final until you receive confirmation from our office.Please do not submit any Protected Health Information (PHI).</p></div></div></div></header>
1111<main id="modal-1-content" class="modal__content"><div class="modal_layout u-vflex-center-between"><div id="w-node-_849918de-2503-6810-088e-1afb80d20755-80d20746" class="contact-form-wrap"><div id="modal-appointment-form" class="modal_form w-form"><form id="wf-form-modal-appointment-message" name="wf-form-modal-appointment-message" data-name="modal-appointment-message" redirect="/thank-you" data-redirect="/thank-you" method="get" class="modal_form-wrapper u-vflex-stretch-between" data-wf-page-id="67b4b5a713de784a518689ea" data-wf-element-id="849918de-2503-6810-088e-1afb80d20757"><div class="modal_form_layout u-vflex-stretch-between"><div id="w-node-_849918de-2503-6810-088e-1afb80d20759-80d20746" class="form_main_row u-grid-autofit"><div data-wf--global-form-input--variant="base" class="form_main_field_wrap u-vflex-stretch-between u-gap-xsmall"><label for="modal-appointment-name" class="form_main_label">Name</label><input type="text" id="modal-appointment-name" name="modal-appointment-name" placeholder="First Last Name" required="" minlength="3" class="form_main_field_input"/></div><div data-wf--global-form-input--variant="base" class="form_main_field_wrap u-vflex-stretch-between u-gap-xsmall"><label for="modal-appointment-phone" class="form_main_label">Phone</label><input type="tel" id="modal-appointment-phone" name="modal-appointment-phone" placeholder="(000) 000-0000" required="" minlength="3" class="form_main_field_input"/></div></div><div id="w-node-_849918de-2503-6810-088e-1afb80d2075d-80d20746" class="form_main_row u-grid-autofit"><div data-wf--global-form-input--variant="base" class="form_main_field_wrap u-vflex-stretch-between u-gap-xsmall"><label for="modal-appointment-email" class="form_main_label">Email Address</label><input type="email" id="modal-appointment-email" name="modal-appointment-email" placeholder="[email protected]" required="" minlength="3" class="form_main_field_input"/></div></div><div class="form_main_row u-grid-autofit"><div class="field-wrapper u-vflex-stretch-between"><label for="modal-appointment-date" class="form_main_label">Preferred Date</label><input class="date w-input" maxlength="256" name="modal-appointment-date" data-name="modal-appointment-date" placeholder="Date / Time" type="text" id="modal-appointment-date" required=""/></div><div class="ms-radio-group u-vflex-stretch-between u-gap-xsmall"><label for="email" class="form_main_label">AM/PM</label><div class="ms-radio-row"><label class="w-checkbox form_main_option_item"><div class="w-checkbox-input w-checkbox-input--inputType-custom form_main_option_link"></div><input type="checkbox" name="modal-appointment-chekbox" id="modal-appointment-chekbox" data-name="modal-appointment-chekbox" style="opacity:0;position:absolute;z-index:-1"/><span class="form_main_label u-text-style-small w-form-label" for="modal-appointment-chekbox">Morning</span></label><label class="w-checkbox form_main_option_item"><div class="w-checkbox-input w-checkbox-input--inputType-custom form_main_option_link"></div><input type="checkbox" name="modal-appointment-chekbox2" id="modal-appointment-chekbox2" data-name="modal-appointment-chekbox2" style="opacity:0;position:absolute;z-index:-1"/><span class="form_main_label u-text-style-small w-form-label" for="modal-appointment-chekbox2">Afternoon</span></label></div></div></div><div id="w-node-_849918de-2503-6810-088e-1afb80d20770-80d20746" class="field-wrapper u-vflex-stretch-between u-gap-xsmall"><label for="modal-appointment-message" class="form_main_label">Message</label><textarea id="modal-appointment-message" name="modal-appointment-text" maxlength="5000" data-name="modal-appointment-text" placeholder="Your Message" class="form_main_field_input is-message w-input"></textarea></div></div><input type="submit" data-wait="Please wait..." button-style="primary" class="button w-button" value="Submit"/></form><div class="status-message cc-success-message w-form-done"><div class="lf-form-success-icon" data-w-id="849918de-2503-6810-088e-1afb80d20776" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/6385a5975829334ff1dc3005/6385a5975829337ea2dc3072_Success-Pack1-smooth.json" data-loop="0" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="2.24" data-duration="0" data-loading="eager"></div><div class="h3">Thank you!<br/>
1111Your submission has been received!</div><div class="form-success-trigger"></div></div><div class="status-message cc-error-message w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></main></div></div></div><div tr-ajaxmodal-element="lightbox" class="lightbox_section"><div class="lightbox_modal-wrapper"><a tr-ajaxmodal-element="lightbox-close" href="#" class="lightbox_close w-inline-block"><div class="display-none">Close Modal</div></a><div tr-ajaxmodal-element="lightbox-modal" class="lightbox_modal"></div></div></div><div class="swatch-modal_component"><div class="c-script w-embed w-script">
1111<script> 1112 document.addEventListener('DOMContentLoaded', function() { 1113 const modal = document.querySelector('#modal'); 1114 const closeButton = document.querySelector('#closeButton'); 1115 1116 // Show/hide modal on 'k' + 'command' keypress (Mac) or 'k' + 'control' keypress (Windows) 1117 document.addEventListener('keydown', function(event) { 1118 if (event.key === 'k' && (event.metaKey || (event.ctrlKey && !event.metaKey))) { 1119 event.preventDefault(); // prevent default Ctrl+K behavior (focus search bar) 1120 modal.style.display = modal.style.display === 'flex' ? 'none' : 'flex'; 1121 } 1122 }); 1123 1124 // Hide modal on close button click 1125 closeButton.addEventListener('click', function() { 1126 modal.style.display = 'none'; 1127 }); 1128 1129 // Arrow key navigation within modal 1130 document.addEventListener('keydown', function(event) { 1131 if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.key) && modal.style.display === 'flex') { 1132 event.preventDefault(); // prevent default arrow key behavior 1133 const currentLink = document.activeElement.closest('a:not(#ignoreLink)'); 1134 const links = modal.querySelectorAll('a:not(#ignoreLink)'); 1135 const currentIndex = Array.from(links).indexOf(currentLink); 1136 const nextIndex = (currentIndex + (event.key === 'ArrowUp' || event.key === 'ArrowLeft' ? -1 : 1) + links.length) % links.length; 1137 links[nextIndex].focus(); 1138 modal.scrollTop = links[nextIndex].offsetTop - modal.offsetTop; 1139 } 1140 }); 1141 }); 1142</script>
1142</div><div id="modal" class="swatch_modal"><div class="swatch-modal_wrapper"><div data-theme="dark" class="swatch-modal_menu"><div class="swatch-modal_top"><p class="text-size-large">Color Swatch</p></div><div id="modalMenu" class="swatch-modal_content"><div class="item_grid u-grid-column-4"><div class="fs-styleguide_item"><div>Dark</div><div class="fs-styleguide_background"><div class="swatch-dark"><div class="fs-styleguide_background-space"></div></div></div></div><div class="fs-styleguide_item"><div>Dark Secondary</div><div class="fs-styleguide_background"><div class="swatch-dark-secondary"><div class="fs-styleguide_background-space"></div></div></div></div><div class="fs-styleguide_item"><div>Light</div><div class="fs-styleguide_background"><div class="swatch-light"><div class="fs-styleguide_background-space"></div></div></div></div><div class="fs-styleguide_item"><div>Light Secondary</div><div class="fs-styleguide_background"><div class="swatch-light-secondary"><div class="fs-styleguide_background-space"></div></div></div></div><div class="fs-styleguide_item"><div>Brand</div><div class="fs-styleguide_background"><div class="swatch-brand"><div class="fs-styleguide_background-space"></div></div></div></div><div class="fs-styleguide_item"><div>Brand Secondary</div><div class="fs-styleguide_background"><div class="swatch-brand-secondary"><div class="fs-styleguide_background-space"></div></div></div></div><div class="fs-styleguide_item"><div>Black</div><div class="fs-styleguide_background"><div class="swatch-black"><div class="fs-styleguide_background-space"></div></div></div></div><div class="fs-styleguide_item"><div>White</div><div class="fs-styleguide_background"><div class="swatch-white"><div class="fs-styleguide_background-space"></div></div></div></div></div></div><div class="swatch-modal_bottom"><div class="modal_hints"><div class="modal_hint"><p class="modal_hint_text is--white">Open</p><img loading="lazy" src="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/67b4b5a713de784a518689cd_icon_shortcut.svg" alt="" class="modal_hint-icon"/></div><div class="modal_hint-divider"></div><div id="closeButton" class="modal_close"><p class="modal_hint_text is--close">Close</p><img loading="lazy" src="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/67b4b5a713de784a51868965_x.svg" alt="" class="modal_hint-icon"/></div></div></div></div></div></div></div></footer></div>
1142<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=67b4b5a713de784a5186895a" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1142<script src="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/js/wond-oui.schunk.f2efb3c5440a81cf.js" type="text/javascript" integrity="sha384-VK02VJvMib7ytrF5M2joPWNtDQs366FZgEQ5B+Iwnjx0WBnwQXfootyziSYxdrmS" crossorigin="anonymous"></script>
1142<script src="https://cdn.prod.website-files.com/67b4b5a713de784a5186895a/js/wond-oui.20bec8e6.294a1de60deed283.js" type="text/javascript" integrity="sha384-Vyn7AgB3iiBUeF9TGXYl8X+t9zYVCZy0vsuqsImqbb5F4L21U2ODbzAQz6mTLUcg" crossorigin="anonymous"></script>
1142<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
1142<script src="https://cdn.prod.website-files.com/gsap/3.15.0/ScrollTrigger.min.js" type="text/javascript"></script>
1142<script type="text/javascript">gsap.registerPlugin(ScrollTrigger);</script>
1142<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1142-1143
1142 1143<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1143GTM-TKBD6RT8
vendor: 83 bytes, lines 1143-1144
1143" 1144height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1145<!-- End Google Tag Manager (noscript) -->
1146<script src="https://unpkg.com/split-type"></script>
1146 1147
1148<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
vendor: 1 bytes, line 1148
1148
1149<script defer src="https://unpkg.com/beerslider/dist/BeerSlider.js"></script>
vendor: 1 bytes, line 1149
1149
1150<script src="https://unpkg.com/micromodal/dist/micromodal.min.js"></script>
vendor: 1 bytes, line 1150
1150
1151<script src="https://cdn.jsdelivr.net/gh/flowtricks/[email protected]/cms-nest.js"></script>
1151 1152
1153<script> 1154$("section").each(function (index) { 1155 let triggerEl = $(this), 1156 targetEl = $(this).find("[data-animate-parallax='true']"); 1157 let tl = gsap.timeline({ 1158 scrollTrigger: { 1159 trigger: triggerEl, 1160 start: "top bottom", 1161 end: "bottom top", 1162 scrub: true, 1163 }, 1164 }); 1165 tl.fromTo(targetEl, { y: "8%"}, { y: "-8%", duration: 2 }); 1166}); 1167</script>
vendor: 1 bytes, line 1167
1167
1168<script> 1169window.addEventListener("DOMContentLoaded", (event) => { 1170 setTimeout(() => { 1171 $("[js-line-animation='true']").each(function (index) { 1172 gsap.set($(this), { autoAlpha: 1 }); 1173 let textEl = $(this); 1174 let textContent = $(this).text(); 1175 let tl; 1176 1177 function splitText() { 1178 new SplitType(textEl, { types: "lines", tagName: "span" }); 1179 textEl.find(".line").each(function (index) { 1180 let lineContent = $(this).html(); 1181 $(this).html(""); 1182 $(this).append( 1183 `<span class="line-inner" style="display: block;">${lineContent}</span>` 1184 ); 1185 }); 1186 tl = gsap.timeline({ 1187 scrollTrigger: { 1188 trigger: textEl, 1189 start: "top bottom", 1190 end: "bottom bottom", 1191 toggleActions: "none play none reset", 1192 }, 1193 }); 1194 tl.fromTo( 1195 textEl.find(".line-inner"), 1196 { yPercent: 100 }, 1197 { 1198 yPercent: 0, 1199 duration: 0.3, 1200 stagger: { amount: 0.5, ease: "power1.out" }, 1201 } 1202 ); 1203 } 1204 splitText(); 1205 1206 let windowWidth = window.innerWidth; 1207 window.addEventListener("resize", function () { 1208 if (windowWidth !== window.innerWidth) { 1209 windowWidth = window.innerWidth; 1210 tl.kill(); 1211 textEl.text(textContent); 1212 splitText(); 1213 } 1214 }); 1215 }); 1216 }, 700); 1217}); 1218</script>
vendor: 1 bytes, line 1218
1218
1219<script> 1220// MODAL 1221 MicroModal.init({ 1222 onShow: modal => console.info(`${modal.id} is shown`), // [1] 1223 onClose: modal => console.info(`${modal.id} is hidden`), // [2] 1224 openTrigger: 'data-custom-open', // [3] 1225 closeTrigger: 'data-custom-close', // [4] 1226 openClass: 'is-open', // [5] 1227 disableScroll: true, // [6] 1228 disableFocus: false, // [7] 1229 awaitOpenAnimation: false, // [8] 1230 awaitCloseAnimation: false, // [9] 1231 debugMode: false // [10] 1232 }); 1233</script>
vendor: 1 bytes, line 1233
1233
1234<script> 1235// AJAX MODAL POWER-UP 1236window.addEventListener("DOMContentLoaded", (event) => { 1237 // ajaxmodal component 1238 function adjaxModal() { 1239 let lightbox = $("[tr-ajaxmodal-element='lightbox']"); 1240 let lightboxClose = $("[tr-ajaxmodal-element='lightbox-close']").attr("aria-label", "Close Modal"); 1241 let lightboxModal = $("[tr-ajaxmodal-element='lightbox-modal']"); 1242 let cmsLink = "[tr-ajaxmodal-element='cms-link']"; 1243 let cmsPageContent = "[tr-ajaxmodal-element='cms-page-content']"; 1244 let initialPageTitle = document.title; 1245 let initialPageUrl = window.location.href; 1246 let focusedLink; 1247 1248 function updatePageInfo(newTitle, newUrl) { 1249 lightboxModal.empty(); 1250 document.title = newTitle; 1251 window.history.replaceState({}, "", newUrl); 1252 } 1253 1254 let tl = gsap.timeline({ 1255 paused: true, 1256 onReverseComplete: () => { 1257 focusedLink.focus(); 1258 updatePageInfo(initialPageTitle, initialPageUrl); 1259 }, 1260 onComplete: () => { 1261 lightboxClose.focus(); 1262 } 1263 }); 1264 tl.set("body", { overflow: "hidden" }); 1265 tl.set(lightbox, { display: "block", onComplete: () => lightboxModal.scrollTop(0) }); 1266 tl.from(lightbox, { opacity: 0, duration: 0.2 }); 1267 tl.from(lightboxModal, { y: "5em", duration: 0.2 }, "<"); 1268 1269 function keepFocusWithinLightbox() { 1270 let lastFocusableChild = lightbox 1271 .find("button, [href], input, select, textarea, [tabindex]:not([tabindex='-1'])") 1272 .not(":disabled") 1273 .not("[aria-hidden=true]") 1274 .last(); 1275 lastFocusableChild.on("focusout", function () { 1276 lightboxClose.focus(); 1277 }); 1278 } 1279 1280 function lightboxReady() { 1281 // your code here 1282 } 1283 1284 $(document).on("click", cmsLink, function (e) { 1285 focusedLink = $(this); 1286 initialPageUrl = window.location.href; 1287 e.preventDefault(); 1288 let linkUrl = $(this).attr("href"); 1289 $.ajax({ 1290 url: linkUrl, 1291 success: function (response) { 1292 let cmsContent = $(response).find(cmsPageContent); 1293 let cmsTitle = $(response).filter("title").text(); 1294 let cmsUrl = window.location.origin + linkUrl; 1295 updatePageInfo(cmsTitle, cmsUrl); 1296 lightboxModal.append(cmsContent); 1297 tl.play(); 1298 keepFocusWithinLightbox(); 1299 lightboxReady(); 1300 } 1301 }); 1302 }); 1303 1304 lightboxClose.on("click", function () { 1305 tl.reverse(); 1306 }); 1307 $(document).on("keydown", function (e) { 1308 if (e.key === "Escape") tl.reverse(); 1309 }); 1310 $(document).on("click", lightbox, function (e) { 1311 if (!$(e.target).is(lightbox.find("*"))) tl.reverse(); 1312 }); 1313 } 1314 adjaxModal(); 1315}); 1316</script>
vendor: 1 bytes, line 1316
1316
1317<script> 1318 // set the year span element's text to the current year 1319 document.addEventListener("DOMContentLoaded", function() { 1320 // get the the span element 1321 const yrSpan = document.querySelector('#current-year'); 1322 if(yrSpan != null){ 1323 // get the current year 1324 const currentYr = new Date().getFullYear(); 1325 // set the year span 1326 yrSpan.textContent = currentYr; 1327 } 1328 }); 1329 1330// remove any section with this attribute that contains no cms items 1331$("[check-visibility='empty']").each(function (index) { 1332 if ($(this).find(".w-dyn-item").length === 0) $(this).remove(); 1333}); 1334</script>
1334 1335<!-- DATE PICKER -->
1336<script> 1337 var Webflow = Webflow || []; 1338 Webflow.push(function () { 1339 document.getElementsByClassName('date').flatpickr({ 1340 minDate: "today", 1341 enableTime: false, 1342 dateFormat: 'F d, Y', 1343 disable: [ 1344 function(date) { 1345 // return true to disable 1346 return (date.getDay() === 0 || date.getDay() === 6); 1347 1348 } 1349 ], 1350 locale: { 1351 "firstDayOfWeek": 7 // start week on Monday 1352 } 1353 // This outputs in the format of Month Day, Year HH:MM 1354 // There are a LOT of ways to format and it's super easy to swap. 1355 // See here: https://flatpickr.js.org/formatting/ 1356 }); 1357 }); 1358</script>
1358 1359 1360<!-- UserWay Accessibility -->
1361<script type="text/javascript"> 1362 var _userway_config = { 1363 // uncomment the following line to override default position 1364 // position: '5', 1365 // uncomment the following line to override default size (values: small, large) 1366 // size: 'small', 1367 // uncomment the following line to override default language (e.g., fr, de, es, he, nl, etc.) 1368 // language: null, 1369 // uncomment the following line to override color set via widget 1370 // color: 'null', 1371 // uncomment the following line to override type set via widget(1=man, 2=chair, 3=eye) 1372 // type: 'null', 1373 account: 'NUMZe26EuA' 1374 }; 1375</script>
vendor: 1 bytes, line 1375
1375
1376<script type="text/javascript" src="https://cdn.userway.org/widget.js"></script>
1376 1377 1378<!-- Instant Page -->
1379<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
1379 1380 1381<!-- Superflow Custom Naming -->
1382<script id="superflowToolbarScript" data-sf-platform="other-manual" async src="https://cdn.velt.dev/lib/superflow.js?apiKey=ockkGlKLaApkEOBShhbR&projectId=7628036578476856"></script>
vendor: 1 bytes, line 1382
1382
1383<script> 1384 window.addEventListener('onVeltLoad', ({ detail }) => { 1385 const { Velt } = detail; 1386 if (Velt) { 1387 const commentElement = Velt.getCommentElement(); 1388 commentElement.setCustomPriority([ 1389 { 1390 "id": "web", 1391 "name": "Web", 1392 "color": "#053535", 1393 "lightColor": "#DAE9E9", 1394 }, 1395 { 1396 "id": "copy", 1397 "name": "Copy", 1398 "color": "#206767", 1399 "lightColor": "#DAE9E9", 1400 }, 1401 { 1402 "id": "pm", 1403 "name": "PM", 1404 "color": "#509999", 1405 "lightColor": "#DAE9E9", 1406 }, 1407 { 1408 "id": "design", 1409 "name": "Design", 1410 "color": "#DE6C5F", 1411 "lightColor": "#DAE9E9", 1412 }, 1413 { 1414 "id": "client", 1415 "name": "Client", 1416 "color": "#8A2BE2", 1417 "lightColor": "#EDEBFB", 1418 }, 1419 ]); 1420 } 1421 }); 1422</script>
1422 1423<!-- End Superflow Custom Naming --> 1424</body></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.