@charset "UTF-8";
/*
Theme Name: Crowdfunding Donation
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-crowdfunding-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: Crowdfunding Donation is a free theme designed with a modern aesthetic, perfectly suited for charity organizations, fundraising initiatives, non-profit groups, volunteers, church campaigns, online charities, and crowdfunding efforts. With a focus on simplicity and elegance, this theme provides a minimalistic yet professional website that showcases your work effectively. You can give your site a personalized touch with numerous customization options, and its responsive design ensures an impressive appearance on any device, whether a mobile phone or a laptop. The beautifully crafted theme features well-structured HTML code, ensuring your website operates smoothly and loads quickly, giving you a better user experience. Additionally, the clean and secure coding enhances your site’s overall performance. You'll find engaging elements like a catchy banner, along with well-designed sections for testimonials and team introductions. The theme is also mobile-friendly, allowing easy access through smartphones, while its WPML and RTL compatibility makes it ready for translation. Plus, social media integration offers you extensive options for effective promotion. 
Version: 0.7.5
Tested up to: 6.9
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: charity-zone
Text Domain: crowdfunding-donation
Tags: custom-logo, one-column, two-columns, wide-blocks, custom-background, custom-colors, custom-header, custom-menu, block-styles, sticky-post, footer-widgets, editor-style, featured-images, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, blog, photography, portfolio

Crowdfunding Donation WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2021.
Crowdfunding Donation WordPress Theme is released under the terms of GNU GPL
*/

/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #18bfc3;
}

body{
  color: #626c84;
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
  border:0px;
  color: #fff;
}
.page-content input.search-submit.btn.btn-primary.mb-2,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.added_to_cart.wc-forward,.main-navigation .menu li.page_item_has_children ul.children,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,.navbar-brand,
.sticky .entry-title::before,
.donate-btn a,
.main-navigation .menu > li > a:hover,
.main-navigation .sub-menu,
.search-form-main input.search-submit,#button,
.sidebar input[type="submit"],
.comment-respond input#submit,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover,
.woocommerce .woocommerce-ordering select,
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale, .pro-button 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,
.wp-block-button__link,
.serv-box:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li,
.btn-primary,
.toggle-nav.mobile-menu button,
.sidebar button[type="submit"],
.sidebar .tagcloud a:hover,
.socialmedia, .load hr, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
    background: var(--first-color);
}
#colophon{
    background-color: #000;
}
a.added_to_cart.wc-forward{
  margin: 0 auto;
  margin-top: 10px;
}
a,.sidebar a:hover,
p.price,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-message::before,
.woocommerce-info::before,
.donate-btn a:hover,
.causes-inner-box li a{
    color: var(--first-color);
}

.header-search-wrapper .search-form-main:before,.header-search-wrapper .search-form-main,.page-content input.search-submit.btn.btn-primary.mb-2,.wp-block-quote,
.wp-block-quote:not(.is-large):not(.is-style-large),
.wp-block-pullquote,.btn-primary, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
    border-color: var(--first-color) !important;
}

a, h1, h2, h3, h4, h5, h6{
    color: #041d57;
    font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6{
    font-weight: 800;
}
section#mission-sec img{
    height: 300px;
    width: 100%;
    object-fit:cover;
}
.sidebar h5,
#button:active,
#button:hover,
.donate-btn a:hover,
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus{
    background: #041d57;
}
.article-box a:hover,#colophon a:hover,
#colophon a:focus{
    color: #041d57 !important;
}
/*.page-template-custom-front-page .head-menu {
    position: absolute;
    width: 100%;
    z-index: 999;
}*/

.head-menu .nav {
    justify-content: flex-end;
}

.main-navigation .menu > li > a:hover, .social-link i,.socialmedia p a,.socialmedia i{
    color: #fff !important;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: #041d57;
}
#site-navigation .menu ul li a:hover {
    color: var(--first-color);
}
#top-slider .slider-box img {
    opacity: 0.3 !important;
}
.socialmedia p a:hover{
  color: #041d57;
}

.slider-inner-box {
    right: 30%;
    left: 30%;
}
.socialmedia i:hover {
    color: #041d57;
}

.slider-inner-box a h2 {
    color: #fff;
    font-weight: bold;
    font-size: 50px;
    text-transform: none;
}
.slider-inner-box a h2:hover,
time.entry-date.published:hover, span.author.vcard a:hover, span.comments-link a:hover, span.edit-link a:hover{
    color: var(--first-color) !important;
}
#mission-sec {
    padding: 40px 0;
}

#mission-sec h3 {
    font-size: 30px;
    margin-bottom: 25px;
}

.counterbox {
    background: var(--first-color)!important;
    padding: 20px 5px;
    margin: 10px 0;
    text-align: center;
    color: #fff;
}

.counterbox h4 {
    font-size: 35px;
    color: #fff;
}

#mission-sec .donate-btn{
    text-align: left;
    margin-top: 25px;
}

.head-menu.stick_header {
    position: fixed;
    background: #041d57;
    box-shadow: 0 8px 6px -6px #e0e2db;
    border-bottom: solid 1px #e0e2db;
    z-index: 9999;
}
.head-menu.stick_header .main-navigation .menu > li > a{
    color: #fff;
}
.bypostauthor {
  display: block;
}
.article-box h3.entry-title a, span.cat-links a, span.tags-links a{
    color: var(--first-color);
}
/* 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. */
}


@media screen and (min-width: 320px) and (max-width: 720px){
    .sidenav{
        background: #041d57;
    }
    .main-navigation .sub-menu{
        background: transparent;
    }
    .toggle-nav i,.main-navigation .menu > li > a {
        color: #fff;
    }
    .slider-inner-box {
        right: 15%;
        left: 15%;
    }
    .slider-inner-box a h2 {
        font-size: 30px;
    }
    .about-inner-box .donate-btn{
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1023px){
    
    .toggle-nav.mobile-menu {
        text-align: right;
    }
    .social-link {
    text-align: right;
    }
    .main-navigation .sub-menu{
        background: transparent;
    }
    .toggle-nav i,.main-navigation .menu > li > a {
        color: #fff;
    }
    .slider-inner-box {
        right: 15%;
        left: 15%;
    }
    .social-link {
        margin: 0;
    }
    .slider-inner-box p {
        display: none;
    }
}
@media screen and (max-width: 1000px){
  .sidenav{
        background: #041d57;
    }
    .toggle-nav i, .sidenav .closebtn{
        background: var(--first-color);
    }
    .main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover {
        color: var(--first-color) !important;
        background: transparent;
    }
}

#serve-sec{
    margin-top: -100px !important;
}
.serv-box{
    margin-top: 0px !important;
}
.serv-box img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image,.serv-box img{
    object-fit: cover;
    width: 100px;
    height: 100px;
}
.social-link {
    margin: 10px 50px;
  }