img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root {--main-bg: #fff;--light: #f5f5f5;--light-comp: #4d4d4d;--dark: #333;--dark-comp: #fff;--primary: #347AB7;--primary-accent: #74A9D8;--primary-comp: #fff;--secondary: #01cdea;--secondary-comp: #fff;} html {--12px: .75rem;--14px: 0.875rem;--15px: 0.9375rem;--16px: 1rem;--17px: 1.0625rem;--18px: 1.125rem;--19px: 1.1875rem;--20px: 1.25rem;--24px: 1.5rem;--30px: 1.875rem;--32px: 2rem;--50px: 3.125rem;} * {scroll-behavior: smooth;box-sizing: border-box;} *:focus-visible,input[type=submit]:focus-visible {outline-style: solid;outline-width: 2px;outline-color: #000;outline-offset: 4px;border-radius: 3px;transition: all .3s linear .01s;} :is(#logo, .hero button, nav>ul>li>a, .hero .btn, #jumptarget):focus-visible {outline-color: #fff} .jump {text-decoration-line: underline;text-decoration-color: var(--accent);text-underline-offset: 4px;position: absolute;background: var(--primary);color: var(--dark-comp);left: 150px;top: 0;padding: 10px;border-width: 2px;border-color: var(--primary-accent);border-style: none solid solid;transform: translateY(-100%);transition: ease-in-out .3s;font-size: var(--16px)} .jump:focus {transform: translateY(0%);outline-offset: 0;transition: ease-in-out .3s;} a[target="_blank"] {position: relative} a[target="_blank"] i {padding: 4px;border: 1px solid black;color: #000;background-color: #fff;text-decoration: none;position: absolute;left: 0;top: -35px;z-index: 999;width: 140px;display: none;font-size: var(--12px);font-style: normal;font-weight: 400;font-family: sans-serif;text-align: center !important;text-transform: none} a[target="_blank"]:is(:hover, :focus) i {display: block} #logo {font-weight: bold;font-size: 18px;text-align: left;padding-left: 20px;} #logo span {font-size: 14px;} #logo:hover {color: #fff;} body,button,texarea {font-family: 'Rubik', Arial, Helvetica, sans-serif;line-height: 1.5} body {line-height: 1.5;text-align: center;} p {font-size: var(--20px);} body,footer a,.row3 a {color: var(--light-comp, #4d4d4d);} body,header ul,.hero h1,.hero p,.row1 h2 {padding: 0;margin: 0;} h1,h2,h3,h4,h5,h6,p,th,td,dd,dt,li,blockquote {text-align: left;} h1,h2,h3,h4,h5,h6,nav,nav button,form input[type=submit],.btn {text-transform: uppercase;} h1,h2,h3,h4,h5,h6 {line-height: 1.3;} img,iframe {max-width: 100%;height: auto;display: block;margin: 0 auto} iframe {display: block;aspect-ratio: auto 16 / 9;width: 100%;margin: 1em auto;} a img,iframe {border: none;} a {transition: ease-in-out .3s;} header a,header a:hover,form input[type=submit]:hover,.btn:hover,footer a:hover,.row3 a:hover {text-decoration: none;} a,header a:hover,footer a:hover,main h2 span,.row3 a:hover h3,footer h2 span {color: var(--primary, #347AB7);} a,a:hover {text-decoration: underline;text-underline-offset: 4px;text-decoration-thickness: 1px} hr {border-width: 1px;border-color: #eee;border-style: none none solid;margin: 40px 0;} .imgLeft,.imgRight {max-width: 45%;} .imgLeft {float: left;margin: 10px 4% 2% 0;} .imgRight {float: right;margin: 10px 0 2% 4%;} .nowrap,a[href^=tel] {white-space: nowrap;} sup {line-height: 0;} .hide {display: none !important;} .center,.hero h1,.hero p,.row1 h2,.row1 p,.row3 h2,.row3 h3,.row3 p,.row4 h2,.row5 p,footer h3,footer li,blockquote,figcaption,.row2 h2 {text-align: center;} .wrap {display: block;max-width: 1080px;margin: 0 auto;position: relative;} .bg-dark,.bg-primary {color: var(--dark-comp, #fff);} .bg-dark {background-color: var(--dark, #333);} .bg-primary {background-color: var(--primary, #347AB7);} .bg-light {background-color: var(--light, #f5f5f5);} .mid {align-items: center;align-self: center;} .grid {display: grid;grid-gap: 10px 20px;} .grid.half {grid-template-columns: repeat(2, 1fr);} .grid.third {grid-template-columns: repeat(3, 1fr);} .bgimg {position: relative} :is(.bgimg, div[role=complementary])>img:first-of-type {position: absolute;width: 100%;height: 100%;inset: 0;object-fit: cover;z-index: 0;filter: blur(1px)} .bgimg>.wrap {z-index: 12} header,.hero {position: relative;} header {background-color: rgba(0, 0, 0, .6);z-index: 999;} header .wrap {padding: 20px 0;} header .logo {font-weight: bold;} nav,footer {font-size: 18px;} nav li {display: inline-block;} nav li {font-weight: 600;} nav ul ul {display: none;position: absolute;background-color: var(--main-bg, #fff);box-shadow: 0 2px 5px rgba(0, 0, 0, .2);padding: 10px 0 0;margin: 0;border-radius: 0 0 3px 3px;border: 1px solid var(--light);} nav :is(button, li):hover ul {display: block !important;} nav ul ul li {display: block;margin: 0;padding: 0;} nav a,nav button {font-weight: 600;display: block;margin: 5px;padding: 5px;color: var(--dark-comp);} nav button {background: none;border: none;font-size: var(--18px)} button:hover {cursor: pointer} nav>ul>li> :is(button, a):is(:hover, :focus) {color: var(--primary-accent);} nav ul ul a {margin: 5px 0;padding: 5px 20px} nav ul ul a {color: var(--dark, #333);} nav ul ul :is(button, a):is(:hover, :focus) {color: var(--primary, #347AB7);background-color: var(--light, #f5f5f5);outline-offset: -4px;border-radius: 11px} header a,.logo:hover,.hero h1,.hero p,.row4 h2 span {color: var(--dark-comp, #fff);} div[role=complementary] {position: unset} .hero {position: relative;} .hero:before {content: "";position: absolute;} .hero:before {width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);inset: 0;z-index: 3;} .hero {width: 100%;min-height: 400px;} .hero>div>.wrap {position: relative;z-index: 4;padding: 120px 0 80px} .hero h1,.hero p {padding: 0 10px;text-shadow: 2px 2px 3px rgba(0, 0, 0, .3);z-index: 4;position: relative;} .hero h1 {font-size: 42px;} .hero h1 span,main h2 span,footer h2 span {display: block;padding-bottom: 5px;} .hero p {font-size: 24px;font-weight: 600;} .hero .btn {margin-top: 40px;text-shadow: none;} :is(.row1, .row3) p,h1,h2,.pop,.row5 .wrap,blockquote,.copy {text-wrap: balance;} figure,blockquote {margin: 1em 0} blockquote:before {content: open-quote;margin-right: 5px} blockquote:after {content: close-quote;margin-left: 5px} blockquote:before,blockquote:after {font-size: 2em;line-height: 0;top: 10px;position: relative;font-family: serif} .row1 .wrap {padding: 60px 10px 40px;} .row1 p {max-width: 1000px;margin: 20px auto;} .row2 .wrap {padding: 40px 10px;} .row2 .grid {padding: 20px 0;} .row3 {margin: 60px 0;} .row3 .grid {padding: 20px 0;margin-top: 40px;} .row3 h3 {line-height: normal;margin-top: 10px;} .row3 a {display: block;} .row3 p {margin: 0 15px;text-wrap: balance;} .row3 img {border-radius: 50%;width: 150px;height: 150px;object-fit: cover;margin: 0 auto;border: 5px solid var(--primary, #347AB7);box-shadow: 0 4px 8px rgba(0, 0, 0, .2);} .row3 h3 b {display: block;font-size: .8em;color: var(--primary);} .row4 {border-color: var(--primary);border-width: 1px;border-style: solid none} .row4 .wrap {padding: 40px 10px 100px;} .row5 .wrap {max-width: 1000px;background-color: var(--main-bg, #fff);padding: 40px clamp(10px, 3vw, 40px);margin: -80px auto 50px;border-radius: 10px;border: 1px solid #eee;} #ourDoctors {padding-top: 10px} form {margin: 20px 0;padding: 10px} fieldset {border: none;margin: 0;padding: 0} legend {text-align: left;font-size: var(--30px);font-weight: bold; margin: 24px 0} legend span {font-size: var(--24px);display: block;color: var(--primary);text-transform: uppercase;} form .grid {grid-gap: 0 10px;} form :is(label, input, select, textarea) {display: block;box-sizing: border-box;width: 100%;text-align: left;font-family: 'Rubik', sans-serif;font-size: var(--16px);} form label {margin-bottom: 15px;text-indent: 10px} form :is(input, select, textarea) {padding: 10px;background-color: var(--main-bg, #fff);border: 1px solid #f5f5f5;} form textarea {height: 100px} form input[type=submit],.btn {display: inline-block;width: auto;min-width: 110px;font-weight: 600;text-align: center;line-height: 1.6;background-color: var(--primary, #347AB7);color: var(--primary-comp, #fff);padding: 10px 40px;margin: 10px 0;border: 1px solid var(--primary, #347AB7);border-radius: 50px;transition: ease-in-out .3s;font-size: var(--14px)} form input[type=submit] {min-width: 250px;margin: 0;} :is(form input[type=submit], .btn):is(:hover, :focus) {cursor: pointer;background-color: var(--secondary, #01cdea);color: var(--light-comp, #fff);} footer {clear: both;border-top: 2px solid var(--light)} footer .wrap {padding: 20px 10px;} footer .grid {grid-template-columns: 1fr 150px;grid-gap: 0 10px} footer p {margin: .5em 0} footer :is(a, button) {color: var(--primary);margin: 5px;padding: 5px} footer :is(a, button):is(:hover, :focus) {text-decoration: underline} footer button {border: none;background: none;font-size: var(--18px);text-decoration: underline;font-weight: normal;text-underline-offset: 4px;} .a8bmark {margin: 5px;padding: 5px} .cta {padding: 30px 0;border-top: 1px solid var(--light)} .ccpaNotice {text-align: center !important;} main {padding: 40px 10px;} main h1,footer h2,.home h2 {font-size: 30px;} main h2,header .logo,footer h2 span,.home h2 span,.row1 p,.row5,.hero h1 span,main h2 span,footer h2 span {font-size: 24px;} main h3 {font-size: var(--22px);} main h4,main h2 span {font-size: 20px;} main ul,main ol {padding-left: 25px;} main li,footer li {margin: 5px 0;} header .grid {grid-template-columns: 300px 1fr;} .pop {font-size: var(--32px);font-weight: bold;color: var(--primary, #347AB7);text-align: center;margin-top: 20px;line-height: 1.25;} .pad {padding: 10px;} .surgeries a {text-decoration: none;} .surgeries img {object-fit: cover;height: 780px;width: 400px;object-position: 20%;} .surgery-card {border: 1px solid #ddd;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);position: relative;min-height: 400px;padding-bottom: 90px;background: #fff;} .surgery-card:hover {box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);} .surgery-card img {width: 100%;height: 170px;object-fit: cover;padding: 8px;} .surgery-card h3 {font-size: 18px;padding: 15px 15px 10px;margin: 0;text-align: center;} .surgery-card p {padding: 0 15px 10px;margin: 0 0 10px;font-size: 16px;} .surgery-card a {text-decoration: none;position: absolute;bottom: 20px;left: 15px;right: 15px;} .grid.third {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;} .grid.third .surgery-card {flex: 0 0 calc(33.333% - 14px);} .grid.third .surgery-card:nth-child(n+4) {margin-top: 0;} @media(prefers-reduced-motion: reduce) {* {transition: all 0s !important;scroll-behavior: unset;animation: none} .hero.bgimg>div>img {animation: none !important}} @media(max-width:62.5rem) {.row4 .wrap {padding: 40px 10px 20px} .row5 .wrap {margin: 0 auto 50px;border-radius: 0} nav ul ul {display: none !important} .disclosure-nav button {display: none} .disclosure-nav ul {display: block !important;position: relative;background-color: unset;border: none} .disclosure-nav ul li:nth-of-type(n+2) {display: none !important} .disclosure-nav a {color: var(--dark-comp);background-color: unset !important;border-radius: 3px !important} .disclosure-nav a[role=button] {outline-color: #fff;outline-offset: 0} .disclosure-nav a[role=button]:is(:hover, :focus) {outline-offset: 4px;color: var(--primary-accent)}} @media(max-width:47.99rem) { .grid.half,header .grid,.row2 .grid,footer .grid {grid-template-columns: 1fr} .grid.third {flex-direction: column;} .grid.third .surgery-card {flex: 0 0 100%;} footer p {text-align: center} #logo {text-align: center;padding-left: 0px;} } @media(max-width:31.25rem) {.jump {left: unset;right: 0} .imgRight {float: none;margin: 0 auto;max-width: 100%}}