/*
Theme Name: Fundraiser Nonprofit
Theme URI: https://www.misbahwp.com/products/fundraiser-nonprofit
Author: misbahwp
Author URI: https://www.misbahwp.com/
Description: Fundraiser Nonprofit is a clean and structured theme designed for organizations that manage donations, charity campaigns, and community initiatives. It includes layouts suitable for donation pages, campaign listings, volunteer information, event announcements, and impact updates. The design focuses on clear navigation, readable typography, and organized content sections that help visitors understand the mission and ongoing activities.The Fundraiser Nonprofit theme can be used by charitable organizations, NGOs, fundraising groups, community projects, educational initiatives, and social causes that need a simple website to present campaigns and share updates. It also supports blog sections, event details, and contact pages, allowing organizations to publish news, highlight projects, and maintain communication with supporters through a structured and accessible website layout.
Version: 1.0.3
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: fundraiser-nonprofit
Tags: flexible-header, style-variations, one-column, footer-widgets, custom-background, custom-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, education
Fundraiser Nonprofit WordPress Theme, Copyright 2026 misbahwp
Fundraiser Nonprofit is distributed under the terms of the GNU General Public License v3
*/

a:focus {
    outline: 2px solid;
    outline-offset: 2px;
}
.taxonomy-category.wp-block-post-terms a:hover {
    color: var(--wp--preset--color--primary);
}
.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;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Header */

.header-info{
    padding-right: 0;
}
.topbar{
    border-bottom-right-radius: 30px;
}
.topbar>div{
    margin: 0 !important;
}
.topbar p{
    font-weight: 400;
}
.topbar i{
    margin-right: 5px;
}
.topbar .fa-envelope{
    margin-right: 1px;
}
.logo-bg{
    border-top-left-radius: 20px;
    border-bottom-right-radius: 30px;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.header-info .fa-phone{
    transform: rotate(90deg);
}
.header-inner {
    display: flex;
    justify-content: space-between;
}
.header-inner .banner-btn {
    margin: 0 !important;
    margin-right: 160px !important;
}
.header-inner nav{
    margin: 0 !important;
}
.header-menu ul li a:hover:after {
    content: "";
    bottom: 10px;
    left: 0px;
    right: 0px;
    position: absolute;
    width: 75%;
    margin: 0 auto;
    height: 1.3px;
    background-color: var(--wp--preset--color--primary) !important;
}
.header-menu ul li a:hover{
    color: var(--wp--preset--color--primary) !important;
}
.header-menu ul li a{
	padding: 10px 15px !important;
    position: relative;
}
.top-header-info {
    gap: 2px;
}
.home .top-header-info {
    position: absolute;
    width: 100%;
    z-index: 2;
}
.header-menu ul li ul.wp-block-navigation-submenu li a:hover{
    color: var(--wp--preset--color--secondary-one) !important;
    background: transparent !important;
    border-radius: 0px;
}
.main-header{
    position: relative;
}

/* banner section */

.banner-image img {
    position: relative;
    z-index: 1;
}
.banner-image img,
.banner-image figure{
    width: 580px !important;
    height: 580px !important;
    margin: 0 !important;
}
.banner-image{
    position: relative;
    right: 80px;
}
.banner-image .banner-svg{
    position: absolute;
}
.banner-svg svg{
    position: absolute;
    width: 580px;
    height: 580px;
    left: 0px;
    bottom: -9px;
    z-index: 2;
}
.banner-circle-left,
.banner-circle-right,
.banner-middle-circle{
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;  
    align-items: center;      
    text-align: center;
    width: fit-content;
    height: 200px
}
.banner-circle-left h2,
.banner-circle-right h2,
.banner-middle-circle h2 {
    display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2; 
}
.banner-middle-circle{
    z-index: 3;
}
.banner-circle-left,
.banner-circle-right{
    z-index: 1;
    position: relative;
}
.banner-right-column{
    overflow: hidden;
    margin-top: 100px !important;
}
.banner-right-column h1{
    font-weight: 700;
    margin-top: 5px;
}
.banner-circles p{
    padding-bottom: 10px;
}
.banner-right-column .swiper-wrapper {
    align-items: center;
}
.slider-main .swiper-button-prev{
    left: -6px;
}
.slider-main .swiper-button-prev a:hover,
.slider-main .swiper-button-next a:hover{
    color: #242228 !important;
}
.slider-main .swiper-button-prev,
.slider-main .swiper-button-next{
    position: relative;
    bottom: 0px;
    top: 10px;
}
.slider-main .swiper-button-prev a,
.slider-main .swiper-button-next a{
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 4px 0px #00000040;
    padding: 0;
    width: 30px;
    height: 30px;
}
.slider-main .banner-btn{
    gap: 13px;
}
.slider-main .wp-block-buttons{
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 20px;
}
.slider-main .swiper-container {
    width: 100%;

}
.slider-main .swiper-slide {
    transition: .7s;
}
.slider-main .banner-circle-left{
    position: relative;
}
.slider-main .banner-circle-left::after{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-image: url("assets/images/star.png");
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.slider-main .swiper-slide img {
    width: 100%;
}
.slider-main .swiper-slide-active {
    display: flex;
    opacity: 1;
    z-index: 1;
    transform: scale(1.3) !important;
    justify-content: center;
    margin-right: 0 !important;
}
.slider-main .swiper-slide-active>div{
    background-color: var(--wp--preset--color--primary) !important;
}
.slider-main .swiper-slide-prev .banner-circle-left{
  margin-left: 180px !important;
}
.slider-main .swiper-slide-next .banner-circle-left{
  margin-left: -85px !important;
  margin-top: 0px;
}
.slider-main .swiper-button-next:after, 
.slider-main .swiper-button-prev:after{
  display: none;
}
.slider-main .banner-btn a:hover,
.donation-section .donation-btn a:hover,
.about-section .about-btn a:hover{
    background-color: var(--wp--preset--color--hover) !important;
}
.banner-btn a:hover{
    background-color: var(--wp--preset--color--secondary-one) !important;
    color: var(--wp--preset--color--accent-text) !important;
}

/* stories-section */

.stories-section .head-para,
.about-section .head-para,
.stories-section .wp-block-post-excerpt__excerpt{
    opacity: 0.6;
}
.stories-section .head-para{
    margin-bottom: 20px;
}
.stories-section .wp-block-post-excerpt__excerpt{
    margin-bottom: 10px;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 3; 
}
.stories-section .story-header-border {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}
.stories-section .wp-block-post{
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 12px;
}
.stories-section .product-box h2,
.stories-section .story-para-excerpt {
    margin: 0;
}
.stories-section .product-box h2 {
    margin: 20px 0 5px 0;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2; 
}
.stories-section .product-box h2:hover,
.stories-section .product-box h2 a:hover{
    color: var(--wp--preset--color--primary) !important;
}
.stories-section .story-arrow-excerpt .wp-block-post-excerpt__excerpt{
    display: none;
}
.stories-section .story-bottom-info{
    display: flex;
    justify-content: space-between;
    margin: 0 !important;
    align-items: center;
    flex-direction: row-reverse;
    border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--hover) 15%, transparent);
    flex-wrap: wrap;
    min-height: 35px;
}
.stories-section .story-bottom-info p{
    margin-top: 0;
}
.stories-section .story-bottom-info img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.stories-section .story-author{
    display: flex;
    align-items: center;
    margin: 0 !important;
    gap: 8px;
}
.stories-section time{
    font-weight: 600;
}
.stories-section img{
    position: relative;
}
.stories-section .wp-block-post-date{
    width: fit-content;
    padding: 0px 10px;
    position: absolute;
    top: -15px;
}
.stories-section .wp-block-post-author-name{
    margin-top: 0;
}

