/*
Theme Name: Charity Foundation Child
Theme URI: http://www.nicdarkthemes.com
Template: charityfoundation
Author: Nicdark
Author URI: http://www.nicdark.com
Description: charityfoundation WordPress theme is perfect theme for all business activities.
Tags: one-column,two-columns,right-sidebar,custom-header,custom-menu,editor-style,featured-images,microformats,sticky-post,translation-ready
Version: 3.0.1756319829
Updated: 2025-08-27 18:37:09

*/

.charity-story-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  max-width: 1320px;
  margin: auto;
}

.charity-story-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.charity-story-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.charity-story-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;

}

.charity-story-card-content {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.charity-archive-item-title{
font-family: Lato !important;
font-weight: 700 !important;
font-style: Bold !important;
font-size: 18px !important;
leading-trim: NONE;
line-height: 100% !important;
letter-spacing: 0% !important;
text-transform: uppercase !important;
margin-bottom:13px!important;
}

.charity-archive-item-subtitle{
	font-family: Lato !important;
font-weight: 400 !important;
font-style: Regular !important;
font-size: 16px !important;
leading-trim: NONE !important;
line-height: 100% !important;
letter-spacing: 0% !important;
margin-bottom:13px!important;
}

.charity-archive-item-moti-tag{
	font-family: Lato!important;
font-weight: 500!important;
font-style: Italic!important;
font-size: 14px!important;
leading-trim: NONE;
line-height: 100%!important;
letter-spacing: 0%!important;

}
.charity-archive-item-excerpt{
	font-family: Lato!important;
font-weight: 400!important;
font-style: Regular!important;
font-size: 14px!important;
leading-trim: NONE;
line-height: 100%!important;
letter-spacing: 0%!important;
margin-bottom:22px!important;
}


.button_donate .give-btn.give-btn-modal{
	text-transform:none;
}