@charset "UTF-8";

header .solar{
    display:flex;
    align-items:center;
    height:inherit;
    background:rgb(29,37,43);
    background:linear-gradient(90deg, rgba(29,37,43,1) 0%, rgba(29,37,43,0) 100%);
}

header .solar h2{
    margin-top:0;
}

#about #aboutFoundation .background{
    height:100%;
}

#about #aboutTeam #carouselTeam{
    margin-top:4rem;
}

#about #aboutTeam #carouselTeam h6 span{
    display:inline-block;
    width:35px;
    height:3px;
    background-color:var(--secondary-color);
}

#about #aboutParallax .solar{
    display:flex;
    align-items:center;
}

#services #servicesBanner h6{
    margin:0;
    color:#fff;
}

#services #servicesData .post-boxes .post-box .background{
    height:300px;
}

#donate #donateStats .stats{
    margin-top:3rem;
}

#donate #donateStats .stats h2{
    color:var(--secondary-color);
    font-weight:700;
    font-size:3rem;
}

#articles .post-boxes .post-box .background{
    height:400px;
}

#articles article{
    padding:var(--zeta-gravity-2);
}

#articles article .button{
    margin-bottom:1.25rem;
    color:var(--dark-color);
}

#articles article:last-child .button{
    margin-bottom:0;
}

#post #postArticle .background{
    margin-bottom:3rem;
    height:500px;
}

#post article figure{
    margin-bottom:3rem;
    width:100%;
    height:500px;
    overflow:hidden;
}

#post article figure > img{
    object-fit:cover;
    object-position:center;
    width:100%;
    height:100%;
}

#post article ul li{
    list-style-type:square;
    font-weight:600;
    color:var(--dark-color);
}


#post article ul li::marker{
    color:var(--secondary-color);
    font-size:1.25rem;
}

#post article a{
    color:var(--dark-color);
}

#post article p{
    text-align:justify;
}

#post article p:last-child{
    margin-bottom:0;
}

#map{
    height:400px;
    background-color:#efefef;
}

@media(max-width:991px){
    #donate #donateStats img{
        display:block;
        margin:0 auto;
        max-width:350px;
    }

    #donate #donateStats .title,
    #donate #donateStats .stats{
        text-align:center;
    }
}

@media(max-width:767px){
    #about #aboutFoundation .background{
        height:400px;
    }

    #services #servicesBanner,
    #services #servicesBanner .right-align{
        text-align:center;
    }

    #services #servicesBanner .button{
        margin-top:2rem;
    }
}