/* LED Alternatives Core Styles */

/* Page Container and Max Width */
.alternatives-archive-content-area,
.single-alternatives-content-area {
    max-width: 1368px;
    width: 95%;
    margin: 0 auto;
    padding: 24px 0;
}

/* Full-width sections that break out of container - only heroes */
.alternatives-archive-hero,
.alternatives-single-hero {
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    left: 50%;
    right: 50%;
    position: relative;
}

/* Reset full-width sections on mobile */
@media (max-width: 768px) {
    .alternatives-archive-hero,
    .alternatives-single-hero {
        width: 100%;
    }
}

/* Responsive content area padding */
@media (min-width: 768px) {
    .alternatives-archive-content-area,
    .single-alternatives-content-area {
        padding: 40px 0;
    }
}

@media (min-width: 1024px) {
    .alternatives-archive-content-area,
    .single-alternatives-content-area {
        padding: 64px 0;
    }
}