/**
 * Full-width Homepage Template Styles
 * Override default container widths for the homepage template
 */

/* Remove container constraints on the homepage */
.homepage-template .site-content {
    padding: 0;
}

.homepage-template .site-content .container {
    max-width: 100%;
    padding: 0;
}

.homepage-template .content-wrapper {
    margin: 0;
    display: block;
}

.homepage-template #primary {
    flex: 0 0 100% !important;
    max-width: 100%;
    padding: 0;
}

/* Keep container widths inside each section */
.homepage-template section .container {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
}

/* Make sure the header and footer still have proper spacing */
.homepage-template .site-header,
.homepage-template .site-footer {
    width: 100%;
}