/*
Theme Name: NGO Charity Hub
Template: bizberg
Text Domain: ngo-charity-hub
Author: Bizberg Themes
Author URI: https://bizbergthemes.com  
Theme URI: https://bizbergthemes.com/downloads/ngo-charity-hub/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: NGO Charity Hub is child theme of Bizberg WordPress Theme. NGO Charity Hub is a clean WordPress Charity Theme which fits for all kind of Charity, Fundraising, NonProfit, NGO, Church and other non-profit charity projects website since it is a great theme that will make a model and professional website for all your needs. It is a feature-rich theme with gorgeous layout. The very base of the theme is built on Bootstrap framework which makes the theme very handy and easy to use. This WordPress theme is fully responsive, cross-browser compatible, translation ready & SEO friendly. If you run into any problem while using our theme, you can refer to extensive documentation or contact our friendly support team. It fully supports Elementor, all the sections are made from Elementor.
Tags: custom-logo,custom-menu,featured-images,threaded-comments,translation-ready,left-sidebar,right-sidebar,grid-layout,theme-options,blog,news,portfolio
Version: 0.2
Requires PHP: 5.6
Tested up to: 6.0
*/

.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;
}

.main-services-item {
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    padding: 40px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 24px;
}

.main-services-item img {
    margin-bottom: 20px;
}

.main-services-item h3 {
    font-size: 22px;
    margin-bottom: 15px;
    font-family: 'Poppins';
}

.main-services-item h3 a{
    color: inherit;
}

.main-services-item p {
    font-family: 'Poppins';
}

.main-detail-btn {
    font-size: 16px;
    color: #000248;
    display: block;
    position: relative;
    font-weight: 500;
}

.main-services-item .services-shape {
    position: absolute;
    top: -120px;
    right: -120px;
    opacity: 0.5;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    z-index: -1;
}

.main-services-item:hover .services-shape {
    top: 0;
    right: 0;
}

.services_wrapper{
    padding: 80px 0 30px;
}

.services_wrapper .title_wrapper {
    text-align: center;
    margin-bottom: 40px;
}

.services_wrapper .title_wrapper h4{
    font-family: 'Poppins';
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}

.services_wrapper .title_wrapper h2{
    font-family: 'Poppins';
    color: #e0be53;
    font-weight: 700;
}

.main-services-item .icon i {
    background: #e0be53;
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    padding: 21px;
    font-size: 28px;
}

.main-services-item .icon {
    border: 2px dashed #e0be53;
    display: inline-block;
    border-radius: 50%;
    padding: 3px;
    margin-bottom: 25px;
}

.about_wrapper_inner {
    background: #e0be532e;
    padding: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 50px;
}

.about_wrapper_inner .left {
    display: grid;
    padding: 30px 0;
    row-gap: 15px;
}

.about_wrapper_inner .left h4{
    font-family: 'Poppins';
    color: #e0be53;
}

.about_wrapper_inner .left h2{
    font-family: 'Poppins';
}

.about_wrapper_inner .left p{
    font-family: 'Poppins';
}

.about_wrapper_inner .right {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.main-btn {
    display: inline-block;
    position: relative;
    z-index: 1;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    padding: 18px 30px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    border-radius: 4px;
    border: 2px solid #e0be53;
    color: #e0be53;
    width: max-content;
    margin-top: 10px;
    font-family: 'Poppins';
}

.main-btn:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 0;
    background-color: #e0be53;
    z-index: -1;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.main-btn:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 25%;
    width: 25%;
    height: 0;
    background-color: #e0be53;
    z-index: -1;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.main-btn .btn-style::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 25%;
    height: 0;
    background-color: #e0be53;
    z-index: -1;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.main-btn .btn-style::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 75%;
    width: 25%;
    height: 0;
    background-color: #e0be53;
    z-index: -1;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.main-btn:hover {
    color: #ffffff !important;
}

.main-btn:hover::before {
    top: auto;
    bottom: 0;
    height: 100%;
}

.main-btn:hover .btn-style::before {
    top: auto;
    bottom: 0;
    height: 100%;
}

.main-btn:hover .btn-style::after {
    bottom: auto;
    top: 0;
    height: 100%;
}

.main-btn:hover::after {
    bottom: auto;
    top: 0;
    height: 100%;
}

.about_wrapper {
    margin-bottom: 20px;
}

@media (max-width: 414px){

    .about_wrapper_inner {
        grid-template-columns: 1fr;
        padding: 30px;
    }

    .about_wrapper_inner .right {
        height: 200px;
    }

}

.nacep-give-cause-list.style-five .nacep-cause-bar .progress-bar:after {
    top: -5px;
}

/** 
* 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%;
}