/*
Theme Name: Flex Charity
Author: flextheme
Author URI: https://www.flextheme.net/
Theme URI: https://www.flextheme.net/products/flex-charity
Description: Flex Charity is a responsive and feature-rich free theme built for NGOs, non-profits, fundraising websites, donation campaigns, charity foundations, churches, and social causes that need a professional online presence. With one-click demo import, users can instantly set up a complete charity website with pre-built sections such as banner, donation campaigns, products for fundraising, volunteer highlights, and a latest blog area to share updates. The theme works seamlessly with Elementor, making customization easy without coding, while integration with the Charitable plugin provides a powerful donation management system to accept online donations, create campaigns, and manage fundraising goals. Compatibility with Contact Form 7 ensures smooth volunteer signups, donor communication, and inquiry handling. Optimized for speed, SEO, and mobile responsiveness, this fundraising theme guarantees smooth performance across all devices. Whether it’s a non profit organization website, an NGO fundraising website, a church donation site, or a foundation platform, Flex Charity includes all essential tools to increase awareness, manage donors, and grow community support effectively. Packed with modern design and essential features, it’s a go-to donation theme for organizations looking to inspire trust and boost their social impact online.
Version: 1.0.0
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Template: flex-multi-business
Text Domain: flex-charity
Tags: blog, education, portfolio, custom-background, custom-logo, custom-menu, featured-images, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-header, flexible-header, footer-widgets, full-width-template, editor-style , theme-options, threaded-comments, rtl-language-support

flex-charity is based on Underscores https://underscores.me/, (C) 2012-2022 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

:root {
  --primary-theme-color: #009ba4 !important;
  --secondary-theme-color: #f68122 !important;
}

body {
  font-family: "Rubik", sans-serif;
  color: #000;
}

p {
  color: #000;
}

.sp-100 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.custom-logo {
  max-width: 70px;
}

.main-navigation .menu {
  text-align: right;
}

.main-mobile-nav {
  display: flex;
  justify-content: flex-end;
}

.wp-block-button__link {
  border-radius: 10px;
}

.wp-block-button__link:hover {
  background-color: #0e6d73 !important;
}

.mark-list {
  list-style-image: url(/wp-content/uploads/2025/09/circle-check.png);
  margin-left: 30px;
  margin-bottom: 20px;
}

.mark-list li {
  list-style-image: url(/wp-content/uploads/2025/09/circle-check.png);
}

.mark-list li:not(:last-child) {
  margin-bottom: 10px;
}

/* Stepper style for num-list with teal (#009ba4) */
.num-list {
  counter-reset: item;
  list-style: none;
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
    Arial;
  position: relative;
}

/* Each list item styled as a step */
.num-list li {
  counter-increment: item;
  position: relative;
  padding: 16px 16px 16px 60px;
  margin: 18px 0;
  background: #f9f9f9;
  border-radius: 8px;
  color: #333;
  box-shadow: 0 2px 5px rgba(0, 155, 164, 0.12);
}

/* Number diamond */
.num-list li::before {
  content: counter(item);
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 34px;
  height: 34px;
  background: #009ba4;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 34px;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 155, 164, 0.2);
}

/* Center the number inside rotated diamond */
.num-list li::after {
  content: counter(item);
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  pointer-events: none;
}

/* Hide the duplicate number (fix layering) */
.num-list li::before {
  color: transparent;
}

/* Strong text highlight */
.num-list li strong {
  font-weight: 700;
  color: #009ba4;
}

/* Connector line between steps */
.num-list li:not(:last-child)::after {
  content: counter(item);
  position: absolute;
  left: 31px;
  top: 36%;
  width: 2px;
  height: 18px;
  background: #009ba4;
  transform: none;
}

.axis-block .wp-block-column {
  padding: 20px;
  background: #009ba4;
  color: #fff;
}

.axis-block .wp-block-column p,
.axis-block .wp-block-column h2,
.axis-block .wp-block-column h3 {
  color: #fff;
}

