/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.4.1781684597
Updated: 2026-06-17 16:23:17

*/

/* Post Grid - 3 columns default for desktop */
.post-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 30px;
}

/* Tablet view - 2 columns */
@media screen and (max-width: 1024px) {
    .post-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Mobile view - 1 column */
@media screen and (max-width: 768px) {
    .post-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    /* Optional: Adjust article padding on mobile */
    .post-grid article {
        padding: 8% !important;
    }
}

/* Small mobile devices */
@media screen and (max-width: 480px) {
    .post-grid {
        gap: 15px;
    }
    
    .post-grid article {
        padding: 6% !important;
    }
}


/* Pagination wrapper styling */
.pagination-wrapper .nav-links {
    display: flex;
    justify-content: center;
    gap: 12px; /* Gap between all pagination items */
    align-items: center;
    flex-wrap: wrap;
}

.pagination-wrapper .page-numbers {
    padding: 6px 10px;
    min-width: 32px;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px; /* Font size set to 12px */
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    /* Use your theme's default colors - adjust these */
    color: #333; /* Default text color - change to your theme's default */
    background: transparent;
    border: 1px solid transparent;
}

/* Current page number styling - highlighted */
.pagination-wrapper .page-numbers.current {
    background: #007cba; /* WordPress default blue - change to your theme's color */
    color: #ffffff; /* White text for contrast */
    border-color: #007cba;
    font-weight: bold;
    cursor: default;
}

/* Hover effect for all clickable page numbers */
.pagination-wrapper .page-numbers:not(.current):hover {
    background: #f0f0f0; /* Light gray hover - change to your theme's hover color */
    color: #007cba; /* Your theme's accent color on hover */
    border-color: #007cba;
}

/* Specific styling for prev/next links */
.pagination-wrapper .page-numbers.prev,
.pagination-wrapper .page-numbers.next {
    padding: 6px 12px;
}

/* Hover effect for prev/next links */
.pagination-wrapper .page-numbers.prev:hover,
.pagination-wrapper .page-numbers.next:hover {
    background: #f0f0f0;
    color: #007cba;
    border-color: #007cba;
}

/* Dots styling */
.pagination-wrapper .page-numbers.dots {
    color: #999;
    cursor: default;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .pagination-wrapper .nav-links {
        gap: 10px;
    }
    
    .pagination-wrapper .page-numbers {
        font-size: 14px; /* Keep same font size */
        padding: 5px 8px;
        min-width: 30px;
        min-height: 30px;
    }
}

@media screen and (max-width: 480px) {
    .pagination-wrapper .nav-links {
        gap: 8px;
    }
    
    .pagination-wrapper .page-numbers {
        font-size: 14px; /* Keep consistent font size */
        padding: 4px 7px;
        min-width: 28px;
        min-height: 28px;
    }
}