@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: Nonprofit Foundation is a specialized and powerful template designed to cater specifically to the needs of nonprofit organizations, charities, and foundations. This theme offers a visually appealing and user-friendly design, combining aesthetics with essential functionalities to help nonprofits create a compelling online presence. In terms of design, the Nonprofit Foundation theme features a clean and modern layout. It incorporates vibrant colors, captivating images, and intuitive navigation menus, creating an engaging and informative website. The design is responsive, ensuring that the site looks and works well on various devices, from desktops to smartphones. One of the primary uses of this theme is to enable nonprofit organizations to effectively showcase their mission, projects, and impact. Users can create customizable pages to share their stories, display photos and videos, and engage with supporters. It often includes integration with popular donation platforms, making it easy for visitors to contribute financially to the cause. The theme includes features like event management tools, enabling nonprofits to promote and organize fundraising events, workshops, or awareness campaigns. Furthermore, the Nonprofit Foundation WordPress theme includes newsletter subscription forms, social media integration, and blogging functionality to help nonprofits connect with their audience and share updates and stories effectively. Additionally, it provides options for displaying testimonials, showcasing partnerships, and highlighting the organization&#39;s team members or board of directors.
Version: 0.5.4
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;
    }
}
