/*
Theme Name: Prime Fundraiser
Template: prime-charity-trust
Text Domain: prime-fundraiser
Author: themeignite
Author URI: https://themeignite.com
Theme URI: https://themeignite.com/products/free-fundraiser-wordpress-theme
Description: The Prime Fundraiser WordPress Theme is a meticulously crafted solution specifically designed for non-profit organizations, charities, and crowdfunding campaigns. With its comprehensive features, this theme offers an all-in-one platform to streamline your fundraising efforts. Prime Fundraiser empowers you to create and customize donation forms to suit your organization's specific needs, ensuring a seamless and engaging experience for your donors. You can tailor the donation forms to match your campaign's branding, further enhancing the user experience and boosting donor engagement.The theme integrates smoothly with popular payment gateways, allowing donors to contribute via their preferred payment method, thereby expanding your reach and encouraging more donations. With an emphasis on user-friendliness, Prime Fundraiser enables you to easily adjust various aspects of the theme without needing any coding knowledge, ensuring a hassle-free management experience for your team. Its clean design emphasizes your organization's credibility and trustworthiness, which is essential for connecting with potential supporters.In addition to offering an ideal donation platform, the theme provides essential tools for event management, including the ability to manage volunteer sign-ups, organize charity events, and send gala invitations. The theme also includes fundraising goal tracking, the ability to manage online auctions, and integration with social media to extend your outreach. It further supports email campaigns and newsletters, enhancing communication with your supporters.With Prime Fundraiser, you can easily showcase impact stories, set up recurring donations, and create compelling crowdfunding project pages. The theme also features event countdowns, customizable campaign landing pages, and a non-profit blog to help keep your community engaged and informed. Prime Fundraiser is an all-encompassing WordPress theme that can significantly elevate your digital fundraising efforts and maximize your organization's impact.
Version: 4.7
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: blog, e-commerce, portfolio, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, custom-background, custom-menu, featured-images, featured-image-header, post-formats, flexible-header, sticky-post, threaded-comments, translation-ready, theme-options, footer-widgets,  full-width-template, custom-logo, custom-colors, editor-style, rtl-language-support
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
  --primary-color: #39B0CE;
}
button, input[type="button"], input[type="reset"], input[type="submit"], a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button,#colophon .tag-cloud a,.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce li.woocommerce-MyAccount-navigation-link a,#button,#featured-cause .button-content a, #featured-posts .read-more a,.main-navigation ul ul li:hover > a, .main-navigation ul ul li.focus > a,#featured-posts .entry-meta,button, input[type="button"], input[type="reset"], input[type="submit"],.tags-links a,.widget_tag_cloud .tagcloud a,#colophon .widget_search form.search-form button.search-submit,.woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.added_to_cart.wc-forward, .woocommerce .woocommerce-message .button, .woocommerce div.product form.cart .button, .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,.woocommerce span.onsale,.social-links a:hover, .social-links a:focus,.donate-btn a,#featured-slider .read-more a.btn,#featured-cause .cause-tags a,.btn{
	background-color: var(--primary-color);
}
#colophon .site-info a:hover, #colophon .site-info a:focus,a,#featured-slider .read-more a.btn i, #featured-cause .button-content a i, #featured-posts .read-more a i,.entry-title a:hover, .entry-title a:focus,.main-navigation ul.nav-menu li ul .current_page_item > a, .main-navigation ul.nav-menu li ul .current-menu-item > a, .main-navigation ul.nav-menu li ul .current_page_ancestor > a, .main-navigation ul.nav-menu li ul .current-menu-ancestor > a, .main-navigation ul.nav-menu > li:hover > a, .main-navigation ul.nav-menu > li.focus > a,.main-navigation ul.nav-menu .current_page_item > a, .main-navigation ul.nav-menu .current-menu-item > a, .main-navigation ul.nav-menu .current_page_ancestor > a, .main-navigation ul.nav-menu .current-menu-ancestor > a, .main-navigation ul.nav-menu > li:hover > a, .main-navigation ul.nav-menu > li.focus > a,.post-navigation a:hover, .posts-navigation a:hover, .post-navigation a:focus, .posts-navigation a:focus,.entry-meta a:hover, .entry-meta a:focus,.entry-meta a, .entry-meta span:before, .entry-meta .cat-links:before, .entry-meta .author:before,#secondary a:hover, #secondary a:focus,#colophon a:hover, #colophon a:focus,.woocommerce ul.products li.product .price,.woocommerce-message::before, .woocommerce div.product p.price,.top-header p i,.top-header a:hover,#featured-mission .button-content a.btn i, .top-header p:hover{
	color: var(--primary-color);
}

.woocommerce-message ,#featured-slider .entry-title{
	border-color: var(--primary-color);
}

body, div#page {
	background: #fff !important;
}

#featured-cause {
    background-color: rgb(57 176 206 / 18%);
}
#secondary .widget {
    box-shadow: #00000029 0px 0px 8px;
}
.site-title a:hover {
    color: var(--primary-color);
}
/*--------------------------------------------------------------
# woocommerce
--------------------------------------------------------------*/
button.woosq-btn {
    display: none;
}
a.button.yith-wcqv-button{
    display: none !important;
}
/*--------------------------------------------------------------
# Mission
--------------------------------------------------------------*/

