/*
Theme Name: Thrive OnePager
Author: Thrive Renewables
Description: Simple one-page theme for Thrive Renewables.
Version: 1.0
*/

body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    color: #1a1a1a;
}

h2 {
    color: #205A40;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.3;
}

.section {
    padding: 80px 20px;
    max-width: 1100px;
    margin: auto;
}

.about-container {
    display: flex;
    align-items: center;
    gap: 50px;
    flex-wrap: wrap;
}

.social-container {
    display: flex;
    align-items: center;
    gap: 50px;
    flex-wrap: wrap;
}

/* Image left */
.social-image {
    flex: 0 1 400px;
    display: flex;
    justify-content: center;
}

.social-image img {
    width: 100%;
    max-width: 400px;
    height: auto;
    display: block;
    border-radius: 4px;
}

/* Text right */
.social-text {
    flex: 1 1 500px;
    min-width: 300px;
}

/* Mobile */
@media (max-width: 768px) {
    .social-container {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Left text */
.about-text {
    flex: 1 1 500px;
    min-width: 300px;
}

/* Right image container */
.about-image {
    flex: 1 1 400px;
    display: flex;
    justify-content: center;   /* keeps image nicely positioned */
}

/* Image behaviour */
.about-image img {
    width: 100%;        /* scales with container */
    max-width: 500px;   /* maximum size on large screens */
    height: auto;
    border-radius: 4px;
    display: block;
}

/* Mobile stacking */
@media (max-width: 768px) {
    .about-container {
        flex-direction: column;
        text-align: left;
    }
}

.project-container {
    display: flex;
    align-items: center;
    gap: 50px;
    flex-wrap: wrap;
}

/* Image left */
.project-image {
    flex: 1 1 400px;
    display: flex;
    justify-content: center;
}

.project-image img {
    width: 100%;
    max-width: 500px;
    height: auto;
    border-radius: 4px;
    display: block;
}

/* Text right */
.project-text {
    flex: 1 1 500px;
    min-width: 300px;
}

/* Mobile */
@media (max-width: 768px) {
    .project-container {
        flex-direction: column;
    }
}

.partnership-images {
    display: flex;
    gap: 40px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.partnership-image {
    flex: 1 1 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partnership-image img {
    max-height: 100px;
    width: auto;
    max-width: 75%;
    object-fit: contain;
    display: block;
	align-content: center;
}

/* Mobile */
@media (max-width: 768px) {
    .partnership-images {
        flex-direction: column;
    }
}

.hero {
    height: 80vh;
    color: #fff;
    background: #205a40;
    display: flex;
    align-items: center;
}

.hero-content {
    max-width: 700px;
    margin-left: 10%;
	background-image: "https://thriverenewables.co.za/wp-content/uploads/2026/02/Primary-min-1-scaled.jpeg";
	background-repeat: no-repeat;
	background-position: center;
}

.hero h1 {
    font-size: 42px;
}

.btn {
    background: #00a859;
    color: #fff;
    padding: 14px 28px;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
}

.alt {
    background: #f4f6f7;
}

.grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.grid div {
    flex: 1;
    min-width: 260px;
}

footer {
    background: #0b2e3c;
    color: #fff;
    padding: 40px 20px;
    text-align: center;
}