/**
 * Custom Width Adjustments for WISDOM FOUNDATION Website
 * This file contains custom width adjustments for containers
 */

/* Increase container max-widths for all breakpoints */
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 95% !important;
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 95% !important;
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 95% !important;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1400px !important;
    }
}

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1600px !important;
    }
}

/* Increase width for specific sections */
.section,
.page-section,
.newsletter-section,
.quick-links,
.about-section,
.goals-section,
.testimonials-section,
.team-section,
.gallery-section {
    padding-left: 2rem;
    padding-right: 2rem;
}

/* Adjust card grid spacing */
.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row > [class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

/* Adjust content spacing */
.content-section {
    padding: 3rem 2rem;
}

/* Adjust page header width */
.page-header .container {
    max-width: 1600px !important;
    width: 95%;
}

.page-header {
    max-width: 100%;
    width: 100%;
}

/* Adjust footer width */
footer .container {
    max-width: 1600px !important;
}

/* Adjust navbar width */
.navbar .container {
    max-width: 1600px !important;
}

/* Adjust header width */
header .container {
    max-width: 1600px !important;
}

/* Adjust top bar width */
.top-bar .container {
    max-width: 1600px !important;
}

/* Adjust mobile quick actions width */
.mobile-quick-actions .container {
    max-width: 1600px !important;
}

/* Adjust hero slider width */
#heroSlider {
    width: 100%;
    max-width: 100%;
}

/* Adjust all sections to have proper spacing */
.section, .page-section {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}