img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} 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; --36px: 2.25rem; --40px: 2.5rem; --42px: 2.625rem; --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; box-shadow: -4px -4px 8px #fff; outline-offset: 4px; border-radius: 3px; transition: all .3s linear .01s; }.homebanner .btn, footer a:focus-visible, .bg-primary a { outline-color: #fff; box-shadow: unset }header a:focus-visible, .subfoot a:focus-visible { outline-color: #000 }.jump { text-decoration-line: underline; text-decoration-color: var(--accent); text-underline-offset: 4px; position: absolute; background: #fff; left: 150px; top: -6px; padding: 10px; border-width: 2px; border-color: var(--light-30); border-style: none solid solid; transform: translateY(-100%); font-size: var(--14px); letter-spacing: 0 }.jump:focus { transform: translateY(0%); outline-offset: 0 }:root { --main-bg: #fff; --light: #eee; --light-comp: #4d4d4d; --dark: #333; --dark-comp: #fff; --primary: #003057; --primary-comp: #fff; --secondary: #004c8a; --secondary-comp: #fff; } a[target="_blank"] { position: relative }a[target="_blank"] i { padding: 4px; margin: 3px; border: 1px solid black; color: #000; background-color: #fff; text-decoration: none; position: absolute; left: -4px; 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; letter-spacing: 0; top: -32px }a[target="_blank"]:is(:hover,:focus) i { display: block }header a[onclick="target='_blank'"] i, header a[target="_blank"] i { left: 0; }.ccpaNotice a:focus-visible { outline-color: #000 }.ccpaNotice a i { }.a8bmark[target="_blank"] i { right: 0; left: unset } html{scroll-padding-top:150px}body, button { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:1rem}button{background:none;border:none}button:hover{cursor:pointer}body { font-family: 'Montserrat', Arial, Helvetica, sans-serif; line-height: 1.5; text-align: center; }body, nav a { color: var(--light-comp, #4d4d4d); }body, header ul, .hero h1, .hero p { 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, .homebanner { font-weight: 400; text-transform: uppercase; color: var(--primary, #003057); }img, iframe { max-width: 100%; height: auto; display: block; margin: 0 auto }iframe { aspect-ratio: auto 16 / 9; width: 100%; margin: 0; }a img, iframe { border: none; }a { transition: ease-in-out .3s; }.blog a, header a, :is(form input[type=submit],.btn,.blog a):is(:hover,:focus) { text-decoration: none; }a, button { text-underline-offset: 4px }a,button, .blog a:is(:hover,:focus) h3 { color: #005aa4; text-decoration-color: #0098cb }a:is(:hover,:focus) { text-decoration: underline; }hr { border-width: 1px; border-color: var(--light, #e7e7e7); 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 p, .awards h2, .awards p { text-align: center; }.wrap { display: block; max-width: 1180px; margin: 0 auto; position: relative; }.bg-dark, .bg-primary, .bg-light { border-width: 1px; border-style: solid none; }.bg-dark, .hero, .bg-primary, .bg-primary h2, .cta a, footer .grid.fourth a, footer h3 { color: var(--dark-comp, #fff); }.bg-dark { background-color: var(--dark, #333); border-color: var(--dark, #333) }.bg-primary { background-color: var(--primary, #003057); border-color: var(--primary, #003057) }.bg-light { background-color: var(--light, #eee); color: var(--dark, #333); border: 1px solid var(--light, #eee) }.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); }.grid.fourth { grid-template-columns: repeat(4,1fr); }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0 }.bgimg .wrap { z-index: 2 }.pad { padding-left: 10px; padding-right: 10px }.col2 { column-count: 2 }.col2 li { margin-right: 20px } header, .hero { position: relative; }header, .disorders .grid div:last-of-type, .inspired .grid div:first-of-type, .products img, .blog img { box-shadow: 0 0 10px rgba(0,0,0,.1); }header a { display: block }header { width: 100%; background-color: rgba(255,255,255,.9); position: sticky; top: 0; z-index: 999; }header .wrap { padding: 10px; }header img { max-width: 300px }div[role=complementary] { position: unset }nav, .awards { font-size: var(--16px); }nav { margin: 0 }nav ul { display: flex; flex-wrap: wrap; list-style: none; align-items: center; justify-content: end; margin: 0 -10px }nav a { margin: 5px 10px; padding: 5px; text-decoration: underline transparent; text-underline-offset: 6px; text-decoration-thickness: 2px; display: block; font-weight: 600; }nav a:is(:hover,:focus) { text-decoration: underline var(--secondary, #004c8a); text-underline-offset: 6px; text-decoration-thickness: 2px}nav .btn { font-weight: 400; padding: 10px 20px; margin: 0 10px } .hero { background-color: var(--primary, #003057); }.hero:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1 }.hero { width: 100%; font-size: var(--20px); top: 0; }.hero, nav a { letter-spacing: .10rem; }.hero > div > .wrap { padding: 40px 20px }.hero h1, .hero p { font-size: var(--36px); }.hero h1 { color: #fff; text-align: center }.hero h1 span, .hero p { text-transform: uppercase; }.hero .btn { margin-top: 20px; }.badge { width: 150px; } .homebanner { width: 100%; max-width: 600px; backdrop-filter: blur(10px); background-color: rgba(255,255,255,.5); padding: 15px 20px; border: 1px solid #003057 }.homebanner h1, .hero .homebanner { text-align: left }.hero .homebanner :is(h1, p) { font-weight: 600; color: var(--primary, #003057); text-shadow: 0 0 3px #fff; }.hero .homebanner p { font-size: var(--20px); text-align: left; letter-spacing: 0 }.home { font-size: var(--18px); }.home > div { padding: 20px 10px; }.home h2 { font-size: var(--32px); }:is(.know, .symptoms, .mission, .avail, header) .grid { grid-template-columns: 300px 1fr }.home .symptoms { padding: 30px 10px 50px; }.symptoms .grid, .avail .grid { grid-gap: 0 10px; }.symptoms img { max-width: 250px; }.avail p { padding-left: 5px; }.home .disorders, .home .inspired { height: 700px; padding: 0; position: relative; }.disorders img { opacity: .9; }.disorders .grid, .inspired .grid { color: var(--dark, #333); padding: 150px 0 50px; position: relative; z-index: 888; }.disorders .grid div:last-of-type, .inspired .grid div:first-of-type, .products img, .blog img { border-radius: 5px; }.disorders .grid div:last-of-type, .inspired .grid div:first-of-type { background-color: rgba(255,255,255,.9); padding: 20px clamp(10px, 3vw, 40px) 40px; }.inspired .grid div:first-of-type { background-color: rgba(255,255,255,.8); }.inspired .grid { line-height: 1.6; }.home .awards { padding: 40px 10px 60px; }.awards .grid, .products .grid { grid-gap: 10px clamp(10px, 3vw, 40px); }.awards h2 { margin-bottom: 5px; }.awards p { margin-top: 0; }.awards img { max-height: 200px; }.home .products, .home .blog { padding: 20px 10px 50px; }.products h2, .blog h2 { margin-bottom: 10px; }.products p, .blog p { margin: 0 0 40px; }.products img, .blog img { object-fit: cover; width: 100%; height: 300px; }.blog h3 { text-transform: unset; text-align: center; padding: 0 10px } form { margin: 0; }form ::placeholder { color: var(--light-comp, #4d4d4d); }fieldset { display: block; border: none; padding: 0; margin: 2em 0 0; text-align: left }legend { display: block; text-align: left; padding: 0; margin: 0; font-size: var(--24px); color: var(--primary); font-weight: 400; text-transform: uppercase }form .grid { grid-gap: 10px; margin-bottom: 10px }form label { display: block; }form input, form textarea, form label { font-family: 'Montserrat', sans-serif; font-size: var(--16px); display: block; box-sizing: border-box; margin-bottom: 10px; width: 100%; line-height: 1.5 }form input, form textarea { background-color: var(--main-bg, #fff); padding: 10px; border: 1px solid #e7e7e7; }form label > *, form .grid label { margin-bottom: 0 }form label { text-align: left }form select { width: 100%; }form input[type=file] { margin-left: 10px; border-radius: 0; }form textarea { height: 150px; padding: 15px 10px; }form input[type=submit], .btn { display: inline-block; min-width: 110px; font-size: var(--16px); text-align: center; text-transform: uppercase; background-color: var(--primary, #003057); color: var(--primary-comp, #fff); padding: 10px clamp(10px, 3vw, 40px); margin: 10px 0; border-color: var(--primary, #0072bc); border-radius: 3px; transition: ease-in-out .3s; }form input[type=submit] { min-width: 250px; }:is(form input[type=submit], .btn):is(:hover,:focus) { background-color: var(--secondary, #004c8a); color: var(--primary-comp, #fff); }#wcag { clear: both; padding: 20px clamp(10px, 2vw, 40px); }#wcag input { margin-bottom: 10px; }#homeblog h2 { font-size: 1.2em; min-height: 100px; }#homeblog .post p { display: none; }#homeblog .posts { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px; align-items: start; }.post img { max-width: 40%; float: right; margin: 20px 0 20px 20px; }#homeblog .post img { display: block; max-width: 100%; float: none; }.blogs { display: grid; grid-template-columns: 65% 1fr; gap: 0 50px; }#homeblog .blogs { display: block; gap: 0; grid-template-columns: 1fr; } .clear, footer { clear: both }footer .wrap { padding: 20px 10px; }footer .grid.fourth { grid-gap: 10px 50px; padding: 10px 0; }footer .grid.fourth h3, footer .grid.fourth ul { margin: 30px 0 }footer .grid.fourth img { max-width: 250px; margin-left: 0 }.subfoot .grid.mid { grid-template-columns: 1fr 1fr 150px }.subfoot :is(a,button) { color: #002f3e; text-decoration-color: #0098cb }footer button{text-decoration:underline}.a8bmark { display: block }.footlogo { filter: grayscale(1) brightness(0) invert(1) }.ccpaNotice { text-align: center !important; background-color: var(--primary-comp, #fff) !important; padding: 15px 10px !important; } main { padding: 30px 10px 60px; }main h1 { font-size: var(--30px); }main h2, .know, .mission, .awards h2, .alert h3 { font-size: var(--24px); }.alert h3 { color: #fff; text-transform: none; }main h3 { font-size: var(--20px); }main h4, footer h3 { font-size: var(--18px); }main ul, main ol { padding-left: 25px; }main li, footer li { margin: 5px 0; }.nolist, footer ul, .contact ul { list-style: none; padding-left: 0; }.contact ul { margin: 25px 0; }.contact img { width: 100%; height: auto; margin: 40px 0; }details summary { font-weight: 400; text-transform: uppercase; font-size: var(--24px); color: var(--primary) }details summary:hover { cursor: pointer; }details { text-align: left; border: 1px solid #e7e7e7; padding: 10px; border-radius: 5px; margin: 5px; }.studies { padding-bottom: 25px; }.studies div { height: 300px; width: 500px; padding-bottom: 15px; overflow: hidden; }.studies h3 { color: var(--primary); position: absolute; text-align: center; z-index: 100; padding: 10px 20px; margin: 0; text-shadow: 0px 0px 5px #fff; backdrop-filter: blur(10px); background-color: rgba(255,255,255,.8); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 3px; white-space: nowrap }.studies a { display: block; position: relative; height: 350px; }.patient { padding: 0; margin: 0; list-style: none }.patient :is(a, li) { margin: 0 } @media(prefers-reduced-motion:reduce) { * { transition: all 0s !important; scroll-behavior: unset; animation: none }} @media(forced-colors:active) { header{border-bottom:1px solid #000;background-color:rgba(255,255,255,.95)} .footlogo { filter: unset } .subfoot { border-style: solid none } footer .bg-dark { border: none } .homebanner, .disorders .grid div:last-of-type, .inspired .grid div:first-of-type { background-color: #fff } .cta, footer, .subfoot { border: 1px solid #000; border-style: solid none none } .hero { border: 1px solid #000; border-style: solid none } .homebanner, .disorders .grid div:last-of-type, .inspired .grid div:first-of-type, .products img, .blog img, main .btn { border: 1px solid #000 } nav .btn { font-weight: 600 } nav .btn:hover { text-decoration: underline; text-decoration-thickness: 2px }} @media(max-width:68.75rem) { .solutions .grid h3 span { display: block }} @media(max-width:62.5rem) { .back { display: block } footer .grid.fourth { grid-template-columns: 1fr 1fr }} @media(max-width:47.999rem) { .grid.fourth, .grid.third { grid-template-columns: 1fr 1fr } .post img { display: block; margin: 10px auto; float: none; } #homeblog .posts { display: block; } .blogs { display: block; } main .grid.third > *:last-of-type:nth-of-type(odd) { grid-column: 1/-1 } .solutions .grid h3 span { display: inline } :is(.know, .symptoms, .mission, .avail, header) .grid { grid-template-columns: 1fr } .imgRight { float: none; margin: 0 auto; max-width: 100% } nav ul { justify-content: center }} @media(max-width:43.75rem) { header .grid { grid-template-columns: 1fr } nav ul { text-align: center } nav a { padding: 5px 10px } .home .disorders, .home .inspired { height: auto }} @media(max-width:37.5rem) { .grid.half, .grid.third, .row2 .grid, .subfoot .grid.mid, footer .grid.fourth { grid-template-columns: 1fr } .subfoot :is(p, li), .row2 h2, .row2 h3 { text-align: center } .imgRight { float: none; margin: 0 auto; max-width: 100%; } .row1 .grid > div:nth-of-type(2) { border: none } main { margin-bottom: 0; padding-bottom: 50px } .studies a { height: 250px } .patient a { width: 100%; max-width: 400px } footer .grid.fourth div:last-of-type :is(p, li){text-align:center} footer .grid.fourth img{margin:0 auto}} @media(max-width:31.25rem) { .grid.fourth { grid-template-columns: 1fr } .jump { left: unset; right: 0 } .col2 { column-count: 1 } header { position: relative }} @media(max-width:25rem) { form input[type=submit] { max-width: unset; display: block; width: 100% } .homebanner { padding-top: 0 } nav ul { display: grid; grid-template-columns: 1fr 1fr } nav li:last-of-type:nth-of-type(odd) { grid-column: 1/-1 } nav li { text-align: center }}