/*
 Theme Name:   SCIAPro Child
 Theme URI:    https://sciapro.com
 Description:  A clean, minimalistic child theme for the Astra parent theme, designed for the SCIAPro content site.
 Author:       Your Name
 Author URI:   https://sciapro.com
 Template:     astra
 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:  sciapro-child
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Global Styles & Variables
2.0 Hero Section
3.0 Featured Post
4.0 Post Grid
5.0 CTA Section
--------------------------------------------------------------*/

/* 1.0 Global Styles & Variables
--------------------------------------------------------------*/
:root {
    --sciapro-primary-color: #1a237e; /* A deep, professional blue */
    --sciapro-secondary-color: #3f51b5; /* A slightly lighter blue for accents */
    --sciapro-dark-text: #212121;
    --sciapro-light-text: #ffffff;
    --sciapro-body-text: #424242;
}

body {
    color: var(--sciapro-body-text);
}

.sciapro-cta-button {
    display: inline-block;
    background-color: var(--sciapro-secondary-color);
    color: var(--sciapro-light-text);
    padding: 12px 28px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.sciapro-cta-button:hover {
    background-color: var(--sciapro-primary-color);
    color: var(--sciapro-light-text);
}


/* 2.0 Hero Section
--------------------------------------------------------------*/
.sciapro-hero {
    background-color: #f5f5f5;
    text-align: center;
    padding: 80px 20px;
    margin-bottom: 40px;
}

.sciapro-hero h1 {
    font-size: 3.5rem;
    color: var(--sciapro-primary-color);
    margin-bottom: 10px;
}

.sciapro-hero .subheadline {
    font-size: 1.25rem;
    color: var(--sciapro-body-text);
    margin-bottom: 30px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}


/* 3.0 Featured Post
--------------------------------------------------------------*/
.sciapro-featured-post {
    margin-bottom: 60px;
    text-align: center;
}

.sciapro-featured-post h2 {
    margin-bottom: 20px;
    font-size: 2rem;
    color: var(--sciapro-dark-text);
}

.sciapro-featured-post .featured-article img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 5px;
}

.sciapro-featured-post .featured-article h3 a {
    text-decoration: none;
    color: var(--sciapro-primary-color);
    font-size: 2.2rem;
}

.sciapro-featured-post .featured-article .entry-excerpt {
    font-size: 1.1rem;
    max-width: 700px;
    margin: 15px auto 0 auto;
}


/* 4.0 Post Grid
--------------------------------------------------------------*/
.sciapro-post-grid {
    margin-bottom: 60px;
}

.sciapro-post-grid h2 {
    text-align: center;
    margin-bottom: 40px;
    font-size: 2rem;
    color: var(--sciapro-dark-text);
}

.sciapro-grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.sciapro-grid-container article {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 20px;
    transition: box-shadow 0.3s ease;
}

.sciapro-grid-container article:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.sciapro-grid-container article h3 a {
    text-decoration: none;
    color: var(--sciapro-secondary-color);
    font-size: 1.4rem;
}


/* 5.0 CTA Section
--------------------------------------------------------------*/
.sciapro-cta {
    background-color: var(--sciapro-primary-color);
    color: var(--sciapro-light-text);
    text-align: center;
    padding: 60px 20px;
}

.sciapro-cta h2 {
    font-size: 2.2rem;
    margin-bottom: 20px;
    color: var(--sciapro-light-text);
}