@import url(../css/_micro-cta.css);
@import url(../css/_split-banner.css);
@import url(../css/_signup-module.css);
@import url(../css/_short-intro-section.css);
@import url(../css/_cta-module.css);
@import url(../css/_stories-slider.css?v==66);
@import url(../css/_gratitude-wall.css);
@import url(../css/_patient-staff-stories.css);
@import url(../css/_home-our-story.css);
@import url(../css/_meet-our-donors.css);
@import url(../css/_stats-module.css);
@import url(../css/_hero-banner.css);


.home .default-banner-main{
    min-height:560px
}
.home .banner-bg picture img{object-position: 50% 45%;}
.home .default-banner-section .container{
    max-width:1280px
}
.home .default-banner-section .banner-bg:after,.home .default-banner-section .poster-bg.background-bg:after{
    background-color:rgb(78 75 72 / .35);
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    display:block
}
.home .default-banner-section .banner-bg:before,.home .default-banner-section .poster-bg.background-bg:before{
    background:linear-gradient(180deg,rgb(19 41 75 / .5) 0%,#fff0 100%);
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    display:block;
    height:104px;
    z-index:1
}
.home .default-banner-main .default-banner-text .default-banner-bg{
    display:none
}
.home .default-banner-main .default-banner-text h1{
    font-size:64px;
    line-height:125%;
    letter-spacing:-1.28px;
    margin-bottom:33px;
    color:var(--white)
}
.home .default-banner-main .default-banner-text .optional-text{
    color:rgb(255 255 255 / .75);
    margin-bottom:31px
}
.home .default-banner-main .default-banner-text{
    max-width:620px;
    padding:80px 0;
    margin-top:auto;
    z-index:9
}
.home .default-banner-main .default-banner-text .button{
    margin:0 21px 0 0
}
.home .default-banner-main .default-banner-text .readmore{
    color:var(--white)
}
.cta-module{
    padding:0 0 40px 0
}
.cta-overlay{
    height:calc(100% - 51.6%);
    top:inherit;
    bottom:0
}
@media only screen and (max-width:1280px) and (min-width:1024px){
    .home .default-banner-main .default-banner-text{
        padding:64px 0
    }
    .home .default-banner-main{
        min-height:580px
    }
    .home .default-banner-main .default-banner-text h1{
        font-size:50px
    }
}
@media only screen and (min-width:1024px){
    #mainContent{
        padding:0
    }
    .meet-donors-main{
        padding:80px 0 52px 0
    }
}
@media only screen and (max-width:1023px) and (min-width:768px){
    .home .default-banner-main{
        min-height:1024px
    }
    .home .default-banner-section .banner-bg{
        height:inherit;
        position:absolute
    }
    .home .default-banner-section .banner-bg img{
        object-position:0 0
    }
    .home .default-banner-main .default-banner-text{
        padding:64px 0;
        max-width:688px
    }
    .home .default-banner-main .default-banner-text h1{
        font-size:48px;
        line-height:125%;
        margin-bottom:32px;
        letter-spacing:-.96px
    }
    .home .default-banner-main .default-banner-text .optional-text{
        margin-bottom:32px
    }
}
@media only screen and (max-width:1023px) and (min-width:200px){
    .home .default-banner-section .banner-bg:after{
        display:block
    }
}
@media only screen and (max-width:767px) and (min-width:200px){
    .home .default-banner-main{
        min-height:inherit
    }
    .home .default-banner-main .default-banner-text .default-banner-bg{
        display:block;
        background-color:#009ca6
    }
    .home .default-banner-main .default-banner-text{
        padding:32px 0;
        max-width:100%
    }
    .home .default-banner-main .default-banner-text h1{
        font-size:32px;
        letter-spacing:-.64px;
        line-height:125%;
        margin-bottom:25px
    }
    .home .default-banner-main .default-banner-text .optional-text{
        margin-bottom:23px
    }
    .home .default-banner-main .default-banner-text .button{
        width:100%;
        margin:0 0 19px 0;
        background:var(--linkhover)
    }
    .home .default-banner-main .default-banner-text .button:hover{
        color:var(--linkhover);
        background:var(--white)
    }
    .home .default-banner-main .default-banner-text .btn-wrap{
        justify-content:center
    }
    .home .default-banner-section .banner-bg:after{
        background-color:rgb(157 151 154 / .2)
    }
    .home .default-banner-section .banner-bg:before{
        display:none
    }
    .home .poster-bg.background-bg{
        position:inherit
    }
    .cta-overlay{
        height:calc(100% - 19%)
    }
}