@charset "UTF-8";
/*
Theme Name: Nonprofit Foundation
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/nonprofit-foundation-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Nonprofit Foundation theme is a dynamic, purpose-driven website design tailored for charities, nonprofits, foundations, and social impact initiatives aiming to foster trust and effectively communicate their mission. With its clean and modern layout, this theme enables organizations to showcase their causes, ongoing projects, and real-world impact through structured storytelling enriched with images, videos, and campaign highlights. Its user-friendly navigation allows visitors to easily discover donation opportunities, upcoming events, and volunteer programs, creating an engaging experience. Focused on fundraising and awareness, the theme integrates donation systems for seamless contributions, making participation in meaningful causes straightforward for supporters. Fully responsive and mobile-friendly, it ensures optimal performance across all devices, connecting global audiences effortlessly. Additionally, the theme features event promotion tools that help nonprofits organize fundraisers and community activities, along with newsletter and social media integration to maintain long-term supporter engagement. Customization options enhance the nonprofit’s identity by allowing adjustments in colors, typography, and layouts. Optimized for SEO and performance, this theme enhances visibility to attract donors and volunteers. By combining clarity, compassion, and functionality, the Nonprofit Foundation theme serves as a reliable platform for amplifying impact and supporting social good initiatives, making it an essential choice for any book author or writer focused on publication in the nonprofit sector.
Version: 0.7
Tested up to: 7.0
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: charity-zone
Text Domain: nonprofit-foundation
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, news, education

Nonprofit Foundation WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2023.
Nonprofit Foundation WordPress Theme is released under the terms of GNU GPL
*/


/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #29AF8A;
}

.slider-inner-box a h2:hover, .socialmedia i:hover,.socialmedia p a:hover,.widget a:hover, .widget a:focus,a, .sidebar ul li 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,.slider-inner-box h2,.main-navigation .menu > li > a:hover{
    color: var(--first-color);
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,.toggle-nav.mobile-menu button,.woocommerce a.added_to_cart,.sidebar .tagcloud a:hover,.sidebar input[type="submit"], .sidebar button[type="submit"],.serach_inner,.sticky .entry-title::before, .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, .sidebar h5, .toggle-nav i, span.onsale, .serach_inner [type="submit"],span.cart-value, .load hr {
    background: var(--first-color);
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover{
    border-color: var(--first-color);
}
.main-navigation .menu > li > a,.main-navigation .menu > li > a:hover,.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return, .main-navigation .sub-menu > li > a{
    text-transform: none !important;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained{
    border: 0px;
    color: #ffffff;
}
.main-navigation .menu ul li {
    display: inline;
}
.main-navigation .menu ul {
    padding: 0px;
}
#site-navigation .menu ul li a:hover{
    color: var(--first-color);
}
ul.children {
    display: contents;
}
.head-menu {
    padding: 0px 0;
}
.navbar-brand p a:hover{
    color: #000;
}
.slider-box {
    background: #435061;
}
.donate-btn a:hover{
    background: #435061;
    color: #ffffff;
}
.socialmedia {
    background: #435061;
}
.socialmedia p a ,.socialmedia i,.slider-inner-box a h2{
    color: #ffffff;
}
.slider-inner-box p {
    color: #fff;
    font-size: 20px;
    letter-spacing: 1px;
}
.donate-btn a,.navbar-brand {
    background: var(--first-color);
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus {
    background: #435061;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: #000000;
}
#serve-sec {
    background: #435061;
    padding-bottom: 35px;
}
.woocommerce-message, .woocommerce-info {
    border-top-color: var(--first-color);
}
.footer-column {
    border-bottom: 1px solid #fff;
}
.btn-primary{
    background-color: var(--first-color) !important;
    border-color: var(--first-color) !important;
}
.main-navigation .menu > li > a{
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    font-weight: 600;
}
.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return ,.main-navigation .sub-menu > li > a{
    font-size: 14px;
    line-height: 22px;
    color: #ffffff !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.serv-box:hover img{
    filter: brightness(0) invert(1);
}
a.account-btn {
    background: transparent;
    color: #000;
    padding: 0px;
    width: 46px;
    height: 46px;
    font-size: 19px;
    display: block;
    font-weight: 900;
    position: relative;
    background: #eee;
    border-radius: 50%;
    text-align: center;
    padding-top: 9px;
    cursor: pointer;
    margin: 15px;
}
#top-slider{
    background: #e4e4e4;
    height: 600px;
}
#top-slider .slide-bg{
    background-color: #000;
    height: 600px;
}
#top-slider .slider-box img {
    opacity: 0.2;
}
#top-slider img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.slider-inner-box {
    right: 36%;
    left: 36%;
    top: 45%;
    text-align: center;
}

.wp-block-image .alignright {
    float: none;
}
.serv-box img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image{
    object-fit: cover;
}
/* --------------- Gallery ----------------- */


#gallery img.image-grid-col-1 , #gallery img.image-grid-col-4 {
    width: 380px;
    height: 270px;
    object-fit: cover;
}
img.image-grid-col-3 ,img.image-grid-col-2  {
    height: 200px;
    width: 380px;
    object-fit: cover;
}

