@charset "UTF-8";

nav > .nav-wrapper > .badge > p{
    color:#fff;
}

header.parallax > img{
    transform: scaleY(-1);
    position:absolute;
    z-index:1;
    bottom:0;
    left:0;
}

header.parallax .solar{
    display:flex;
    align-items:center;
    justify-content:center;
}

header h6{
    color:var(--secondary-color);
}

header h1,
header p{
    color:#fff;
}

header p span{
    margin:0 0.5rem;
}

#about #aboutMain .frame{
    height:400px;
    border:25px solid #fff;
    box-shadow: 0 0 15px rgb(124,132,92,0.3);
    transform: rotateZ(2.5deg);
    position:relative;
}

#about #aboutMain .frame .play{
    display:block;
    width:100px;
    height:100px;
    position:absolute;
    top:calc(50% - 50px);
    left:calc(50% - 50px);
    z-index:1;
    border:2px solid var(--secondary-color);
    border-radius:50%;
    transition:transform 0.5s ease-in-out;
}

#about #aboutMain .frame .play a{
    margin:8px auto 0 auto;
    width:80px;
    height:80px;
    border-radius:50%;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    background-color:var(--secondary-color);
    color:#fff;
    font-size:2.5rem;
    text-decoration:none;
    text-align:center;
}

#about #aboutMain .frame .play:hover,
#about #aboutMain .frame .play:focus,
#about #aboutMain .frame .play:active{
    transform:scale(1.1);
}

#about #aboutMain .frame .background{
    height:350px;
}


#about #aboutMission h3{
    margin-top:1rem;
    font-family:var(--secondary-font);
    font-weight:400;
    color:var(--secondary-color);
}

#about #aboutMission p{
    margin:0;
}

#aboutProject .parallax{
    height:100%;
    min-height:350px;
}

#aboutTeam #carouselTeam{
    margin-top:3rem;
}

#carouselTeam .item{
    padding:10px;
}

#carouselTeam .box-team{
    box-shadow:0 0 15px rgb(124,132,92,0.3);
    border-radius:8px;
}

#carouselTeam .box-team .background{
    height:250px;
    border-radius:8px 8px 0 0;
}

#carouselTeam .box-team .body{
    padding:1rem;
}

#carouselTeam .box-team .body h4{
    font-family:var(--secondary-font);
    font-weight:400;
    color:var(--primary-color);
}

#contact .box-contact{
    padding:2rem;
    border-radius:8px;
}

#contact .box-contact p,
#contact .box-contact h5{
    color:#fff;
}

#contact .box-contact h5{
    font-weight:500;
}

#contact .box-contact h5 span{
    color:var(--secondary-color);
}

#contact .box-contact p{
    margin:0;
}

#contact .box-form{
    padding:2rem;
    border:2px dashed rgb(124,132,92,0.3);
    border-radius:8px;
}

#donate #donateMain .box-form{
    margin-top:3rem;
}

#donate #donateMain .box-form h3{
    font-family:var(--secondary-font);
    font-weight:400;
    color:var(--secondary-color);
}