/**
Theme Name: Astra child
Author: eduperks
Author URI: http://wpastra.com/about/
Description: Child theme for Astra eduperks
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
*/



/* Main Wrapper */
            .education-news-wrapper {
                
                margin: 0 auto;
                    padding: 40px 40px;
    				background-color: #eaeaea;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            }
            
            /* News Grid */
            .news-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 24px;
                margin-bottom: 30px;
            }
            
            /* News Card */
            .news-card {
                background: #fff;
                border-radius: 8px;
                overflow: hidden;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }
            
            .news-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
            }
            
            .news-card-inner {
                display: flex;
                gap: 16px;
                padding: 16px;
            }
            
            /* News Image */
            .news-img {
                flex-shrink: 0;
                width: 120px;
                height: 120px;
                overflow: hidden;
                border-radius: 6px;
                background-color: #f3f4f6;
            }
            
            .news-img img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.5s ease;
            }
            
            .news-card:hover .news-img img {
                transform: scale(1.15);
            }
            
            /* News Content */
            .news-content {
                flex: 1;
                display: flex;
                flex-direction: column;
            }
            
            .news-title {
                font-size: 16px;
                font-weight: 600;
                color: #1f2937;
                margin: 0 0 8px 0;
                line-height: 1.4;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }
            
            .news-title-link {
                color: #1f2937;
                text-decoration: none;
                transition: color 0.3s ease;
            }
            
            .news-title-link:hover {
                color: #ff5700;
            }
            
            .news-category {
                display: inline-block;
                padding: 4px 12px;
                background-color: #1e40af;
                color: #fff;
                font-size: 11px;
                font-weight: 600;
                border-radius: 4px;
                text-transform: uppercase;
                margin-top: auto;
                align-self: flex-start;
            }
            
            /* Responsive Design */
            @media (max-width: 768px) {
                .education-news-wrapper {
                    padding: 24px 16px;
                }
                
                .news-grid {
                    grid-template-columns: 1fr;
                    gap: 16px;
                }
                
                .news-card-inner {
                    flex-direction: column;
                }
                
                .news-img {
                    width: 100%;
                    height: 180px;
                }
                
                .news-content {
                    padding-right: 0;
                }
            }
            
            @media (max-width: 480px) {
                .news-title {
                    font-size: 14px;
                }
            }