#gallery .gallery-bg{
  background-color: var(--first-color);
  padding: 0 40px;
}
#gallery .gallery-heading h4
{
  font-size: 18px;
  color: #232121;
  font-weight: 400;
  font-style: italic;
  font-family: "Lato";
  text-align: left;
  padding: 0;
}
#gallery .gallery-heading h3
{
  font-size: 40px;
  color: #ffffff;
  font-weight: 400;
}
#gallery .gallery-heading {
  border-left: 4px solid #fff;
  padding: 0px 15px;
  margin-top: 35px;
}
#gallery .gallery-content
{
  font-size: 16px;
  color: #ffffff;
}
#gallery .gallery_btn {
  font-size: 16px;
  line-height: 18px;
  color: var(--first-color);
  font-weight: 600;
  text-align: center;
  margin-top: 5%;
  margin-bottom: 25px;
}
#gallery .gallery_btn a {
  color: #FFFFFF;
  background-color: #435061;
  padding: 10px 25px;
  border-radius: 4px;
} 
#gallery img.image-grid-col-3,#gallery img.image-grid-col-4{
    width: 440px !important;
}

.column1 {
    width: 40%;
}
.column2{
    width: 60%;
}

#gallery button.owl-prev {
  position: absolute;
  left: 112px;
  top: 118%;
  border: none;
  padding: 5px 12px;
  background-color: var(--first-color);
}
#gallery button.owl-next {
  position: absolute;
  right: 112px;
  top: 118%;
  border: none;
  padding: 5px 12px;
  background-color: var(--first-color);
}
#gallery button.owl-next i, button.owl-prev i{
  color: #ffffff;
}
.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{
    border: solid 2px var(--first-color);
    background: transparent;
    color: var(--first-color);
}
.wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote{
    border-color: var(--first-color) !important;
}
.main-navigation .menu li.current-menu-item a {
    color: var(--first-color);
}
.main-navigation .menu .sub-menu li.current-menu-item a:hover{
    color: var(--first-color) !important;
}
.main-navigation .menu > li > a:hover{
    background: transparent;
    color: var(--first-color) !important;
    border-radius: 0px;
    text-transform: uppercase;
}
.page-template-page-template .main_header{
    background: transparent;
}
.slide-btn a {
    padding: 15px 25px;
    border-radius: 5px;
}
.sidebar section{
    padding: 10px;
}
.wp-block-button__link{
    background: var(--first-color) !important;
}
.wp-block-button.is-style-squared a.wp-block-button__link {
    border-radius: 0px;
}
.wp-block-button.is-style-outline a.wp-block-button__link{
    background-color: transparent !important;
    color: var(--first-color) !important;
    margin: 10px 0px; 
}
.sidebar h2.wp-block-heading {
    font-size: 16px;
    color: #fff;
    background: var(--first-color);
    padding: 15px 10px;
    letter-spacing: 1px;
    margin-bottom: 0;
}
#mySidenav {
    justify-content: flex-end;
}
a.added_to_cart.wc-forward{
    margin:0 auto;
    margin-top: 10px;
}

#colophon .widget #wp-calendar caption {
    color: #fff;
}
@media screen and (max-width: 575px) {
    #top-slider img{
        height: 300px;
    }
    .slide-box{
        padding-right: 0px !important;
    }
    .slider-inner-box h2 a {
        font-size: 30px;
    }
    .time-box {
        margin-left: -15px;
        margin-right: -15px;
        padding: 14px 20px 10px 20px;
    }
    .column1,.column2{
        width: 100%;
    }
    img.image-grid-col-3, img.image-grid-col-2,#gallery img.image-grid-col-1, #gallery img.image-grid-col-4{
        width: 100% !important;
        height: auto !important;
    }
    .toggle-nav{
        text-align: center;
    }
}
@media screen and (max-width: 767px) {
    #top-slider {
        height: 100%;
    }
    .slider-inner-box {
        right: 10%;
        left: 10%;
        top: 50%;
    }
    #gallery .gallery_btn {
        margin-top: 10%;
        margin-bottom: 25px;
   }
}
@media screen and (max-width:1024px) {
    .socialmedia p a {
        font-size: 15px;
    }
    .socialmedia i {
        font-size: 16px;
        padding-right: 8px;
    }
    .slider-inner-box {
        left: 25%;
        right: 25%;
    }
}
@media screen and (min-width: 320px) and (max-width: 720px){
   .sidenav #site-navigation {
        padding: 40px 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    .slider-inner-box {
        right: 8%;
        left: 8%;
        top: 65%;
    }
    .toggle-nav{
        text-align: right;
    }
}
@media screen and (max-width: 1000px) {
    .main-navigation .menu > li > a{
        color: #ffffff;
    }
    .main-navigation .menu .sub-menu li.current-menu-item a{
        color: var(--first-color) !important;
    }
    .main-navigation .sub-menu{
        background: transparent;
    }
    .sidenav .closebtn{
        background: var(--first-color);
    }
    .toggle-nav.mobile-menu {
        text-align: right;
    }
    .main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
        color: var(--first-color) !important;
    }
}
