/*
Theme Name: Charity Blocks
Theme URI: https://www.ovationthemes.com/products/free-ngo-charity-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Charity Blocks is a user-friendly and visually appealing template designed specifically for charitable organizations, NGOs, fundraising, donations, community outreach, advocacy, volunteering, social causes, philanthropy, humanitarian efforts, support initiatives, event management, awareness campaigns, and non-profits under the charity blocks framework. It serves as a professional and engaging platform to create a website without advanced technical skills. With a clean and modern design, Charity Blocks includes customizable blocks or sections for donation forms, event calendars, mission statements, volunteer highlights, and fundraising campaigns. Its responsive design ensures seamless performance across desktops, tablets, and smartphones, while built-in tools like the Charitable plugin enable secure online donations, recurring contributions, and goal tracking. Integration with WooCommerce allows selling charity merchandise or print-on-demand fundraising products, and Contact Form 7 streamlines inquiries, volunteer signups, and donor communication. Optimized for SEO, this theme supports impactful storytelling, images, and blog sections to engage supporters and raise awareness for social causes. Relevant keywords include charity website template, NGO donation platform, fundraising website theme, non-profit organization site, volunteer management template, social cause website, and philanthropy website template.
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 5.6
Version: 4.9
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: charity-blocks
Tags: blog, news, e-commerce, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, style-variations, template-editing, translation-ready

Charity Blocks WordPress Theme, Copyright 2023 pewilliams
Charity Blocks is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
	outline: 2px solid blue;
}

/*navigation css*/
@media screen and (min-width:1000px){
    .wp-block-navigation ul li a{
        position: relative;
    } 

    .wp-block-navigation ul li a::before {
        content: "";
        background: var(--wp--preset--color--primary);
        opacity: 0;
        margin: 0 auto;
        height: 2px;
        width: 0;
        left: 0;
        right: 0;
        bottom: -2px;
        position: absolute;
        -moz-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }
    .wp-block-navigation ul li a:hover::before,
    .wp-block-navigation ul li a:focus::before {
        opacity: 1;
        width: calc(100% - 3px);
    }
    .wp-block-navigation .current-menu-item a::before{
        content: "";
        position: absolute;
        opacity: 1;
        background: var(--wp--preset--color--primary);
        margin: 0 auto;
        height: 3px;
        left: 0;
        right: 0;
        top: -20px;
        width: calc(100% - 3px);
    }
    .wp-block-navigation ul li a:hover,
    .wp-block-navigation ul li a:focus,
    .wp-block-navigation .current-menu-item a,
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        color: var(--wp--preset--color--primary) !important;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{  
        border-top: 2px solid var(--wp--preset--color--primary);
        border-bottom: 2px solid var(--wp--preset--color--primary);
        box-shadow: 2px 2px 8px #cfc8d8;
    }
    .wp-block-navigation ul ul li a:hover::before,
    .wp-block-navigation ul ul li a:focus::before,
    .wp-block-navigation ul ul .current-menu-item a::before {
        width: 0 !important; 
    }
    .wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
        color: var(--wp--preset--color--primary) !important;
    }
    .wp-block-navigation ul li:last-child a{
        border-bottom: none;
    }
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        background-color: var(--wp--preset--color--primary-light) !important;
    }
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    width: 100%;
    border: 1px solid var(--wp--preset--color--border-color);
    border-top-color: var(--wp--preset--color--primary);
    border-bottom-color: var(--wp--preset--color--primary);
}
.wp-block-navigation__responsive-container.is-menu-open li a,
.wp-block-navigation__responsive-container.is-menu-open li li a,
.wp-block-navigation__responsive-container.is-menu-open li li:last-child a{
    border-bottom: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-navigation__responsive-container.is-menu-open li:last-child a{
    border-bottom: none;
}
.wp-block-navigation__responsive-container.is-menu-open li a:hover,
.wp-block-navigation__responsive-container.is-menu-open li a:focus,
.wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{
    background-color: var(--wp--preset--color--primary-light) !important;
    color: var(--wp--preset--color--primary) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    background: transparent;
}
@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 26px;
        height: 26px;
    }
    
    .wp-block-navigation__responsive-container-open svg{
        fill: var(--wp--preset--color--heading);
    }
    .wp-block-navigation__responsive-container-close svg{
        fill: var(--wp--preset--color--black);
    }

    .wp-block-navigation__responsive-container-close{
        top: 0;
        right: 20px;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
        padding-top: 2.5rem;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: left;
    }

    /*
    * Submenu Css
    */
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{
        gap: 3px;
        font-weight: 300 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before {
        content: '--';
    }
}