.featured-mission-item {
    display: flex;
    align-items: center;
    gap: 30px;
}
.featured-mission-item > div {
	flex: 50%;
}
#featured-mission .button-content a.btn i {
    background-color: #fff;
    padding: 6px;
    border-radius: 3px;
    font-size: 14px;
}
#featured-mission .entry-content {
    margin-bottom: 15px;
}
#featured-mission .entry-content p {
    font-size: 16px;
    line-height: 1.5;
    color: #2B2B2B;
}
#featured-mission .image-container img{
	border-radius: 30px;
    height: 300px;
    object-fit: cover;
}
.tabs-nav li {
    display: inline-block;
    font-style: unset;
}
ul.tabs-nav {
    text-align: center;
    border-bottom: solid 2px var(--primary-color);
}
.tabs-nav-box a{
    text-decoration: none;
    font-size: 18px;
    padding: 10px 20px;
    display: block;
    color: #000;
}
.tabs-nav-box a:hover{
    color: #000 !important;
}
.tab-active a {
    background: var(--primary-color);
    color: #fff;
    cursor: default;
    border-radius: 10px 10px 0 0;
}
.tab-active a:hover{
    color: #fff !important;
}
.tabs-nav-box a i{
    margin-right: 10px;
}
.tabs-stage {
    margin-top: 40px;
}
.owl-next, .owl-prev{
    background-color: var(--primary-color)!important;
}
nav.woocommerce-MyAccount-navigation ul li a:hover {
    background: #000;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    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;
    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;
}
.btn-page-not {
    text-align: center;
    background: var(--primary-color);
    color: #fff !important;
    margin-top: 2em;
    padding: 8px 11px;
}
.btn-page-not:hover {
    background: #000;
    color: #fff !important;
}
#featured-posts {
    background: #fff;
    padding: 15px;
    border-top: 5px solid var(--primary-color);
    border-bottom: 5px solid var(--primary-color);
    border-radius: 10px;
    box-shadow: #00000029 0px 0px 8px;
}
#secondary .widget {
    border-top: 5px solid var(--primary-color);
    background-color: #fff;
    border-bottom: 5px solid var(--primary-color);
    border-radius: 10px;
    padding: 20px;
}
.nav-menu .current_page_item {
    border-top: 3px solid var(--primary-color);
    border-bottom: 3px solid var(--primary-color);
    padding: 2px;
}
button.slick-prev.slick-arrow,button.slick-next.slick-arrow{
    display: none !important;
}
.extra-content{
    display: none;
}
#featured-cause, #featured-mission,
#featured-cause .fund-box {
    background-color: rgb(57 176 206 / 10%) !important;
    background: rgb(57 176 206 / 10%) !important;
}
.donate-btn a {
  color: #fff !important;
}
.top-header .social-links a{
    color: #fff !important;
}
#featured-mission .button-content a{
    color: #fff;
    display: inline-block;
    font-weight: 500;
    padding: 6px 8px 6px 15px;
    border-radius: 5px;
    font-size: 18px;
    background-color: var(--primary-color);
    text-decoration: none;
}
#featured-mission .button-content a:hover{
    background-color: #000;
}