@charset "UTF-8";
/*
Theme Name: NGO Non Profit
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/themes/free-ngo-wordpress-theme/
Author URI: https://www.themagnifico.net/
Description: NGO Non-Profit is a clean and donation theme where the organization raises funds for needy people. This theme can be used by charity agencies, charity foundations, charity hubs, NGOs, non-profit organizations, donations, churches, or fundraising websites. The theme is minimal and perfectly designed for charitable agencies. The theme is compatible with the Elementor page creator. You will be able to customize and manage your content using powerful drag and drop. It allows you to set up information quickly and easily without any programming skills. This theme is responsive and was designed with high-end research. Therefore, it is suitable for both mobile-friendly websites as well as applications. Every page element and feature will look great on tablets and smartphones. This includes layouts and page templates that are specifically designed to create a responsive visual environment. This non-profit theme is compatible with woo commerce and SEO. It means the theme will help you rank on search engines, and many people will get the chance to contribute to your site. The theme has multiple payment options, and anyone can do charity with any method of transfer. The theme is sophisticated, Clean, Retina ready, user-friendly, responsive, beautiful and professional looking.
Version: 1.1
Tested up to: 6.0
Requires PHP: 7.2
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: charity-zone
Text Domain: ngo-non-profit
Tags: custom-logo, one-column, two-columns, wide-blocks, custom-background, custom-colors, custom-header, custom-menu, block-styles, sticky-post, footer-widgets, editor-style, featured-images, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, blog, photography, portfolio

NGO Non Profit WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2022.
NGO Non Profit WordPress Theme is released under the terms of GNU GPL
*/

body,.navbar-brand p{
    font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5, h6{
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
}

body,.sidebar a,.sidebar li,.sidebar .tagcloud a{
    color: #4f4f4f;
}

.sticky .entry-title::before,
.donate-btn a,
.main-navigation .menu > li > a:hover,
.main-navigation .sub-menu,
#button,
.sidebar input[type="submit"],
.comment-respond input#submit,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover,
.woocommerce .woocommerce-ordering select,
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale, .pro-button a,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wp-block-button__link,
.serv-box:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li,
.btn-primary,
.toggle-nav.mobile-menu button,
.sidebar button[type="submit"],
.sidebar .tagcloud a:hover,
a.added_to_cart.wc-forward{
    background: #eb9729;
}

a,.sidebar a:hover,
#colophon a:hover,
#colophon a:focus,
p.price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-message::before,
.woocommerce-info::before,
.donate-btn a:hover,
.causes-inner-box li a,
.social-link i:hover{
    color: #eb9729;
}

.wp-block-quote,
.wp-block-quote:not(.is-large):not(.is-style-large),
.wp-block-pullquote,.btn-primary,.woocommerce-message, .woocommerce-info{
    border-color: #eb9729 !important;
}

a, h1, h2, h3, h4, h5, h6,.navbar-brand a,.navbar-brand p,.main-navigation .menu > li > a{
    color: #254751;
}

.sidebar h5,
#button:active,
#button:hover,
.donate-btn a:hover,
#colophon,
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.socialmedia,
.pro-button a:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,a.added_to_cart.wc-forward:hover{
    background: #254751;
    color: #fff;
}

.head-menu .nav {
    justify-content: flex-end;
}

.social-link i,.socialmedia p,.socialmedia i{
    color: #fff;
}

#top-slider .owl-carousel .owl-item img {
    opacity: 0.4;
}
.navbar-brand {
    padding: 0;
    background: #fe5722;
    position: static;
    height: auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-align: left;
}
.navbar-brand p{
    text-align: left;
}
.navbar-brand .site-title{
    font-weight: bold;
}
.social-link{
    margin: 0;
}

.slider-inner-box {
    right: 30%;
    left: 30%;
}

.slider-inner-box a h2 {
    color: #eb9729;
    font-weight: bold;
    font-size: 50px;
    text-transform: none;
}

#serve-sec,.navbar-brand{
    background: transparent;
}
.serv-box .donate-btn a,.serv-box h4,.serv-box p{
    color: #fff;
}
.serv-box,.serv-box:hover .donate-btn a{
    background: #254751;
}
.serv-box .donate-btn {
    margin-bottom: -35px;
}
.serv-box p {
    margin-bottom: revert;
}
.serv-box .donate-btn a {
    padding: 10px 15px;
}
.donate-btn a{
    margin: 0;
}

@media screen and (min-width: 320px) and (max-width: 720px){
    .navbar-brand p,.navbar-brand .site-title{
        text-align: center;
    }
    .sidenav{
        background: #254751;
    }
    .main-navigation .sub-menu{
        background: transparent;
    }
    .toggle-nav i,.main-navigation .menu > li > a {
        color: #fff;
    }
    .slider-inner-box {
        right: 15%;
        left: 15%;
    }
    .slider-inner-box a h2 {
        font-size: 30px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .sidenav{
        background: #254751;
    }
    .toggle-nav.mobile-menu {
        text-align: right;
    }
    .main-navigation .sub-menu{
        background: transparent;
    }
    .toggle-nav i,.main-navigation .menu > li > a {
        color: #fff;
    }
    .slider-inner-box {
        right: 15%;
        left: 15%;
    }
}