@charset "UTF-8";
/*
Theme Name: Nonprofit Foundation
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-foundation-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Nonprofit Foundation theme is a powerful, purpose-driven, and visually engaging website design created for charities, nonprofit organizations, foundations, and social impact initiatives that want to build trust, communicate their mission, and encourage meaningful support; featuring a clean, modern, and emotionally appealing layout, it helps organizations clearly present their causes, ongoing projects, and real-world impact through structured storytelling supported by images, videos, and campaign highlights; its intuitive navigation ensures visitors can easily explore donation opportunities, upcoming events, volunteer programs, and organizational updates without confusion, creating a transparent and engaging user experience; built with a strong focus on fundraising and awareness, it supports integration with donation systems, making it simple for supporters to contribute and participate in causes that matter; fully responsive and mobile-friendly, the theme ensures seamless performance and accessibility across desktops, tablets, and smartphones, allowing global audiences to stay connected and engaged; it includes tools for event promotion and management, enabling nonprofits to organize fundraisers, awareness drives, workshops, and community activities effectively; newsletter and social media integration help organizations maintain long-term engagement with supporters and expand their outreach; customization options for colors, typography, and layouts allow nonprofits to reflect their identity and mission consistently; optimized for SEO and performance, it enhances visibility and helps attract donors and volunteers searching for meaningful causes; combining clarity, compassion, and functionality, the Nonprofit Foundation theme provides a reliable digital platform for amplifying impact, building credibility, and supporting social good initiatives.
Version: 0.5.8
Tested up to: 6.9
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;
    }
}