.at-only:not(:focus):not(:active) { clip: rect(0 0 0 0); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

html, body { margin: 0; }

body { font-family: mr-eaves-xl-sans, sans-serif; font-size: 16px; line-height: 24px; color: #2b2d2f; background: #eeede8; overflow-x: hidden; }

header { border-top: 1px solid transparent; margin-top: -1px; padding: 0 1rem; }

p, li, td, th { font-size: 1.1rem; margin: 1rem 0; }

h1, h2, h3 { font-weight: 600; font-family: new-spirit, serif; line-height: 1.25em; color: #24406B; }

h1 { font-size: 2.5rem; }

h2 { font-size: 2rem; }

table tr { background: #ffffff; }

table tr:nth-child(2n) { background: #e7f4f6; }

table td, table th { padding: 1rem; }

#logo figure { margin: 1rem 0; }

#logo figure img { height: auto; width: 15rem; transition: width .2s ease-in; }

small { font-size: 0.9rem; line-height: 1.5; }

a { color: #d37e2d; text-decoration: underline; }

a:hover { color: #f69436; }

a.button, button { display: inline-block; justify-self: flex-start; font-family: mr-eaves-xl-sans, sans-serif; font-weight: bold; font-size: 1rem; text-decoration: none; text-align: center; color: #eeede8; background: #24406b; padding: .5em 2em; border-radius: 0.5rem; border: 2px solid #eeede8; }

a.button:hover, button:hover { background: #91ced8; color: #2b2d2f; }

a.button.button--highlight, button.button--highlight { background: #FDB849; color: #2b2d2f; }

button.menuControl { padding: .5rem 1rem .5rem 1rem; position: relative; margin: 0; }

.alert { background: #FDB849; color: #2b2d2f; width: 100%; padding: .5rem 4rem .5rem 1rem; text-align: center; box-sizing: border-box; }

.alert a { color: #24406b; }

.alert a:hover { color: #eeede8; }

nav#mainMenu { padding: 1rem; font-size: 1rem; border-top: -1px solid transparent; padding-top: 1px; }

nav#mainMenu li a { display: inline-flex; color: #FDB849; text-decoration: none; font-size: 1rem; padding: .5rem; border-radius: 0.5rem; transition: all .2s ease-in; }

nav#mainMenu li a:hover { background: #91ced8; color: #2b2d2f; }

nav#mainMenu li button.menuControl { display: inline-flex; background: none; border: none; padding: .5rem; color: #FDB849; line-height: inherit; font-weight: normal; cursor: pointer; }

nav#mainMenu li button.menuControl:after { text-indent: 0; margin-left: .5rem; content: "\203a"; color: #FDB849; display: block; transition: transform .1s linear; }

nav#mainMenu li button.menuControl[aria-expanded=true] { background: #91ced8; color: #24406b; }

nav#mainMenu li button.menuControl[aria-expanded=true]:after { transform: rotate(90deg); color: #24406b; }

nav#mainMenu li button.menuControl--withLink { text-indent: -999rem; background: transparent; border: none; width: 1.5rem; cursor: pointer; }

nav#mainMenu li button.menuControl--withLink:hover { background: #91ced8; color: #2b2d2f; }

nav#mainMenu li button.menuControl--withLink:hover:after { color: #2b2d2f; }

nav#mainMenu li.menuItem--highlight button.menuControl { font-weight: bold; color: #d5ebef; }

nav#mainMenu li.menuItem--highlight button.menuControl[aria-expanded=true] { color: #24406b; }

nav#mainMenu li.menuItem--highlight button.menuControl:hover { background: #91ced8; color: #24406b; }

a.button--join { padding: .2rem .5rem; width: 6rem; font-size: 0.9rem; margin-left: calc(50% - 6rem); }

#navToggle { position: absolute; top: 1rem; right: 1rem; z-index: 11; height: 2.5rem; width: 3rem; padding: .5rem; background: #24406b; border: none; border-radius: 0.5rem; color: #eeede8; }

#navToggle:hover { background: #315791; }

#navToggle:active { background: #172945; }

#navToggle span { position: absolute; display: block; top: 1rem; left: .5rem; text-indent: -999rem; height: 3px; width: 2rem; border-radius: 5px; background: #eeede8; transition: all .2s linear; transform-origin: 50%; box-sizing: border-box; pointer-events: none; }

#navToggle:before, #navToggle:after { content: ""; display: block; position: absolute; top: .5rem; left: .5rem; background: #eeede8; height: 3px; width: 2rem; border-radius: 5px; box-sizing: border-box; transition: all .2s linear; transform-origin: .5rem 50%; pointer-events: none; }

#navToggle:after { top: 1.5rem; transform-origin: .3rem 50%; }

.js-mainMenu-open { height: 100vh; overflow: hidden; }

.js-mainMenu-open #navToggle { position: fixed; }

.js-mainMenu-open #navToggle span { transform: rotate(45deg); }

.js-mainMenu-open #navToggle:before { transform: rotate(45deg); }

.js-mainMenu-open #navToggle:after { transform: rotate(-45deg); width: 2.1rem; }

.mainMenuWrapper { position: fixed; z-index: 10; top: 0; left: 0; width: 100vw; height: 0px; overflow: hidden; }

.mainMenu__list { list-style: none; margin: 0; padding: 20vh 0 0 0; white-space: nowrap; align-items: center; display: flex; flex-direction: column; justify-content: space-around; box-sizing: border-box; font-size: 2rem; transition: all .2s ease-in-out; }

.menuItem { position: relative; width: 12rem; text-align: center; display: inline-flex; flex-wrap: wrap; }

.js-mainMenu-open .mainMenuWrapper { height: 100vh; padding: 0; overflow: scroll; background: #24406b; }

.js-mainMenu-open .menuItem__link { color: #FDB849; }

#patientPortalToggle { padding: .5rem 1rem; margin: 0 auto; }

nav#mainMenu .submenu { flex-basis: 100%; height: 0px; width: 12rem; white-space: nowrap; overflow: hidden; list-style: none; margin: 0 auto; padding: 0; border-radius: 1rem; box-sizing: border-box; box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.1); background: #eeede8; color: #2b2d2f; transition: height .2s ease-in-out; }

nav#mainMenu .submenu .submenu__item { margin: 0; font-size: 1.2rem; display: block; }

nav#mainMenu .submenu .submenu__item a { display: inline-block; box-sizing: border-box; color: #24406b; width: 100%; white-space: break-spaces; }

nav#mainMenu .submenu.js-is-open { height: auto; padding: 1rem; }

footer { background: #d5ebef; padding: 2rem 0; display: grid; grid-template-areas: ". contactInfo social ."; grid-template-columns: minmax(1rem, auto) calc(60vw - 2rem) calc(40vw - 2rem) minmax(1rem, auto); }

#footerContactInfo { grid-area: contactInfo; }

#contactSocial { display: flex; flex-direction: column; grid-area: social; justify-self: end; list-style: none; margin: 0; padding: 0; }

#contactSocial li { margin: .5rem; }

#contactSocial img { height: 2rem; color: #24406b; filter: invert(22%) sepia(93%) saturate(352%) hue-rotate(165deg) brightness(119%) contrast(119%); }

#contactSocial a:hover img { filter: invert(22%) sepia(93%) saturate(352%) hue-rotate(165deg) brightness(189%) contrast(119%); }

.pricingItems { display: flex; flex-wrap: wrap; height: 10%; }

.pricingItems__item { flex: 1; background: #ffffff; border-radius: 0.5rem; padding: 1rem; margin: 0 1rem 1rem 0; }

.pricingItems__item:last-of-type { margin-right: 0; }

.pricingItems__item h3 { font-size: 1rem; font-weight: normal; margin: 0; }

.pricingItems__item .price--month { font-size: 3rem; font-family: new-spirit, serif; font-weight: bold; color: #d37e2d; }

.pricingItems__item .price--annual { font-size: 0.9rem; margin-bottom: 0; }

#pricingDisclaimer { margin: 2rem 0; }

.pricingAdditional { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }

.pricingAdditional a:not(.button) { color: #24406b; margin-right: 1rem; }

#pricingDisclaimer { flex-basis: 100%; }

@media (min-width: 650px) { h1 { font-size: 3rem; } header { padding: 0; margin: 1rem 5vw; max-width: 90vw; } nav#mainMenu { padding: 1rem 5vw; } #navToggle { right: 5vw; } footer { grid-template-columns: 5vw 55vw 33vw 5vw; } #contactSocial { flex-direction: row; } }

@media (min-width: 850px) { #logo figure img { width: 30vw; } #navToggle { display: none; } .alert { padding: .5rem; } nav#mainMenu { display: grid; grid-template-areas: ". employers" "logo mainMenu"; overflow: visible; } #logo { grid-area: logo; } .mainMenuWrapper { height: auto; width: auto; position: relative; grid-area: mainMenu; overflow: visible; align-self: center; } .mainMenu__list { list-style: none; margin: 0; padding: 0; display: flex; position: unset; top: auto; left: auto; width: auto; height: auto; overflow: visible; align-items: inherit; flex-direction: row; justify-content: space-around; font-size: 1rem; } .js-mainMenu-open .mainMenu__list { height: auto; } .menuItem { display: inline-block; align-items: center; flex-basis: 10%; width: auto; } .submenu { position: absolute; top: 3rem; left: calc(50% - 6rem); right: 0; margin: 0; left: unset; background: #ffffff; } .submenu__item--currentPage { display: block; } a.button--join { position: absolute; top: -1.25rem; right: 0; } }

.formElement { display: flex; flex-wrap: wrap; margin-bottom: 1rem; position: relative; }

.formElement label { flex-basis: 30%; margin: 0; font-size: 1.2rem; }

.formElement.js-hasError input { border-color: red; }

.required { display: block; color: darkgray; font-size: 0.9rem; }

.errorMessage { display: block; padding: .25rem; margin-left: calc(30% + 0.5rem); border-radius: 0 0 0.5rem 0.5rem; background: red; color: #ffffff; }

input, textarea { font-family: mr-eaves-xl-sans, sans-serif; font-size: 1rem; padding: .5rem; border: 1px solid #24406b; border-radius: 0.5rem; }

#contactStatusMessage { display: none; background: lightgrey; padding: 1rem; margin-bottom: 1rem; border-radius: 1rem; }

#contactStatusMessage.contactStatusMessage--success { background: lightgreen; }

#contactStatusMessage.contactStatusMessage--error, #contactStatusMessage.contactStatusMessage--invalid { background: pink; }

#mainMenu { background: #eeede8; }

main { margin: 0 1rem 4rem 1rem; }

#navToggle { background: #d8d6cb; }

#navToggle span, #navToggle:before, #navToggle:after { background: #24406b; }

#navToggle:hover span, #navToggle:hover:before, #navToggle:hover:after { background: #eeede8; }

.subNavMenuWrapper { padding: .25rem 1rem; background: #ffffff; }

.subNav { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; font-size: 0.9rem; }

.subNav__item { margin: 0 .25rem; }

.subNav__item:last-child { margin-right: 0; }

.subNav__link { display: inline-block; padding: 1rem; border-radius: 1rem; line-height: 1; color: #24406b; text-decoration: none; font-size: 0.9rem; }

.subNav__link:hover { background: #f69436; color: #eeede8; }

.subNav__item--currentPage .subNav__link { background: #24406b; color: #eeede8; }

figure { margin: 0; }

.thumbnails { display: flex; justify-content: space-between; }

.thumbnails a { flex: 1; margin: 0 .5rem .5rem 0; }

.thumbnails img { max-width: 100%; height: auto; }

.thumbnails:last-child figure { margin-right: 0; }

@media (min-width: 650px) { main { width: 90vw; margin: 0 5vw 4rem 5vw; } .subNavMenuWrapper { width: 90vw; padding: .25rem 5vw; } main.blog h1 { grid-column: 1 / -1; } }

@media (min-width: 850px) { nav#mainMenu li a, nav#mainMenu li button.menuControl, nav#mainMenu li button.menuControl:after, nav#mainMenu li.menuItem--highlight button.menuControl { color: #24406b; } nav#mainMenu .submenu { background: #ffffff; } .subNav { flex-direction: row; flex-wrap: wrap; } main { display: grid; grid-template-columns: 50% 1fr; grid-gap: 4rem; } main h1 { margin-bottom: -4rem; } main .mainContent h1 { margin-bottom: 0; } .sidebar { grid-column: 2; grid-row: 1; } .fees { grid-column: 2; grid-row: 1; } .thumbnails { margin-top: 8rem; } }

/*# sourceMappingURL=internal.css.map */