.wp-block-image img{
    vertical-align: middle;
}
.pos-relative{
    position: relative;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid var(--wp--preset--color--border-color);
    outline: 0;
    resize: none;
    line-height: 20px;
    background: none;
    color: var(--wp--preset--color--foreground);
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select option{
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--foreground);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: var(--wp--preset--gradient--ternary-to-primary) ;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
    letter-spacing: 2px;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: var(--wp--preset--color--foreground);
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: var(--wp--preset--color--section-bg);
}
.single-post .post-meta .wp-block-post-author{
    align-items: center;
}
.single-post .wp-block-comments .comment-respond .comment-form .comment-form-cookies-consent{
    align-items: flex-start;
}
.single-post .wp-block-post-featured-image img{
    height: 400px;
    width: 400px;
    object-fit: contain;
    transform: translateY(10px);
    transition: all 0.4s ease;
}
.single-post .wp-block-post-featured-image img:hover{
    transform: translateY(0px);
}
.single-post .related-post .wp-block-post-featured-image img{
    height: 200px;
    width: 100%;
}
form.woocommerce-ordering select.orderby{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
.woocommerce-page .wp-block-breadcrumbs + .wp-block-query-title{
    display: none;
}

/*pagination*/
.wp-block-query-pagination-numbers .page-numbers{
    padding: var(--wp--preset--spacing--20);
    line-height: 1;
    text-decoration: none;
    color:var(--wp--preset--color--primary);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background:linear-gradient(135deg, rgb(255, 75, 137) 0%, rgb(253, 87, 59) 100%);
    color: var(--wp--preset--color--white) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover{
    color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
    background:linear-gradient(135deg, rgb(255, 75, 137) 0%, rgb(253, 87, 59) 100%);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--white);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    color: var(--wp--preset--color--background);
    background: var(--wp--preset--color--heading);
}
/*sidebar css*/
.sidebar-box,.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.sidebar-box:hover{
    transform: translateY(-6px);
    box-shadow:0 18px 40px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.20);
}
.sidebar-heading{
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    width: auto;
}
.sidebar-post-title{
    margin-block-start: 10px;
    margin-block-end: 0;
}
.sidebar-box .wp-block-page-list  ul li{
    list-style: square;
}
.sidebar-box .wp-block-archives-list li ,
.sidebar-box .wp-block-categories-list li,
.sidebar-box .wp-block-page-list li{
    list-style: circle;

}
.sidebar-box .wp-block-archives-list li::marker,
.sidebar-box .wp-block-categories-list li::marker,
.sidebar-box .wp-block-page-list li::marker{
    color: var(--wp--preset--color--primary);
}
.sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{
    padding-left: 20px;
}
.sidebar-box ul li a{
    text-decoration: none;
}
.sidebar-box .wp-block-tag-cloud a{
    background: var(--wp--preset--color--primary-light);
    color: var(--wp--preset--color--black);
}
.sidebar-box .wp-block-tag-cloud a:hover{
    background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
}
.sidebar-box ul li{
    transition: all .6s ease-in-out;
}
.sidebar-box ul li:hover{
    padding-left: 15px;
}
/*post css*/
.post-title{
    position: relative;
}
.post-title .wp-block-separator{
    width: 57px !important;
}
.post-title .wp-block-separator:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--wp--preset--color--primary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}
/*woocommerce*/
.wp-block-group.woocommerce.product{
    margin-block-start: 0;
}
.wc-block-product,
.wc-block-grid__product,
.woocommerce .products li,
.wp-block-woocommerce-related-products li,
.products-block-post-template li {
    text-align: center;
    padding: 10px !important;
    background: var(--wp--preset--color--section-bg);
}
.wc-block-grid__product{
    margin: 0 10px;
}
a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img {
    width: 100%;
}
.wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating {
    margin: 0 auto 0.5em;
    color: #f4bc16;
}
.wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{
    color: #cfc8d8;
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    padding: 0;
    border-radius: 0px;
    margin: 5px !important;
    min-height: 8px;
    line-height: 26px;
    min-width: 60px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--gradient--ternary-to-primary) ;
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--foreground);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: var(--wp--preset--color--heading);
    border-color: var(--wp--preset--color--heading);
}
nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: var(--wp--preset--color--background);
}
.woocommerce ul.products li.product .button{
    padding: var(--wp--preset--spacing--30);
    border-radius: 30px;
}
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward,
.single-product .wp-block-woocommerce-store-notices .wc-forward{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border-radius: 30px;
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    display: inline-block;
    margin-top: 0;
}
.single-product .wp-block-woocommerce-store-notices .wc-forward{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--white) !important;
    padding: 10px !important;
    opacity: 1;
}
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner,
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner .wc-block-components-notice-banner__content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.added_to_cart.wc-forward{
    margin-left: 10px;
}
.wc-block-components-product-badge{
    box-shadow: 2px 2px 0 0 var(--wp--preset--color--heading);
    border-radius: 0 !important;
    border: solid 2px var(--wp--preset--color--heading) !important;
    padding: 5px 8px !important;
}
.wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{
  font-size: 18px !important;
  font-weight: bold;
}
.woocommerce #review_form #respond textarea{
   background: var(--wp--preset--color--section-bg);
    border: 1px solid var(--wp--preset--color--border-color);
}
.woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{
    padding: 20px !important;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wc-block-components-sidebar-layout.wc-block-cart{
    padding-top: 30px;
}
.wc-block-cart{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 30px;
    border-radius: 10px;
    color: var(--wp--preset--color--heading);
}
.is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper{
    padding: 10px !important;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-components-totals-wrapper:after{
    border-color:  var(--wp--preset--color--border-color);
    opacity: 1 !important;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: var(--wp--preset--color--primary);
}
.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0 !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
    background: transparent;
}
@media screen and (max-width:999px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 30px !important;
    }
    .wc-block-components-totals-wrapper{
        padding: 16px 22px;
    }
    .wc-block-cart{
        padding: 0;
        border: none;
    }
    .wc-block-components-sidebar-layout.wc-block-cart{
        padding-top: 0;
    }
}
@media screen and (max-width:600px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .single-product .wp-block-woocommerce-product-meta .wp-block-group{
        display: block !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 25px !important;
    }
    .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
}
/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--primary); 
    color: var(--wp--preset--color--white);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f135'; 
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    z-index: 99;
    transition: all .5s ease-in-out;
}

