/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* Blog Card Styling */
.custom-blog-card {
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  transition: all 0.3s ease;
}
.custom-blog-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

/* Featured Image */
.custom-blog-card .post-thumbnail {
  position: relative;
}
.custom-blog-card .featured-img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}
.custom-blog-card:hover .featured-img {
  transform: scale(1.05);
}

/* Category Badges */
.custom-blog-card .post-categories {
  position: absolute;
  top: 15px;
  left: 15px;
}
.custom-blog-card .cat-badge {
  background: #005353;
  color: #fff;
  padding: 4px 10px;
  margin-right: 5px;
  border-radius: 5px;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
}

/* Content Area */
.custom-blog-card .post-content {
  padding: 20px;
}
.custom-blog-card .post-meta {
  font-size: 13px;
  color: #777;
  margin-bottom: 10px;
}
.custom-blog-card .post-meta span {
  margin-right: 15px;
}

/* Title */
.custom-blog-card .post-title {
  font-size: 22px;
  margin: 0 0 10px;
}
.custom-blog-card .post-title a {
  color: #222;
  text-decoration: none;
}
.custom-blog-card .post-title a:hover {
  color: #005353;
}

/* Excerpt */
.custom-blog-card .post-excerpt {
  font-size: 15px;
  color: #555;
  margin-bottom: 15px;
}

/* Read More Button */
.custom-blog-card .read-more-btn {
  display: inline-block;
  background: #005353;
  color: #fff;
  padding: 8px 15px;
  border-radius: 5px;
  font-size: 14px;
  text-decoration: none;
  transition: background 0.3s ease;
}
.custom-blog-card .read-more-btn:hover {
  background: #003f3f;
}
/* Footer Wrapper */
.custom-footer {
  background: #fff;
  color: #000;
  padding: 40px 20px 0px 20px !important ;
  font-family: 'poppins', sans-serif;
}

/* Flexbox container for columns */
.footer-container {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap; /* ensures responsiveness */
}

/* Footer columns */
.footer-column {
  flex: 1;
  min-width: 220px;
}
.footer-column img {
    width: 220px;
    padding-bottom: 12px;
}
.footer-column p {
font-family: "poppins", 'sans-serif';
font-size: 16px!Important;
margin-bottom: 14px!important;
padding-left: 12px;
}
.social-icons {
padding-left: 12px;
}

.footer-column h3 {
  font-weight: bold;
  margin-bottom: 15px;
}

.footer-column ul {
  list-style: none;
  padding: 0;
}

.footer-column ul li {
  margin-bottom: 8px;
}
.footer-column ul.custom-ul {
margin: 0!Important;
}
.footer-column ul li a {
  text-decoration: none;
  color: #333;
}

.footer-column ul li a:hover {
  color: #0073e6;
}

/* Social Icons */
.social-icons a {
  margin-right: 10px;
  font-size: 20px;
  color: #000;
  transition: color 0.3s;
}

.social-icons a:hover {
  color: #0073e6;
}
/*Archive post stylings Stylesheet*/
/* ===== Custom Blog Card for archive  Styles ===== */
.custom-blog-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin: 40px 0;
}

.custom-blog-item {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.custom-blog-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* Featured Image */
.custom-blog-thumb img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

/* Blog Content */
.custom-blog-title {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 16px 20px 10px;
  color: var(--ast-global-color-2, #2d2d2d); /* Astra body text color */
  transition: color 0.3s;
}

.custom-blog-item:hover .custom-blog-title {
  color: var(--ast-global-color-0, #0274be); /* Astra accent color */
}

.custom-blog-excerpt {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.6;
  margin: 0 20px 20px;
  flex-grow: 1;
}

/* CTA Button */
.custom-blog-cta {
  display: inline-block;
  margin: 0 20px 20px;
  padding: 10px 18px;
  background: var(--ast-global-color-0, #0274be); /* Astra Accent Color */
  color: #fff;
  border-radius: 6px;
  font-size: 0.95rem;
  text-decoration: none;
  text-align: center;
  transition: background 0.3s;
}

.custom-blog-cta:hover {
  background: var(--ast-global-color-1, #005a92); /* Astra darker accent */
  color: #fff;
}
.full-width-blog {
  max-width: 1200px; /* control container width */
  margin: 0 auto;
  padding: 40px 20px;
}
/* Grid layout */
.astra-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

/* Card Container */
.astra-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

/* Thumbnail */
.astra-card-thumb img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

/* Body */
.astra-card-body {
    padding: 1.5rem;
}

/* Title */
.astra-card-title {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}

.astra-card-title a {
    color: var(--ast-global-color-0, #2c3e50); /* Astra global color */
    text-decoration: none;
    transition: color 0.3s ease;
}

.astra-card-title a:hover {
    color: var(--ast-global-color-1, #0073e6);
}

/* Excerpt */
.astra-card-excerpt {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 1rem;
}

/* Button */
.astra-card-btn {
    display: inline-block;
    background: var(--ast-global-color-1, #0073e6);
    color: #fff;
    padding: 0.6rem 1.2rem;
    border-radius: 6px;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.3s ease;
}

.astra-card-btn:hover {
    background: var(--ast-global-color-2, #005bb5);
}


/* Footer bottom */
.footer-bottom {
  border-top: 1px solid #ccc;
  text-align: center;
  margin-top: 30px;
  padding-top: 15px;
  font-size: 14px;
}
/* Force all ast-container to behave the same */
/* Make all Elementor pages full-width in Astra */
.elementor-template-full-width .ast-container {
    max-width: 100% !important;
    padding: 0 !important;
}
@media(max-width: 576px){
.footer-column img {
    width: 150px;
    padding-bottom: 0;
}
.footer-column p {
font-family: "poppins", 'sans-serif';
font-size: 16px!Important;
margin-bottom: 14px!important;
padding-left: 0;
}
.social-icons {
padding-left: 0;
}

}