/*
Theme Name: SiteOrigin Unwind Child
Author: SiteOrigin
Author URI: https://siteorigin.com/
Theme URI: https://siteorigin.com/theme/unwind
Description: SiteOrigin Unwind Child Theme
Version: 1.0.0
Template: siteorigin-unwind
Text Domain: siteorigin-unwind
Domain Path: /languages/
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
/* ============================================================
   BB21 Framework - Style 2 (Architectural Green & Centered Logo)
   ============================================================ */

/* 1. HEADER & LOGO FIX (Centers & Prevents Layout Shift) */
.site-branding {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

.site-branding a img {
    width: 200px !important;
    height: 100px !important;
    aspect-ratio: 2 / 1;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 2. HERO SECTION LAYOUT */
.bb21-s2-hero {
    padding: 60px 20px;
    background: #ffffff;
    overflow: hidden;
}

.bb21-s2-container {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* Mobile Alignment */
@media (max-width: 991px) {
    .bb21-s2-content { text-align: center; }
    .bb21-s2-btn-group { justify-content: center; }
}

/* Desktop Side-by-Side */
@media (min-width: 992px) {
    .bb21-s2-container { 
        flex-direction: row; 
        align-items: center; 
    }
    .bb21-s2-content { flex: 1.1; }
    .bb21-s2-visual { flex: 0.9; }
}

/* 3. TYPOGRAPHY & BRANDING (Green + 300/500 Weights) */
    h1, .elementor-heading-title, .bb21-s2-title, h1 {
    font-size: clamp(1.8rem, 5vw, 2.8rem);	
    color: #831ac9 !important;
}; /* Brand Green */
    line-height: 1.1;
    margin-bottom: 20px;
    font-weight: 500; 
}

.bb21-s2-p {
    font-size: 1.1rem;
    color: #333;
    font-weight: 300; 
    line-height: 1.7;
    margin-bottom: 30px;
}

/* 4. BUTTONS (0px Radius, 300 Weight) */
.bb21-s2-btn-group { display: flex; gap: 12px; flex-wrap: wrap; }

.bb21-s2-btn {
    padding: 14px 30px;
    border-radius: 0px !important; 
    text-decoration: none;
    font-weight: 300; 
    font-size: 0.9rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.2s ease;
    display: inline-block;
}

.bb21-s2-btn-primary {
    background: #157f4a; /* Brand Green */
    color: #ffffff !important;
    border: 1px solid #4CAF50;
}

.bb21-s2-btn-secondary {
    border: 1px solid #157f4a;
    color: #157f4a;
}

/* 5. VISUALS (Slanted Architectural Cut) */
.bb21-s2-img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);