/*
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 WordPress theme that brings an excellent layout for starting any charity website, representing charity organizations, gala, child welfare, pandemic funds, NGOs, running charity campaigns and fundraisers, donation camps, crowdfunding platforms, and much more. You can run various welfare programs that included charity through online platforms. This theme is professional and sophisticated in design and supported by a responsive layout that looks clean and retina-ready displaying content and imagery with great precision. Social media options are included for better promotion and optimized codes that are also made SEO friendly will take care of the traffic coming to your website. These codes also deliver a lightweight website that gives faster page load time and a much-improved user experience. Personalization options provided with the theme let you tweak the existing design and gives you choices for fonts and colors. There are a lot of Call to Action Buttons (CTA) included for boosting the conversion rates. This theme is compatible with donation plugins such as Give - Donation plugin, Charitable, Donation for Woocommerce and Paypal Donations. Also, you can easily integrate payment gateways with the theme. Make your Donation with ease! Demo: https://trial.ovationthemes.com/charity-foundation/
Version: 5.0
Requires PHP: 5.6
Tested up to: 6.8
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;
}

/* 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;
    }
}