.scroll-top:hover::before {
    background: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--primary);
    margin-bottom: 10px;
}

/*header*/
.contact-text{
    background: -webkit-linear-gradient(var(--wp--preset--color--ternary), var(--wp--preset--color--primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.contact-info{
    gap: 15px;
}
.upper-header .is-style-logos-only svg{
    width: 1em !important;
    height: 1em !important;
}
.upper-header .is-style-logos-only svg path:hover,.upper-header .is-style-logos-only svg path:focus {
   color:#fd573b;
}
/*banner*/
.banner-image-cover img{
    width: 100%;
}
.volunteer-number,.banner-image-cover h6, .ammount{
    background: -webkit-linear-gradient(var(--wp--preset--color--ternary), var(--wp--preset--color--primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*volunteer section*/
.volunteer-section{
    margin-block-start: 0 !important;
}
.volunteer-box:before {
    background-image: var(--wp--preset--gradient--ternary-to-primary);
    content: '';
    padding: 5px;
    width: 90%;
    border-radius: 20px 20px 0 0;
    display: block;
    margin: 0 auto;
}
.volunteer-box:after {
    background-image: var(--wp--preset--gradient--ternary-to-primary);
    content: '';
    padding: 5px;
    width: 90%;
    border-radius: 0 0 20px 20px;
    display: block;
    margin: 0 auto;
}
.volunteer-inner-box{
    box-shadow: 0 5px 5px 1px var(--wp--preset--color--home-shadow-color);
}
/*our-causes*/
.is-style-default-2{
    width: 80px !important;
}
.service-box{
    border-radius: 10px;
    box-shadow: 0 5px 5px 1px var(--wp--preset--color--home-shadow-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.service-box:hover{
     transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.25);
}
.blog-image-box,
.service-image-box{
    position: relative;
}
.causes-img img, .causes-img{
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    width: 100%;
}
.amount-box{
    position: absolute;
    width: 80%;
    padding: 0px 10px !important;
    bottom: -5%;
    left: 0;
    right: 0;
    box-shadow: 0 5px 5px 1px  var(--wp--preset--color--home-shadow-color);
}
.service-box p, .blog-excerpt p, .blog-excerpt{
    margin-block-start: 8px;
}
/*blog section*/
.blog-box{
    padding: 0px 0px 1rem 0px !important;
    box-shadow: 0 5px 5px 1px  var(--wp--preset--color--home-shadow-color);
}
.post-date{
    position: absolute;
    width: 55%;
    padding: 5px 10px !important;
    bottom: -5%;
    left: 31px;
}
.post-author{
    border-top: 2px solid #e3e1f0;
}
.post-author img{
    border-radius: 50%;

}
/*footer*/
.custom-footer-class{
    margin-top: 40px;
    padding-top: 30px;
}.home-footer-class{
    margin-block-start: 0 !important;
}
.footer-widgets{
    position: relative;
}
.footer-donate-box{
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    width: 50%;
}
.footer-widgets UL{
    padding-left: 20PX;
}
.footer-widgets li{
    margin-bottom: 20px;
}
.footer-widgets li:last-child{
    margin-bottom: 0;
}
.footer-widgets li a{
    text-decoration: none;
}
.footer-widgets .wp-block-social-links li:hover a{
    color: var(--wp--preset--color--primary) !important;
}
.footer-widgets .wp-block-site-title a:hover,.copyright-text a:hover,.footer-widgets li:hover a, .footer-widgets li:hover::marker {
    color: var(--wp--preset--color--primary);
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
/* --- Inner Pages Media Quries
-------------------------------------------------------- */
@media screen and (max-width:999px) {
    .blog-section .wp-block-post-template,
    .post-grid-layout.wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 30px !important;
    }
    
}
@media screen and (max-width: 999px) and (min-width: 782px){
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .search-results .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .sidebar-col,.post-col{
        flex-basis: 50% !important;
    }
    .page-sidebar-col{
        flex-basis: 40% !important;
    }
    .page-text-col{
        flex-basis: 60% !important;
    }
}
@media screen and (max-width:781px){
    .post-title .wp-block-separator{
        width: 30px !important;
    }
    .post-title h4{
        font-size: 21px;
    }
    .archieve-meta time ,.archieve-meta .wp-block-post-author-name{
        font-size: 13px !important;
    }
    .blog-section .wp-block-post-template{
        display: block !important;
    }
    .blog-section .wp-block-post-template li{
        margin-bottom: 60px;
    }
    .blog-section .wp-block-post-template li:last-child{
        margin-bottom: 0;
    }
    .search-no-results .wp-block-query-no-results, .single-post .wp-block-cover.inner-cover-img + .wp-block-group > .wp-block-group.alignwide > .wp-block-columns .wp-block-column:first-child{
        margin-bottom: 30px;
    }
}
@media screen and (max-width:767px){
    .post-grid-layout.wp-block-post-template,
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .search-results .wp-block-post-template{
        display: block !important;
    }
    .post-grid-layout.wp-block-post-template li,
    .page-template-blog-right-sidebar .wp-block-post-template li,
    .page-template-blog-left-sidebar .wp-block-post-template li,
    .search-results .wp-block-post-template li{
        margin-bottom: 30px;
    }
    .post-grid-layout.wp-block-post-template li:last-child,
    .page-template-blog-right-sidebar .wp-block-post-template li:last-child,
    .page-template-blog-left-sidebar .wp-block-post-template li:last-child,
    .search-results .wp-block-post-template li:last-child{
        margin-bottom: 0;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 25px !important;
        text-align: center !important;
    }
    .error-heading{
        font-size: 110px !important;
    }
}
@media screen and (max-width:1785px){
    .amount-box{
        width: 86%;
    }
    .amount-box p{
        font-size: 16px !important;
    }
    .bell-block{
        flex-basis: 5% !important;
    }
    .button-block{
        flex-basis: 15% !important;
    }
    .footer-donate-box {
        width: 54%;
    }
}
@media screen and (max-width:1460px){
    .footer-donate-box {
        width: 65% !important;
    }
    .amount-box p,.post-date time{
        font-size: 14px !important;
    }
    .logo-block{
        flex-basis: 20% !important;
    }
    .nav-block{
        flex-basis: 55% !important;
    }
    .button-block{
        flex-basis: 20% !important;
    }
}
@media screen and (max-width:1290px) and (min-width: 782px){
    .amount-box{
        position: static;
        border-radius: 0 !important;
        box-shadow: none;
        width: 90%;
    }
    .post-date{
        position: static;
        background:  transparent !important;
    }
    .post-date time{
        background: -webkit-linear-gradient(var(--wp--preset--color--ternary), var(--wp--preset--color--primary));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .amount-box p{
        font-size: 12px !important;
    }
    .volunteer-outer-box{
        gap:  15px !important;
    }
    .logo-block h1{
        font-size: 20px !important;
    }
}
@media screen and (max-width:1086px) and (min-width: 782px){
    .inner-amount-box{
        display: grid !important;
        padding-left: 10px;
        gap: 0 !important;
    }
    .banner-content-block{
        flex-basis: 70% !important;
    }
    .widgets-inner{
        flex-wrap: wrap !important;
    }
    .widget-1{
        order: 1;
        flex-basis: 45% !important;
    }
    .widget-5{
        order: 2;
        flex-basis: 45% !important;
    }
    .widget-2{
        order: 3;
        flex-basis: 30% !important;
    }
    .widget-3{
        order: 4;
        flex-basis: 30% !important;
    }
    .widget-4{
        order: 5;
        flex-basis: 30% !important;
    }
}
@media screen and (max-width:999px) {
    .inner-menu-header .logo-block {
        flex-basis: 40% !important;
    }
    .inner-menu-header .nav-block{
        flex-basis: 10% !important;
    }
    .inner-menu-header .button-block{
        flex-basis: 40% !important;
    }
    .inner-menu-header .bell-block{
        flex-basis: 10% !important;
    }
    .inner-menu-header .nav-block nav{
        justify-content: center !important;
    }
    .inner-menu-header .logo-block h1{
        font-size: 25px !important;
    }
}
@media screen and (max-width:999px) and (min-width:782px){
    .contact-info{
        display: block !important;
        text-align: center;
    }
    .banner-content-block {
        flex-basis: 100% !important;
    }
    .service-box h4{
        font-size: 12px !important;
        padding-right: var(--wp--preset--spacing--30) !important;
        padding-left: var(--wp--preset--spacing--30) !important;
    }
    .service-box-text{
        font-size: 12px !important;
        padding-right: var(--wp--preset--spacing--30) !important;
        padding-left: var(--wp--preset--spacing--30) !important;
    }
    .service-box-button{
        padding-left: var(--wp--preset--spacing--30) !important;
    }
}
@media screen and (max-width:781px) {
    .blog-section .wp-block-post-title ,.upper-header, .menu-header ,.banner-image-cover h6, .banner-image-cover h2, .banner-image-cover p , .volunteer-section h3 , .volunteer-inner-box, .service-box , .blog-box h4 a,.blog-excerpt p , .custom-footer-class , .home-footer-class , .home-footer-class p, .custom-footer-class p{
        text-align: center;
    }
    .upper-header .wp-block-group, .menu-header .wp-block-group, .menu-header nav, .menu-header .wp-block-buttons, .upper-header .wp-block-social-links , .banner-image-cover .wp-block-buttons , .volunteer-section .wp-block-buttons , .service-box-btn , .custom-footer-class .wp-block-group , .home-footer-class .wp-block-group , .home-footer-class .wp-block-social-links , .custom-footer-class .wp-block-social-links{
        justify-content: center !important;
    }
    .amount-box.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 49% !important;
    }
    .heading-text{
        max-width:  100% !important;
    }
    .inner-menu-header.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.button-block,.inner-menu-header.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block,.inner-menu-header.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.bell-block{
        flex-basis: 28% !important;
    }
    .volunteer-outer-box.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 28% !important;
    }
    .service-box-button{
        padding-left: 0px !important;
    }
    .post-date{
        left: 0;
        right: 0;
    }
    .footer-donate-box{
        position: static;
    }
    .custom-footer-class{
        margin-top: 0px;
        padding-top: 0px;
    }
    .banner-image-cover .wp-block-cover__background{
        opacity: 0.5 !important;
    }
    .footer-widgets li{
        list-style:none;
    }
}
@media screen and (max-width:600px){
    .amount-box.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 43% !important;
    }
    .banner-image-cover h2{
        font-size: 33px !important;
    }
    .copyright-text{
        display: grid !important;
    }
    .copyright-text p{
        text-align: center;
    }
    .banner-image-cover img{
        object-position: 44% 50% !important;
    }
    .footer-donate-box {
        width: 100% !important;
        max-width: 100% !important;
    }
    .volunteer-outer-box.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 100% !important;
    }
    .amount-box {
        width: 95%;
    }
    .amount-box p, .post-date time {
        font-size: 10px !important;
    }
}
/*about section*/
.about-img-box-inner{
    position: relative;
}
.about-img-box-inner img{
    width: 100%;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease;
}
.about-img-box-inner:hover img{
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    opacity: 0.8;
}
.abt-exp-box{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 1399px){
    .about-text-box p{
        font-size: 14px !important;
    }
}
@media screen and (max-width:991px){
    .about-cols{
        flex-wrap: wrap !important;
    }
    .about-cols .wp-block-column{
        flex-basis: 100% !important;
    }
    .about-text-box p{
        text-align: center !important;
    }
}

/*faq*/
.faq-section details{
    border: 2px solid var(--wp--preset--color--heading);
    padding: 5px 10px;
}
.faq-section details[open]{
    border: 2px solid var(--wp--preset--color--primary);
}
.faq-section-cols .faq-section-main-box{
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
@media screen and (max-width: 1399px){
    .faq-section details{
        font-size: 18px !important;
    }
}
/*strategic priorities swiper css start*/
.volunteer-box{
    width: 100%;
}
.wp-block-group.charity-blocks-strategic-priorities-swiper {
  overflow: hidden;
  position: relative;
}
.wp-block-group.charity-blocks-strategic-priorities-swiper .swiper-wrapper{
    gap: 30px;
}
.charity-blocks-strategic-priorities-swiper .swiper-slide {
  display: flex;
  margin-block-start: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wp-block-group.charity-blocks-strategic-priorities-swiper-controls {
  position: unset;
}
.charity-blocks-strategic-priorities-swiper-controls .charity-blocks-strategic-priorities-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0 !important;
}
.charity-blocks-strategic-priorities-swiper-controls .charity-blocks-strategic-priorities-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--wp--preset--color--foreground);
}
.charity-blocks-strategic-priorities-swiper-controls .charity-blocks-strategic-priorities-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--primary);
}
.charity-blocks-strategic-priorities-swiper-controls .swiper-button-prev.charity-blocks-strategic-priorities-swiper-button-prev,
.charity-blocks-strategic-priorities-swiper-controls .swiper-button-next.charity-blocks-strategic-priorities-swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--wp--preset--color--ternary);
  color: #fff;
  transition: all ease 0.23s;
  opacity: 0;
  top: 50%;
  margin: 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: absolute;
}
.charity-blocks-strategic-priorities-swiper-controls .swiper-button-prev.charity-blocks-strategic-priorities-swiper-button-prev:hover,
.charity-blocks-strategic-priorities-swiper-controls .swiper-button-next.charity-blocks-strategic-priorities-swiper-button-next:hover {
  background: var(--wp--preset--color--heading);
  color: var(--wp--preset--color--background);
}
.charity-blocks-strategic-priorities-swiper-controls .swiper-button-prev.charity-blocks-strategic-priorities-swiper-button-prev:after,
.charity-blocks-strategic-priorities-swiper-controls .swiper-button-next.charity-blocks-strategic-priorities-swiper-button-next:after {
  font-size: 15px;
  font-weight: 900;
}
.charity-blocks-strategic-priorities-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.charity-blocks-strategic-priorities-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
  display: block !important;
}
/*strategic priorities swiper css end*/