/*
Theme Name: Charity Foundation
Theme URI: https://www.ovationthemes.com/products/free-charity-foundation-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Charity Foundation is an elegant and modern theme designed for charity organizations, non-profit foundations, NGOs, fundraising campaigns, donation platforms, crowdfunding initiatives, social welfare programs, community support projects, and humanitarian relief services. It is also suitable for organizations working in child welfare, disaster relief, medical aid support, pandemic relief funds, educational donations, and volunteer-driven social causes. The design is clean, professional, and purpose-driven, ensuring that campaigns, donation goals, causes, events, testimonials, and impact stories are presented clearly to inspire trust and engagement. Fully responsive and mobile-friendly, it delivers smooth performance across desktops, tablets, and smartphones for wider accessibility. Optimized code structure ensures fast loading speed and improved search visibility, helping organizations reach more supporters and donors effectively. The theme includes flexible customization options for layouts, colors, typography, and branding elements, enabling a strong and consistent identity without technical complexity. It also supports donation systems, payment gateway integration, and fundraising tools, making it easy to manage contributions and campaigns. Social media integration and call-to-action sections further enhance outreach and donor engagement. Overall, it provides a complete solution for building a powerful and trustworthy online presence for non-profit and charitable organizations.
Version: 6.4
Requires PHP: 5.6
Tested up to: 6.9
Requires at least: 5.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: charity-foundation
Template: ngo-charity-donation
Tags: blog, news, portfolio, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, sticky-post, featured-images, flexible-header, featured-image-header, footer-widgets, full-width-template, threaded-comments, theme-options, wide-blocks, block-styles, post-formats, translation-ready, rtl-language-support

Charity Foundation WordPress Theme, Copyright 2022 pewilliams
Charity Foundation is distributed under the terms of the GNU GPL

Charity Foundation WordPress Theme is child theme of NGO Charity Donation WordPress Theme, Copyright 2022 pewilliams
NGO Charity Donation WordPress Theme is distributed under the terms of the GNU GPL
*/

:root {
    --theme-primary-color:#f9c416;
    --theme-section-bg:#f8f5ef;
    --theme-heading-color:#1d1c1c;
    --theme-text-color:#9f9f9f;
    --theme-primary-fade:#ffeeb7;
    --theme-footer-color:#1d1c1c;
}

.entry-content a,span.entry-author a,.comment-author a,.product_meta a,.widget_text a,.comment-content p a {
    text-decoration: underline;
}

/*color-change*/
body{
    color: var(--theme-text-color);
}
.entry-content .quotepost a,.entry-content .quotepost p,#Category-section pre.wp-block-verse,
.volunteer-inner-box p,.volunteer-inner-box i,#slider h3,#Category-section .postbox.smallpostimage:hover h3 a,
h3.entry-title a:hover{
    color: var(--theme-primary-color);
    background: transparent;
    -webkit-text-fill-color: unset;
}
.top_bar span i,.top_bar a:hover,.top_bar bdi,.top_bar span,.top_bar a,.top_bar span a  {
    color: #1d1c1c;
    background: transparent;
    -webkit-text-fill-color: unset;
}
a:hover,a:active{
    color: var(--theme-primary-color);
}
a.more-link:hover,.gb_nav_menu li a,.gb_nav_menu li.page_item_has_children:after, 
.gb_nav_menu li.menu-item-has-children:after,#slider .carousel-caption h2 ,#slider .carousel-caption p{
   color: var(--theme-heading-color); 
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: #1d1c1c !important;
}
p.donate_btn a,.home-btn a,.gb_nav_menu ul ul,#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon,.scrollup,.scrollup.is-active:hover,
.page-numbers.current,.page-numbers:not(.dots):hover, .page-numbers:not(.dots):focus,
.navigation.pagination .prev.page-numbers:focus:before, 
.navigation.pagination .prev.page-numbers:hover:before, 
.navigation.pagination .next.page-numbers:focus:before, 
.navigation.pagination .next.page-numbers:hover:before,
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current,
.scrollup.is-active:focus,.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,
.wc-block-cart__submit-container 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,
 nav.woocommerce-MyAccount-navigation ul li,a.added_to_cart.wc-forward,.site-footer .search-form .search-submit,
 .site-footer .search-form .search-submit,button, input[type="button"], input[type="submit"] {
    background: var(--theme-primary-color);
    color: #1d1c1c;
}