.header-two,
.read-more a,
.widget_block .wp-block-search .wp-block-search__button,
.page-content .search-form .search-submit,
.widget_search .search-form .search-submit,
#c-scroll:hover,
.footer-one,
.pagination .page-numbers:hover,
.pagination .current {
  background: var(--primary-theme-color);
}
.wp-block-calendar .wp-calendar-table tbody tr td#today,
.widget_calendar .calendar_wrap .wp-calendar-table tbody tr td#today,
.search-form .search-submit,
.widget_block .wp-block-tag-cloud a:hover,
.widget_tag_cloud .tagcloud a:hover {
  background-color: var(--primary-theme-color) !important;
}

.widget_block .wp-block-search .wp-block-search__button,
.main-navigation .menu .children .page_item > a::before,
.main-navigation .menu .dropdown-menu .menu-item > a::before,
.comments-area .form-submit .submit {
  background: var(--primary-theme-color) !important;
}

.blog-2 .post-meta {
  background: hsl(221.13deg 100% 50% / 27%) 0% 0%;
}

.read-more a {
  outline-color: var(--primary-theme-color);
}

.pagination .page-numbers,
.pagination .current {
  border-color: var(--primary-theme-color);
}

.comments-area .comment-form-comment textarea:focus,
.comments-area .comment-form-comment textarea:hover,
.widget_block .wp-block-tag-cloud a:hover,
.widget_tag_cloud .tagcloud a:hover {
  border-color: var(--primary-theme-color) !important;
}

.read-more a:hover,
a:hover,
a:active,
#primary-menu .current-menu-item a,
h5 a:hover,
h6 a:hover,
.post-meta li a:hover,
.post-tags a:hover {
  color: var(--primary-theme-color);
}

#primary-menu .menu-item:hover .nav-link,
.main-navigation .menu .children .page_item:hover > a,
.main-navigation .menu .dropdown-menu .menu-item:hover > a {
  color: var(--primary-theme-color) !important;
}

.main-navbar {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

.ac-btn:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce input[type="submit"].button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
  background-color: var(--primary-theme-color) !important;
  color: #ffffff;
}
#page #primary-menu a.nav-link,
#page #primary-menu li:hover a.nav-link,
#page #primary-menu li {
  color: #fff !important;
}
.single-post .comment-list {
  margin-left: 0px;
}
.footer-copyright a:hover {
  color: #000;
}
.wp-caption,
.wp-caption-text,
.wp-caption-text,
.gallery-caption,
.bypostauthor,
.alignright,
.aligncenter {
}
@media (min-width: 1440px) {
  .container {
    max-width: 1360px !important;
  }
}
@media screen and (max-width: 991px) {
  #page #primary-menu a.nav-link,
  #page #primary-menu li:hover a.nav-link,
  #page #primary-menu li {
    color: #000 !important;
  }
}
.page-header h1,
.site-main .blog-detail h4,
#comments .comments-title,
.post-content a,
.wp-block-latest-comments__comment-link {
  word-break: break-word;
}
.woocommerce-cart .wc-block-cart-item__image img {
  padding: 10px;
}
.woocommerce-cart
  .wp-block-woocommerce-cart-order-summary-coupon-form-block.wc-block-components-totals-wrapper {
  padding: 16px 10px !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  color: #fff !important;
}
.woocommerce nav.woocommerce-pagination ul li a {
  color: #000 !important;
}
.blog-2 .post-meta {
  background: #1d907559;
}
.flex-food-header nav.hfe-dropdown:not(.menu-is-active) {
  width: auto !important;
}
.sesrch-wislist .elementor-widget-icon .elementor-icon-wrapper {
  line-height: 12px;
}
.charity-header .elementskit-navbar-nav > li.current-menu-item > a {
  color: #fff !important;
}
input.flex-subscribe-submit:hover {
  background-color: #f68122 !important;
}
@media screen and (max-width: 767px) {
  body .charity-header .elementskit-navbar-nav > li.current-menu-item > a {
    color: #000 !important;
  }
}
.copyright:hover {
  color: #232323 !important;
}