/*!
Theme Name: Alpha Charity
Theme URI: https://www.thealphablocks.com/themes/alpha-charity/
Author: Abu Turab
Author URI: https://www.thealphablocks.com/
Description: Alpha Charity Theme provides a structured layout for presenting charity- related content, campaigns, events, and donation information. The design includes sections for highlighting causes, sharing organizational updates, and displaying important information in an accessible format. Its responsive layout adapts content to different screen sizes, supporting consistent viewing across desktops, tablets, and mobile devices. The theme includes customizable homepage sections that can be arranged according to the content requirements of a website. Navigation menus help organize pages, while widget-ready areas provide additional options for displaying supporting content. Featured image sections can be used to present campaigns, activities, or other visual information. Alpha Charity Theme also supports standard customization options for adjusting colors, typography, layouts, and other visual elements. Social media integration can be used to connect website content with external platforms. The theme provides compatibility with commonly used plugins for adding forms, donation functionality, contact features, and other website components. Its layout can accommodate campaign details, donation information, news, event updates, and organizational content within a consistent website structure.
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 5.6
Version: 1.0
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: alpha-charity
Template: charity-trust
Tags: one-column, two-columns,three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, wide-blocks, custom-background, custom-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, full-width-template, featured-image-header, footer-widgets, block-patterns, block-styles, rtl-language-support, sticky-post, style-variations, threaded-comments, theme-options, translation-ready, portfolio, blog, news

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Alpha Charity WordPress Theme is child theme of Charity Trust WordPress Theme, Copyright 2026 Abu Turab
Alpha Charity is distributed under the terms of the GNU General Public License v3 or later

Charity Trust is based on Twenty Twenty-Two WordPress Theme, (C) 2026 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

.about-section-col02 .button-box:hover a,
.slider-banner .wp-block-button:hover a,
.header-row .wp-block-button:hover a{
  background: var(--wp--preset--color--primary) !important;
  color: #fff !important;
}
.about-section-col01 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-section-col01 figure{
  margin-right: 100px !important;
  height: 100%;
}
.years-info{
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.about-section-col01{
  height: 100%;
}
.about-section-col01 figure,
.hero-tab-icons figure{ 
  border-radius: 20px;
}
.causes-post figure{
  border-radius: 12px;
}
.about-section-col01 figure,
.hero-tab-icons figure,
.causes-post figure{
  overflow: hidden;
}
.about-section-col01 figure:hover img,
.hero-tab-icons figure:hover img,
.causes-post figure:hover img{
  transition: 0.8s;
  scale: 1.08;
  filter: blur(1px);
}
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open{
  background-color: var(--wp--preset--color--secondary) !important;
}
.topbar-box .wp-block-search__inside-wrapper .wp-block-search__input{
    position: absolute;
    width: 200px;
    bottom: -50px;
    right: 0px;
}
@media screen and (min-width: 1201px) and (max-width: 1540px) {
  .about-us-section > .wp-block-group{
    max-width: 90% !important;
  }
}
@media (min-width: 1200px){
  .about-section-col01 {
    height: 100%;
    max-height: 515px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .year-number{
    font-size: 50px !important;
  }
  .year-text{
    font-size: 20px !important;
  }
  .about-section-col01 figure{
      margin-right: 51px !important;
  }
}
@media screen and (min-width: 300px) and (max-width: 768px) {
  .year-number{
    font-size: 50px !important;
  }
  .year-text{
    font-size: 20px !important;
  }
  .about-section-col01 figure{
      margin-right: 51px !important;
  }
  .about-section-col01 {
    min-height: 340px;
  }
  .about-big-heading{
    font-size: 40px !important;
  }
  .about-second-heading{
    font-size: 30px !important;
  }
}