#sidebar .tagcloud a:hover, .site-footer .tagcloud a:hover,.volunteer-box::before, 
.volunteer-box::after,.site-info ,.top_bar{
    background: var(--theme-primary-color);
}

#volunteer{
    background: transparent;
}
.site-footer input[type="search"]{
    color: #666c6e;
}
/* Header */
p.donate_btn a i {
    display: none;
}
p.donate_btn a, .home-btn a {
    text-transform: uppercase;
    font-size: 12px;
}
.top_bar{
    border: none;
}
/*loader*/
#loader,#loader:after{
  border-top-color: var(--theme-primary-color);
}
#loader:before {
  border-top-color: #1d1c1c;
}
.spinner > div{
  background-color: #1d1c1c;
}
/* Slider */
#slider,.causes-box,.without-img-head,#preloader{
    background: var(--theme-section-bg);
}
#slider img{
    height: 600px;
}

/* Our Causes */
.progress_bar {
    margin-bottom: 10px;
    position: relative;
}
.progress_bar_title {
    color: hsl(0, 0%, 0%);
    display: inline;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}
.progress_number {
    color: var(--theme-heading-color);
    font-size: 13px;
    font-weight: 900;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: -20px;
}
.progress_bar_holder {
    background: #d6d9dc;
    margin-top: 5px;
    border-radius: 30px
}
.progress_bar_content {
    height: 5px;
    transition: width 1s ease-in-out 0s;
}
.prices-box {
    position: relative;
    bottom: 15px;
    background: var(--post-bg-color);
    margin: 0 10px;
    border-radius: 30px;
    padding: 5px 10px;
    text-align: center;
}
.prices-box span {
    font-size: 13px;
    color: var(--theme-primary-color);
}
span.first-word {
    font-weight: 600;
    color: var(--theme-heading-color);
}
.causes-box h3 a {
    font-size: 18px;
    color: var(--theme-heading-color);
}
.causes-box p {
    font-size: 14px;
}
.causes-box {
    border-radius: 20px;
}
.causes-box img{
    border-radius: 20px 20px 0 0;
    height: 250px;
}

/* Default*/

.bypostauthor .comment-body .comment-meta .comment-author .avatar,.comment-author .avatar {
   padding: 2px;
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

@media screen and (max-width: 1299px){
    #slider .carousel-caption h2{
        font-size: 30px;
    }
    #slider .carousel-caption p{
        font-size: 15px;
    }
}
@media screen and (max-width: 1199px){
    #slider img{
        height: 500px;
    }
}
@media screen and (max-width: 991px){
    .toggle-menu button {
        background: var(--theme-primary-color);
        color: #1d1c1c;
        border-radius: 5px;
        margin: 0 !important;
    }
    .toggle-menu i{
        color: #1d1c1c;
    }
    .gb_nav_menu ul ul{
        background: transparent;
    }
    .gb_nav_menu ul li a:active, .gb_nav_menu ul li a:hover {
        color: var(--theme-primary-color) !important;
    }
}
@media screen and (max-width: 767px){
    #slider .carousel-caption p{
        color: #1d1c1c;
    }
    #slider .carousel-caption{
        left: 30px !important;
        right: 30px !important;
        text-align: center !important;
    }
    #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon,#slider .carousel-control-next-icon:hover, #slider .carousel-control-prev-icon:hover{
        background: transparent;
        padding: 0;
    }
}
@media screen and (max-width:575px){
    #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon,#slider .carousel-control-next-icon:hover, #slider .carousel-control-prev-icon:hover{
        background: transparent;
        padding: 0;
    }
    #slider .carousel-caption h2{
        font-size: 20px;
    }
    #slider img{
        height: 400px;
    }
}