@import url(../css/_split-banner.css);
@import url(../css/_signup-module.css);
@import url(../css/_cta-module.css);
@import url(../css/_repeaters-module.css);
@import url(../css/_short-intro-section.css);
@import url(../css/_meet-our-donors.css);
@import url(../css/_stories-slider.css);
@import url(../css/_repeaters-single.css);
.default-banner-section .object-fit img{
    object-position:50% 0
}
.repeater-bg{
    background:var(--white)
}
.history{
    position:relative;
    width:100%;
    clear:both;
    overflow:hidden;
    background:var(--teal);
    color:var(--white);
    z-index:1;
    max-height:620px;
    min-height:620px
}
.history-lt{
    width:50%;
    flex-grow:1;
    padding:80px
}
.history-lt-inner{
    max-width:560px;
    margin-left:auto;
    width:100%
}
.history-lt-inner .optional-text{
    color:var(--white)
}
.history-lt-inner h2{
    color:var(--white)
}
.history-lt-inner p{
    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.history-rt{
    width:50%;
    overflow:hidden
}
.history-wrap{
    max-height:620px
}
.timeline-wrap{
    bottom:64px;
    position:absolute;
    left:128px;
    width:100%;
    height:auto
}
.timeline-wrap:after{
    content:"";
    background:var(--white);
    bottom:0;
    position:absolute;
    left:-100%;
    width:1000%;
    height:1px;
    display:block
}
.timeline-slider .slick-track{
    display:flex;
    overflow:hidden;
    min-height:344px
}
.timeline-slider .slick-list{
    overflow:visible
}
.timeline-slider .slick-arrow.prev-arrow{
    display:none!important
}
.timeline-slider .slick-arrow.next-arrow{
    right:auto;
    left:calc(50% - 94px);
    margin-bottom:39px;
    width:64px;
    height:64px;
    outline-width:12px
}
.timeline-thumb{
    width:288px;
    margin:auto 40px 0 0;
    transition:all 0.95s ease-in-out;
    height:inherit!important;
    min-height:128px!important
}
.timeline-thumb-nav{
    position:relative;
    width:100%;
    clear:both;
    padding-left:48px;
    cursor:pointer;
    height:100%
}
.timeline-thumb-nav:before{
    content:"";
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    left:8px;
    background:var(--white);
    outline:8px solid rgb(255 255 255 / .2);
    border-radius:50%;
    top:8px
}
.timeline-thumb-nav:after{
    content:"";
    position:absolute;
    background:var(--white);
    width:1px;
    height:1000%;
    display:block;
    top:8px;
    left:16px
}
.timeline-thumb-nav .h6{
    font-size:24px;
    font-family:'Oswald',sans-serif;
    font-weight:500;
    line-height:125%;
    text-transform:uppercase;
    color:var(--white);
    margin:0 0 7px 0
}
.timeline-thumb-nav p{
    font-size:14px;
    line-height:150%;
    font-weight:400;
    padding:0 0 28px 0
}
.timeline-thumb.slick-current{
    min-height:343px!important
}
.timeline-for .slick-track{
    display:flex
}
.timeline-for .slick-slide{
    height:inherit;
    height:620px
}
.timeline-for .slick-slide:after{
    background-color:rgb(157 151 154 / .2);
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    display:block
}
.cta-module.volunteer-cta{
    padding:0 0 56px 0
}
.cta-module.volunteer-cta .cta-overlay{
    top:inherit;
    bottom:0;
    height:calc(100% - 51.5%);
    background:var(--mauve-tint)
}
.cta-module.career-cta .cta-overlay{
    height:100%;
    background:var(--purple-tint)
}
.meet-donors-main::after{
    display:none
}
.our-story{
    width:100%;
    /* padding:81px 0 0 0; */
    clear:both;
    position:relative;
    overflow:hidden
}
.our-story hr{
    margin:0;
    background-color:var(--purple);
    opacity:.5
}
.our-story-lt{
    width:47.65625%;
    flex-grow:1
}
.our-story-lt h2{
    font-size:40px;
    font-weight:500;
    line-height:125%;
    letter-spacing:-.8px;
    margin-bottom:23px
}
.our-story-rt{
    width:47.65625%;
    margin-left:4.6875%
}
.our-story-rt .our-story-thumb{
    position:relative
}
.our-story-rt .our-story-thumb:after{
    background-color:rgb(157 151 154 / .2);
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    display:block
}
.our-story-wrap{
    clear:both;
    width:100%
}
.our-story-intro{
    position:relative;
    clear:both;
    width:100%;
    align-items:center
}
.our-story-intro .optional-text{
    color:var(--purple);
    margin:0 0 24px 0
}
.our-story-intro h2 span{
    color:var(--purple)
}
.our-story-intro .button{
    background:var(--purple);
    color:var(--white)
}
.our-story-intro .play-btn{
    background:var(--purple)
}
.our-story-mem{
    width:100%;
    padding:0 0 69px 0;
    clear:both;
    position:relative;
    margin:56px 0 0 0
}
.our-story-mem .bg{
    background:var(--purple-tint);
    top:129px;
    height:100%
}
.our-story-main{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    font-size:0
}
.our-story-grid{
    display:inline-block;
    width:21.71875%;
    vertical-align:top;
    margin:55px 0 0 4.375%
}
.our-story-grid:nth-child(4n+1){
    margin-left:0
}
.our-story-grid .our-story-thumb{
    margin:0 0 25px 0;
    clear:both;
    width:100%;
    position:relative
}
.our-story-grid .our-story-thumb:after{
    background-color:rgb(157 151 154 / .2);
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    display:block
}
.our-story-grid .h4{
    font-family:'Oswald',sans-serif;
    color:var(--purple);
    font-weight:200;
    text-transform:uppercase;
    line-height:100%;
    letter-spacing:-.56px;
    margin-bottom:15px;
    font-size:28px
}
.our-story-grid .h4 strong{
    font-weight:400
}
.our-story-grid p{
    font-size:16px;
    font-weight:400;
    line-height:175%;
    color:var(--linkhover);
    font-family:'Oswald',sans-serif;
    margin-bottom:15px
}
.our-story-grid .readmore{
    color:var(--purple)
}
.cta-module.volunteer-cta.no-repeater{
    padding:80px 0 56px 0
}
@media only screen and (max-width:1400px){
    .history-lt{
        padding:80px 64px
    }
}
@media only screen and (max-width:1280px) and (min-width:1024px){
    .history{
        min-height:640px
    }
    .history-lt{
        padding:80px 40px
    }
    .timeline-wrap{
        left:113px
    }
    .timeline-thumb{
        width:260px;
        margin:auto 32px 0 0
    }
}
@media only screen and (min-width:1024px){
    .meet-donors-main{
        padding:80px 0 72px 0
    }
    .history-lt-inner h2{
        font-size:36px
    }
}
@media only screen and (max-width:1023px) and (min-width:200px){
    .our-story-lt{
        width:100%
    }
    .our-story-rt{
        width:100%;
        margin:0 0 60px 0
    }
    .our-story-intro{
        flex-direction:column-reverse
    }
    .our-story-grid .h4{
        letter-spacing:-.48px;
        font-size:24px;
        margin-bottom:16px
    }
    .our-story-grid .our-story-thumb{
        margin:0 0 24px 0
    }
    .history{
        max-height:inherit;
        min-height:inherit
    }
    .history-wrap{
        flex-direction:column-reverse;
        max-height:inherit
    }
    .history-lt-inner{
        max-width:100%;
        margin-left:0
    }
    .history-lt-inner h2{
        font-size:32px;
        letter-spacing:-.64px;
        margin-bottom:16px
    }
    .history-lt-inner .optional-text{
        margin:0 0 16px 0
    }
    .timeline-for .slick-slide::after{
        background-image:linear-gradient(to bottom,#fff0,#343536),linear-gradient(to bottom,rgb(78 75 72 / .2),rgb(78 75 72 / .2))
    }
}
@media only screen and (max-width:1023px) and (min-width:768px){
    .our-story{
        padding:64px 0 0 0
    }
    .our-story-mem{
        padding:0 0 54px 0;
        margin:39px 0 0 0
    }
    .our-story-mem .bg{
        top:65px
    }
    .our-story-grid{
        margin:40px 0 0 3.488372093023256%;
        width:22.38372093023256%
    }
    .history-lt{
        width:100%;
        padding:40px
    }
    .history-rt{
        width:100%;
        position:relative;
        min-height:768px
    }
    .timeline-wrap{
        bottom:0;
        left:40px
    }
    .timeline-for .slick-slide{
        height:768px
    }
    .timeline-thumb{
        width:292px;
        margin:auto 32px 0 0
    }
    .timeline-thumb-nav p{
        padding:0 0 65px 0
    }
    .timeline-thumb.slick-current{
        min-height:300px!important
    }
    .timeline-slider .slick-arrow.next-arrow{
        left:48px
    }
}
@media only screen and (max-width:767px) and (min-width:200px){
    .our-story{
        padding:43px 0 0 0
    }
    .our-story h2{
        font-size:32px;
        line-height:125%;
        margin-bottom:23px;
        letter-spacing:-.64px
    }
    .our-story-main{
        padding:28px 0 0 0
    }
    .our-story-grid{
        width:100%;
        margin:12px 0 0 0
    }
    .our-story-mem{
        margin:39px 0 0 0;
        padding:0 0 29px 0
    }
    .meet-our-donors{
        padding:0
    }
    .meet-donors-main{
        padding:40px 0 40px
    }
    .history-lt{
        width:100%;
        padding:31px 24px
    }
    .history-rt{
        width:100%;
        position:relative;
        min-height:390px
    }
    .timeline-for .slick-slide{
        height:390px
    }
    .timeline-wrap{
        bottom:0;
        left:24px
    }
    .timeline-thumb{
        width:265px;
        margin:auto 101px 0 0
    }
    .timeline-slider .slick-arrow.next-arrow{
        right:44px;
        left:auto;
        margin-bottom:25px;
        width:48px;
        height:48px;
        outline-width:8px
    }
    .timeline-slider .slick-track,.timeline-thumb,.timeline-thumb.slick-current{
        min-height:inherit!important
    }
    .timeline-thumb-nav p{
        padding:0 0 26px 0
    }
    .stories-slider{
        padding:25px 0 22px
    }
}
@media only screen and (max-width:419px) and (min-width:390px){
    .signup-module .signup-rt-txt .h2{
        font-size:20px;
        padding:0 20px
    }
    .signup-module .signup-form .disclaimer{
        padding:0 12px
    }
}
@media only screen and (max-width:389px) and (min-width:375px){
    .signup-module .signup-rt-txt .h2{
        font-size:20px;
        padding:0 20px
    }
    .signup-module .signup-form .disclaimer{
        padding:0 5px
    }
}
@media only screen and (max-width:374px) and (min-width:200px){
    .signup-module .signup-rt-txt .h2{
        font-size:18px;
        padding:0 26px
    }
    .signup-module .signup-form .disclaimer{
        padding:0 11px
    }
}