.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; } }

body { background: #24406b; background-color: #24406b; background-image: url(/assets/images/sunflower-watermark.svg); background-position: -100px 80px; background-repeat: no-repeat; background-size: 50vh; }

header { position: relative; }

#heroImage { position: absolute; top: -1rem; left: 50%; height: 60vw; }

.introduction { color: #eeede8; padding-bottom: 2rem; }

.introductionContent { display: grid; grid-template-areas: "headline image" "calltoaction image" "disclaimer image"; grid-template-columns: 65% 35%; grid-gap: 2rem; }

#headline { grid-area: headline; color: #eeede8; width: 40%; z-index: 2; position: relative; font-size: 6vw; text-shadow: 3px 2px 0 #24406b; }

.introduction .button { grid-area: calltoaction; }

#disclaimer { grid-area: disclaimer; }

#headline strong { color: #91ced8; display: block; }

#callToActionDescription { color: #eeede8; padding: 1rem 0; font-weight: bold; }

#description { box-sizing: border-box; padding: 1rem 1rem 0 1rem; margin: -10vw 0 -1vw 0; position: relative; background: #d5ebef; color: #2b2d2f; }

.descriptionItems { margin: 1rem 0; display: flex; flex-direction: column; }

.descriptionItems__item { flex: 1; background: #ffffff; border-radius: 1rem; margin-bottom: 1rem; padding: 2rem; }

.descriptionItem__title { margin: 0; }

.descriptionItem__image { float: right; text-align: right; }

.descriptionItem__image img { height: 5rem; }

.wave--bottom { margin-bottom: -17vw; margin-top: -5vw; }

#pricing { background: #edf1f2; color: #2b2d2f; padding: 1rem; padding-top: 10vw; }

.button.intro__calltoaction { font-size: 1.2rem; }

@media (min-width: 650px) { body { background-position: -50px 60px; background-size: 50vw; } h1#logo { width: 35vw; } #headline { max-width: 50%; width: 100%; font-size: 5vw; } #heroImage { height: 40vw; max-height: 30rem; } #description { padding: 1rem 5vw; width: 100vw; } .descriptionItems { flex-direction: row; } .descriptionItems__item { margin-right: 1rem; } .descriptionItems__item:last-child { margin-right: 0; } .descriptionItem__image { float: none; text-align: center; } #pricing a:not(.button) { color: #24406b; } .pricingWrapper { margin: 0 5vw; max-width: 90vw; } }

@media (min-width: 1100px) { body { background-size: 40rem; } #headline { font-size: 3rem; } #description { display: grid; grid-template-columns: 30% 3rem 1fr; } #description h2 { grid-row: 1 / span 3; } #description p { grid-column: 3; } .descriptionItems { grid-column: 1 / -1; } .descriptionItem__image { float: right; } }

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