/*
Theme Name: Clearout Crew Elite
Theme URI: https://clearoutcrew.ca
Template: kadence
Author: alieu k.
Author URI: https://clearoutcrew.ca
Description: Child theme for Kadence – custom redesign for Clearout Crew
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.4.1770886951
Updated: 2026-02-12 09:02:31
*/

/* -------------------------------------------------
   BASE STYLES
------------------------------------------------- */
body {
    font-family: 'Poppins', sans-serif;
    background-color: #ffffff; /* bright, neutral background */
    color: #111111; /* dark text for readability */
    margin: 0;
    padding: 0;
}

a {
    color: #ff6600; /* primary link color */
    text-decoration: none;
}

a:hover {
    color: #ff3300;
}

/* -------------------------------------------------
   HEADER
------------------------------------------------- */
header.site-header {
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    padding: 1rem 0;
}

/* -------------------------------------------------
   HERO SECTION
------------------------------------------------- */
.hero-section {
    height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ff6600 0%, #ff9900 100%);
    color: white;
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    opacity: 0; /* for fade-in effect */
    transition: opacity 2s ease-in-out;
}

/* -------------------------------------------------
   SECTIONS & SPACING
------------------------------------------------- */
.section {
    padding: 4rem 2rem;
}

.section h2 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    text-align: center;
}

.section p {
    font-size: 1rem;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

/* -------------------------------------------------
   BUTTONS
------------------------------------------------- */
.btn-primary {
    background-color: #ff6600;
    color: white;
    padding: 0.8rem 2rem;
    border-radius: 6px;
    font-weight: 600;
    display: inline-block;
    transition: background 0.3s;
}

.btn-primary:hover {
    background-color: #ff3300;
}

/* -------------------------------------------------
   FOOTER
------------------------------------------------- */
footer.site-footer {
    background-color: #111111;
    color: #ffffff;
    text-align: center;
    padding: 2rem 1rem;
    font-size: 0.9rem;
}

/* -------------------------------------------------
   UTILITY CLASSES
------------------------------------------------- */
.text-center { text-align: center; }

.mt-2 { margin-top: 0.5rem; }
.mt-4 { margin-top: 1rem; }
.mt-8 { margin-top: 2rem; }

.mb-2 { margin-bottom: 0.5rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-8 { margin-bottom: 2rem; }