/*
Theme Name: Stem
Theme URI: https://example.com/stem
Author: NLite Webs Solution
Description: A lightweight, Elementor-first WordPress theme for modern landscape & design studios.
Version: 1.0.0
License: GPL v2 or later
Text Domain: stem
*/

/* --- Base Child & Sub-Child Styles --- */
.child-left, .child-right {
    transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
    flex-basis: 50% !important;
    display: flex !important; /* CRITICAL: Must be flex to arrange sub-children in a row */
    overflow: hidden;
}

.people_bio_info, .people_bio_description {
    transition: all 0.7s ease !important;
    flex: 1 1 100% !important; /* Default: people_bio_info takes all available space */
    min-width: 0; 
}

.people_bio_description {
    flex: 0 0 0% !important; /* Default: people_bio_description is hidden */
}

/* --- State: Left Child Expanded (as shown in image) --- */
.expanding-parent.active-left .child-left {
    flex-basis: 100% !important;
}

/* Inside the now-expanded left child, split the space 50/50 */
.expanding-parent.active-left .child-left .people_bio_info,
.expanding-parent.active-left .child-left .people_bio_description {
		width: 48%;
    flex: 1 1 48% !important; 
}

/* Hide the right main child */
.expanding-parent.active-left .child-right {
    flex-basis: 0% !important;
    opacity: 0;
    padding: 0 !important;
    margin: 0 !important;
}

/* --- State: Right Child Expanded --- */
.expanding-parent.active-right .child-right {
    flex-basis: 100% !important;
}

/* Inside the now-expanded right child, split the space 50/50 */
.expanding-parent.active-right .child-right .people_bio_info,
.expanding-parent.active-right .child-right .people_bio_description {
		width: 50%;
    flex: 1 1 50% !important;
    opacity: 1;
}

/* Hide the left main child */
.expanding-parent.active-right .child-left {
    flex-basis: 0% !important;
    opacity: 0;
    padding: 0 !important;
    margin: 0 !important;
}