.app,app-root,body,html{width:100%;height:100%}.app,app-root{display:flex}app-root{overflow:hidden}body{font-family:Helvetica,Arial,sans-serif}h1,h2,h3{font-weight:700;font-family:dunbar-tall,Arial,Helvetica,sans-serif}h1{font-size:3rem;color:#02376d}h2{font-size:1.5rem}h3{font-size:1.25rem}.app{display:flex}router-outlet+*{display:flex;flex-direction:column;flex:1 1 auto}@media (max-width:991px){.app{flex-direction:column-reverse}}.page,router-outlet+*{flex:1 1 auto;overflow:auto}.page--home{background:#dbf1ef no-repeat}.categories{display:grid;grid-template-columns:1fr 1fr 1fr;padding:0;width:60vw;margin:auto;grid-gap:2rem}.category{width:100%;height:18vw;display:block;box-shadow:0 2px 5px rgba(20,10,30,.2);background:#eaeaea no-repeat 50%;background-size:contain;position:relative;text-decoration:none}.category--pink,.page__header--pink{background-color:#f2a4a0}.category--red,.page__header--red{background-color:#ec5c37}.category--blue,.page__header--blue{background-color:#59c7c8}.category--yellow,.page__header--yellow{background-color:#fbd800}.category--teal,.page__header--teal{background-color:#00a597}.category--green,.page__header--green{background-color:#3cbf6f}.category__title{color:#02376d;font-size:1.75rem;text-transform:lowercase;font-weight:700;text-align:center;padding-top:calc(50% - 2rem);width:100%;height:100%;position:absolute;background:hsla(0,0%,100%,.5);text-shadow:0 0 4px hsla(0,0%,100%,.4);opacity:0;transition:opacity .3s ease;font-family:dunbar-tall,Arial,Helvetica,sans-serif;cursor:pointer}.category:hover .category__title{opacity:1}.page__header{padding:6rem 8% 2rem;flex:0;background:#8ea2bb 50% no-repeat;font-family:dunbar-tall,Arial,Helvetica,sans-serif;background-size:cover}.page__header--pink{background-color:#f2a4a0;color:#02376d}.page__header--yellow{background-color:#fbd800;color:#02376d}.page__header--red{background-color:#ec5c37;color:#fff}.page__header--blue{background-color:#59c7c8;color:#fff}.page__header--teal{background-color:#00a597;color:#fff}.page__header--green{background-color:#3cbf6f;color:#fff}.page__body{flex:1;padding:3rem 4rem;background:#fff;font-size:1.125rem}.page__body--mission{width:54rem;margin:0 auto;padding:3rem 0}.page__body--home{background-color:#dbf1ef;padding:3rem 5vw}.page__lead{font-size:1.5rem;color:#00a597;letter-spacing:-.02em;font-weight:700;font-family:dunbar-tall,Arial,Helvetica,sans-serif;margin-bottom:2rem}.page__listings{display:flex;flex-wrap:wrap}.listing{display:block;width:calc(50% - 1rem);text-decoration:none;margin:.5rem;padding:.5rem}.listing:hover{background-color:#dbf1ef}.listing__title{color:#02376d;font-family:dunbar-tall,Arial,Helvetica,sans-serif;margin:0}.listing__desc{color:#8ea2bb;font-size:.875rem;margin:0}.price{position:relative;top:-.125rem;padding:0 .25rem;border-radius:1.5rem;color:#fff;font-size:.75rem;right:1rem;background:#8ea2bb;display:inline-block;margin-left:1rem;font-weight:500}filter-box{width:100%;padding:0;display:block;background:#a1dad4;flex:0;position:relative}.filter-box-input{width:100%;padding:1rem 1rem 1rem 3.5rem;background:0;border:0;margin:0}.filter-box-input+span{position:absolute;top:1rem;left:1rem;color:rgba(20,10,30,.7);font-size:1.5rem}.search-results{position:absolute;top:100%;background:#fff;padding:1rem 1rem 1rem 2rem;left:0;z-index:9;opacity:.88;box-shadow:0 4px 8px rgba(0,0,0,.25);max-height:52vh;overflow-y:auto;width:40rem;max-width:calc(100vw - 1rem);display:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.search-results--visible{display:block}.search-results a{text-decoration:none;display:block;padding:.5rem;color:#02376d;white-space:pre;overflow:hidden;text-overflow:ellipsis}.search-results a:hover{background:#cfe1f4}.search-result-title{font-size:1rem;color:#02376d;font-family:dunbar-tall,Arial,Helvetica,sans-serif;display:block}.search-result-description{font-size:.875rem;color:#8ea2bb;display:block;white-space:pre;overflow:hidden;text-overflow:ellipsis}.search-result-category{border-bottom:1px solid #cfe1f4;margin-top:1rem;text-transform:lowercase}.search-result-tag{font-size:.75rem;padding:0 .25rem;display:inline-block;background:#8ea2bb;border-radius:1rem;color:#fff;line-height:.875rem}@media (max-width:1199px){.categories{grid-template-columns:1fr 1fr}.page__body--mission{width:44rem}.category{height:24vw}}@media (max-width:991px){.category{height:28vw;display:flex;flex-direction:column;justify-content:center}.category .category__title{opacity:1;font-size:1.25rem;overflow:hidden;text-overflow:ellipsis;background:0;color:#fff;background:rgba(2,55,109,.5);padding:0 .5rem;position:relative;width:auto;height:auto;margin:0 auto;text-shadow:none;border:0}.page__header{background-size:contain;background-repeat:no-repeat;background-position:top;padding:3rem 1rem 1rem}.page__header__title{padding:0 1rem;font-size:2rem}.page__body{padding:2rem 1rem 7rem}.category,.listing{width:100%}.category{height:34vw}.categories{width:auto;padding:0 1rem}.page__body--mission{width:100%}}app-sidebar{flex:0}.app-logo{width:128px;height:148px}.sidebar{width:20rem;background:#02376d;padding:4rem 1rem 2rem;text-align:center;height:100%;display:flex;position:relative;flex-direction:column;transition:width .4s ease;z-index:10;font-family:dunbar-tall,Arial,Helvetica,sans-serif}.sidebar.sidebar--short{width:6rem}.sidebar__logo{padding-bottom:3rem;cursor:pointer}.sidebar-mobile-toggle,.sidebar__close,.sidebar__socialicon{font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0;border:0;height:3rem;line-height:3rem;font-size:3rem;color:inherit;text-decoration:none;text-align:center;width:4rem}.sidebar-mobile-toggle:hover,.sidebar__close:hover,.sidebar__socialicon:hover{color:#fff;opacity:.85}.sidebar__close{margin-left:auto}.sidebar__socialicon{font-size:2.5rem}.sidebar__bottom-nav{display:flex}.sidebar__links{list-style:none;padding:10vh 0 0;margin:0;flex:1}.sidebar-link{padding:1rem 0}a.sidebar-link__link{padding:1rem;font-size:1.25rem;letter-spacing:.05rem;font-weight:700;text-transform:uppercase;text-decoration:none;color:inherit;position:relative;display:block}a.sidebar-link__link:hover{color:#fff;opacity:.85;letter-spacing:.1rem}.sidebar-link-title{transition:opacity .2s ease,visibility .1s ease .3s;display:block;text-align:center;width:100%}.sidebar-mobile-toggle{display:none}.sidebar--short .app-logo{width:54px;height:60px}.sidebar--short .sidebar-link-title{visibility:hidden;opacity:0}.sidebar--short .sidebar-link-icon{visibility:visible;opacity:1}.sidebar--short .sidebar__logo{padding:1rem 1.25rem;background-color:#fff;border:6px solid #02376d;border-radius:60px;position:absolute}.sidebar--short .sidebar__links{padding-top:8rem}.sidebar--short .sidebar__bottom-nav{flex-direction:column}.sidebar--short .sidebar__socialicon{margin-bottom:.5rem}@media (max-width:991px){app-sidebar{width:100%;height:auto;position:fixed;bottom:0;z-index:9}.sidebar,.sidebar.sidebar--short{width:100%;flex-direction:row;flex-wrap:wrap;padding:1rem}.sidebar .app-logo,.sidebar.sidebar--short .app-logo{width:3rem;height:3.5rem}.sidebar.sidebar--short .sidebar__bottom-nav,.sidebar .sidebar__bottom-nav{flex-direction:row}app-logo{position:absolute;top:-2rem;left:calc(50% - 3.5rem);z-index:9}.sidebar .sidebar__logo{padding:1rem 1.25rem;border:6px solid #02376d;border-radius:60px}.sidebar .sidebar__links{width:100%;background:#02376d;flex-basis:100%;height:0;padding:0;overflow:hidden;transition:height .3s ease-in-out,padding .3s ease}.sidebar .sidebar__links.sidebar__links.mobile-visible{padding:3rem 0 1rem;height:12rem}.sidebar .sidebar__links .sidebar-link{padding:0}.sidebar-mobile-toggle{margin-right:auto;display:block}.sidebar-link-icon{font-size:2.5rem}.sidebar__close{display:none}.sidebar-overlay{top:0;left:0;width:100vw;height:100vh;background:#152f51;opacity:.5;position:fixed;z-index:5;visibility:hidden;opacity:0}.sidebar-overlay.sidebar-overlay-visible{visibility:visible;opacity:.6;animation:fadeIn .4s forwards}.sidebar-overlay.sidebar-overlay-shown{animation:fadeOut .4s forwards}}@keyframes fadeIn{0%{visibility:hidden;opacity:0}1%{visibility:visible;opacity:0}to{visibility:visible;opacity:.6}}@keyframes fadeOut{0%{visibility:visible;opacity:.6}99%{visibility:visible;opacity:0}to{visibility:hidden;opacity:0}}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.25rem 1rem;border:0;outline:0;text-decoration:none;color:#02376d}.button.button__sort{background:#eee;border-radius:1rem;margin-left:auto;font-size:.875rem}.sort-menu{display:flex;flex-direction:column;position:absolute;z-index:8;background:#fff;padding:1rem;box-shadow:0 6px 12px rgba(3,5,10,.2);border-radius:1rem;right:0;top:2rem;visibility:hidden;transition:visibility 0s ease .1s}.button__sort:focus~.sort-menu{visibility:visible}.page__sort{position:relative;display:flex;margin-top:-1rem}.sort-menu__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:0;color:#02376d;padding:.5rem;font-size:.875rem}.sort-menu__button:hover{background:rgba(2,55,109,.1)}