.stories-section .cbxwpbkmarkwrap .cbx-icon{
    line-height: 0px;
}
.stories-section .cbxwpbkmarkwrap:hover .cbxwpbkmarklistwrap {
    display: block !important;
}
.stories-section .bookmark span.cbxwpbkmarktrig-label{
  display: none;
}
.stories-section .cbxwpbkmark-toolbar{
    display: flex;
}
.stories-section .cbxwpbkmarkwrap_global_cat .cbxwpbkmarklistwrap, 
.stories-section .cbxwpbkmarkwrap_user_cat .cbxwpbkmarklistwrap{
    width: 370px;
    max-width: 370px;
}
.stories-section .cbxwpbkmarktrig .cbxwpbkmarktrig-label{
    display: none;
}
.stories-section .cbxwpbkmarktrig-icon{
    height: 21px;
}
.stories-section .cbxwpbkmarkwrap:hover .cbxwpbkmarklistwrap {
    z-index: 9 !important;
}
.service-section h2,.blog-heading h4{
    position: relative;
}

/* Donation Section */

.donation-section {
background-color: color-mix(in srgb, var(--wp--preset--color--secondary) 10%, transparent);
}
.donation-section .donation-heading{
    font-weight: 600;
}
.donation-section .donation-btn{
    margin: 20px 0 0 0 !important;
}
.donation-section .donation-num{
    font-weight: 700;
    margin-top: 5px;
}
.donation-section .donation-para{
    font-weight: 500;
    margin: 10px 0 15px 0;
}
.donation-section .donation-card{
    position: relative;
    border-radius: 20px;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.donation-section .donation-card::before{
    content: "";
    position: absolute;
    width: 85%;
    height: 110%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--wp--preset--color--secondary);
    border-radius: 20px;
    z-index: -1;
}
.donation-section .swiper-wrapper{
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}
.donation-section .swiper-slide{
    height: 300px;
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.donation-section .swiper-btn{
    display: none;
}
.donation-section .swiper-pagination-bullet{
  background-color: var(--wp--preset--color--secondary);
  opacity: 1;
  margin: 0px 3px !important;
  width: 10px;
  height: 10px;
}
.donation-section .swiper-pagination-bullet-active{
    background-color: color-mix(in srgb, var(--wp--preset--color--primary) 70%, transparent);
}
.donation-section .donation-info{
    margin-bottom: 100px;
}

/* About Section */

.about-section .tick-flex{
    float: left;
    width: 100%;
}
.about-section .tick-flex p{
    margin-top: 0 !important;
    margin-left: 10px !important;
    display: inline-block;
}
.about-section .tick-info{
    font-weight: 600;
}
.about-section .tick-grid{
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
}
.about-section .about-columns{
    align-items: center !important;
    gap: 60px;
}
.about-section .about-subheader,
.about-section .about-highlight{
    font-weight: 600;
}
.about-section .about-img{
    position: relative;
}
.about-section .about-img::after{
    content: "";
    position: absolute;
    width: 376px;
    height: 376px;
    background-image: url("assets/images/bg.png");
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -48px;
    left: -48px;
    z-index: -1;
}
.about-section .about-img img{
    z-index: 2;
}

/* Footer Section */

footer .wp-block-social-links li{
    font-size: 20px !important;
}
footer .wp-block-social-links li:hover{
    color: var(--wp--preset--color--secondary) !important;
}
.footer-contact span{
    fill: var(--wp--preset--color--primary) !important;
}
.footer-main a.wp-block-social-link-anchor:hover, .footer-main ul li a:hover svg {
    color: var(--wp--preset--color--pure-black) !important;
    fill: var(--wp--preset--color--pure-black)  !important;
}

/**/

.product-rating{
    position: absolute;
    top: 0px;
    left: 0px;
}
.product-box h2:after{
    display: none;
}
.blog-group{
    margin-top: 50px !important;
}
textarea,input.wpcf7-form-control{
    width: 93%;
}
.header-menu ul li:hover a span
.header-menu ul li ul.wp-block-navigation-submenu li a{
    background: var(--wp--preset--color--accent-text) !important;
    color: var(--wp--preset--color--secaccent) !important;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
	position: absolute;;
	right: 75px;
	padding:13px;
}
form.wp-block-search__button-only.wp-block-search__icon-button.wp-block-search{
	position: relative;
    margin: 0px !important;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
    padding: 10px;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
    right: 17px;
}
.blog-image,.blog-image img{
	width: 100%;
	height: 400px !important;
	object-fit: cover;
}
.countor-box h4 span{
    color: var(--wp--preset--color--accent) !important;
}
input#submit,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
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,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
button.wp-block-search__button.has-border-color.has-outline-border-color.wp-element-button,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
    background-color: var(--wp--preset--color--primary) !important;
}
.products-block-post-template .wp-block-woocommerce-product-button .added_to_cart.wc_forward{
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
    padding: 10px;
    margin: 0;
    text-decoration: none;
}
.single-product .wp-block-add-to-cart-form .quantity .input-text.qty{
    height: 42px;
}
.blog-image .wp-block-post-date {
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 20px;
}
.blog-image .wp-block-post-date time::first-line {
  font-weight: 700 !important;
  font-size: 16px !important;
  display: block !important;
}
.main-header .social-icon .wp-block-button a:hover{
    background: var(--wp--preset--color--pure-black) !important;
}
.main-header .social-icon .button-1-header a:hover{
    background: var(--wp--preset--color--pure-black) !important;
    border-radius: 0px !important;
    color: var(--wp--preset--color--secondary-accent) !important;
}
.bk-hide-tab.bk-hide-mob.social-icon a.wp-block-social-link-anchor:hover,.social-icon ul li a:hover svg{
	color: var(--wp--preset--color--secondary);
	fill: var(--wp--preset--color--secondary);
}
.wp-block-categories-dropdown.wp-block-categories {
    position: relative;
    text-align: right;
}
.wp-block-categories-dropdown.wp-block-categories:after {
    content: "\f333";
    top: 0px;
    left: 0px;
    position: absolute;
    width: 36px;
    font-size: 22px;
    color: #fff;
    font-family: "dashicons";
    height: 100%;
    background-color: var(--wp--preset--color--primary) !important;
    border-radius: 8px 0px 0px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
select#wp-block-categories-1 {
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--accent-text) !important;
    border: 0px;
    width: 100%;
    padding: 13px 20px 13px 40px !important;
    border-radius: 8px !important;
}
.product-image{
    position: relative;
}
.product-image img,.product-image figure{
    width: 100%;
    height: 350px;
}
.wp-block-button__link{
    height: auto;
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart .wc-block-mini-cart__quantity-badge svg:hover{
	fill: var(--wp--preset--color--secondary) !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale span{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: var(--wp--preset--color--accent-text) !important;
}
button.single_add_to_cart_button.button.alt.wp-element-button{
    background-color: var(--wp--preset--color--primary) !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary) !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 12px;
    border: 0px !important;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0px;
    padding-top: 3px;
    padding-right: var(--wp--preset--spacing--x-small);
    padding-bottom: 3px;
    padding-left: var(--wp--preset--spacing--x-small);
    position: absolute;
    top: 0px;
    right: 0px;
}