/* https://coolors.co/e3e7d3-bdc2bf-989c94-25291c-e6e49f */

@import url('https://fonts.googleapis.com/css2?family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body{
    background-color : #E6E49F;
    padding-top : 100px;
    font-family : "Quantico", sans-serif;
}

.navbar{
    width : 88%;
    max-width : 1100px;
    margin : 20px auto 0 auto;
    left : 0;
    right : 0;
    top : 0;
    padding : 14px 30px;
    background-color : #E3E7D3;
    border-radius : 30px;
    box-shadow : 0 8px 20px rgba(37, 41, 28, 0.12);
}

.navbar-brand{
    margin-right : 15px;
}

.navbar-brand img{
    width : 38px;
    height : 38px;
}

.siteName{
    font-size : 1.3rem;
    font-weight : 700;
    color : #25291C;
}

.navbar form{
    margin-right : 15px;
}

.navbar-collapse{
    justify-content : flex-end;
}

.navbar-nav{
    gap : 26px;
}

.nav-link{
    color : #25291C;
    font-weight : 500;
    font-size : 20px;
}

.nav-link:hover{
    color : #989C94;
}

.nav-link.active{
    color : #25291C;
    font-weight : 700;
}

.navbar-toggler{
    border : 0px;
    margin-left : auto;
}

.navbar-toggler:focus{
    box-shadow : none;
}

.btn-outline-success{
    padding : 8px 18px;
    border-radius : 30px;
    font-weight : 600;
    font-size : 20px;
    background-color : #E6E49F;
    border : solid 2px #BDC2BF;
    color : #25291C;
}

.btn-outline-success:hover{
    background-color : #BDC2BF;
    border-color : #BDC2BF;
    color : #25291C;
}

.heroCard{
    margin-top : 40px;
    border : 0px;
    border-radius : 30px;
    overflow : hidden;
}

.heroImage{
    height : 650px;
    object-fit : cover;
    filter : brightness(65%);
}

.heroText{
    display : flex;
    flex-direction : column;
    justify-content : center;
    align-items : center;
    text-align : center;
    padding : 40px;
}

.heroTitle{
    font-size : 4rem;
    font-weight : 400;
    color : #E3E7D3;
}

.heroSubtitle{
    font-size : 4.5rem;
    font-weight : 700;
    color : white;
}

.heroParagraph{
    max-width : 600px;
    margin-top : 20px;
    font-size : 1.1rem;
    color : #E3E7D3;
}

.contentImage{
    height : 180px;
    width: 100%;

    object-fit : cover;
}

.marginBottom{
    margin-bottom : 60px;
}

.card{
    border : 0px;
    border-radius : 20px;
    padding : 10px;
}

.card-body h5{
    font-weight: bold;
}

footer h3{
    color : #25291C;
    margin-bottom : 15px;
}

footer .input-group{
    max-width: 600px;
    margin: 0 auto;
}

#socialMedia{
    display : flex;
    justify-content : center;
    align-items : center;
    gap : 30px;
    margin-top : 20px;
}

#socialMedia i{
    font-size : 28px;
}

#socialMedia a{
    color : #25291C;
}

#socialMedia a:hover{
    color : #989C94;
}

/* Contribute page */
.breadcrumb{
    background-color : transparent;
    margin-top : 20px;
    padding-left : 10px;
}

.breadcrumb a{
    color : #25291C;
    text-decoration : none;
}

.contributeCarousel{
    border-radius : 36px;
    overflow : hidden;
    box-shadow : 0 10px 24px rgba(37, 41, 28, 0.10);
}

.contributeImage{
    height : 520px;
    object-fit : cover;
}

.donatePanel{
    background-color : #F1F0C8;
    border-radius : 36px;
    padding : 40px 28px;
    box-shadow : 0 10px 24px rgba(37, 41, 28, 0.10);
}

.donateTitle{
    font-size : 2.6rem;
    font-weight : 700;
    color : #25291C;
    text-align : center;
    margin-bottom : 12px;
    letter-spacing : 1px;
}

.donateMini{
    text-align : center;
    color : #7D8A63;
    margin-top : -4px;
    margin-bottom : 18px;
    font-size : 0.95rem;
}

.donateText{
    text-align : center;
    color : #4B4F3D;
    margin-bottom : 28px;
    line-height : 1.6;
}

.donateBtn{
    width : 100%;
    max-width : 100px;
    padding : 12px 0;
    border-radius : 999px;
    border : solid 2px #BDC2BF;
    background-color : white;
    color : #25291C;
    font-weight : 700;
}

.donateBtn:hover{
    background-color : #E6E49F;
    color : #25291C;
}

.contributeNowBtn{
    padding : 13px 30px;
    border-radius : 999px;
    background-color : #7D8A63;
    color : white;
    font-weight : 700;
    border : 0px;
    letter-spacing : 0.5px;
}

.contributeNowBtn:hover{
    background-color : #65724E;
    color : white;
}

.contributeInfoCard{
    background-color : #F1F0C8;
    border-radius : 30px;
    padding : 24px;
}

/* Learning page */
.newsPageTitle{
    font-size : 3rem;
    font-weight : 700;
    color : #25291C;
    margin-bottom : 10px;
}

.newsIntro{
    max-width : 700px;
    margin : 0 auto 35px auto;
    text-align : center;
    color : #4B4F3D;
}

.newsList{
    gap : 20px;
}

.newsItem{
    border : 0px;
    border-radius : 28px !important;
    padding : 25px;
    margin-bottom : 25px;
    background-color : #E3E7D3;
    box-shadow : 0 8px 20px rgba(37, 41, 28, 0.08);
}

.newsItem:hover{
    background-color : #EEF1E2;
}

.newsHeading{
    font-size : 1.9rem;
    font-weight : 700;
    color : #25291C;
    margin-bottom : 14px;
}

.newsDate{
    color : #6E7360;
    font-size : 0.95rem;
    margin-left : 0;
    display : block;
    margin-bottom : 12px;
}

.newsText{
    color : #25291C;
    font-size : 1.05rem;
    max-width : 100%;
    line-height : 1.5;
}

.newsSource{
    color : #7D8A63;
    font-weight : 600;
}

.newsThumb{
    width : 100%;
    height : 220px;
    object-fit : cover;
    border-radius : 20px;
    margin-top : 10px;
}

.learningCard{
    background-color : #E3E7D3;
    border-radius : 28px;
    padding : 25px;
    box-shadow : 0 8px 20px rgba(37, 41, 28, 0.08);
}

@media (max-width: 991px){
    .newsHeading{
        font-size : 1.5rem;
    }

    .newsThumb{
        height : 200px;
    }
}