.profile-card{width:23%;min-width:9rem;transition:transform .7s;transform-style:preserve-3d;outline:3px solid #19647E;color:#fff;border-radius:5px}@media screen and (max-width: 767px){.profile-card{width:47%;margin-bottom:1rem}}.profile-card.front .profile-card__back{opacity:0}.profile-card.back{transform:rotateY(180deg)}.profile-card.back .profile-card__front{opacity:0}.profile-card .profile-card__front{width:100%;height:100%;transition:opacity .5s;border-radius:5px}.profile-card .profile-card__front .profile__tap-icon{position:absolute;width:25px;height:25px;right:0;top:0}.profile-card .profile-card__front .profile__tap-icon svg{fill:#19647e}.profile-card .profile-card__front .profile__image{width:100%}.profile-card .profile-card__front .profile__image img{border-radius:5px}.profile-card .profile-card__front .profile__copy{position:absolute;left:0;bottom:0;background:#19647E;width:100%;padding:1rem 0}@media screen and (max-width: 767px){.profile-card .profile-card__front .profile__copy{max-height:4.5rem;padding:.5rem 0}}.profile-card .profile-card__front .profile__copy .profile__name{text-transform:uppercase;font-weight:700;text-decoration:underline}.profile-card .profile-card__back{position:absolute;left:0;top:0;background-image:linear-gradient(-45deg,#1F2041,#19647E);width:100%;height:100%;transform:rotateY(180deg);transition:opacity .5s;font-size:1.125rem;padding:5rem .5rem 0;border-radius:5px}@media screen and (max-width: 767px){.profile-card .profile-card__back{font-size:1rem;padding:.5rem}}.profile-card:hover{outline-color:#1f2041}.profile-card:hover .profile__copy{background:#1F2041}.profile-card:focus{outline:2px dotted #1F2041}.page-about .hero{background-image:url(/_astro/bg_hero-about-us.eb6beffd.webp)}.page-about .about .about__content{width:100%}@media screen and (max-width: 767px){.page-about .about .about__content{flex-wrap:wrap}}.page-about .about .about__content .about__copy{width:100%;margin-bottom:1rem}@media screen and (min-width: 768px){.page-about .about .about__content .about__copy{margin-right:1rem;margin-bottom:0}}.page-about .about .about__content .about__image{width:100%;max-width:23rem}@media screen and (min-width: 768px){.page-about .about .about__content .about__image{width:40%}}.page-about .about .about__content .about__image img{border-radius:5px}.page-about .mission__container .mission__accent{position:absolute;width:70%;height:125%;right:-10%;top:50%;transform:translateY(-50%);background:#1F2041}@media screen and (max-width: 767px){.page-about .mission__container .mission__accent{height:50%;top:85%;right:14%}}.page-about .values .values__container{flex-wrap:wrap;margin:3rem auto 0;max-width:77rem}@media screen and (min-width: 768px){.page-about .values .values__container:after,.page-about .values .values__container:before{content:"";display:block;position:absolute}}.page-about .values .values__container:after{height:100%;width:1px;border-right:3px dotted #FFC857;left:50%;top:0;transform:translate(-50%)}.page-about .values .values__container:before{height:1px;width:100%;border-bottom:3px dotted #FFC857;left:0;top:50%;transform:translateY(-50%)}.page-about .values .values__container .value__item{margin:1rem 0}@media screen and (min-width: 768px){.page-about .values .values__container .value__item{width:45%;max-width:26rem;margin:3rem 0}}.page-about .values .values__container .value__item:after{content:"";display:block;width:100%;height:1px;border-bottom:2px dotted #FFC857;position:absolute;left:0;bottom:0}@media screen and (min-width: 768px){.page-about .values .values__container .value__item:after{display:none}}.page-about .values .values__container .value__item .value__icon{width:50px;margin:0 auto}.page-about .values .values__container .value__item .value__copy{font-size:1.25rem;margin-top:1rem}.page-about .leaders .leaders__content{margin:0 auto}.page-about .ministries .tabbed-content{margin-top:2.5rem}.page-about .church .church__content{width:100%;padding:2rem}@media screen and (max-width: 767px){.page-about .church .church__content{flex-wrap:wrap}}.page-about .church .church__content .church__image{width:100%;margin-bottom:2rem}.page-about .church .church__content .church__image .numbers-container.members{margin-top:2rem}@media screen and (min-width: 768px){.page-about .church .church__content .church__image .numbers-container.members{margin-top:3rem}}.page-about .church .church__content .church__image span{display:block;text-align:center}.page-about .church .church__content .church__image span.count{font-size:3rem;color:#1f2041}@media screen and (min-width: 768px){.page-about .church .church__content .church__image span.count{font-size:4rem}}.page-about .church .church__content .church__image span.type{font-weight:700}@media screen and (min-width: 768px){.page-about .church .church__content .church__image{width:40%;margin-right:1rem}}.page-about .church .church__content .church__copy{width:100%}@media screen and (min-width: 768px){.page-about .church .church__content .church__copy{width:60%}}.tabbed-content{color:#fff}.tabbed-content .tabs{width:100%;justify-content:center}@media screen and (min-width: 768px){.tabbed-content .tabs{padding-left:20px;justify-content:flex-start}}.tabbed-content .tabs .tab{padding:.5rem .4rem;background:#1F2041;color:#fff;font-weight:600;border-top-left-radius:5px;border-top-right-radius:5px}@media screen and (min-width: 768px){.tabbed-content .tabs .tab{min-width:10rem;font-size:1.125rem;padding:.5rem}}.tabbed-content .tabs .tab:not(:last-of-type){border-right:1px solid #ffffff}.tabbed-content .tabs .tab[aria-selected=false]{background:#19647E;font-weight:400}.tabbed-content .panels{width:100%}.tabbed-content .panels .panel{background:#1F2041;width:100%;height:100%;border-radius:5px;padding:.5rem}@media screen and (min-width: 768px){.tabbed-content .panels .panel{padding:2rem}}.panel__content{width:100%;margin:0 auto;padding:2rem;align-items:center}@media screen and (max-width: 767px){.panel__content{flex-wrap:wrap;flex-direction:column-reverse;padding:1rem}}.panel__content .panel__image{width:100%;margin-top:1rem}.panel__content .panel__image img{border-radius:5px}@media screen and (min-width: 768px){.panel__content .panel__image{width:30%;margin-right:1rem}}.panel__content .panel__copy-container{width:100%;color:#1f2041}@media screen and (min-width: 768px){.panel__content .panel__copy-container{width:70%}}.panel__content .panel__copy-container .panel__header{margin-bottom:1rem}
