/*
Theme Name: NGO Business
Template: bizberg
Text Domain: ngo-business
Author: Bizberg Themes
Author URI: https://bizbergthemes.com/
Theme URI: https://bizbergthemes.com/downloads/ngo-business/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: NGO Business is a specialized and thoughtfully designed free Charity and Non-Profit WordPress theme built on the reliable Bizberg framework, positioning itself as one of the best NGO and charity theme for WordPress for organizations aiming to create meaningful digital impact. Meticulously crafted for NGOs, nonprofits, charitable trusts, fundraising initiatives, philanthropy projects, and social causes, this theme delivers a clean, professional, and purpose-driven design that resonates with audiences. Its fully responsive structure ensures optimal performance across all devices and modern web browsers, providing a seamless and engaging user experience. Packed with powerful features, NGO Business serves as a robust platform for promoting activism, engaging volunteers, sharing success stories, and facilitating donations with ease. Seamless integration with the Elementor page builder allows effortless customization, enabling organizations to clearly communicate their mission and visually showcase the real-world impact of their humanitarian efforts. With multiple templates and layouts tailored specifically for nonprofit needs, a Bootstrap-based user-friendly interface, translation readiness, and SEO-optimized architecture, NGO Business maximizes visibility and reach, making it an ideal solution for nonprofits seeking a professional, accessible, and high-performing online presence.
Tags: custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,left-sidebar,right-sidebar,grid-layout,theme-options,blog,news,portfolio
Version: 0.5
Requires PHP: 5.6
Tested up to: 6.9.1
*/

.navbar-default .navbar-nav > li > a {
    letter-spacing: 0;
}

.blog-lists.blog-nosidebar-1 .blog-listing.no-sidebars .blog-post.blog-large .entry-header {
    margin-top: 0 !important;
}

.our_services {
    padding: 80px 0;
}

.services_inner_wrap {
    display: grid;
    grid-template-columns: 2fr 5fr;
}

.services_inner_wrap h4 {
    color: #e0be53;
}

.services_inner_wrap h2 {
    color: #000;
}

.services_inner_wrap .left {
    row-gap: 4px;
    display: grid;
    align-content: center;
}

.services_inner_wrap p {
    padding-top: 8px;
}

.services_inner_wrap .right {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
}

.services_inner_wrap .item {
    padding: 40px;
    background: #eeeeee3b;
    border-radius: 10px;
}

.services_inner_wrap .item .icon{
    padding-bottom: 15px;
    display: block;
}

.services_inner_wrap .item .icon i::before{
    font-size: 50px;
    color: #e0be53;
}

.services_inner_wrap .item h4 {
    color: #000;
}

.services_inner_wrap a{
    font-weight: 500;
}

.services_inner_wrap a {
    font-family: 'Lato';
    font-weight: 900;
    display: flex;
    align-items: baseline;
}

.services_inner_wrap a i{
    padding-left: 10px;
    padding-top: 15px;
}

.services_inner_wrap .item:hover{
    background: #e0be53;
}

.services_inner_wrap .item:hover p,
.services_inner_wrap .item:hover h4,
.services_inner_wrap .item:hover a,
.services_inner_wrap .item:hover a:hover,
.services_inner_wrap .item:hover .icon i::before {
    color: #fff;
}

.work_process .title_wrapper {
    display: grid;
    justify-content: center;
    justify-items: center;
    row-gap: 4px;
}

.work_process .title_wrapper h4{
    color: #e0be53;
}

.work_process .title_wrapper h2{
    color: #000;
}

.work_process{
    padding-bottom: 50px;
}

.work_process .content .item .icon_wrapper i {
    font-size: 50px;
    padding: 10px;
    border-radius: 100%;
    border: 1px dashed #e0be53;
    line-height: 150px;
    width: 170px;
}

.work_process .content .item .icon_wrapper i::before {
    padding: 40px;
    border-radius: 100%;
    color: #e0be53;
}

.work_process .content .item .icon_wrapper .number {
    display: inline-block;
    background: #e0be53;
    position: absolute;
    bottom: -14px;
    left: 45%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    font-family: 'MontserratRegular';
    border-radius: 100%;
}

.work_process .content{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-top: 50px;
    column-gap: 30px;
}

.work_process .content .item {
    text-align: center;
}

.work_process .content .item:hover i::before{
    background: #e0be53;
    color: #fff;
}

.work_process .icon_wrapper{
    position: relative;
    display: block;
}

.work_process .content .item h3{
    padding-top: 30px;
    padding-bottom: 10px;
    color: #000;
}

/** 
* Givewp CSS
*/

.single-give_forms .give_forms{
    padding-top: 0;
}

.detail-content.single_page.eb_page .give_error, 
.detail-content.single_page.eb_page .give_success, 
.detail-content.single_page.eb_page .give_warning {
    padding: 1em 1.5em 1em 2em;
}

#give_donation_receipt th {
    padding: 15px;
}

#give_donation_receipt td {
    padding: 12px 20px;
}

form#give-email-access-form {
    display: flex;
    flex-direction: column;
}

form#give-email-access-form input#give-email {
    width: 100%;
}

.nacep-give-cause-list.style-five .nacep-cause-bar .progress-bar:after {
    margin: -5px;
}

@media (max-width: 991px){

    .services_inner_wrap {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }

    .work_process .content {
        grid-template-columns: 1fr 1fr;
        row-gap: 40px;
    }

    .services_inner_wrap .left {
        align-content: center;
        justify-items: center;
    }

}

@media (max-width: 412px){

    .services_inner_wrap .right {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }

    .services_inner_wrap .left p{
        text-align: center;
    }

    .work_process .content {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }

}