body {
    font-family: 'Inter', sans-serif;
    background-color: #f0fdf4; /* A very light green for an eco-friendly feel */
}

.hero-bg {
    /* Placeholder for a hero image with a green overlay */
    background-image: url('https://placehold.co/1920x800/d1fae5/065f46?text=Engaging+Imagery');
    background-size: cover;
    background-position: center;
    position: relative; /* Needed for the absolute positioning of the overlay */
}

.hero-overlay {
    /* This div creates the soft gradient overlay effect */
    background: linear-gradient(to right, rgba(6, 78, 59, 1), rgba(6, 78, 59, 0));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* This new class specifically targets the article content container. */
.uk-container {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.uk-navbar-container{
    padding-left: 10% !important;
    padding-right: 10% !important;
}

#about-cards {
	display: flex !important;
    align-items: stretch !important;
}